@charset "UTF-8";

/*------------------------------------------------------------------------------------
■format 
------------------------------------------------------------------------------------ */

*{
	margin:0;
	padding:0;
}
body{
	background:#f5f7d7;
	font-size:14px;
	line-height:130%;
	text-align:center;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color:#333333;
}
 
h1,h2,h3,h4,h5{
	font-size:14px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
p{
	line-height:130%;
}
ul,li{
	padding:0px;
	margin:0px;
	list-style:none;
}
th,td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:150%;
	font-size:100%;	
}
img{
	vertical-align:top;
	border:none;
}
.caution{
	color:#DD0000;
}
/*------------------------------------------------------------------------------------
■clearfix
------------------------------------------------------------------------------------ */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}


/*------------------------------------------------------------------------------------
■PC ⇔ SP 表示・非表示
------------------------------------------------------------------------------------ */
.pcnone{
	display:none;
}
.spnone{
	display:inline;
}


/*------------------------------------------------------------------------------------
■Table
------------------------------------------------------------------------------------ */
table{
	border-top:1px solid #03497a;
	border-left:1px solid #03497a;
}
th,td{
	border-right:1px solid #03497a;
	border-bottom:1px solid #03497a;
	padding:8px 8px;
	text-align:center;
	font-size:12px;
}
th{
	background:#006cb8;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}
td{
	background:#FFFFFF;
	vertical-align:middle;
}
/*------------------------------------------------------------------------------------
■LIST
------------------------------------------------------------------------------------ */
ul.list li{
	text-indent:-1em;
	margin-left:1em;
	padding:0px 0px 4px 0px;
}

/*------------------------------------------------------------------------------------
■Float BOX,IMG etc...
------------------------------------------------------------------------------------ */
.boxL{
	float:left;
}
.boxR{
	float:right;
}
.imgL{
	float:left;
	padding:0px 8px 8px 0px;
}
.imgR{
	float:right;
	padding:0px 0px 8px 8px;
}


/*------------------------------------------------------------------------------------
■link 
------------------------------------------------------------------------------------ */
a{
	color:#FF6600;
	text-decoration:underline;
}
a:hover{
	color:#FF9900;
	text-decoration:none;
}
a:visited{
	color:#FF6600;
	text-decoration:underline;
}
a:active{
	color:#FF6600;
	text-decoration:underline;
}


/*------------------------------------------------------------------------------------
■コンテンツサイズ
------------------------------------------------------------------------------------ */
.block{
	width:934px;
	margin:0px auto;
	text-align:left;
}


/*------------------------------------------------------------------------------------
■ヘッダー 
------------------------------------------------------------------------------------ */
#header{
	width:100%;
	background:#f9f9f9;
	border-bottom:1px solid #dedede;
}
	#header .block {
		padding:40px 30px;
	}


/*------------------------------------------------------------------------------------
■フッター
------------------------------------------------------------------------------------ */
#footer{
	width:100%;
	background:#2a2a2a;
	padding:50px 0px;
}
	#footer .block{
		text-align:center;
	}
		#footer .block small{
			font-size:12px;
			color:#cccccc;
		}


/*------------------------------------------------------------------------------------
■メインビジュアル
------------------------------------------------------------------------------------ */
.mainimage{
	width:100%;
	text-align:center;
	background: url("http://cdn.l-tike.com/we_love_hokkaido/img/main_bg.png") top left repeat-x;
}
h1{
}

/*------------------------------------------------------------------------------------
■Loppi操作方法
------------------------------------------------------------------------------------ */
.loppiflow{
	width:756px;
	margin:80px auto;
	text-align:left;
}
	.loppiflow .qrimg{
		width:151px;
		float:left;
	}
	.loppiflow .qrtxt{
		width:575px;
		float:right;
	}
		.loppiflow .qrtxt h2,
		.loppiflow .qrtxt p{
			padding:0px 0px 15px 0px;
		}

		.loppiflow .qrtxt .btnArea{
		}
			.loppiflow .qrtxt .btnArea a{
				text-align:center;
				text-decoration:none;
				color:#FFFFFF;
				background:#3bbbb6;
				width:190px;
				padding:15px 10px;
				margin:0px auto;
				border-radius:8px;
				display:block;
			}
				.loppiflow .qrtxt .btnArea a:hover{
					opacity:0.8;
				}

/*------------------------------------------------------------------------------------
■商材
------------------------------------------------------------------------------------ */
.items{
	margin:0px 0px 0px 0px;
}
	.items ul.goods{
	}
		.items ul.goods li.colgoods {
			padding:34px;
			margin:0px 0px 50px 0px;
			border:3px solid #e4007f;
			border-radius:12px;
			background:#FFFFFF;
		}
		.items ul.goods li.colgoods:last-child {
			margin-bottom:0px;
		}
			.items ul.goods li.colgoods h2{
				font-size:48px;
				line-height:130%;
				font-weight:bold;
				color:#00508e;
				padding-bottom:20px;
				}
				.items ul.goods li.colgoods h2 span{
					font-size:36px;
					}

			.items ul.goods li.colgoods p.price{
				font-size:18px;
				font-weight:bold;
				padding-bottom:12px;
				}
				.items ul.goods li.colgoods p.price span{
					font-size:36px;
					padding:0px 4px;
					}


		.items ul.goods li.colgoods .photobox{
			text-align:center;
			padding:0px 0px 20px;
		}

		.items ul.goods li.colgoods .specbox{
			padding:20px 0px 0px 0px;
		}
			.items ul.goods li.colgoods .specbox div.table{
				width:380px;
				float:left;
				background:#FF0000;
			}
				.items ul.goods li.colgoods .specbox div.table table{
					width:100%;
				}
			.items ul.goods li.colgoods .specbox div.note{
				width:450px;
				float:right;
				font-size:12px;
			}
			.items ul.goods li.colgoods .specbox div.note dl dt{
				padding-top:4px;
			}
			.items ul.goods li.colgoods .specbox div.note dl dd{
				padding:4px 0px;
				line-height:130%;
			}


			.items ul.goods li.colgoods  .txt h2{
				font-size:36px;
				line-height:130%;
				font-weight:bold;
				padding-top:12px;
			}


			/*------------------------------------------------
			■限定商品
			------------------------------------------------ */
			.items ul.goods li.colgoods.limited  .photo{
			}
			.items ul.goods li.colgoods.limited  .photo ul li:first-child{
				text-align:center;
				padding-bottom:18px;
			}
			.items ul.goods li.colgoods.limited  .txt{
				padding-top:24px;
			}

			.items ul.goods li.colgoods.limited{
				color:#231916;
				border:3px solid #231916;
				background:#fff100;
			}
				.items ul.goods li.colgoods.limited h2{
					color:#231916;
				}
				.items ul.goods li.colgoods.limited h3{
					font-size:28px;
					line-height:130%;
					color:#fff100;
					background:#231916;
					padding:12px;
					margin:24px 0px 12px 0px;
					text-align:center;
				}
				.items ul.goods li.colgoods.limited p{
					font-size:18px;
					padding:6px 0px 18px;
					text-align:left;
				}

				.items ul.goods li.colgoods.limited p.icon span{
					font-size:12px;
					width:100px;
					display:block;
					border-radius:20px;
					padding:4px 0px;
					margin-bottom:12px;
					text-align:center;
					color:#fff100;
					background:#231916;
				}
			.items ul.goods li.colgoods.limited .txt dl dt,
			.items ul.goods li.colgoods.limited .txt dl dd,
			.items ul.goods li.colgoods.limited .txt ul li{
				padding:0px 0px 4px 0px;
				font-size:12px;
				line-height:130%;
			}





/*------------------------------------------------------------------------------------
	 ★☆★☆★　Smart Phone (max-width: 768px)　★☆★☆★
------------------------------------------------------------------------------------ */

@media screen and (max-width: 768px){

.pcnone{
	display:inline;
}
.spnone{
	display:none;
}
img{
	max-width:100%;
}

/*------------------------------------------------------------------------------------
■ヘッダー 
------------------------------------------------------------------------------------ */
#header .block {
	padding:20px 15px;
}
#header .block img{
	width:120px;
}

.block{
	width:auto;
}

/*------------------------------------------------------------------------------------
■メインビジュアル
------------------------------------------------------------------------------------ */
h1{
	padding-top:0px;
}

/*------------------------------------------------------------------------------------
■Loppi操作方法
------------------------------------------------------------------------------------ */
.loppiflow{
	width:auto;
	margin:50px auto;
}
	.loppiflow .qrimg,
	.loppiflow .qrtxt{
		width:auto;
		float:none;
		text-align:center;
	}

	.loppiflow .qrtxt{
		padding:20px 30px 12px 30px;
	}

/*------------------------------------------------------------------------------------
■Table
------------------------------------------------------------------------------------ */
table{
	border-top:1px solid #03497a;
	border-left:1px solid #03497a;
}
th,td{
	border-right:1px solid #03497a;
	border-bottom:1px solid #03497a;
	padding:4px 2px;
	text-align:center;
	font-size:12px;
}



/*------------------------------------------------------------------------------------
■商材
------------------------------------------------------------------------------------ */
.items{
	margin:0px 0px 40px 0px;
}

		.items ul.goods{
			padding:2px 12px 22px 12px;
		}

			.items ul.goods li.colgoods {
				padding:20px;
				border-width:2px;
			}
			.items ul.goods li.colgoods h2{
				font-size:30px;
				line-height:130%;
				font-weight:bold;
				color:#00508e;
				padding-bottom:12px;
				}
				.items ul.goods li.colgoods h2 span{
					font-size:21px;
					}
				.items ul.goods li.colgoods p.price{
					font-size:14px;
					font-weight:normal;
					padding-bottom:12px;
					}
					.items ul.goods li.colgoods p.price span{
						font-size:24px;
						padding:0px 4px;
						}
					.items ul.goods li.colgoods .photobox{
						text-align:center;
						padding:10px 0px 10px;
					}

				.items ul.goods li.colgoods .specbox div.note dl{
					padding-top:12px;
				}

			.items ul.goods li.colgoods.limited  .photo,
			.items ul.goods li.colgoods.limited  .txt{
				width:auto;
				float:none;
			}



			.items ul.goods li.colgoods .specbox div.table{
				width:auto;
				float:none;
				background:#FF0000;
			}
			.items ul.goods li.colgoods .specbox div.note{
				width:auto;
				float:none;
				font-size:12px;
			}



			.items ul.goods li.colgoods  .txt{
				padding:20px 10px;
			}
			.items ul.goods li.colgoods  .photo{
				text-align:center;
				padding-top:8px;
			}

				.items ul.goods li.colgoods  .txt h2{
					font-size:22px;
					font-weight:normal;
					padding-top:12px;
				}
				.items ul.goods li.colgoods  .txt p.author{
					font-size:16px;
					font-weight:normal;
					padding-top:8px;
				}

				.items ul.goods li.colgoods  .txt p.publisher{
					font-size:20px;
					color:#fff100;
					font-weight:normal;
					padding-top:8px;
				}
				.items ul.goods li.colgoods  .txt p.album{
					font-size:28px;
					font-weight:normal;
					color:#fff100;
				}
				.items ul.goods li.colgoods  .txt p.comment{
					font-size:16px;
					font-weight:normal;
					padding-top:18px;
				}


					.items ul.goods li.colgoods.col02{
						color:#FFFFFF;
						background:#eb6da5 url("http://cdn.l-tike.com/we_love_hokkaido/img/bg_col02.png") 92% 70% no-repeat;
					}

						.items ul.goods li.colgoods.col02 .txt h2{
							text-indent:-24px;
							margin-left:8px;
							padding-right:80px;
						}
						.items ul.goods li.colgoods.limited  .txt h2{
							font-size:24px;
						}
						.items ul.goods li.colgoods.limited h3{
							font-size:18px;
							padding:12px;
							margin:24px 0px 12px 0px;
							text-align:left;
						}
						.items ul.goods li.colgoods.limited p{
							font-size:14px;
							padding:6px 0px 18px;
							text-align:left;
						}

			.items ul.goods li.colgoods.limited  .txt{
				padding-top:24px;
			}
			.items ul.goods li.colgoods.limited .txt dl dt,
			.items ul.goods li.colgoods.limited .txt dl dd{
				padding:0px 0px 4px 0px;
				line-height:130%;
			}




/* ↓media screen閉じタグ
------------------------------------------ */
}