/*どこでも購入ボタン*/
.s8addcartPlg{
  display:block;
  padding:10px 0;
  margin-bottom:15px;
  position:relative;
  text-align:right;
}
.s8addcartPlg input{
  font-size:16px;
  padding:4px;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.s8addcartPlg input[type="text"]{
  width:3em;
  background:#FFF;
  border:#999 solid 1px;
  border-radius:5px;
  line-height:30px;
  height:40px;
  padding:5px 10px;
  margin:0 5px 10px 0;
  text-align:right;
}
.s8addcartPlg input[type="submit"]{
  width:10em;
  font-weight:500;
  cursor:pointer;
  border-radius:0;
  border:0;
  color:#FFF;
  background:#d9534f;
  text-align:center;
  vertical-align:middle;
  -webkit-appearanc:none;
  line-height:40px;
  height:40px;
  padding:0 20px;
  margin:0 0 10px 20px;
}
.s8addcartPlg input[type="submit"]:hover,
.s8addcartPlg input[type="submit"]:focus,
.s8addcartPlg input[type="submit"]:active{
  color:#FFF;
  background-color:#c9302c;
  cursor:pointer;
  border-radius:0;
  text-decoration:none;
}
/*レイアウトサンプル*/
#page_sample .item_box01 h3,
#page_sample .item_box02 h3{
  font-size:18px;
  color:#000;
  text-align:left;
  padding:10px 5px;
  font-weight:normal;
}
#page_sample .att{
  font-size:93%;
  padding:5px;
  background:#FEF4F4;
}
#page_sample p.price{
  padding-top:5px;
  border-top:#DDD dotted 1px;
  text-align:right;
  font-size:90%;
}
#page_sample .item_img{
  max-width:100%;
  width:280px;
  height:auto;
  display:block;
  margin:0 auto 15px;
}
/* sample01 */
#page_sample .item_box01{
  width:40%;
  float:right;
  text-align:center;
  position:relative;
}
#page_sample .comment_box{
  width:55%;
  float:left;
  padding:15px 15px;
  border-radius:7px;
  background:#F9F9F9;
  margin-bottom:10px;
}
/* sample02 */
#page_sample .item_box02{
  width:48%;
  margin:0 1% 15px;
  padding:10px;
  float:left;
  position:relative;
}
#page_sample .item_box02 .s8addcartPlg{
  padding-top:20px;
  background:#F5F5F5;
}
@media only screen and (max-width: 768px) {
#page_sample h2{
  font-size:20px;
}
#page_sample{
  padding:2%;
}
#page_sample .item_box01 h3,
#page_sample .item_box02 h3{
  font-size:16px;
}
/* sample01 */
#page_sample .item_box01{
  width:40%;
  float:left;
  text-align:center;
}
#page_sample .comment_box{
  width:55%;
  float:right;
  margin:20px 0 0;
  padding:15px 10px;
}
/* sample02 */
#page_sample .item_box02{
  width:46%;
  margin:0 2% 15px;
  float:left;
}
}
@media only screen and (max-width: 645px) {
#page_sample h2{
  font-size:18px;
}
#page_sample .item_box01,
#page_sample .item_box02,
#page_sample .comment_box{
  width:96%;
  padding:15px 2%;
  margin:0 auto;
  float:none;
}
}

.my-gray {color: #3E3A39}
.my-blue {color: #AAE6FE}
.my-orange {color: #FFDC68}
.my-green {color: #A1CA6C}
.my-red　{color: #FE9673}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: "Font Awesome 5 Free"; 
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 0.5em 0;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 2em;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #A1CA6C;
	content: '\f128';
margin-right: 10px}
.cp_qa dd::before {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #FE9673;
	content: '\f031';
margin-right: 10px}

.scroll{
overflow: auto;
white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;
}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

.merit li {
    list-style : none ;
	font-size : 14px;
	}
.merit li:before {
	font-family: "Font Awesome 5 Free"; 
	font-size: 3em;
	font-weight: 900;
	color: #A1CA6C;
	margin-right: 10px;
}
.merit p {text-align: center;
}
.merit li:nth-child(1):before {
  content: '\f508';
}
.merit li:nth-child(2):before {
  content: '\f501';
}
.merit li:nth-child(3):before {
  content: '\f1ad';
}
.merit li:nth-child(4):before {
  content: '\f2bd';
}
.merit li:nth-child(5):before {
  content: '\f594';
}
.merit li:nth-child(6):before {
  content: '\f19c';
}

.box1 {
	  width: 350px;
	float: left;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    color: #232323;
    background: #fff8e8;
    border-top: solid 10px #FFDC68;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.box2 {
	  width: 350px;
	float: right;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    color: #232323;
    background: #fff8e8;
    border-top: solid 10px #FFDC68;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box3 {
	  width: 800px;
	    padding: 0.5em 1em;
    margin-bottom: 1em;
    color: #232323;
    background: #fff8e8;
    border-top: solid 10px #FFDC68;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.s {
  	text-decoration: line-through;
	  }


.container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item{
	margin-bottom: 10px;
	width: 32%;
}
.item img{
  display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px){
	.container {
		display: flex;
		flex-direction: row;
	}
	.item {
		width: 49%;
	}

}

.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box {
	margin-bottom: -1rem;
	padding: 0.5rem;
	width: 27%;
	}

.contents-box img {
	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}

.contents-box h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contents-wrap {
		flex-direction: column;
			}
	.contents-box {
		width: 100%;
	}
}

	.container2{
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
		justify-content: space-between;
margin-bottom: 30px;}