﻿@charset "utf-8";
/* CSS Document */

/* 全体を730pxに */
body{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	width:730px;
    margin-right: auto;
    margin-left : auto;
}

a {
	text-decoration: none;
}

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #666666; }
a:active { color: #666666; }
a:hover { text-decoration: none;
top:1px; left:1px; position:relative; }

.title-p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	margin:0;
	color:#666666;
	font-size:24px;
	letter-spacing: 3px;
	font-weight:bold;
	margin-top:30px;
}

.p1-1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	margin:0;
	background-color:#93895b;
	border-radius:5px;
	color:#fff;
	font-size:23px;
	letter-spacing: 4px;
	padding:5px;
	margin-top:40px;
}

.p1-2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	margin:0;
	border-radius:5px;
	color:#93895b;
	font-size:23px;
	font-weight:600;
	letter-spacing: 3px;
	padding:10px;
	border: solid 2px #93895b;
}

.p3 {
	color: #666666; 
    font-size: 15px;
	line-height:1.6;
	letter-spacing: 1px;
	text-align: center;
	margin-top:30px;
	margin-bottom:40px;
}

.p3-1 {
	color: #666666; 
    font-size: 15px;
	line-height:1.6;
	letter-spacing: 1px;
	text-align: center;
	margin:0;
}

.p4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	margin:0;
	color:#666;
	font-size:21px;
	letter-spacing: 2px;
	margin-top:10px;
	font-weight:600;
}

.p5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #666666; 
    font-size: 19px;
	font-weight:600;
	line-height:1.7;
	letter-spacing: 2px;
	text-align: center;
	margin:0;
	margin-top:30px;
	margin-bottom:10px;
}

.p9 {
	color: #ea5549; 
    font-size: 20px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing: 2px;
	text-align: center;
	margin-top:80px;
}


table.type1 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	line-height: 1.5;
	margin:0;
	margin-bottom:40px;
}
table.type1 th {
	width: 360px;
	padding: 10px;
	font-weight: 500;
	letter-spacing: 2px;
	vertical-align: top;
	color: #fff;
	background: #bfab9a;
}
table.type1 td {
	width: 360px;
	padding: 10px;
	vertical-align: top;
	background: #e5ded7;
	text-align:left;
	font-size:15px;
	color:#666666;
	letter-spacing: 1px;
}

table.type2 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	line-height: 1.5;
	margin:0;
	margin-bottom:40px;
}
table.type2 th {
	width: 730px;
	font-size:19px;
	text-align:left;
	padding: 10px;
	font-weight: 500;
	letter-spacing: 2px;
	vertical-align: top;
	color: #fff;
	background: #bfab9a;
}
table.type2 td {
	width: 730px;
	padding: 20px;
	vertical-align: top;
	background: #e5ded7;
	text-align:left;
	font-size:15px;
	color:#666666;
	letter-spacing: 1px;
}

/* img_boxの親 */
.img_parent{
	width: 100%;
	display: -webkit-box; /* Safari用 box仕様 */
	display: -webkit-flex; /* Safari用 flex仕様 */
	display: flex;
	-webkit-box-pack: justify; /* Safari用 box仕様 */
	-webkit-justify-content: space-between; /* Safari用 flex仕様 */
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin:0 auto;
	margin-top:30px;
}

/* 商品画像からコメントまでを囲うdiv */
.img_box{

	width: 230px;
}

/* 商品名リンクに触れた時 */
ul.img_parent li a:hover{

	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: underline;
}

.text_4{
	color: #666666; 
    font-size: 11px;
	letter-spacing: 3px;
	text-align: right;
	margin:0; 

}

/* 線の設定 */
hr {
   border:solid #737373;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
   margin: 1 0 1 0;
}

hr.style1{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
	clear: both; 
    color:#FFFFFF;
    margin: 0;
}

/* リンク下線 */
.under {
  border-bottom: solid 3px #bfab9a;
  }
  
