@charset "UTF-8";
/* CSS Document */

body{
	margin: 0;
	width: 100%;
}

#wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

img{
	width: 100%;
}


/*******トップ*******/

#main{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


/*******ランディングページ*******/

#lp{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.ft_info{
	line-height: 200%;
	margin: 8% 0 10% 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
}




/*******コンテンツ括り*******/

#contents{
	width: 100%;
	margin-bottom: 15%;
}


/*******番号*******/

#contents h2{
	width: 10%;
	margin: 0 auto;
	font-size: 150%;
	color: #fff;
	padding: 3.5% 0;
	background-color: #8da3b1;
	margin-bottom: 5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


/*******キャッチ*******/

#contents h3{
	margin-bottom: 3%;
	font-size: 120%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height: 150%;
}


/*******メインイメージ*******/

.main_img{
	width: 70%;
	margin: 0 auto;
	margin-bottom: 5%;
}


/*******コメント*******/

.text{
	width: 70%;
	margin: 0 auto;
	font-size: 80%;
	margin-bottom: 5%;
	line-height: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}



/*******サブイメージ*******/

.sub_img{
	width: 44%;
	float: left;
	margin: 0 3% 3% 3%;
}

.click a{
	clear: both;
	width: 200px;
	background-color: #f0eade;
	color: #000;
	font-weight: bold;
	padding: 15px;
	display: block;
	margin: 0 auto;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-bottom: 5%;
}


/*******関連商品*******/

#link{
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#link h3{
	width: 100%;
	font-weight: bold;
	margin: 3% 0 2% 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.list{
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	margin-bottom: 3%;
}

.list span img{
	width: 15%;
}



/*******カテゴリー*******/

#category{
	margin-top: 10%;
	margin-bottom: 8%;
}

#category ul{
	width: 100%;
	overflow: hidden;
}

#category ul li{
	width: 14%;
	float: left;
	padding: 0 1%;
}


/*******MinoriTYトップへ*******/

.mino_top{
	width: 200px;
	background-color: #3b5166;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	display: block;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

a{
	color: #fff;
}


/*******ページトップへ*******/

.Pagetop {
	clear: both;
	height: 50px;
	margin-top: 3%;
}

.Pagetop a {
	display: block;
	background-color: #3b5166;
	height: 50px;
	background-image: url("../img/pagetop.png");
	background-repeat: no-repeat;
	background-position: center center;
}



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

	/*******ランディングページ*******/

	#lp{
		width: 90%;
	}

	.ft_info{
		font-size: 80%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		margin-bottom: 15%;
	}



	/*******コンテンツ括り*******/

	#contents{
		margin-bottom: 20%;
	}

	
	/*******番号*******/

	#contents h2{
		width: 20%;
		padding: 6% 0;
		margin-bottom: 8%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}


	/*******キャッチ*******/

	#contents h3{
		margin-bottom: 5%;
		font-size: 100%;
	}


	/*******メインイメージ*******/

	.main_img{
		width: 100%;
	}


	/*******コメント*******/

	.text{
		width: 100%;
		font-size: 70%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}


	/*******サブイメージ*******/

	.sub_img{
		width: 48%;
		margin: 0 1% 8% 1%;
	}

	.click a{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		margin-bottom: 8%;
	}
	

	/*******関連商品*******/

	#link h3{
		font-size: 80%;
		margin: 3% 0 2% 0;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}

	.list span img{
		width: 20%;
	}

	
	/*******カテゴリー*******/

	#category ul li{
		width: 31%;
	}


	/*******MinoriTYトップへ*******/

	.mino_top{
		width: 150px;
		font-size: 80%;
		margin-bottom: 8%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}


}