@charset "utf-8";

/*  Parts
---------------------------------------------------*/
.Fmin {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main input.btn {
	border:none ;
	background: linear-gradient(180deg, #ffb566, #ff9626);
	color:#FFF;
	padding:5px 30px ;
	border-radius: 5px;
	padding: 10px 30px;
	cursor: pointer ;
	font-size: 14px;
	font-weight: bold;
}
/*
---------------------------------------------------*/
#main{
	width:95% ;
	margin:0 auto ;
	padding-top:15px ;max-width: 1335px;
}
#main h3{
	margin:0 auto 30px auto ;
	font-weight: bold;color: #333;; o;
	padding: 10px 0px;
	font-size: 1.4rem;
	border-bottom: solid 1px #555;;
}

#main h4{
	padding:5px 10px 5px 0px ;
	box-sizing: border-box ;
	margin:0 auto 20px auto ;
    font-weight: bold;
    /* color: #bf0000; */
    font-size: 1.1rem;border-bottom: solid 1px #555;
}

#main .content{
	margin:0 auto 30px auto ;
}

#main table{
	width:100% ;
	border: 2px solid #555;
}

	#main table th,
	#main table td{
		padding:5px 10px;
		box-sizing: border-box ;
		border: 1px solid #555;
	}

	#main table tbody th{
		width:280px ;
		background-color:#FBFBFB ;
		text-align:left ;font-weight: normal;font-weight: bold;
	}
	#main table thead th{
		background-color: #EEE;
		text-align:left ;
	}

#main .btn{
	margin-top:30px ;
	text-align:center ;
	display: flex;
	justify-content: center;
}

#main .btn a{
	background: linear-gradient(180deg, #ffb566, #ff9626);
    color: #FFF;
    padding: 10px 30px;
    border-radius: 5px;
	cursor: pointer;
	font-size: 16px;font-weight: bold;
}
#main .btn a:hover{
	text-decoration: none;
}

#main .btnarea {
	display: flex;
	overflow: hidden;
	margin-top: 30px;
	justify-content: center;
}
#main .btnarea .btn {
	margin-top: 0;
	margin-left: 10px;
}
#main .btnarea .btn a {
	display: block;
	background: #FFF;
	color: #04c;
	border: solid 1px #CCC;
	padding: 10px 30px;font-weight: bold;
}

/*  一覧
---------------------------------------------------*/
.list #main .count{
	margin:0 15px 25px 15px ;
}
.list #main ul.item{
	width:100% ;
	margin:0 auto ;
	overflow:hidden ;
}
.list #main ul.item li{
	width:25% ;
  max-width: 400px;
  min-width: 200px;
	float:left ;
	list-style:none ;
	margin:0 0 20px 0 ;
  border-bottom: solid 1px #EEE;
  padding: 50px;
  box-sizing: border-box;
  /* background: linear-gradient(#fff, #f9f9f9); */
}
.list #main ul li .title{
  color: #04c;
  font-size: 18px;
  margin-top: 20px;font-weight: bold;text-decoration: underline;
}
.list #main ul li .price{
  color: #d90000;
	margin-top: 10px;
	font-size: 22px;
    font-weight: bold;
}
.list #main ul.item li:nth-child(4n+1){

}
.list #main ul.item li:nth-child(2n){

}
.list #main ul.item li:nth-child(4n){

}
	.list #main ul.item li figure{
		text-align:center ;
		height: 180px;
		margin:0 auto 10px auto ;
	}
		.list #main ul.item li figure img{
		}

.list #main div.pagging ul{
	width:100% ;
	margin: 30px auto;
	text-align:center ;
	overflow:hidden ;display: flex;justify-content: center;/* background: #f2f2f2; */padding: 20px;/* border-top: solid 1px #CCC; */; /* border-bottom: solid 1px #CCC; */
}
	.list #main div.pagging ul li{
		display:inline-block ;
		list-style:none ;
		/* margin:0 10px 15px 0 ; */
		font-size:1.1rem ;
	}
		.list #main div.pagging ul li a,
		.list #main div.pagging ul li span{
			display:block ;
			padding: 7px 22px;
			line-height:1 ;
			border-right: 1px solid #cccccc;border-left: 0;background: #FFF;font-size: 1.2rem;color: #04c;
		}
		.list #main div.pagging ul li:first-child span{
			border-left:1px solid #cccccc ;
		}

/*  詳細
---------------------------------------------------*/
.detail #main .item{
	overflow:hidden ;
	display:table ;
}

	.detail #main .item figure{
		width: 472px;
		display:table-cell ;
		text-align:center ;
		padding:15px ;
		box-sizing:border-box ;
	}
	.detail #main .item figure img{
  width: 100% ;
 }

	.detail #main .item .information{
		display:table-cell ;
		vertical-align:top ;
		padding-left: 30px;width: 500px;
		}

		.detail #main .item .information .comment{
			margin:0 auto 15px auto ;/* color: #F39C12; */; font-weight: bold;
		}
		.detail #main .item .information h3 {
			font-family: ;
			font-weight: bold;
			border-bottom: 0;
			font-size: 1.5rem;
			padding: 0;
		}

		.detail #main .item .information .cart{
			margin:0 auto 50px auto ;
			border:1px solid #cccccc ;
			/* border-radius:5px ; */; padding: 20px 15px;
			box-sizing:border-box ;border-left: 0;border-right: 0;
		}

			.detail #main .item .information .cart .price{
				margin:0 auto 20px auto ;
			}

				.detail #main .item .information .cart .price span{
					font-size: 2.5rem;
					font-weight: bold;
				}

			.detail #main .item .information .cart .form{
				display:table ;
				width:100% ;
			}

				.detail #main .item .information .cart .count{
					display:table-cell ;
					width:120px ;
					vertical-align:middle ;
				}

					.detail #main .item .information .cart .count select{
						border:1px solid #cccccc ;
						padding:5px ;
					}

				.detail #main .item .information .cart .btn{
					display:table-cell ;
					vertical-align:middle ;
					text-align:left ;
					margin-top:0 ;
				}

					.detail #main .item .information .cart .btn input{
						border:none ;
						background: linear-gradient(180deg, #ffb566, #ff9626);
						color:#FFF;
						padding:5px 30px ;
						border-radius: 5px;
						padding: 10px 30px;
						cursor: pointer ;font-weight: bold;font-size: 20px;
					}

		.detail #main .item .information .spec{
			margin:0 auto 40px auto ;
		}

 /*  カート
---------------------------------------------------*/
#cart main {
	/* background: #f2f2f2; */
}
#cart main form {
	/* background: #FFF; */
	/* padding: 30px; */
}
.cart #main h3{
	font-weight: bold;
    border-bottom: solid 1px #555;
    font-size: 25px;
}
.cart #main .item{}
.cart #main .item table{
	margin-bottom:15px ;
}
.cart #main .item table td{
	padding:15px 10px ;
	box-sizing: border-box ;
	background: #f2ffee;
}
.cart #main .item table td:nth-child(1){
	width:200px ;
}
.cart #main .item table td:nth-child(2){}
.cart #main .item table td:nth-child(3){ width:200px ;}
.cart #main .item table td:nth-child(4){ width:100px ;}
.cart #main .kojin{}
.cart #main .kojin table th,
.cart #main .kojin table td{
	padding:15px 10px;}
.cart #main .item table td img{
 width: 100% ;
}

.cart #main .shiharai{}
.cart #main .shiharai .box{
	background-color:#EEE ;
	padding:15px ;
	box-sizing: border-box ;
	border-radius: 5px ;
}
.cart #main .shiharai .box dl{
	overflow:hidden ;
}
	.cart #main .shiharai .box dl dt{
		clear:both ;
		width:150px ;
		float:left ;
	}
	.cart #main .shiharai .box dl dd{
		width:600px ;
		float:left ;
	}

.cart #main .btn{
	text-align:center ;
}
.cart #main .btn input{
	background: linear-gradient(180deg, #ffb566, #ff9626);
    color: #FFF;
    padding: 15px 30px;
    border-radius: 5px;
    border: 0;
	cursor: pointer ;font-weight: bold;
}
.cart #main .btn input+input{
	margin-left: 10px ;
}
.cart #main .btn input[type=button]{
    background: #FFF;
    color: #333;
    border: solid 1px #CCC;
}

.thanks #main .btn{
	text-align:center ;
}

.thanks #main .btn a{
	border:none ;
	background: linear-gradient(180deg, #ffb566, #ff9626);
	color: #FFF;
	padding:10px 50px ;
	cursor: pointer ;
}


.result #main .box{
	background-color: #f2f2f2;
	padding:20px ;
	box-sizing:border-box ;
}

.result #main .btn{
	text-align:center ;
}

.result #main .btn a{
	border:none ;
	background: linear-gradient(180deg, #ffb566, #ff9626);
	color: #FFF;
	padding:10px 50px ;
	cursor: pointer ;
}

#hen #main p ,
#nou #main p {
	margin-bottom: 20px;
	line-height: 1.5 ;
}

/*  shopInfo  */
#main .shopinfo{}
#main .shopinfo table th{
	padding:15px ;
	font-weight:normal ;
}

#main .shopinfo table td{
	padding:15px ;
}
#buy #main table.shouhin th:last-child{
	text-align: center;
}
#buy #main table.shouhin td:last-child{
	text-align: center;
}
#buy #main table.shouhin thead th:nth-last-child(2){
	text-align: center;
}
#buy #main table.shouhin td:nth-last-child(2){
	text-align: center;
}

#main .shopinfo ul{
	width:95% ;
	margin:0 auto ;
	padding:0 ;
}

#main .shopinfo ul li{
	margin:0 0 15px 0 ;
	line-height:1.5 ;
}