@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);
}*/



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

h2 strong{
	font-weight:200;
	text-decoration:none;
	color:#C00;
}
h3{
	font-weight:200;
	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){
	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){
	h2{
		font-weight:200;
		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: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 auto;
	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;
	
}

/*----------------------------*/
/*カートエリアパネルをonoff*/
/*----------------------------*/
.gocart_panel{
}
.gocart_panel label {
    padding: 15px;
    display: block;
    margin: 0;
	color:#FFF;
	text-align:center;
}
.gocart_panel label:hover{
	cursor: pointer;
	background:#06C;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#06C), to(#99ffff));
background: -webkit-linear-gradient(#06C, #99ffff);
background: -moz-linear-gradient(#06C0, #99ffff);
background: -ms-linear-gradient(#06C, #99ffff);
background: -o-linear-gradient(#06C, #99ffff);
background: linear-gradient(#06C, #99ffff);
-pie-background: linear-gradient(#06C, #99ffff);
behavior: url(/assets/templates/PIE.htc);*/
}
.gocart_panel label:hover img{
	/*filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;*/
}

.gocart_panel label img{
	vertical-align:bottom;
}

@media(max-width:690px){
	.gocart_panel label {
		padding:10px;
	}
	.gocart_panel label img{
		width:100%;
	}
}
.gocart_panel label:hover img{
	 /*-webkit-filter: brightness(1.2);
	-webkit-filter:brightness(120%);
     -moz-filter: brightness(1.2);
     -o-filter: brightness(1.2);
     -ms-filter: brightness(1.2);
     filter: brightness(1.2);*/
}

input[type="checkbox"].on-off{
    display: none;
}

.gocart_panel .cartBox {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	background:#990;
}

input[type="checkbox"].on-off + .cartBox{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + .cartBox{
    height: 420px;
	overflow:auto;
}
@media(max-width:700px){
	input[type="checkbox"].on-off:checked + .cartBox{
	    height: 450px;
		overflow:auto;
	}
}
@media(max-width:480px){
	input[type="checkbox"].on-off:checked + .cartBox{
	    height: 650px;
		overflow:auto;
	}
}

/*-------------------------------*/
/*通販カートへのリンク*/
/*JSカート*/
/*-------------------------------*/
.cartBox{
}
.cartBox h3,
.cartBox div.cartBox_text{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	
	width:80%;
	max-width:200px;
	margin:0 auto;
	padding:0;
}
.cartBox h3 a{
	color:#FFF;
	background:#000;
	display:block;
	margin:0 auto;
	padding:3px;
}
.cartBox h3 a:hover{
	background:#9FF;
	color:#000;
}
.cartBox div.cartBox_text{
	background:#666;
	color:#FFF;
}
.cartBox ul{
	list-style:none;
	margin:0;
	padding:20px;
}
.cartBox li{
	margin:0;
	padding:0 0 10px 0;
	width:25%;
	float:left;
}
.cartBox li:first-child{
	margin-right:0;
}
@media(max-width:700px){
	.cartBox li{
		width:33%;
	}
	.cartBox li:first-child{
	}
}
@media(max-width:480px){
	.cartBox li{
		width:50%;
	}
	.cartBox li:first-child{
	}
}
	
.cartjs_box{
	margin: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:80%;
	max-width:200px;
}
@media(max-width:700px){
	.cartjs_product_img img{
		width:80%;
		max-width:180px;
	}
	.cartjs_product_table table,
	.cartjs_cart_in input,
	.cartBox h3,
	.cartBox div.cartBox_text{
		width:80%;
		font-size:90%;
	}
	.cartBox li{
		margin-bottom:5px;
	}
}
@media(max-width:480px){
	.cartjs_product_img img{
		width:70%;
		max-width:150px;
	}
	.cartjs_product_table table,
	.cartjs_cart_in input,
	.cartBox h3,
	.cartBox div.cartBox_text{
		width:95%;
		font-size:90%;
	}
	.cartBox li{
		margin-bottom:5px;
	}
}
.cartjs_product_table table{
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
	border:solid 1px #000;
	
	-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);
}
.cartjs_product_table th,
.cartjs_product_table td{
	margin:0;
	padding:3px;
	font-weight:normal;
	border:solid 1px #000;
}
.cartjs_product_table table input{
	margin:0;
	padding:0;
	width:3em;
	height:1em;
	background:#FFF;
	color:#333;
	border:none;
}
.cartjs_cart_in input{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:8px 0;
	padding:10px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:none;

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

.cartBox .cartBox_text{
	background:#174E9D;
	margin:-20px 0 20px 20px;
	padding:3px;
	color:#FFF;
	font-size:10px
}


/*----------------------------*/
/*main contents*/
/*----------------------------*/

/*-------------------
各項目
----------------------*/
ul.tips{
	list-style:none;
	margin:0;
	padding:0 0 30px 0;
	background-color:#FFF;
	position:relative;
	
	/* display: -moz-box;
  display: -webkit-box;
     webkitは、どのバージョンのFlexboxも使えますが、モバイルの後方互換を考えて、display: box; */
  /*display: -ms-flexbox;
  display: flex;

		flex-wrap:wrap;*/
}
.tips li{
	max-width:1040px;
	margin:0 auto;
	padding:60px 20px;
	border-bottom:1px solid #666;
}
.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;
	}
}
	

/*basic 内容物比較テーブル ul
.hikaku_table{
	list-style:none;
	display:table;
	font-size:90%;
	width:100%;
	border-top:1px solid #666;
}
.hikaku_table li{
		display: table-row 
}
.hikaku_table li p:first-child{
	background-color:#EFEFEF;
}
.hikaku_table li:first-child,
.hikaku_table li:first-child  p:first-child{
	background-color:#666;
	color:#FFF;
}
.hikaku_table li p{
	display:table-cell;
	padding:3px 5px;
	border-bottom:1px solid #666;
}*/


/*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;
    }


/*カートページヘ　スペック付き 購入≫ リンク*/
.tips ul.orderPageLink{
	margin:2em 3.5% 3em 3.5%;
	padding-left:1em;
	list-style:square;
}
.orderPageLink li{
	margin-bottom:0.8em;
}
.orderPageLink a{
}

@media(max-width:800px){
	.tips ul.orderPageLink{
		margin:2em 0 3em 0;
	}
}

.adimage{
	display:table;
	border-spacing:30px;
}
.adimage li{
	display:table-row;
}
.adimage li div{
	display:table-cell;
	vertical-align:top;
}
.adimage li div:first-child{
	width:300px;
}
.adimage li div:last-child > *{

}
.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 div{
	display:block;
	color:#CC0000;
}
.adimage li div p{
	margin:0 0 1em 0;
}
.adimage li div span{
	display:block;
}
.adimage strong{
	color:#C00;
}
@media(max-width:640px){
	.adimage,
	.adimage li,
	.adimage li div{
		display:block;
	}
	
	.adimage li div:first-child{
		width:auto;
	}
	.adimage ul{
		margin-bottom:5px;
	}
	.adimage li{
		padding-bottom:2em;
	}
	.adimage li li{
		margin-bottom:0.3em;
		padding-bottom:0;
	}
	.tobe .adimage h3{
		margin-top:5px;
		margin-bottom:5px;
	}
	.adimage img{
		max-width:60%;
		width:auto;
	}
}

/*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;
	}
}

/*関連商品*/
.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:200;
	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:200;
	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:200;
	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%;
	}
}