@charset "UTF-8";
/* CSS Document */
/* IE cssロールオーバーで背景がちらつく件　IE用ハック*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html, body {
  height:100%;
  line-height:130%;
}

body{
	color: #000;
	font-size:100%;/* =16px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	min-width:1024px;
	max-width:100%;
	background:#FFF;
}
@media(max-width:1023px){
	body{
		min-width:100%;
		
	}
}
@media(max-width:640px){
	body{
		min-width:300px;
		font-size:90%;
	}
}

img{
	border:none;
}


a:link 		{color: #06C; text-decoration:underline;}
a:active 	{color: #900; text-decoration:underline;}
a:hover 	{color: #900; text-decoration:underline;}
a:visited 	{color: #06C; text-decoration:underline;}

*{
	margin:0;
	padding:0;
	}

/*clearfix ie対策済み*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}

/*非表示*/
.disnon{
	display:none;
}

/*レイアウト*/
#container{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
#HeadBox{
	/*header.css*/
}
#contents{
	margin:0;
	padding:56px 0 0 0;
}

#footer{
	clear:both;
	background:#000;
	width:100%;
	color:#CCC;
	margin:0;
	padding:0;
	position:relative;
}
/** html #footer {
    bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}*/

ul.top h1{
	font-weight: 200;
	font-size: 40px;
	line-height: 44px;
	margin: 0 0 1em 0;
	text-align: center;
}


h2{
	font-weight:400;
	font-size:36px;
	line-height:44px;
	margin:0 0 1em 0;
	text-align:center;
}

h2 strong{
	font-weight:400;
	text-decoration:none;
	color:#C00;
}
h3{
	font-weight:400;
	font-size:100%;
	margin:20px 0 10px 0;
	color:#C00;
}
h3 a:link,
h3 a:active,
h3 a:hover,
h3 a:visited 	{color: #C00; text-decoration:underline;}

p{
	margin:0 3.5% 1.5em 3.5%;
	line-height:140%;
}
em{
	color:#C00;
	text-decoration:none;
	font-style:normal;
}
small,
.small{
	font-size:75%;
}
.attention{
	border:1px solid #999;
	padding:10px;
}
@media(max-width:800px){
	ul.top h1{
		text-align:left;
	}
	h2{
		text-align:left;
	}
	h2 br{
		display:none;
	}
	h3{
		margin:20px 0 10px 0;
	}
	p{
		margin:0 0 1.5em 0;
	}
}
@media(max-width:640px){
	text-align:left;{
		font-size:36px;
		line-height:44px;
	}
	h2{
		font-weight:400;
		font-size:32px;
		line-height:38px;
	}
	
}


/*----------------------------*/
/*ヘッダー部  --> header.css*/
/*----------------------------*/


/*----------------------------*/
/*main image*/
/*----------------------------*/

.logo{
	background:#FFF;
	margin:0;
	padding:0;
}
.tips + div.logo{
	border-top:1px solid #666;
	max-width: 1040px;
	margin:0 auto;
}
.logo img{
	display:block;
	margin:0 auto;
	padding:100px 0 50px 0;
}
@media(max-width:640px){
	.tips + div.logo{
		max-width:100%;
		margin:0;
		padding:0;
	}
	.logo img{
		width:90%;
		max-width:100%;
		height:auto;
	}
}
	

#mainimage{
	width:100%;
	/*max-width:1000px; /*トップページは最大幅　画像の最大値*/
	margin:0;
	padding:0;
}

#mainimage .mainbanner{
	float:right;
}
#mainimage .subbanner{
	float:left;
}
#mainimage .mainx3{
	width:85.7%;
}
#mainimage .subx3{
	width:14.3%;
}
#mainimage .mainx2{
	width:80%;
}
#mainimage .subx2{
	width:20%;
}
.subbanner ul{
	list-style:none;
}
.subbanner li{
	background:#FFF;
}
.subbanner a{
	display:block;
}
.subbanner a img{
	width:auto;
}
.subbanner a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
.subbanner li:nth-child(2){
}
.subbanner li:nth-child(3){
}
.subbanner li:last-child{
	
}

#mainimage img{
	width:100%;
	/*max-width:100%;
 	height: auto;*/
	display:block;
	/*padding-top:30px;*/
}

@media(max-width:640px){
	#mainimage img{
		
	}
	#mainimage .mainbanner,
	#mainimage .subbanner{
	width:100%;
	float:none;
	}
	.subbanner ul{
		padding:0 0;
	}
	.subbanner li{
		float:left;
	}
	.subx3 li{
		width:33.333%;
	}
	.subx2 li{
		width:50%;
	}
	/*.subx2 li:first-child{
		margin-right:33.33%;
	}*/
	.subbanner a{
	}	
	
}

/*----------------------------*/
/*動画表示　colerbox thumb*/
/*----------------------------*/
.movie{
	/*background:#FC0;*/
	text-align:center;
	padding:0 0 30px 0;
	
}

/*----------------------------*/
/*main contents*/
/*----------------------------*/
ul.tipslink{
	list-style:none;
	font-size:90%;
	display: flex;
	justify-content: center;
}
.tipslink li a{
	/*display:block;
	margin:5px;
	text-align:center;*/
}
.tipslink li a img{
	display:block;
	margin:0 auto;
	border:1px solid #666;	
}
@media(max-width:650px){
	ul.tipslink{
		max-width:100%;
	}
	.tipslink li a img{
		max-width: 100%;
		height: auto;
	}
}

/*-------------------
各項目
----------------------*/
ul.tips{
	list-style:none;
	margin:0;
	padding:0 0 30px 0;
	background-color:#FFF;
	position:relative;
}
ul.top{
	padding-top:40px;
}

ul.acces li:first-child{
	border-top:1px solid #666;
}
ul.acces li li:first-child{
	border-top:none;
}

.tips li{
	max-width:1040px;
	margin:0 auto;
	padding:60px 20px;
	border-bottom:1px solid #666;
}
.tips .tipslink li{
	max-width: initial; /* 初期状態にリセット */
	text-align: center;
	margin: 0;
	padding: 5px;
}
_:-ms-lang(x)::-ms-backdrop, .tipslink li {
   width:200px;
	/* ie11ハック　flexコンテナ、アイテムどちらかのwidth絶対指定でなとwrap きかない*/
}


.tips li h2{
}
.tips li:last-child{
	border-bottom:none;
}

.tips li div{
	margin:0 10%;
}
.tips li  div p.small,
.hikaku_table + p.small,
.tips li div.table-scroll + p.small{
	margin-left:0;
	margin-right:0;
	margin-top:10px;
}

.tips span.stamp{
	clear:both;
	display:block;
	margin:15px 0 0 0;
	text-align:right;
	
}
/*new icon*/
.tips h2 img{
	vertical-align:middle;
	padding-right:3px;
}


/*tipsの中のコンテンツ用*/
.tips ol,
.tips ul{
	margin: 0;
	list-style-position:inside;
}
.tips li li{
	border-bottom:none;
	margin:5px 0;
	padding:0;
}
.tips ol li{
	width:100%;
	float:none;
}
@media(max-width:640px){
	.tips ol,
	.tips ul{
		margin:0 0 15px 0;
	}
	.tips li div{
		margin:0 3%;
	}
}

.tips ol + p,
.tips ul + p{
	clear:both;
	padding:10px 0 0 0;
}
.tips ol + h3{
	clear:both;
	padding:25px 0 0 0;
}

.tips p.tipsimg{
	margin:0 0 15px 0;
	text-align:center;
}
.tips p.tipsimg img{
	vertical-align:middle;
}

/*.tips p.tipsimg img,*/
.tips .cartjs_product_img img{
	
-webkit-box-shadow: #666 0 5px 8px;
-moz-box-shadow: #666 0 5px 8px;
box-shadow: #666 0 5px 8px;
	behavior: url(/assets/templates/PIE.htc);
}

li p.tipsimg img{
	max-width:100%;
	height:auto;
}

@media(max-width:640px){
	li p.tipsimg{
		text-align:center;
		vertical-align:bottom;
		width:100%;
	}
}


/*basic 内容物比較テーブル table*/
.hikaku_table{
	font-size:90%;
	width:100%;
	border-top:1px solid #666;
	border-collapse: collapse;
}

.hikaku_table thead th{
	background-color:#666;
	color:#FFF;
}
.hikaku_table tbody th{
	background-color:#EFEFEF;
}
.hikaku_table td,
.hikaku_table th{
	text-align:left;
	font-weight:normal;
	padding:3px 5px;
	border-bottom:1px solid #666;
	vertical-align:top;
}

.tips li div.table-scroll{
		margin:0;
}
@media(max-width:800px){
	.tips li div.table-scroll{
       overflow-x: scroll; 
    }
	.hikaku_table{
		min-width:800px;
	}
}

/*simpleGal シンプルスライドショー*/
.main-image{
}
.thumbnails {
      list-style: none;
      margin-bottom: 1.5em;
	  text-align:center;
    }
    .main-image {
	  text-align:center;
    }
    .thumbnails li {
      display: inline;
      margin: 0 10px 0 0;
    }


/*カートページヘ　スペック付き 購入≫ リンク*/
.adimage{
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	margin: 0 -10px;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adimage li{
	/*display:table-row; tr機能
	display:table-cell;
	vertical-align:top;*/
	width:calc(25% - 20px);
	padding:20px 10px 0 10px;
}
.adimage li div{
}
.adimage li div:first-child{
}
.adimage li div:last-child > *{
}
.tobe .adimage li div h3{
	margin:0 0 0.5em 0;
	line-height:120%;
	
}
.adimage img{
	width:100%;
	height:auto;
}
.tobe .adimage h3{
	color:#000;
	font-size:20px;
	line-height:150%;
	margin-bottom:1em;
}
.adimage ul{
	margin-bottom:10px;
}
.adimage li li{
	display:block;
	margin-bottom:5px;
}

.adimage li div p{
	margin:0 0 1em 0;
}
.adimage li div span{
	display:block;
}
.adimage strong{
	color:#C00;
}

.adimage + ul{
	border-bottom:1px solid #AAA;
	padding-bottom:30px;
	margin-bottom:30px;
}
@media(max-width:640px){
	.adimage{
	}
	.adimage li{
		width:calc(50% - 20px);
		
	}
}

/*To be continued...  くわしくは＞＞*/
div.tobe{
	font-size:85%;
	background:#DDD;
	margin:0;
	padding:0;
}
.tobe h3{
	margin:20px 0 0 0;
	font-size:20px;
	line-height:140%;
}
.tobe .inner{
	width:1000px;
	padding:20px;
	margin:0 auto;
}
.tobe ul{
	list-style:none;
}
@media(max-width:1040px){
	.tobe .inner{
		width:auto;
		margin:0;
	}
}



/*-------------------------------*/
/*通販カートへのリンク*/
/*JSカート*/
/*-------------------------------*/
.cartjs_box{
	margin:10px 0 0 0 ;
}
.cartjs_box form,
.cartjs_box div{
	display:block;
	margin:0 auto;
	text-align:center;
}
.cartjs_product_img{
	padding-bottom:10px;
}
.cartjs_product_img img,
.cartjs_product_table table,
.cartjs_cart_in input{
	width:100%;
}
.cartjs_product_table table{
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:#EEE;
}
.cartjs_product_table th,
.cartjs_product_table td{
	margin:0;
	padding:2px;
	text-align:center;
	font-weight:normal;
	border:2px solid #DDD;
}
.cartjs_product_table table input{
	margin:0;
	padding:0;
	width:3em;
	height:1em;
	background:#FFF;
	color:#333;
	border:none;
}
.cartjs_cart_in input{
	margin:8px 0;
	padding:10px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:none;

	border-radius: 5px;
	box-shadow: #666 2px 2px 4px;
	background: #FFF;
	background: linear-gradient(#FFF, #99FFFF);

}
.cartjs_cart_in input:hover{
	box-shadow: #666 2px 2px 1px;
	background: #99FFFF;
}



/*関連商品*/
.thumblist{
	margin:0 0 1.5em 0;
}
.thumblist li{
	display:inline-block;
	margin:0 10px 10px 0;
	padding:0;
}
.thumblist li img{
	width:150px;
	vertical-align:bottom;
}

.thumblist a{
	margin:0;
	padding:0;
}
.thumblist a:link img,
.thumblist a:visited img{
	border:1px solid #DDD;
}
.thumblist a:active img,
.thumblist a:hover img{
	border:1px solid #CC0066;
}
@media(max-width:640px){
	.thumblist li{
		margin:0 5px 5px 0;
	}
	.thumblist li img{
		width:100px;
	}
}


/*店舗リストのテーブル*/
.shoplistTable{
	font-size:85%;
	margin-bottom:15px;
}
.shoplistTable + p{
	margin:0;
	font-size:85%;
}
.shoplistTable thead th{
	background:#333;
	color:#FFF;
}
.shoplistTable tbody tr:nth-child(even) {
}
.shoplistTable tbody tr:nth-child(odd) {
	/*background:url(bg_w50.png);*/
	background:#EFEFEF;
}
.shoplistTable td img{
	vertical-align:middle;
	margin:0 2px;
}
.shoplistTable td span{
	display:inline-block;
	border:1px solid #333;
	margin:1px 2px;
	padding:0px 2px;
}
/*セット比較table*/
.ProductsTable{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:solid 1px #000;
}
.ProductsTable a{
	color:#000;
	font-weight:bold;
}
.ProductsTable a:hover{
	color:#039;
}
.ProductsTable caption{
	background:#000;
	color:#FFF;
}
.ProductsTable th,
.ProductsTable td{
	margin:0;
	padding:3px;
	border:solid 1px #000;
	font-weight:normal;
	text-align:center;
}
@media(max-width:640px){
	.ProductsTable th img{
		width:100px;
	}
}
@media(max-width:400px){
	.ProductsTable th img{
		width:80px;
	}
}



/*フッター*/
#footer{
	font-size:75%;
}

#footer a{
	display:block;
	line-height:110%;
	background:#444;
	color:#FFF;
	text-decoration:none;
}
#footer a:active,
#footer a:hover{
	background:#9FF;
	color:#000;
}
/*▲*/
#footer a.pagetopbtn{
	position: fixed;
	display:block;
	bottom:180px;
	right:10px;
	height:70px;
	width:70px;
	padding:0;
	margin:0;
	text-align:center;
	font-size:40px;
	line-height:70px;
	color:#CCC;
	background:#FFF;
	opacity:0.5;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-webkit-box-shadow: #666 0 0px 5px;
	-moz-box-shadow: #666 0 0px 5px;
	box-shadow: #666 0 0px 5px;
	behavior: url(/assets/templates/PIE.htc);
}
#footer a.pagetopbtn:active,
#footer a.pagetopbtn:hover{
	background:#9FF;
	color:#666;
}
/*▼*/
#footer a.pagebottombtn{
	position: fixed;
	display:block;
	bottom:100px;
	right:10px;
	height:70px;
	width:70px;
	padding:0;
	margin:0;
	text-align:center;
	font-size:40px;
	line-height:70px;
	color:#CCC;
	background:#FFF;
	opacity:0.5;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-webkit-box-shadow: #666 0 0px 5px;
	-moz-box-shadow: #666 0 0px 5px;
	box-shadow: #666 0 0px 5px;
	behavior: url(/assets/templates/PIE.htc);
}
#footer a.pagebottombtn:active,
#footer a.pagebottombtn:hover{
	background:#9FF;
	color:#666;
}


#footer div.pageNavi{
	position:absolute;
	top:0;
	right:0;
	width:100px;
}
#footer ul{
	clear:both;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
}
#footer li{
	float:left;
	margin-bottom:5px;
}
#footer li a{
	display:block;
	padding:3px 10px;
	margin-right:5px;
}


#footer p{
	clear:both;
	display:block;
}
#footer p.copyright{
	margin:0;
	padding:10px 0 0 15px;
}
#footer p.disclaimer{
	margin:0;
	padding:0 0 20px 15px;
}

@media(max-width:640px){
	#footer div.pageNavi{
		position:relative;
		width:auto;
	}
	#footer div.pageNavi a.backbtn{
		display:none;
	}
	/*▲*/
	#footer div.pageNavi a.pagetopbtn{
		position: fixed;
		display:block;
		bottom:70px;
		right:5px;
		height:50px;
		width:50px;
		padding:0;
		margin:0;
		font-size:25px;
		line-height:50px;
		border-radius:25px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
	}
	/*▼*/
	#footer div.pageNavi a.pagebottombtn{
		position: fixed;
		display:block;
		bottom:10px;
		right:5px;
		height:50px;
		width:50px;
		padding:0;
		margin:0;
		font-size:25px;
		line-height:50px;
		border-radius:25px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
	}
	#footer p.copyright,
	#footer p.disclaimer{
		margin-right:60px;
	}
}





/*********div class="campaign" | div class="event" **************/
.campaign,
.event{
	background:#FFF;
	margin:0;
	padding:20px;
}
.campaign a:link {color: #000; text-decoration: underline;}
.campaign a:active 	{color: #900; text-decoration:underline;}
.campaign a:hover 	{color: #900; text-decoration:underline;}
.campaign a:visited 	{color: #000; text-decoration: none;}

.event a:link {color: #000; text-decoration: underline;}
.event a:active 	{color: #900; text-decoration:underline;}
.event a:hover 	{color: #900; text-decoration:underline;}
.event a:visited 	{color: #000; text-decoration: none;}

.campaign h1 img,
.event h1 img{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}


/*--event--*/
.event{
	font-size:1rem;
}
.event h2{
	font-weight:400;
	font-size:1.8rem;
	line-height:30px;
	margin:0 0 15px 0;
}
.event strong{
	color:#C00;
	font-weight:bold;
}

.placetime{
	list-style:none;
	padding:8px;
	margin:0 0 1em 0;
	font-weight:bold;
	background:#FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.placetime li{
	margin:2px;
}
.placetime span{
	display:inline-block;
	font-size:0.8rem;
	background:#FC0;
	line-height:100%;
	padding:2px 10px;
	margin: 0 5px 0 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}

.event .note{
	list-style:none;
	font-size:0.8rem;
	line-height:120%;
	margin:2em 2em 0 2em;
}
.event .note li{
	text-indent:-1em;
	padding:0 0 0 1em;
}

.event p{
	line-height:160%;
	margin:0 1em 0.5em 2em;
	padding:0 0 0 1em;
	text-indent:-0.8em;
}
.event p span{
	color:#F60;
	font-weight:bold;
	margin-right:0.2em;
	font-size:1.5rem;
	vertical-align:middle;
}

.event .inner{
	width:940px;
	margin:20px auto;
	padding:30px;
	background-color: #FFCC00;
}
@media(max-width:1040px){
	.event .inner{
		width:auto;
		margin:20px 0;
		padding:30px;
	}
	.event p{
		line-height:140%;
		margin:0 0 0.5em 0.8em;
	}
	.event .note{
		margin:2em 0 0 0;
	}
}
@media(max-width:640px){
	.event .inner{
		padding:20px;
	}
}


/*--campaign--*/
.campaign{
	font-size:85%;
}

.campaign h2{
	font-weight:400;
	font-size:28px;
	line-height:30px;
	margin:0 0 15px 0;
}

.campaign h3{
	margin:0 0 10px 0;
	padding:2em 0 3px 0;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #000;
}

.campaign p{
	line-height:140%;
	margin:0 0 0.2em 0;
}
.campaign strong{
	font-weight:bold;
	font-size:110%;
}
.campaign .inner{
	width:940px;
	margin:20px auto;
	padding:30px;
}
@media(max-width:1040px){
	.campaign .inner{
		width:auto;
		margin:20px 0;
		padding:30px;
	}
}
@media(max-width:640px){
	.campaign .inner{
		padding:20px;
	}
}

.campaign .inner:nth-child(4n+1) {background-color: #5CB7B9;}
.campaign .inner:nth-child(4n+2) {background-color: #999900;}
.campaign .inner:nth-child(4n+3) {background-color: #FFCC00;}
.campaign .inner:nth-child(4n+0) {background-color: #FF9900;}

.entry{
	background:url(bg_w50.png);
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.entry_products{
	background:#FFF;
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.entry_products ul{
	list-style: none;
	margin: 0 auto 20px auto;;
	padding: 0;
	display:table;
}

.entry_products li {
    display:table-cell;
	vertical-align:top;
    margin:0;
    width: 300px;
    text-align: center;
}

@media(max-width:1040px){
	.entry_products ul{
		display:block;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		line-height: 110%;
		text-align: center;
		letter-spacing: -.40em;
	}
	.entry_products li{
		display: inline-block;
		letter-spacing: normal;
		padding-bottom:20px;
		margin:0;
		width: 300px;
		text-align: center;
	}
}
@media(max-width:640px){
	.entry_products ul{
		letter-spacing: 0;
	}
	.entry_products li{
		display:block;
		width: 100%;
	}
	.entry_products li img{
		width:auto;
		max-width:100%;
	}
}
/*キャンペーン送り先*/
.camp_address{
	background:#FFF;
	padding:15px;
	margin:0 0 15px 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.camp_address ul{
	margin:0 0 0 1em;
}
.camp_address ul li{
	margin-bottom:0.5em;
	line-height:140%;
}


/*申込書ダウンロード*/
.campaign .pdfdl a:link{
	text-decoration:none;
}
.pdfdl{
	text-align:center;
	margin:10px 0;
}
.pdfdl a{
	display:block;
	background-image:url(dl_button.png) ;
	background-repeat:no-repeat;
	background-position:left top;
	width:380px;
	height:50px;
	margin:0 auto;
	padding:0;
	text-indent: -9999px;
}
.pdfdl a:hover{
	background-position:left bottom;
}

@media(max-width:640px){
	.pdfdl a{
		background-image:none;
		width:auto;
		height:auto;
		padding:10px 5px;
		text-indent:0;
		text-align:center;
		font-weight:bold;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#99FFFF));
background: -webkit-linear-gradient(#FFFFFF, #99FFFF);
background: -moz-linear-gradient(#FFFFFF, #99FFFF);
background: -ms-linear-gradient(#FFFFFF, #99FFFF);
background: -o-linear-gradient(#FFFFFF, #99FFFF);
background: linear-gradient(#FFFFFF, #99FFFF);
-pie-background: linear-gradient(#FFFFFF, #99FFFF);
behavior: url(/assets/templates/PIE.htc);
	}
	.pdfdl a:hover{
		background: #BBBBBB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BBBBBB), to(#EEEEEE));
background: -webkit-linear-gradient(#BBBBBB, #EEEEEE);
background: -moz-linear-gradient(#BBBBBB, #EEEEEE);
background: -ms-linear-gradient(#BBBBBB, #EEEEEE);
background: -o-linear-gradient(#BBBBBB, #EEEEEE);
background: linear-gradient(#BBBBBB, #EEEEEE);
-pie-background: linear-gradient(#BBBBBB, #EEEEEE);
behavior: url(/assets/templates/PIE.htc);
	}
}


/*よくある質問*/
ul.faq{
	list-style:none;
}
.faq li{
	background:url(bg_w50.png);
	margin:20px 0;
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}

.faq li h4{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0;
	border:none;
}
.faq li h4:first-letter{
	margin:0 0 0 -5px;
	font-weight:900;
	font-family:"Arial Black", Arial;
	color:#990;
	font-size:50px;
}

.faq li h4 + p{
	clear:both;
}
/*.campaign ご注意*/
.campaign .attention{
	list-style:disc;
	color:#FF3300;
	padding:20px;
	background:url(bg_w50.png);
	border:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.campaign .attention li{
	margin:0 0 0.5em 1em;
}
.campaign .attention p{
	color:#000;
}

/*問い合わせ*/	
.camp_inq{
	margin:20px auto;
	width:980px;
	text-align:center;
	padding:10px;
	border:3px solid #DDD;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.camp_inq img{
	max-width:100%;
	height:auto;
}
.camp_inq p{
	margin-bottom:0;
}
@media(max-width:1040px){
	.camp_inq{
		width:auto;
		margin:20px 0;
	}
}

/*キャンペーン内のカート*/
.campaign .cartBox{
	}
.campaign .cartBox h3{
	display:none;
}
.campaign .cartjs_product_table table{
	box-shadow:none;
}
@media(max-width:1040px){
	.campaign .cartBox ul{	
		margin: 0 auto;
	}
}
@media(max-width:640px){
	.campaign .cartBox img{	
		max-width:60%;
	}
}

p.banner{
	text-align: center;
}
@media(max-width:680px){
	p.banner img{
		width: calc(100% - 20px);
		height: auto;
	}
}