body {font-size:14px;
margin:0; padding:0;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
img {border:none;}
td {vertical-align: top;}

h1,h2,h3 {margin:0; padding:0;
font-weight:normal;
}

h2 {font-size:1.2em;}

h3 {border-bottom:dotted 2px #ccc;}

header {max-width:836px; width:100%;
margin:0 auto;
}
header p.description {font-size:0.8em;}

.container {width:100%; background:#b1afaf;}

.imgbox {max-width:836px; width:100%; margin:0 auto;
}

.mt {margin-top:20px;}




.thumimage ul {margin:0; padding:0; font-size:0;}
.thumimage ul li {
	list-style-type: none;
	display: inline-block;
	margin:0;
	padding:0;
}

.thumimage ul li span{
	font-size:8px;
	display:block;
	text-align:center;
	position:absolute;
	margin-top:137px;
	background:#333;
	width:104px;
	height:18px;
	color:#ccc;
	vertical-align: middle;
}


.mainimage {width:310px;}
.thumimage img {width:104px; height:155px;}


.thumimage img:hover {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */

}
 
a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}


.container2 {max-width:836px; width:100%; margin:30px auto;}

.detail1, .detail2 {display: inline-block; vertical-align: top;}

.detail1 {width:310px;}
.detail2 {max-width:500px; width:100%;}

span.dnumber {font-size:1.6em;}



.detail2 h3 + span {
	display:inline-block;
	width:120px;
}

.detail2 p {
	margin:30px 0;
}

.slabo {font-family: 'Slabo';}

dt {width:200px; background:#6c6c6c; color:#eee;}
dd {width:294px; background:#e8e8e8;}

dt,dd {
display: inline-block;
margin:0 3px 1px 0;
padding:5px 10px;
box-sizing:border-box;
font-size:0.85em;
}

dt span {

display:block;
position: relative;
text-align: right;
margin-top:-18px;
font-family: 'Slabo';
}

.detail3 {
margin:30px 0;
}
.detail3 p {width:100%; text-align:right; font-size:0.9em;
color:#999;
margin-top:-18px;
}
.detail3 ul {margin:0; padding:0;}
.detail3 ul li {
	margin:0 5px 8px 0;
	list-style-type: none;
	display: inline-block;
	border:solid 1px #ccc;
	box-sizing:border-box;
	padding:10px;
	width:198px;
}
.detail3 ul li:last-child {margin:0;}
.detail3 ul li span {display: block; font-weight:bold;}
.detail3 ul li img {display: block; margin:0 0 10px 0;
width:120px; height:auto;
}

@media screen and (max-width: 320px) {
img.imgsize2 {max-width:175px; height:auto;}
img.imgsize3 {max-width:172px; height:auto;}
.ttt {position:static; margin:0 !important; }
header {width:100%;margin:5px; height:auto;}
header div {margin:0;}
.container2:nth-of-type(2){margin:840px 0 0 0;}
.bxSlider img {height:160px;}
.other2 {background:#fff !important;}

}

@media screen and (min-width: 321px) {
img.imgsize2 {width:175px !important; height:auto;}
img.imgsize3 {width:172px !important; height:auto;}
}
div.order-button {margin:40px auto; width:176px;}

.other ul {margin:0; padding:0;}

.other ul li {
	margin:11px;
	display: inline-block;
	list-style-type: none; border:solid 1px #ccc; padding:5px;}

.other ul li:last-child, .other ul li:nth-last-child(6) {margin:0px 0 10px 0;}

footer {
	max-width:836px; width:100%; margin:80px auto; text-align:center;
}


/*form*/
#e_order {max-width:836px; width:100%; margin:0 auto;
background:#FFF;
}
.imagebox div {display:inline-block; width:200px; vertical-align: top;
font-size:1.0em;
border:solid 1px #ccc;
margin:10px 4px 0 0;
}

.imagebox div:nth-child(4),
.imagebox div:nth-child(8),
.imagebox div:nth-child(12),
.imagebox div:nth-child(16),
.imagebox div:nth-child(20),
.imagebox div:nth-child(24) {margin-right:0;}

.imagebox div img {height:290px; display:block; margin:0 auto;}
.imagebox div span {padding:3px 5px; display:block; background:#fff; margin:10px 0;
min-height:66px; font-size:0.9em;
}

input[type=radio] {margin-right:5px;}



.saisun_tbl input[type=text],
.saisun_tbl input[type=tel] {font-size:1.2em; width:60px; text-align:center;
display: inline-block; vertical-align: middle; margin-right:5px;
}
.saisun_tbl input.lng {font-size:1.2em; width:260px; text-align: left;
display: inline-block; vertical-align: middle; margin-right:5px;}

.saisun_tbl {max-width:836px; width:100%;}
.saisun_tbl td {vertical-align: middle; border-bottom:solid 1px #ccc; padding:3px 5px;}


.saisun div {
display: inline-block;
vertical-align: top;
}
.saisun div img {margin-right:30px;}
.saisun h3 {border-top:dotted 1px #ccc; border-bottom:none; padding:10px 0 0 0; font-weight:bold;
font-family:'Slabo';}
.saisun p {margin:5px 0 0 20px;}
.saisun h3:nth-child(1) {border:none;}

.saisun_list {max-width:440px; width:100%;}

.btn {font-size:1.4em; background:#d03332; color:#fff; text-align:center; padding:10px; width:236px; height:52px; cursor:pointer; display:inline-block; vertical-align:middle; margin-right:10px; border:none;
}

.btn2 {font-size:1.4em; background:#333; color:#fff; text-align:center; padding:10px; width:236px; height:52px; border:none; cursor:pointer; display:inline-block; vertical-align:middle;}

.btn:hover, .btn2:hover {border-top:solid 1px #fff; border-left:solid 1px #fff;
opacity: 0.8;
}

#hare {
    background: url("img/fabric1.jpg");
    background-size: 170px 170px;
}
#ame {
    background: url("img/fabric2.jpg");
    background-size: 170px 170px;
}
#kumori {
    background: url("img/fabric3.jpg");
    background-size: 170px 170px;
}
#mizore {
    background: url("img/fabric4.jpg");
    background-size: 170px 170px;
}

input#hare[type="radio"],
input#ame[type="radio"],
input#kumori[type="radio"],
input#mizore[type="radio"]
 {
	-webkit-appearance: none;
	position: relative;
	display: block;
	width: 170px;
	height: 170px;
}
input#hare[type="radio"]:checked:before,
input#ame[type="radio"]:checked:before,
input#kumori[type="radio"]:checked:before,
input#mizore[type="radio"]:checked:before
{
	content:"";
	position: absolute;
	display: inline-block;
	width: 170px;
	height: 170px;
	box-shadow: 0px 0px 0px 3px red;
}

img.stripe {max-width:836px; width:100%;}

div.buttonarea {max-width:560px; width:100%;
	margin:40px auto 60px auto; text-align:center;}

p.caution {color:#ff0000; padding:10px;}

@media screen and (max-width:800px){
.imgbox {max-width:320px; width:100%;}
.imgbox td {display:inline; float:left;}
.container2, header {padding:10px; box-sizing:border-box;}
dt,dd {width:100%;}
.detail3 ul {max-width:320px; width:100%; margin:0 auto; text-align:center;}
.detail3 ul li {width:130px; margin:0 10px 10px 0;}
.detail3 ul li:first-child {margin-left:11px;}
.detail3 ul li img {width:100px;}
.other ul li {width:110px;}
.other ul li:last-child, .other ul li:nth-last-child(6) {margin:0 10px 10px 10px;}
.btn, .btn2 {margin:0 0 10px 0;}
.saisun div img {margin-right:0;}
.saisun_list {padding:10px; box-sizing:border-box;}
h2 {padding : 0 8px;}
}

#nvs {width:180px; margin:0 auto; text-align:center;

}

#nvs2 a.active{
	text-decoration: none;
}
.nv {background: #da6161; color:#ffffff;
	width:20px; height:20px;
	padding:10px;
display:inline-block; vertical-align: middle; text-align: center;
cursor: pointer;
margin-bottom:10px;
}

#slider-prev a,#slider-next a{font-size:1.8em;
color:#da6161; text-decoration: none;
font-weight: bold;
}


.ppp {
	font-size:1.7em;
	font-family: 'Slabo';
 background: #fff;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}

ul.kijideza li {vertical-align: top; margin-right:12px;}
ul.kijideza li:nth-of-type(4n) {margin-right:0;}

.saiko {
border:dashed 3px red !important;
box-sizing:border-box;
}