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


body{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
    width: 730px;
    margin: 0 auto;
	background-color:#FFFFF0;
}
 
img {border:0;}

a {
text-decoration: none;
}

a:link { color: #666; }
a:visited { color: #666; }
a:active { color: #666; }
a:hover {
color: #666;
text-decoration: none;
top:1px; left:1px; position:relative; }


/*ここから本文*/
.title{
	color:#666;
	padding:5px;
	font-size:30px;
	margin:0;
	letter-spacing: 3px;
	font-weight:normal;
}

.main-text{
	font-size: 15px;
	color:#585858;
	line-height:1.7;
	letter-spacing: 2px;
	margin:0;
}

.sub-text{
	margin:0 auto;
	font-size:14px;
	color:#666;
	letter-spacing: 2px;
}

.sub_tittle{
	color:#fff;
	background-color:#89c56d;
	padding:25px 0px;
	border-radius:5px;
	letter-spacing: 2px;
	font-size:24px;
	font-weight:normal;
	margin:-8px 0 20px;
}

.sub_tittle-2{
	color:#fff;
	background-color:#b9a69c;
	padding:25px 0px;
	border-radius:5px;
	letter-spacing: 2px;
	font-size:24px;
	font-weight:normal;
	margin:-8px 0 20px; 
}

/*疑問　吹き出し*/
.Question_1 {
  position: relative;
  padding: 20px;
  margin:20px 20px;
  border-radius:10px;
  background: #ffdda1;
}

.Question_1:after {
position: absolute;
content: '';
top: 100%;
left: 50px;
border: 10px solid transparent;
border-top: 18px solid #ffdda1;
width: 0;
height: 0;
}

.Question_1 p {
	margin:0;
	color:#555;
	font-size:18px;
	letter-spacing: 1px;
}

.Question_2 {
  position: relative;
  padding: 20px;
  margin:40px 20px;
  border-radius:10px;
  background: #ffdda1;
}

.Question_2:after {
position: absolute;
content: '';
top: 100%;
right: 50px;
border: 10px solid transparent;
border-top: 18px solid #ffdda1;
width: 0;
height: 0;
}

.Question_2 p {
	margin:0;
	color:#555;
	font-size:18px;
	letter-spacing: 1px;
}

.Headline {
	color: #666666;
	padding: 15px 0;
	border-top: solid 4px #fd8c78;
    border-bottom: solid 4px #fd8c78;
	font-size:24px;
	font-weight:600;
	letter-spacing: 2px;
	background-color:#FFFFFF;
}



/*アイテム並び*/
.item-wrap{
	width:100%;
	display: flex;
	justify-content: space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
	padding:0;
	list-style: none;
	margin:0;
}

.box3{
	width: calc(100% / 3); 
	widht: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width:30.8%;
	margin:1%;
	border: #ccc 1px solid;
	display: inline-block;
	background-color:#FFFFFF;
}

.box3 img{
	width:96%;
	margin:0 auto;
	padding:2% 2% 0% 2%;
}

.box3 p{
	text-align:center;
	color:#666;
	width:80%;
	margin:5px auto;
	font-size: 13px;
	color:#585858;
	line-height:1.6;
	letter-spacing: 1px;
}


.box3 hr {
	border: #ea5549 1px solid;
	width:80%;
	margin:5px auto;
}

.box4{
	width:calc(100% / 4);
	widht: -webkit-calc(100% / 4);
	width: -moz-calc(100% / 4);
	width:22%;
	margin:1%;
	border: #ccc 1px solid;
	display: inline-block;
	background-color:#fff;
}


.box4 img{
	width:96%;
	margin:0 auto;
	padding:2% 2% 0% 2%;
}

.box4 p{
	text-align:center;
	color:#666;
	width:90%;
	margin:5px auto;
	font-size: 12px;
	color:#585858;
	line-height:1.5;
	letter-spacing: 1px;
}

.box4 hr {
	border: #ea5549 1px solid;
	width:80%;
	margin:5px auto;
}


/*　背景ストライプ_３アイテム　*/
.item-wrap_s{
	width:100%;
	display:flex;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content:space-between;
	padding:0;
	list-style: none;
	margin:0;
	background-image: linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-image: -webkit-linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-image: -moz-linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-image: -ms-linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-image: -o-linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-image: linear-gradient( -45deg, #fff 25%, #f4ebdc 25%, #f4ebdc 50%, #fff 50%, #fff 75%, #f4ebdc 75%, #f4ebdc );
	background-size: 20px 20px;
}

.box3_s{
	width: calc(100% / 3); 
	widht: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width:30.8%;
	margin:1%;
	display: inline-block;	
}

.box3_s img{
	width:92%;
	margin:0 auto;
	padding:4% 4% 0% 4%;
}

.box3_s p{
	text-align:center;
	color:#666;
	width:80%;
	margin:5px auto;
	font-size: 13px;
	color:#585858;
	line-height:1.6;
	letter-spacing: 1px;
}

.box3_s hr {
	/*border: #89c56d 1px solid;も可愛い*/
	border: #89c56d 1px solid;
	width:80%;
	margin:5px auto;
}

.item-name{
	margin:0 auto;
	font-size:18px;
	color:#ea5549;
	letter-spacing: 2px;
}

.Category-link{
	color:#fff;
	background-color:#fd8c78;
	padding:10px;
	font-size:18px;
	letter-spacing: 1px;
	line-height:1.7;
	border-radius:50px;
	width:70%;
	margin:30px 0 0 0;
}

.use-fabric{
	margin:20px 0 0 0;
	font-size:18px;
	color:#666;
	letter-spacing: 2px;
}

.under{
	border:#ea5549 2px solid;
	width:21%;
	margin:5px 0 30px 0;
}

.text_4{
	color: #666666; 
    font-size: 11px;
	letter-spacing: 3px;
	text-align: right;
	margin:0; 
}

hr.style1{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
	clear: both; 
    color:#FFFFFF;
    margin: 0;
}