@charset "utf-8";
/* ===================================================================
CSS information
file name  :campaign.css
style info :キャンペーン用
=================================================================== */

/* =====================================================
▼クリスマス　商品一覧ページのメインエリア
====================================================== */
#eventListTop {
	width:100%;
	clear:both;
	margin-bottom:60px;
}
#eventListTop:after {
    content: "";
    display: block;
    clear: both;
}
#eventListTop div.mainPic {
	width:726px;
}
#eventListTop div.mainPic img {
	width:726px;
}
div#christmasInfo {
	margin-top:-8px;
    background-color: #A8161D;
	padding:20px;
}


div#christmasInfo div.contents h2.ttl {
    background-color: #183C00;
	color:#FFF;
	line-height:1.8em;
	text-align: center;
	margin:0 auto 20px auto;
	padding:4px 8px;
	width:460px;
}

div#christmasInfo div.contents {
	padding:20px 20px 0 20px;
    background: url("../img/background/christmas-bg.png") no-repeat center top;
    background-color: #FFF;
	background-position: 16px 10px;  
}
div#christmasInfo div.contents p.ttl {
	font-weight:bold;
	font-size: 15px; font-size: 1.5rem;
    border-bottom: solid 1px #ADADAD;
    padding: 8px 0;
	margin-bottom:8px;
	clear:both;
}
div#christmasInfo div.contents span {
	font-weight:bold;
	color:#A8161D;
}
div#christmasInfo div.contents li {
	list-style-type:disc;
	margin-left:30px;
}

/* =====================================================
▼1カラムバナー
====================================================== */
div#eventBanner {
	width:100%;
	clear:both;
}
div#eventBanner:after { 
    content: "";
    display: block;
    clear: both;
}
div#eventBanner ul {
	margin-bottom:60px;
}
div#eventBanner ul li {
	margin-bottom:5px;
	text-align: center;	
	display:block;
}
div#eventBanner ul li img {
	margin-bottom:10px;
	text-align: center;
	width:726px;
}
div#eventBanner ul li img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

div#reviewBanner {
	width:100%;
	clear:both;
}
div#reviewBanner:after { 
    content: "";
    display: block;
    clear: both;
}
div#reviewBanner p {
	text-align: center;	
}
div#reviewBanner img {
	margin-bottom:5px;
	text-align: center;
	width:726px;
}
div#reviewBanner a img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
.fs-reviewCp {
	color:#AC0000;
	font-weight:bold;
}


/* =====================================================
▼父の日
====================================================== */
#eventFt {
	width:100%;
	clear:both;
}
#eventFt:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div.mainimg img {
	width:978px;
	height:368px;
	margin-bottom:60px;
}
#eventFt div.mainimg2 {
    text-align:center;
}
#eventFt div.mainimg2 img {
	width:726px;
	height:368px;
	margin-bottom:80px;
}
#eventFt div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
}
#eventFt div.mainlogo img {
	width:200px;
	margin-bottom:20px;
}
#eventFt div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 22px; font-size: 2.2rem;
	display:block;
	color:#222;
	margin-bottom:16px;
	display:block;
}
#eventFt div.mainlogo h1,
#eventFt div.mainlogo h2 {
	font-size: 16px; font-size: 1.6rem;
	color:#222;
	margin-bottom:60px;
}

/* 商品用3カラム
-------------------- */
#eventFt div#main3col {
	width:100%;
	clear:both;
	margin-bottom:40px;
}
#eventFt div#main3col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#main3col div.LeftCol p,
#eventFt div#main3col div.CenterCol p,
#eventFt div#main3col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.6em;
    text-align:center;
	margin:16px auto;
}
#eventFt div#main3col div.LeftCol,
#eventFt div#main3col div.CenterCol,
#eventFt div#main3col div.RightCol {
	width:306px;
	float:left;
}
#eventFt div#main3col div.LeftCol h2,
#eventFt div#main3col div.CenterCol h2,
#eventFt div#main3col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:1.4em;
    text-align:center;
	font-weight:bold;
	color:#222;
	margin-bottom:10px;
}
#eventFt div#main3col .free {
	background: #222;
	color:#FFF;
	font-size: 15px; font-size: 1.5rem;
	padding:2px 10px;
	display:block;
	margin:10px 0 24px 0;
}

#eventFt div#main3col div.CenterCol,
#eventFt div#main3col div.RightCol {
	margin-left:30px;
}
#eventFt div#main3col div.LeftCol img,
#eventFt div#main3col div.CenterCol img,
#eventFt div#main3col div.RightCol img {
	width:306px;
}
#eventFt div#main3col div.LeftCol img:hover,
#eventFt div#main3col div.CenterCol img:hover,
#eventFt div#main3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#eventFt div#main3col dl {
	width:306px;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
}
#eventFt div#main3col dt {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
	clear: left;
	float: left;
	width: 124px;
	padding: 5px 0 10px 1.2em;
}
#eventFt div#main3col dd {
	font-size: 39px; font-size: 3.9rem;
	line-height:1em;
    text-align:right;
	font-weight:bold;
	color:#222;
	margin-left: 0;
	padding: 3px 0.4em 8px 124px;
}


/* ベルギーという国
-------------------- */
#eventFt div#messeage {
	width:100%;
	clear:both;
	margin-bottom:0px;
}
#eventFt div#messeage:after,
#eventFt div#city:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#messeage div.about {
	width:306px;
	float:left;
}
#eventFt div#messeage div.about h3 {
	font-size: 34px; font-size: 3.4rem;
	line-height:1em;
	font-weight:bold;
	color:#222;
	margin:150px 0 60px 0;	
}
#eventFt div#messeage div.about p {
	font-size: 16px; font-size: 1.6rem;
	line-height:1.6em;
}
#eventFt div#messeage div.map {
	width:672px;
	float:right;
}
#eventFt div#messeage div.map img {
	width:672px;
}
#eventFt div#city {
	width:100%;
	clear:both;
	margin-bottom:60px;
}


/* サブ2カラム
-------------------- */
#eventFt div#sub2col {
	width:100%;
	clear:both;
	margin-bottom:80px;
}
#eventFt div#sub2col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#sub2col div.LeftCol p,
#eventFt div#sub2col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.6em;
}
#eventFt div#sub2col div.LeftCol,
#eventFt div#sub2col div.RightCol {
	width:428px;
	float:left;
}
#eventFt div#sub2col div.LeftCol h2,
#eventFt div#sub2col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:2.1em;
    text-align:center;
	font-weight:bold;
	color:#222;
}
#eventFt div#sub2col div.LeftCol {
	margin-left:46px;
}
#eventFt div#sub2col div.RightCol {
	margin-left:30px;
}
#eventFt div#sub2col div.LeftCol img,
#eventFt div#sub2col div.RightCol img {
	width:428px;
}

/* ベルギービールで乾杯しよう
-------------------- */
#eventFt div#messeage2 {
	width:100%;
	clear:both;
	margin-bottom:80px;
    background: #211006;
}
#eventFt div#messeage2:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#messeage2 img {
	margin-bottom:0px;
	width:978px;
}
#eventFt div#messeage2 p {
	font-size: 32px; font-size: 3.2rem;
	line-height:3em;
	color:#FFF;
	letter-spacing: 0.5em;
    text-align:center;
}
/* スタッフ3カラム
-------------------- */
#eventFt div#staff3col {
	width:100%;
	clear:both;
	margin-bottom:80px;
}
#eventFt div#staff3col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#staff3col div.LeftCol p,
#eventFt div#staff3col div.CenterCol p,
#eventFt div#staff3col div.RightCol p {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.5em;
	margin-bottom:5px;
}
#eventFt div#staff3col div.LeftCol span,
#eventFt div#staff3col div.CenterCol span,
#eventFt div#staff3col div.RightCol span {
	font-size: 11px; font-size: 1.1rem;
	line-height:1.3em;
}
#eventFt div#staff3col div.LeftCol,
#eventFt div#staff3col div.CenterCol,
#eventFt div#staff3col div.RightCol {
	width:222px;
	float:left;
}
#eventFt div#staff3col div.LeftCol {
	margin-left:116px;
}
#eventFt div#staff3col div.CenterCol,
#eventFt div#staff3col div.RightCol {
	margin-left:40px;
}
#eventFt div#staff3col div.LeftCol img,
#eventFt div#staff3col div.CenterCol img,
#eventFt div#staff3col div.RightCol img {
	width:222px;
}
#eventFt div#staff3col div.LeftCol img:hover,
#eventFt div#staff3col div.CenterCol img:hover,
#eventFt div#staff3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

/* キャンペーン(ブルーエリア)
-------------------- */
#eventFt div#campaign {
	width:100%;
	clear:both;
	margin-bottom:80px;
	padding:30px;
	background: url(../../../../../img/campaign/fathersDay2016/bg-blue.png) repeat-y;
}
#eventFt div#campaign:after { 
    content: "";
    display: block;
    clear: both;
}
#eventFt div#campaign h2 {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 36px; font-size: 3.6rem;
	display:block;
	color:#222;
	margin-top:20px;
}
#eventFt div#campaign p {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.5em;
	margin-bottom:40px;
    text-align:center;
}
#eventFt div#campaign div#campaignCol {
	width:918px;
	clear:both;
	margin-bottom:30px;
}
#eventFt div#campaign div#campaignCol div.LeftCol {
	width:444px;
	float:left;
    background: #0E4DA3;
	color:#FFF;
	padding:30px;
	margin-bottom:20px;
}
#eventFt div#campaign div#campaignCol div.RightCol {
	width:444px;
	margin-left:20px;
	float:left;
    background: #0E4DA3;
	color:#FFF;
	padding:30px;
	margin-bottom:20px;
}
#eventFt div#campaign div#campaignCol div.LeftCol h3,
#eventFt div#campaign div#campaignCol div.RightCol h3 {
	font-size: 21px; font-size: 2.1rem;
	font-weight:bold;
	display:block;
	color:#FFF;
	margin-bottom:15px;
}
#eventFt div#campaign div#campaignCol div.LeftCol p,
#eventFt div#campaign div#campaignCol div.RightCol p {
    text-align:left;
	margin:0;
}
#eventFt div#campaign div#campaignCol div.LeftCol span img,
#eventFt div#campaign div#campaignCol div.RightCol span img {
	width:380px;
	margin-top:10px;
}

#eventFt div#campaign div#campaignCol div.LeftCol p img.picR,
#eventFt div#campaign div#campaignCol div.RightCol p img.picR {
	float:right;
	margin-left:10px;
	width:170px;
}


/*比較一覧
----------------------------------------------------------- */
#eventFt div#comparison {
	width:100%;
	margin-bottom:80px;
}
#eventFt div#comparison {
    content: "";
    display: block;
	clear: both;
}
#eventFt div#comparison h3 {
	margin-bottom: 20px;
	padding: 10px 0;
	border-top: solid 1px #ADADAD;
	border-bottom: solid 1px #ADADAD;
	font-size: 15px; font-size: 1.5rem;
	color: #222;
	font-weight:nomal;
}

#eventFt div#comparison table {
    border-top: 1px solid #E6E6E8;
    border-left: 1px solid #E6E6E8;
    border-right: 1px solid #E6E6E8;
    border-collapse: collapse;
    text-align: left;
	width: 100%;
}
#eventFt div#comparison table th {
    padding: 8px;
    background-color: #F1F1F1;
    border-left: 1px solid #E6E6E8;
    border-bottom: 1px solid #E6E6E8;
    font-weight: normal;
	vertical-align:middle;
	line-height:1.6em;
}
#eventFt div#comparison table th span.item {
	font-size: 14px; font-size: 1.4rem;
    text-align: center;
	display:block;
}
#eventFt div#comparison table th span.price {
    text-align: center;
	display:block;
}

#eventFt div#comparison table th span.tax {
	font-size: 10px; font-size: 1rem;
	display:block;
    text-align: center;
}
#eventFt div#comparison table td {
    padding: 8px;
    border: 1px solid #E6E6E8;
    border-bottom: 1px solid #E6E6E8;
	vertical-align:middle;
	line-height:1.6em;
    text-align: center;
}



/* =====================================================
商品ページ イベント用3カラム
====================================================== */
#event3Col {
	width:100%;
	clear:both;
}
#event3Col:after { 
    content: "";
    display: block;
    clear: both;
}
#event3Col h3.item {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
	padding-bottom:1px;
	margin-bottom:10px;
	border:none;
}
#event3Col div.col1 {
	width: 220px;
	float:left;
	clear:both;
	margin-bottom:10px;
}
#event3Col div.col2 {
	width: 220px;
	float:right;
	margin-left:30px;
	margin-bottom:10px;
}
#event3Col div.col3 {
	width: 220px;
	float:right;
	margin-left:30px;
	margin-bottom:10px;
}
#event3Col img {
	width: 220px;
}
#event3Col img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#event3Col p {
	line-height:1.4em;
	font-size: 13px; font-size: 1.3rem;
}

/* 商品ページ イベント用2カラム
----------------------------------------------- */
#event2Col {
	width:100%;
	clear:both;
}
#event2Col:after { 
    content: "";
    display: block;
    clear: both;
}
#event2Col ul li {
	width: 348px;
	float:left;
	margin:0 0 20px 10px;
}
#event2Col ul li li:nth-child(2n+1) {
	clear:both;
	margin-left: 0;
}
#event2Col ul li span.itemName {
	line-height:1.4em;
	font-size: 14px; font-size: 1.4rem;
	font-weight:bold;
	display:inline-block;
	width:238px;
	margin-bottom:10px;
}
#event2Col ul li span.itemDetail {
	line-height:1.3em;
	font-size: 11px; font-size: 1.1rem;
}
#event2Col li img {
	width: 90px;
    border: 1px solid #E6E6E8;
	float:left;
	margin-right:10px;
}

/* =====================================================
商品ページ イベント用3カラム ul li
====================================================== */
#eventItem3Col {
	width:100%;
	clear:both;
}
#eventItem3Col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventItem3Col ul {
	width:100%;
	margin-bottom:80px;
	margin-top:-60px;
}
#eventItem3Col ul li {
	width:166px;
	float: left;
	margin-left:19px;
	margin-bottom:40px;
	line-height:1.3em;
}
#eventItem3Col ul li a:link {
	color:#333;
	display: block;
}
#eventItem3Col ul li span.item {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.5em;
	margin-bottom:0px;

}
#eventItem3Col ul li span.description {
	font-size: 12px; font-size: 1.2rem;
	line-height:1.2em;
	margin-bottom:0px;
    text-align: left;
}
#eventItem3Col li:nth-child(4n+1)  {
	clear: left;
	margin-left:0;
}
#eventItem3Col li img {
	width:166px;
	margin-bottom:0px;
	display: block;
}
#eventItem3Col li img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#eventItem3Col li:first-child {
	margin-left:0;
}
#eventItem3Col li:before,
#eventItem3Col li:after {
	content: "";
	display: table;
	clear:both;
}
#eventItem3Col li:after {
	clear: both;
}







/* ===================================================================
▼夏のお中元
==================================================================== */
#eventCp {
	width:100%;
	clear:both;
}
#eventCp:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div.mainimg img {
	width:978px;
	height:368px;
	margin-bottom:60px;
}
#eventCp div.mainimg2 {
    text-align:center;
}
#eventCp div.mainimg2 img {
	width:754px;
	height:483px;
	margin-bottom:80px;
}
#eventCp div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
}
#eventCp div.mainlogo img {
	width:94px;
	height:105px;
}
#eventCp div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 24px; font-size: 2.4rem;
	display:block;
	color:#006FBF;
	margin-bottom:20px;
}
#eventCp div.mainlogo h1,
#eventCp div.mainlogo h2 {
	font-size: 16px; font-size: 1.6rem;
	line-height:1.4em;
	color:#006FBF;
	margin-bottom:60px;
}

/* 商品用3カラム
-------------------- */
#eventCp div#main3col {
	width:100%;
	clear:both;
	margin-bottom:40px;
}
#eventCp div#main3col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#main3col div.LeftCol p,
#eventCp div#main3col div.CenterCol p,
#eventCp div#main3col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
    text-align:center;
}
#eventCp div#main3col div.LeftCol,
#eventCp div#main3col div.CenterCol,
#eventCp div#main3col div.RightCol {
	width:306px;
	float:left;
}
#eventCp div#main3col div.LeftCol h2,
#eventCp div#main3col div.CenterCol h2,
#eventCp div#main3col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:1.6em;
    text-align:center;
	font-weight:bold;
	color:#222;
}
#eventCp div#main3col div.CenterCol,
#eventCp div#main3col div.RightCol {
	margin-left:30px;
}
#eventCp div#main3col div.LeftCol img,
#eventCp div#main3col div.CenterCol img,
#eventCp div#main3col div.RightCol img {
	width:306px;
}
#eventCp div#main3col div.LeftCol img:hover,
#eventCp div#main3col div.CenterCol img:hover,
#eventCp div#main3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#eventCp div#main3col dl {
	width:306px;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
}
#eventCp div#main3col dt {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
	clear: left;
	float: left;
	width: 124px;
	padding: 5px 0 10px 1.2em;
}
#eventCp div#main3col dd {
	font-size: 39px; font-size: 3.9rem;
	line-height:1em;
    text-align:right;
	font-weight:bold;
	color:#222;
	margin-left: 0;
	padding: 3px 0.4em 8px 124px;
}


/* ベルギーという国
-------------------- */
#eventCp div#messeage {
	width:100%;
	clear:both;
	margin-bottom:0px;
}
#eventCp div#messeage:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#messeage div.about  {
	width:306px;
	float:left;
}
#eventCp div#messeage div.about h3 {
	font-size: 34px; font-size: 3.4rem;
	line-height:1em;
	font-weight:bold;
	color:#222;
	margin:150px 0 60px 0;	
}
#eventCp div#messeage div.about p {
	font-size: 16px; font-size: 1.6rem;
	line-height:1.6em;
}
#eventCp div#messeage div.map {
	width:672px;
	float:right;
}
#eventCp div#messeage div.map img {
	width:672px;
}
#eventCp div#city {
	width:100%;
	clear:both;
	margin-bottom:60px;
}
#eventCp div#city:after { 
    content: "";
    display: block;
    clear: both;
}

/* サブ2カラム
-------------------- */
#eventCp div#sub2col {
	width:100%;
	clear:both;
	margin-bottom:80px;
}
#eventCp div#sub2col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#sub2col div.LeftCol p,
#eventCp div#sub2col div.RightCol p {
	font-size: 15px; font-size: 1.5rem;
	line-height:1.6em;
}
#eventCp div#sub2col div.LeftCol,
#eventCp div#sub2col div.RightCol {
	width:428px;
	float:left;
}
#eventCp div#sub2col div.LeftCol h2,
#eventCp div#sub2col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:2.1em;
    text-align:center;
	font-weight:bold;
	color:#222;
}
#eventCp div#sub2col div.LeftCol {
	margin-left:46px;
}
#eventCp div#sub2col div.RightCol {
	margin-left:30px;
}
#eventCp div#sub2col div.LeftCol img,
#eventCp div#sub2col div.RightCol img {
	width:428px;
}

/* ベルギービールのお中元ギフト
-------------------- */
#eventCp div#messeage2 {
	width:100%;
	clear:both;
	margin-bottom:80px;
    background: #006FBF;
}
#eventCp div#messeage2:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#messeage2 img {
	margin-bottom:0px;
	width:978px;
}
#eventCp div#messeage2 p {
	font-size: 32px; font-size: 3.2rem;
	line-height:3em;
	color:#FFF;
	letter-spacing: 0.5em;
    text-align:center;
}
/* スタッフ3カラム
-------------------- */
#eventCp div#staff3col {
	width:100%;
	clear:both;
	margin-bottom:80px;
}
#eventCp div#staff3col:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#staff3col div.LeftCol p,
#eventCp div#staff3col div.CenterCol p,
#eventCp div#staff3col div.RightCol p {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.5em;
	margin-bottom:5px;
}
#eventCp div#staff3col div.LeftCol span,
#eventCp div#staff3col div.CenterCol span,
#eventCp div#staff3col div.RightCol span {
	font-size: 11px; font-size: 1.1rem;
	line-height:1.3em;
}
#eventCp div#staff3col div.LeftCol,
#eventCp div#staff3col div.CenterCol,
#eventCp div#staff3col div.RightCol {
	width:222px;
	float:left;
}
#eventCp div#staff3col div.LeftCol {
	margin-left:116px;
}
#eventCp div#staff3col div.CenterCol,
#eventCp div#staff3col div.RightCol {
	margin-left:40px;
}
#eventCp div#staff3col div.LeftCol img,
#eventCp div#staff3col div.CenterCol img,
#eventCp div#staff3col div.RightCol img {
	width:222px;
}
#eventCp div#staff3col div.LeftCol img:hover,
#eventCp div#staff3col div.CenterCol img:hover,
#eventCp div#staff3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

/* キャンペーン(ブルーエリア)
-------------------- */
#eventCp div#campaign {
	width:100%;
	clear:both;
	margin-bottom:80px;
	padding:30px;
	background: url(../../../../../img/campaign/summer-gift2016/bg.png) repeat-y;
}
#eventCp div#campaign:after { 
    content: "";
    display: block;
    clear: both;
}
#eventCp div#campaign h2 {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 36px; font-size: 3.6rem;
	display:block;
	color:#006FBF;
	margin-top:20px;
}
#eventCp div#campaign p {
	font-size: 15px; font-size: 1.5rem;
	line-height:1.8em;
	margin-bottom:40px;
    text-align:center;
	color:#006FBF;
}
#eventCp div#campaign div#campaignCol {
	width:918px;
	clear:both;
	margin-bottom:30px;
}
#eventCp div#campaign div#campaignCol div.LeftCol {
	width:444px;
	float:left;
	background: #006FBF;
	color:#FFF;
	padding:30px;
	margin-bottom:20px;
}
#eventCp div#campaign div#campaignCol div.RightCol {
	width:444px;
	margin-left:20px;
	float:left;
	background: #006FBF;
	color:#FFF;
	padding:30px;
	margin-bottom:20px;
}
#eventCp div#campaign div#campaignCol div.LeftCol h3,
#eventCp div#campaign div#campaignCol div.RightCol h3 {
	font-size: 21px; font-size: 2.1rem;
	font-weight:bold;
	display:block;
	color:#FFF;
	margin-bottom:15px;
}
#eventCp div#campaign div#campaignCol div.LeftCol p,
#eventCp div#campaign div#campaignCol div.RightCol p {
	font-size: 15px; font-size: 1.5rem;
	line-height:1.8em;
    text-align:left;
	margin:0;
	color:#FFF;
}
#eventCp div#campaign div#campaignCol div.LeftCol span img,
#eventCp div#campaign div#campaignCol div.RightCol span img {
	width:380px;
	margin-top:10px;
}

#eventCp div#campaign div#campaignCol div.LeftCol p img.picR,
#eventCp div#campaign div#campaignCol div.RightCol p img.picR {
	float:right;
	margin-left:10px;
	width:170px;
}

/* ボタン青
-------------------- */
.blueM a {
 	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width:306px;
	margin-bottom:40px;
	font-size: 15px; font-size: 1.5rem;
	height:45px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
}

.btn_area li.blueM a {
	color: #FFFFFF;
	background-color: #03CAE6;
	text-decoration:none;
}
.btn_area li.blueM a:hover,
.btn_area li.blueM a:active {
	color: #FFFFFF;
	background-color: #62DFF1;
	text-decoration:none;
}

/* ===================================================================
▼QA
==================================================================== */
#eventCpQa {
	width:100%;
	background: #0e4da3;
	margin:0 0 80px 0;
	padding: 30px;
}
#eventCpQa #wrapper {
     margin: 0 auto 40px auto;
     width:726px;
}
#eventCpQa .box1 {
     width: 100%;
     overflow: hidden;
     margin-bottom: 10px;
}
#eventCpQa .box2 {
     width: 100%;
     overflow: hidden;
     margin-bottom: 60px;
}
#eventCpQa h3 {
	text-align: center;
	margin:20px 0 40px 0;
}
#eventCpQa h3 img {
	width:112px;
	height:112px;
}
#eventCpQa h4 {
	text-align: center;
	color:#FFF;
	font-size: 24px; font-size: 2.4rem;
	letter-spacing: 0.3em;
	margin-bottom:40px;
}
#eventCpQa #contact {
	width:100%;
	background: #FFF;
	margin:60px 0 40px 0;
	padding:30px;
}
#eventCpQa #contact p {
	text-align: center;
	background: #0e4da3;
	color:#FFF;
	font-size: 18px; font-size: 1.8rem;
	letter-spacing: 0.3em;
	margin-bottom:20px;
	line-height:3em;
}
#eventCpQa #contact h5 {
	text-align: center;
	color:#0e4da3;
	font-size: 32px; font-size: 3.2rem;
	letter-spacing: 0.3em;
	margin-bottom:10px;
}
#eventCpQa #contact h6 {
	text-align: center;
	color:#0e4da3;
	font-size: 18px; font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-bottom:20px;
}

#eventCpQa .answer,
#eventCpQa .question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    width:580px;
    padding:3%;
}
#eventCpQa .question span {
	font-size: 12px; font-size: 1.2rem;
    background: #CEF0FF;
	padding:4px;
}
#eventCpQa .answer p,
#eventCpQa .question p {
	font-size: 15px; font-size: 1.5rem;
	line-height:1.6em;
}
#eventCpQa .question {
    float: right;
}
#eventCpQa .answer:after,
#eventCpQa .answer:before,
#eventCpQa .question:after,
#eventCpQa .question:before {
    top: 25px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#eventCpQa .question:after,
#eventCpQa .question:before {
    right: 100%;
}
#eventCpQa .answer:after,
#eventCpQa .answer:before {
     left: 100%;
}
#eventCpQa .answer:after,
#eventCpQa .question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -8px;
}
#eventCpQa .answer:after {
    border-left-color: #fff;
}
#eventCpQa .question:after {
    border-right-color: #fff;
    
}
#eventCpQa .answer:before,
#eventCpQa .question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 9px;
    margin-top: -9px;
}
#eventCpQa .answer:before {
    border-left-color: #c8c8c8;
}
#eventCpQa .question:before {
    border-right-color: #c8c8c8;    
}
#eventCpQa .q-avatar {
     float: left;
     width:123px;
}
#eventCpQa .ans-avatar {
     float: right;
     width:123px;
}
#eventCpQa .ans-avatar img,
#eventCpQa .q-avatar img{
     width:123px;
}

#lineFriendBlue {
	width:100%;
	background: #FFF;
	margin:60px 0 40px 0;
	padding:30px;
}
#lineFriendBlue h4 {
	text-align: center;
	color:#0e4da3;
	font-size: 32px; font-size: 3.2rem;
	letter-spacing: 0.3em;
	margin-bottom:10px;
}
#lineFriendBlue .pic {
	margin:0 auto;
	width:100%;
	text-align:center;
}
#lineFriendBlue .pic img {
	width:300px;
}

#lineFriendBlue p {
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
	margin-bottom:20px;
	line-height:3em;
}
#lineFriendBlue h5 {
	text-align: center;
	color:#0e4da3;
	font-size: 32px; font-size: 3.2rem;
	letter-spacing: 0.2em;
	margin-bottom:10px;
}
#lineFriendBlue h6 {
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
	margin-bottom:20px;
	line-height:1.6em;
	font-weight:normal;
}
#lineFriendBlue a {
	color:#0e4da3;
}


/* =====================================================
▼お歳暮2016 御歳暮
====================================================== */
#winterGift2016 {
	width:100%;
	clear:both;
}
#winterGift2016:after { 
    content: "";
    display: block;
    clear: both;
}
#winterGift2016 div.mainimg img {
	width:978px;
	height:368px;
	margin-bottom:40px;
}
#winterGift2016 div.mainimg2 {
    text-align:center;
}
#winterGift2016 div.mainimg2 img {
	width:978px;
	margin-bottom:80px;
}
#winterGift2016 div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
}
#winterGift2016 div.mainlogo img {
	width:76px;
	height:89px;
	margin-bottom:10px;
}
#winterGift2016 div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 22px; font-size: 2.2rem;
	display:block;
	color:#000;
	margin-bottom:10px;
}
#winterGift2016 div.mainlogo h1,
#winterGift2016 div.mainlogo h2 {
	font-size: 13px; font-size: 1.3rem;
	color:#000;
	margin-bottom:60px;
	font-weight:normal;
}

/* 商品用3カラム
-------------------- */
#winterGift2016 div#main3col {
	width:100%;
	clear:both;
	margin-bottom:40px;
}
#winterGift2016 div#main3col:after { 
    content: "";
    display: block;
    clear: both;
}
#winterGift2016 div#main3col div.LeftCol p,
#winterGift2016 div#main3col div.CenterCol p,
#winterGift2016 div#main3col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
    text-align:center;
}
#winterGift2016 div#main3col div.LeftCol,
#winterGift2016 div#main3col div.CenterCol,
#winterGift2016 div#main3col div.RightCol {
	width:306px;
	float:left;
}
#winterGift2016 div#main3col div.LeftCol h2,
#winterGift2016 div#main3col div.CenterCol h2,
#winterGift2016 div#main3col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:2.1em;
    text-align:center;
	font-weight:bold;
	color:#222;
}
#winterGift2016 div#main3col div.CenterCol,
#winterGift2016 div#main3col div.RightCol {
	margin-left:30px;
}
#winterGift2016 div#main3col div.LeftCol img,
#winterGift2016 div#main3col div.CenterCol img,
#winterGift2016 div#main3col div.RightCol img {
	width:306px;
}
#winterGift2016 div#main3col div.LeftCol img:hover,
#winterGift2016 div#main3col div.CenterCol img:hover,
#winterGift2016 div#main3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#winterGift2016 div#main3col dl {
	width:306px;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
}
#winterGift2016 div#main3col dt {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
	clear: left;
	float: left;
	width: 124px;
	padding: 5px 0 10px 1.2em;
}
#winterGift2016 div#main3col dd {
	font-size: 39px; font-size: 3.9rem;
	line-height:1em;
    text-align:right;
	font-weight:bold;
	color:#222;
	margin-left: 0;
	padding: 3px 0.4em 8px 124px;
}


/* メッセージ
-------------------- */
#winterGift2016 div#messeage2 {
	width:100%;
	clear:both;
	margin-bottom:0px;
    background: #0A0502;
}
#winterGift2016 div#messeage2:after { 
    content: "";
    display: block;
    clear: both;
}
#winterGift2016 div#messeage2 img {
	margin-bottom:0px;
	width:978px;
}
#winterGift2016 div#messeage2 p {
	font-size: 32px; font-size: 3.2rem;
	line-height:1.4em;
	color:#FFF;
	letter-spacing: 0.2em;
    text-align:center;
	padding:20px 0;
}


/* キャンペーン内容
-------------------- */
div.campaignDetail {
	width:978px;
	clear:both;
	margin-bottom:80px;
	background-color:#000;
	padding:30px;
}
div.campaignDetail:after,
div.campaignDetail div.detailWrap:after,
div.campaignDetail li:after { 
    content: "";
    display: block;
    clear: both;
}
div.campaignDetail div.pic {
	margin:0 auto 40px auto;
	width:404px;
}
div.campaignDetail div.pic img {
	width:404px;
}

div.campaignDetail h2 {
	color:#FFF;
	font-size: 32px; font-size: 3.2rem;
}
div.campaignDetail div.detailWrap {
	width:918px;
	margin:0 auto;
	background-color:#332920;
	padding:40px 0;
}

div.campaignDetail li {
	width:409px;
	float:left;
	margin:0 0 20px 40px;
	padding:20px;
	color:#FFF;
	background-color:#BD8B61;
}
div.campaignDetail li:nth-child(2n) {
	margin-left:20px;
}
div.campaignDetail li:nth-child(2n+1) {
	clear:both;
}
div.campaignDetail li span.title {
	font-size: 22px; font-size: 2.2rem;
	line-height:1.2em;
	color:#FFF;
	display:block;
	font-weight:bold;
	margin-bottom:20px;
}
div.campaignDetail li span.text {
	font-size: 15px; font-size: 1.5rem;
	display:block;
}
div.campaignDetail li span.pic01 {
	width:369px;
	margin:20px auto 0 auto;
	display:block;
}
div.campaignDetail li span.pic01 img {
	width:369px;
}
div.campaignDetail li span.pic02 {
	width:180px;
	margin:0 auto;
	float:right;
	display:block;
}
div.campaignDetail li span.pic02 img {
	width:180px;
}


/* =====================================================
▼福袋
====================================================== */
.mainTitleImg {
	width:100%;
	clear:both;
	background-color: #a00101;
	text-align:center;
}
.mainTitleImg,
.mainTitleImg img {
	width:100%;
}
#fukubukuro,
#fukubukuro div#main3col {
	width:100%;
	clear:both;
}
#fukubukuro:after,
#fukubukuro div#main3col:after { 
    content: "";
    display: block;
    clear: both;
}
#fukubukuro div.mainimg img {
	width:978px;
	height:368px;
	margin-bottom:40px;
}
#fukubukuro div.mainimg2 {
    text-align:center;
}
#fukubukuro div.mainimg2 img {
	width:978px;
	margin-bottom:80px;
}
#fukubukuro div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
}
#fukubukuro div.mainlogo img {
	width:76px;
	height:89px;
	margin-bottom:10px;
}
#fukubukuro div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 22px; font-size: 2.2rem;
	display:block;
	color:#000;
	margin-bottom:10px;
}
#fukubukuro div.mainlogo h1,
#fukubukuro div.mainlogo h2 {
	font-size: 13px; font-size: 1.3rem;
	color:#000;
	margin-bottom:60px;
	font-weight:normal;
}

/* 商品用3カラム
-------------------- */
#fukubukuro div#main3col {
	margin-bottom:40px;
}
#fukubukuro div#main3col div.LeftCol p,
#fukubukuro div#main3col div.CenterCol p,
#fukubukuro div#main3col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
    text-align:center;
}
#fukubukuro div#main3col div.LeftCol p.text2,
#fukubukuro div#main3col div.CenterCol p.text2,
#fukubukuro div#main3col div.RightCol p.text2 {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
    color:#222;
}
#fukubukuro div#main3col div.LeftCol,
#fukubukuro div#main3col div.CenterCol,
#fukubukuro div#main3col div.RightCol {
	width:306px;
	float:left;
}
#fukubukuro div#main3col div.LeftCol h2,
#fukubukuro div#main3col div.CenterCol h2,
#fukubukuro div#main3col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:2.1em;
    text-align:center;
	font-weight:bold;
	color:#222;
}

#fukubukuro div#main3col div.CenterCol,
#fukubukuro div#main3col div.RightCol {
	margin-left:30px;
}
#fukubukuro div#main3col div.LeftCol img,
#fukubukuro div#main3col div.CenterCol img,
#fukubukuro div#main3col div.RightCol img {
	width:306px;
}
#fukubukuro div#main3col div.LeftCol img:hover,
#fukubukuro div#main3col div.CenterCol img:hover,
#fukubukuro div#main3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#fukubukuro div#main3col dl {
	width:306px;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
	color:#c20000;
}
#fukubukuro div#main3col dt {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.4em;
	clear: left;
	float: left;
	width: 124px;
	padding: 5px 0 10px 1em;
	color:#c20000;
}
#fukubukuro div#main3col dd {
	font-size: 39px; font-size: 3.9rem;
	line-height:1em;
    text-align:right;
	font-weight:bold;
	color:#222;
	margin-left: 0;
	padding: 3px 0.4em 8px 124px;
	color:#c20000;
}

/* =====================================================
▼汎用性 3カラム比較 福袋
====================================================== */
#cpDetail3col {
	width:100%;
	clear:both;
}
#cpDetail3col:after { 
    content: "";
    display: block;
    clear: both;
}
#cpDetail3col div.LeftCol,
#cpDetail3col div.CenterCol,
#cpDetail3col div.RightCol {
	width:306px;
	float:left;
}
#cpDetail3col div.CenterCol,
#cpDetail3col div.RightCol {
	margin-left:30px;
}
#cpDetail3col table {
	width:100%;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
}
#cpDetail3col tr:first-child {
	border-top: solid 1px #DDD;
}
#cpDetail3col tr {
	border-bottom: solid 1px #DDD;
}
#cpDetail3col th {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.4em;
	clear: left;
	float: left;
	width: 78%;
	vertical-align:middle;
	padding:8px 0;
}
#cpDetail3col td {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
	width: 22%;
	text-align:right;
	vertical-align:middle;
	padding:8px 0;
}


/* =====================================================
▼福袋 1カラム　商品紹介 赤い背景
====================================================== */
div.cpbgRed {
	padding:20px 0 60px 0;
	background-color: #a00101;
    background: url("../img/background/fukubukuro-bg.png") repeat-y center top;
	margin-bottom:80px;
}
.cpbgRed div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
	padding-top:40px;
}
.cpbgRed div.mainlogo img {
	width:80px;
	margin-bottom:16px;
}
.cpbgRed div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 22px; font-size: 2.2rem;
	display:block;
	color:#FFF;
	margin-bottom:10px;
}
.cpbgRed div.mainlogo h1 {
	font-size: 14px; font-size: 1.4rem;
	color:#FFF;
	padding-bottom:40px;
}
div.cpbgRed .outbox {
	width:940px;
	margin:0 auto;
	padding:20px 0;
	background: rgba(194,0,0,0.3);
}
div.cpbgRed .inbox {
	width:900px;
	margin:0 auto;
	padding:20px 0 0 0;
	background-color: #FFF;
}
div.cpbgRed .leftCol {
	float:left;
	width:270px;
	margin:0 20px 0 20px;
	text-align:center;
}
div.cpbgRed .leftCol .icon {
	text-align:center;
	margin:0 auto 20px auto;
}
div.cpbgRed .leftCol .icon img {
	width:120px;
}
div.cpbgRed .leftCol .text h3 {
	font-size: 18px; font-size: 1.8rem;
	color:#c20000;
	line-height:1.3em;
}
div.cpbgRed .leftCol .text p {
	font-size: 11px; font-size: 1.1rem;
	line-height:1.6em;
	color:#af7d0b;
}
div.cpbgRed .rightCol {
	float:left;
	width:580px;
	margin:0;
}
div.cpbgRed .rightCol .pic img {
	width:100%;
}

/* =====================================================
▼通年セット 1カラム　商品紹介 青＋黒い背景
====================================================== */
.mainTitleImgBlue {
	width:100%;
	clear:both;
	background-color: #FFF;
	text-align:center;
	margin-bottom:20px;
}
div.cpbgBlueHead {
	padding:0px 0 60px 0;
	background-color: #0b0e15;
    background: url("../img/background/recommend-set-bg.jpg") repeat-y center top;
	margin-bottom:0px;
}
div.cpbgBlueHead div.mainlogo {
	width:100%;
	clear:both;
    text-align:center;
	padding-top:100px;
}
div.cpbgBlueHead div.mainlogo img {
	width:80px;
	margin-bottom:16px;
}
div.cpbgBlueHead div.mainlogo span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 16px; font-size: 1.6rem;
	display:block;
	color:#FFF;
	margin-bottom:20px;
}
div.cpbgBlueHead div.mainlogo h1 {
	font-size: 14px; font-size: 1.4rem;
	color:#FFF;
}
div.cpbgBlue {
	padding:20px 0 60px 0;
	background-color: #0b0e15;
    background: url("../img/background/set-bg2.jpg") repeat-y center top;
	margin-bottom:120px;
}
div.cpbgBlue .outbox {
	width:940px;
	margin:0 auto;
	padding:20px 0;
	background: rgba(38,45,79,0.5);
}
div.cpbgBlue .inbox {
	width:900px;
	margin:0 auto;
	padding:40px 0 20px 0;
	background-color: #FFF;
}
div.cpbgBlue .leftCol {
	float:left;
	width:270px;
	margin:0 20px 0 20px;
	text-align:center;
}
div.cpbgBlue .leftCol .icon {
	text-align:center;
	margin:0 auto 20px auto;
}
div.cpbgBlue .leftCol .icon img {
	width:120px;
}
div.cpbgBlue .leftCol .text h3 {
	font-size: 18px; font-size: 1.8rem;
	color:#222;
	line-height:1.3em;
}
div.cpbgBlue .leftCol .text p {
	font-size: 11px; font-size: 1.1rem;
	line-height:1.6em;
	color:#777;
}
div.cpbgBlue .rightCol {
	float:left;
	width:580px;
	margin:0;
}
div.cpbgBlue .rightCol .pic img {
	width:100%;
}

/* =====================================================
▼父の日セット2017 薄いブルー＋背景
====================================================== */
/* キャンペーン内容
-------------------- */
div.campaignDetail2 {
	width:978px;
	clear:both;
	margin-bottom:80px;
	background: url(../../../../../img/campaign/201704/fd-bg1.png) repeat-y;
}
div.campaignDetail2:after,
div.campaignDetail2 div.detailWrap:after,
div.campaignDetail2 li:after { 
    content: "";
    display: block;
    clear: both;
}
div.campaignDetail2 p.title {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 40px; font-size: 4rem;
	display:block;
	color:#222;
	margin:20px 0;
	line-height:1.4em;
	padding-top:20px;
}
div.campaignDetail2 p.text {
	color:#222;
	font-size:16px;
	text-align:center;
	margin-bottom:60px;
}

div.campaignDetail2 h2 {
	color:#FFF;
	font-size: 40px; font-size: 4rem;
}
div.campaignDetail2 div.detailWrap {
	width:940px;
	margin:0 auto;
	padding:40px 0;
}
div.campaignDetail2 li {
	width:430px;
	float:left;
	margin:0 30px 30px 26px;
	padding:20px;
	color:#FFF;
	background: #0e4da3;

}
div.campaignDetail2 li:nth-child(2n) {
	margin:0;
}
div.campaignDetail2 li:nth-child(2n+1) {
	clear:both;

}
div.campaignDetail2 li span.title {
	font-size: 27px; font-size: 2.7rem;
	line-height:1.6em;
	color:#FFF;
	display:block;
	font-weight:bold;
	margin-bottom:20px;
}
div.campaignDetail2 li span.text {
	font-size: 15px; font-size: 1.5rem;
	display:block;
	line-height:1.6em;
}
div.campaignDetail2 li span.pic01 {
	width:300px;
	margin:20px auto 0 auto;
	display:block;
}
div.campaignDetail2 li span.pic01 img {
	width:300px;
}
div.campaignDetail2 li span.pic02 {
	width:180px;
	margin:0 auto 0 10px;
	float:right;
	display:block;
}
div.campaignDetail2 li span.pic02 img {
	width:180px;
}
/* スタッフ2カラム
-------------------- */
div#cp-staff2col {
	width:700px;
	clear:both;
	margin:0 auto 80px auto;
}
div#cp-staff2col:after { 
    content: "";
    display: block;
    clear: both;
}
div#cp-staff2col div.LeftCol p,
div#cp-staff3col div.RightCol p {
	font-size: 13px; font-size: 1.3rem;
	line-height:1.5em;
	margin-bottom:5px;
}
div#cp-staff2col div.LeftCol span,
div#cp-staff2col div.RightCol span {
	font-size: 11px; font-size: 1.1rem;
	line-height:1.3em;
}
div#cp-staff2col div.LeftCol,
div#cp-staff2col div.RightCol {
	width:330px;
	float:left;
}
div#cp-staff2col div.LeftCol {

}
div#cp-staff2col div.RightCol {
	margin-left:38px;
}
div#cp-staff2col span.pic {
	width:222px;
	margin:0 auto 10px auto;
	text-align:center;
	display:block;
}
div#cp-staff2col div.LeftCol img,
div#cp-staff2col div.RightCol img {
	width:222px;

}
div#cp-staff2col div.LeftCol img:hover,
div#cp-staff2col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

/*----------------------------------------------------------
商品用3カラム 夏のお中元 2017
---------------------------------------------------------- */
.sgbg2017 {background-color: #006FBF;}
.sgbg2017text {color:#006FBF;}
.sgbg2017link a {color:#006FBF;}
.sgbg2017text1 {background-color: #006FBF; color:#FFF;}
.sgbg2017text2 {background-color: #FFF; color:#006FBF; border: solid 2px #006FBF;}
a.sgbg2017btn {background-color: #006FBF; box-shadow: 0 4px #0e4da3;}
a.sgbg2017btn:hover {background-color: #006FBF;}
.sg2017marksize	{width:94px;height:105px;}
.sg2017bgimg {background: url(../../../../../img/campaign/summer-gift2017/bg.png) repeat-y;}

/*----------------------------------------------------------
キャンペーン専用　共通スタイル
---------------------------------------------------------- */
/* ボタン標準
-------------------- */
a.itembtn {
	width:306px;
	height:56px;
	line-height:56px;
	font-size: 15px; font-size: 1.5rem;
	text-align:center;
	color:#FFF;
	text-decoration: none;
	margin: 0 0 5px 0;
	display: block;
 	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:none;
}
a.itembtn:hover {
	text-decoration: none;
	margin: 5px 0 0 0;
	box-shadow:none;
	color:#FFF;
}
/* メインビジュアル
-------------------- */
.cp-mainimg {
	width:978px;
	height:auto;
	margin-bottom:60px;
}
.cp-mainimg img {width:100%;}
.cp-mark {text-align:center;}
.cp-mark span {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 24px; font-size: 2.4rem;
	display:block;
	margin-bottom:20px;
}
.cp-mark h1,
.cp-mark h2 {
	font-size: 16px; font-size: 1.6rem;
	line-height:1.4em;
	margin-bottom:60px;
}
/* 3商品横並び紹介
-------------------- */
#cp-main3col {
	width:100%;
	clear:both;
	margin-bottom:40px;
}
#cp-main3col:after { 
    content: "";
    display: block;
    clear: both;
}
#cp-main3col div.LeftCol p,
#cp-main3col div.CenterCol p,
#cp-main3col div.RightCol p {
	font-size: 14px; font-size: 1.4rem;
	line-height:1.4em;
    text-align:center;
	margin-bottom:20px;
}
#cp-main3col div.LeftCol,
#cp-main3col div.CenterCol,
#cp-main3col div.RightCol {
	width:306px;
	float:left;
}
#cp-main3col div.LeftCol h2,
#cp-main3col div.CenterCol h2,
#cp-main3col div.RightCol h2 {
	font-size: 21px; font-size: 2.1rem;
	line-height:1.6em;
    text-align:center;
	font-weight:bold;
	color:#222;
	margin-bottom:16px;
}
#cp-main3col div.LeftCol h2 span,
#cp-main3col div.CenterCol h2 span,
#cp-main3col div.RightCol h2 span {
	padding:4px 0;
	font-size: 15px; font-size: 1.5rem;
	line-height:2em;
    text-align:center;
	font-weight:bold;
	display:block;
	margin:20px 0;
	
}
#cp-main3col div.CenterCol,
#cp-main3col div.RightCol {
	margin-left:30px;
}
#cp-main3col div.LeftCol img,
#cp-main3col div.CenterCol img,
#cp-main3col div.RightCol img {
	width:306px;
}
#cp-main3col div.LeftCol img:hover,
#cp-main3col div.CenterCol img:hover,
#cp-main3col div.RightCol img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#cp-main3col dl {
	width:306px;
	border-top:0;
	margin-bottom:10px;
	font-size: 13px; font-size: 1.3rem;
}
#cp-main3col dt {
	font-size: 12px; font-size: 1.2rem;
	line-height:1.6em;
	clear: left;
	float: left;
	width: 124px;
	padding: 5px 0 10px 1.2em;
	color:#C00000;
}
#cp-main3col dd {
	font-size: 39px; font-size: 3.9rem;
	line-height:1em;
    text-align:right;
	font-weight:bold;
	color:#C00000;
	margin-left: 0;
	padding: 3px 0.4em 8px 124px;
}

/* ベルギービールで乾杯しよう
-------------------- */
.cp-kanpai {
	width:100%;
	clear:both;
	margin-bottom:80px;
}
.cp-kanpai:after { 
    content: "";
    display: block;
    clear: both;
}
.cp-kanpai img {
	margin-bottom:0px;
	width:978px;
}
.cp-kanpai p {
	font-size: 32px; font-size: 3.2rem;
	line-height:3em;
	color:#FFF;
	letter-spacing: 0.5em;
    text-align:center;
}
/* キャンペーンの特長
-------------------- */
.cp-feature {
	width:978px;
	clear:both;
	margin-bottom:80px;
}
.cp-feature:after,
.cp-feature div.detailWrap:after,
.cp-feature li:after { 
    content: "";
    display: block;
    clear: both;
}
.cp-feature p.title {
    text-align:center;
    font-family: 'arial';
	font-weight:bold;
	font-size: 40px; font-size: 4rem;
	display:block;
	margin:20px 0;
	line-height:1.4em;
	padding-top:20px;
}
.cp-feature p.text {
	font-size:16px;
	text-align:center;
	margin-bottom:60px;
}
.cp-feature h2 {
	font-size: 40px; font-size: 4rem;
}
.cp-feature div.detailWrap {
	width:940px;
	margin:0 auto;
	padding:40px 0;
}
.cp-feature li {
	width:430px;
	float:left;
	margin:0 30px 30px 26px;
	padding:20px;
}
.cp-feature li:nth-child(2n) {
	margin:0;
}
.cp-feature li:nth-child(2n+1) {
	clear:both;
}
.cp-feature li span.title {
	font-size: 27px; font-size: 2.7rem;
	line-height:1.6em;
	display:block;
	font-weight:bold;
	margin-bottom:20px;
}
.cp-feature li span.text {
	font-size: 15px; font-size: 1.5rem;
	display:block;
	line-height:1.6em;
}
.cp-feature li span.pic01 {
	width:300px;
	margin:20px auto 0 auto;
	display:block;
}
.cp-feature li span.pic01 img {
	width:300px;
}
.cp-feature li span.pic02 {
	width:180px;
	margin:0 auto 0 10px;
	float:right;
	display:block;
}
.cp-feature li span.pic02 img {
	width:180px;
}

/* キャンペーンのよくある質問と答え
------------------------------ */
.cp-question {
	width:100%;
	margin:0 0 80px 0;
	padding: 30px;
}
.cp-question .wrapper {
     margin: 0 auto 40px auto;
     width:726px;
}
.cp-question .box1 {
     width: 100%;
     overflow: hidden;
     margin-bottom: 10px;
}
.cp-question .box2 {
     width: 100%;
     overflow: hidden;
     margin-bottom: 60px;
}
.cp-question h3 {
	text-align: center;
	margin:20px 0 40px 0;
}
.cp-question h3 i {
	font-size: 100px; font-size: 10rem;
	color:#FFF;
}
.cp-question h4 {
	text-align: center;
	font-size: 24px; font-size: 2.4rem;
	letter-spacing: 0.3em;
	margin-bottom:40px;
	color:#FFF;
}
.cp-question .contact {
	width:100%;
	background: #FFF;
	margin:60px 0 40px 0;
	padding:30px;
}
.cp-question .contact h5 {
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	letter-spacing: 0.3em;
	margin-bottom:10px;
}
.cp-question .contact h6 {
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-bottom:20px;
}

.cp-question .answer,
.cp-question .question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    width:580px;
    padding:3%;
}
.cp-question .question span {
	font-size: 12px; font-size: 1.2rem;
    background-color: #CEF0FF;
	padding:4px;
}
.cp-question .answer p,
.cp-question .question p {
	font-size: 15px; font-size: 1.5rem;
	line-height:1.6em;
}
.cp-question .question {
    float: right;
}
.cp-question .answer:after,
.cp-question .answer:before,
.cp-question .question:after,
.cp-question .question:before {
    top: 25px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cp-question .question:after,
.cp-question .question:before {
    right: 100%;
}
.cp-question .answer:after,
.cp-question .answer:before {
     left: 100%;
}
.cp-question .answer:after,
.cp-question .question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -8px;
}
.cp-question .answer:after {
    border-left-color: #fff;
}
.cp-question .question:after {
    border-right-color: #fff;
    
}
.cp-question .answer:before,
.cp-question .question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 9px;
    margin-top: -9px;
}
.cp-question .answer:before {
    border-left-color: #c8c8c8;
}
.cp-question .question:before {
    border-right-color: #c8c8c8;    
}
.cp-question .q-avatar {
     float: left;
     width:123px;
}
.cp-question .ans-avatar {
     float: right;
     width:123px;
}
.cp-question .ans-avatar img,
.cp-question .q-avatar img{
     width:123px;
}
.cp-line {
	width:100%;
	background: #FFF;
	margin:60px 0 40px 0;
	padding:30px;
}
.cp-line .arrow {
	font-size: 32px; font-size: 3.2rem;
	text-align:center;
	margin:10px auto;
}
.cp-line .arrow i {
	margin:0 10px;
}
.cp-line h4 {
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	letter-spacing: 0.3em;
	margin-bottom:10px;
}
.cp-line .addfriend {
	margin:0 auto 10px auto;
	width:100%;
	text-align:center;
}
.cp-line .addfriend img {
	width:300px;
}
.cp-line p.text1 {
	text-align: center;
	font-size: 24px; font-size: 2.4rem;
	margin-bottom:20px;
	line-height:2.4em;
}
.cp-line p.text2 {
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
	margin-bottom:30px;
}
.cp-line h5.tel {
	text-align: center;
	font-size: 40px; font-size: 4rem;
	letter-spacing: 0.1em;
}
.cp-line h5.tel i {
	margin-right:10px;
}
.cp-line h5.tel a {
	text-decoration: none;
}
.cp-line h6.time {
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
	line-height:1.6em;
	font-weight:normal;
	margin-bottom:10px;
}
.cp-line h6.time span {
	font-size: 14px; font-size: 1.4rem;
}