@charset"utf-8";

/* ページ全体の設定 */

body {
	.webkit-text-size-sdjust:none;/*テキストの自動拡大防止*/
	text-size-adjust:none;
	margin:0;
}

img {
	width:100%;
	height:auto;
}


/* ヘッダー：ブロック */

/* ヘッダ－：固定する*/
.top-header {
	display:flex;
	justify-content:space-between;
	padding:20px 10px;
	background-color:#FFF;
	position:fixed;
	width:100%;
	box-shadow:5px 5px 5px #aaa;
	top:0;
	right:0;
	z-index:99;
}
figure {
	margin-top:0;
}
ul {
	margin-top:0;
	margin-bottom:0;
}



/* ナビゲーションメニュー */
.item {
	position:absolute;
	left:auto;
	right: 30px;
	bottom: 40px;
}

ul {
	list-style-type:none;
	padding:0;
	font-size:18px;
	display:flex;
	justify-content:center;
}

li {
	font-weight: 400;
	font-size:14px;
	color: #80a491;
}

li:not(:last-child) {
	margin-right:20px;
}

/* リンク */
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
}
a {
	font-size: 18px;
}



/* コンテンツ：ブロック */
.container {
	padding:10px 12px 12px;
	padding-top:160px;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
}

.greeting {
	display:block;
	text-align:center;
}
h1 {
	text-align:center;
	font-size:24px;
	margin:0;
	color:#e63244;
}

p {
	font-size:12px;
	color:#333;
	margin:0;
	line-height:2.0;
}

h3 {
	font-size:14px;
	color:#333;
	text-align:center;
}


	

/* フッター：ブロック */
footer {
	text-align:center;
	color:#333;
}





/*=== 商品案内のページ ===*/

figure {
	margin:0;
}
.item_2 img {
	padding-left:20px;
}
.contents {
	padding:15px;
}
.container div {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.container article {
	width:48%;
	flex:none;
}
.container article:not(:nth-last-child(-n+2)) {
	margin-bottom:12px;
}
h1 {
	padding-bottom:20px;
	color:#de3a11;
}
p {
	color:#666;
}




/* pc版 */



@media (max-width:540px) {
.container {
	max-width:800px;
}

.item {
	position:absolute;
	left:auto;
	right: 30px;
	bottom:5px;
}

}

@media (min-width:800px) {
.container article {
	width:23%;
}
.container article:not(:nth-last-child(-n+2)) {
	margin-bottom:0;
}
}