@charset "utf-8";
html {
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
font-size:10px;
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body{margin:0; display: flex; flex-direction: column;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {display: block;}
audio,
canvas,
progress,
video {display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
audio:not([controls]) {display:none;height:0;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active,
a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,
strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size:3.2rem;margin: 0.67em 0;}
mark {background:#ff0;color: #000;}
small {font-size:80%;font-size:13px;font-size:1.3rem}
sub,
sup {font-size:75%;font-size:12px;font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,
kbd,
pre,
samp {font-family: monospace, monospace;font-size:1.6rem;}
button,
input,
optgroup,
select,
textarea {color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */}
button {overflow: visible;}
button,
select {text-transform: none;}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height:normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border:1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,
th {padding: 0;}

html{font-size:62.5%;}
body{font-size:16px;font-size:1.6rem;}
#headbox{margin:0 auto;}
header{order:1;width: 100%;}
header img{margin: 16px auto;float: none;}
header p{font-size:12px;font-size:1.2rem;margin:0;}
ul, li{list-style-type: none;}
#smenu{clear:both;float:none;margin:2px 0 2px 16px;min-width:297px;font-size:0.825em;line-height:1;white-space:nowrap;text-align:center;}
#smenu form{width:90%;min-width:290px;clear:left;float:left;margin:2px;}
#smenu select{width:auto;border-width:1px;padding:0;}
#smenu input{border-width:1px;padding:1px 3px;height:20px;}
#smenu input#search{width:150px;}
#smenu ul{width:90%;min-width:290px;height:20px;margin:2px auto;padding:0;list-style-type:none;}
#smenu ul li{width:80px;margin:0 1px;padding:4px 1px;border:1px solid #999;border-color:#CCC #666 #666 #CCC;background-color:#EEE;float:left;text-align:center;}
#smenu ul li a{margin:0;text-decoration:none;display:block;position:relative;font-size:0.825em;line-height:1;}
#smenu ul li a:hover{color:#FC3;}
#smenu#submit{margin:0;padding:1px;}
nav{float:left;background-color:#363;width:100%;}
footer{order:4;margin:1em 0;font-size:14px;font-size:1.4rem;clear:both;}
footer ul{color: white;background-color: black;text-align: center;}
footer li{display:inline-block;margin:0.5em;}
footer li a{color: white;text-decoration: none;}
footer li a:hover{color: red;}
footer address{text-align:right;font-style: normal;line-height:1.3;padding:0.5em 1em;}
nav{text-align:left;padding:0 1px;}
.dropbtn{background-color:#363;color:white;padding:8px 2px;border:none;cursor:pointer;font-size:12px;font-size:1.2rem;font-weight:bold;}
.dropdown a{color:white;padding:0.5em;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;text-decoration:none;}
.dropdown a:hover{background-color:#f33;text-decoration:underline;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#cfc;min-width:200px;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:999999990;}
.dropdown-content a{color:#333;padding:0.5em 0.75em;font-weight: normal;
text-decoration:none;text-align:left;white-space: nowrap;display:block;}
.dropdown-content a.top_list{font-weight:bold;color:white;background-color:#693;}
.dropdown-content a:hover{background-color:white;}
.dropdown-content a.top_list:hover{color:#333;}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .dropbtn{background-color:#f33;}

.drop2 .dropdown-content{display:none;left:120px;margin-top:-32px;margin-top:-3.2rem;}
.dropdown:hover .drop2 .dropdown-content{display:none;}
.dropdown:hover .drop2:hover .dropdown-content{display:block;}

h1{color:#363;}
figcaption{font-size:14px;font-size:1.4rem;}
p,div,dd,dt,th,td,input{font-size:16px;font-size:1.6rem;}
img{display:inline-block;}
#route{width:100%;font-size:12px;font-size:1.2rem;line-height:2;margin:12px 0 6px 0;clear:both;}
#dispImage{width:368px;margin:0 0 1em 4px;}
#bigCon{margin:4px;width:316px;text-align:center;float:right;}
#bigCon img{max-width:300px;}
/*
#thumbnail{margin:0;padding:0;width:43px;}
#thumbnail li{display:block;margin:4px 0;list-style-type:none;height:41px;width:41px;border:1px double #ccc;text-align:center;}
*/
li#li0{border-color:red;}

/* new */
/*body{width:320px;}*/ /* smart device 確認用*/
#container{order:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 4px;}

#route a{text-decoration:none;}
#image_box{width:100%;text-align:center;margin-bottom:4rem;}
#image_box figure{text-align:center;margin:12px 0 0 0;}
#main_image {max-width:90%;max-height:450px;display:inline-block;cursor:pointer;margin-top:32px;}
#image_box ul{display:inline-block;}
#thumbnail{margin:0;padding:0;}
#thumbnail img {display:inline-block;margin:4px;padding:0;max-height:44px;max-width:44px;}
#thumbnail li,.thumbs{display:inline-block;height:52px;width:52px;margin:2px;padding:0;border:2px solid #cccccc;cursor:pointer;list-style-type:none;text-align:center;}
#thumbnail li:hover,li.thumbs:hover{border-color:orange;}
.table_type dt,.table_type dd{display:block;vertical-align:top;font-size:1.4rem;}
.table_type dt{width:145px;color:green;font-weight:bold;float:left;}
.table_type dd{min-width:150px;max-width:720px;margin-left:150px;}
.table_type dl{margin:0 0 2px 12px;padding:0;}
#unitprice{width:260px;margin:24px 0 0 0;float:left;}
#unitprice dt,#unitprice dd{display:inline;margin-bottom:4px;}
#unitprice dt{font-size:1.8rem;color:green;}
.bigger_red{color:red;font-weight:bold;font-size:1.8rem;margin-left:1.2rem;}
.calc_color{color:green;font-weight:bold;font-size:1.6rem;margin-left:1.2rem;}
.tiny_note{color:blue;font-size:1.2rem;margin-left:1rem;}
.small_text{font-size:1rem}

/*
#intoCart1{border:1px dotted green;min-width:28rem;
	margin-right:1rem;padding:1rem 2rem;float:right;background-color:white;}
#intoCart1 p{margin-top:0;}
#intoCart1{float:right;margin-top:24px;display:none;}
#intoCart1{display:none;}
*/
/*
#intoCart{position:fixed;bottom:0;right:auto;left:0;margin:0;font-size:14px;font-size:1.4rem;}
#intoCart{width:100%;color:#eee;background-color:#363;text-align:center;padding:0 0 8px 0;}
#intoCart p{margin:4px;margin:0.4rem;}
#intoCart input{margin:2px 1px;margin:0.2rem 0.1rem;height:24px;height:2.4rem;font-size:14px;font-size:1.4rem;color:green;padding:0 4px;border-width:1px;}
#intoCart{display:block;}
footer{margin-bottom:96px;margin-bottom:9.6rem;}
*/
/* スマフォ時に intoCart の下にfooterが隠れてしまうため 9.5em */
/*#smlfrt,#smlshp{display:block;color:green;font-size:8px;height:20px;width:56px;line-height:1;float:right;padding:2px;margin:8px 1px 0 1px;}*/
/*
#smlfrt,#smlshp{display:inline-block;color:green;font-size:8px;height:20px;border-width:1px;}
#smlfrt,#smlshp{width:50px;line-height:1;padding:2px 0;margin:8px 0 0 1px;border-radius:3px;background-color:#ececec;}
#inputQty{display:inline-block;text-align:right;background-color:#f5deb3;width:42px;}
#intoCart input#addToBag{height:26px;height:2.6rem;border-radius:3px;background-color:#ececec;}
#intoCart input#addToBag:hover,#smlfrt:hover,#smlshp:hover{background-color:#f5f5dc;}
*/
#intoCart{position:fixed;bottom:0;right:auto;left:0;margin:5px;font-size:14px;font-size:1.4rem;}
#intoCart{width:100%;color:#363;background-color:#ffffe0;text-align:center;padding:0 0 8px 0;border:3px double green;}
#intoCart p{margin:4px;margin:0.4rem;}
#intoCart input{margin:2px 1px;margin:0.2rem 0.1rem;height:24px;height:2.4rem;font-size:14px;font-size:1.4rem;color:green;padding:0 4px;border-width:1px;}
#intoCart{display:block;}
footer{margin-bottom:96px;margin-bottom:9.6rem;}
/* スマフォ時に intoCart の下にfooterが隠れてしまうため 9.5em */
/*#smlfrt,#smlshp{display:block;color:green;font-size:8px;height:20px;width:56px;line-height:1;float:right;padding:2px;margin:8px 1px 0 1px;}*/
#smlfrt,#smlshp{display:inline-block;color:green;font-size:8px;height:20px;border-width:1px;}
#smlfrt,#smlshp{width:50px;line-height:1;padding:2px 0;margin:8px 0 0 1px;border-radius:3px;background-color:#ececec;}
#inputQty{display:inline-block;text-align:right;background-color:#f5deb3;width:42px;}
#intoCart input#addToBag{height:26px;height:2.6rem;border-radius:3px;background-color:#ececec;}
#intoCart input#addToBag:hover,#smlfrt:hover,#smlshp:hover{background-color:#f5f5dc;}

#option{width:100%;padding-top:1.6rem;clear:both;}
#option h2{color:#363;font-size:2.8rem;}
#option dl{display:block;margin-top:1.6rem;margin-bottom:1rem;}
#option dt{color:green;font-size:1.8rem;font-weight:bold;}
#option dt span{font-size:1.4rem;margin:0 6px;}
#option dd{display:inline-block;width:90px;vertical-align:top;text-align:center;margin:10px;}
#option p{line-height:1;font-size:1rem;margin:0;}
#option p.optionnotice {line-height:1.5;font-size:1.2rem;font-weight:bold;color:green;}
#option img,.optjv{border:2px solid #696;height:70px;width:70px;}
#option img.choosed{border-color:red;}
#option img:hover,#option img.choosed:hover,.optjv:hover,.optjv2{border-color:orange;}
#option dd.size{width:20rem;text-align:left;}

#option div{clear:both;display:block;margin:16px 0 0 0;}
#option>div{margin-top:24px;}
#option div div{margin:12px 0 0 16px;}
#option div span{font-size:1.4rem;margin:0 6px 2px 4px;line-height:1.2;}
#option label {display:inline-block;width:9rem;height:11.8rem;font-size:1.1rem;margin-bottom:4px;vertical-align:top;}
#option label img{border:2px solid #8fbc8f;display:block;}
#option label img:hover{border-color:orange;}
#option input{margin-left:5px;margin-left:0.5rem;width:80px;width:8rem;display:inline-block;height:14px;height:1.4rem;font-size:13px;font-size:1.3rem;}
#option input:checked + img{border:3px solid red;}
#option label input{display:none;}
#option input.select{display:inline-block;width:auto;}
#option h4{color:green;display:inline-block;margin:8px 2px 0 1.6rem;font-size:1.6rem;line-height:1;}
#option h3{color:white;display:block;margin:8px 2px 8px 0;padding:1rem 1rem 0.8rem 1rem;width:100%;font-size:1.8rem;line-height:1;background-color:#6b8e23}
#option div.linespace{margin-top:48px;}

#front {position:absolute;z-index:1000;width:90%;border:1px solid #666;top:24px;left:5%;
	background-color:#ffe;padding:16px;display:none;}
#front img{max-width:95%;}
#front div{width:100%;margin:0;padding:0;text-align:center;/*vertical-align:middle;*/}
.front_div1 img{display:inline-block;/*vertical-align:middle;*/}
.front_div2{margin-bottom:1px;}
.front_ul{display:inline-block;}
.close_btn{display:inline-block;color:green;font-weight:bold;margin:2px 2px 4px 24px;}
img.front_in{vertical-align:middle;}
#blind{display:none;}

#mainContents{margin-left:4px;margin-bottom:16px;clear:both;line-height:1.5;}
.vhide{visibility:hidden;margin:0;width:0px;overflow:hidden;}
.say_price{color:orange;}
.dnone{display:none;}
#option select{width:180px;margin-left:16px;}
#intoCart dl{display:none;}
#TotalAmount{font-weight:bold;color:#ff4500;}

#terms button{display:inline-block;font-size:8px;}
#terms p{font-size:12px;}
#terms table{margin:1px;width:100%;border:1px solid;background-color:white;}
#terms tr{border-bottom:1px solid;}
#terms table td{font-size:10px;border-left:1px solid;text-align:center;}
#terms table th{font-size:10px;word-break:keep-all;}
#terms h2,#terms h3{display:none;font-size:1em;margin:0.25em;}
#terms #dtfrt{display:none;}
#ddfrt,#ddshp{display:none;margin-top:6px;}
#terms {position:absolute;right:0;bottom:60px;border:1px dotted #363;background-color:#ffd;color:#333;text-align:left;}
#terms,#terms #tm_ship,#terms #tm_frgt{display:none;}

#sun-wood_regi{margin:16px auto;padding:0 0 0 2%;width:97%;max-width:1024px;min-height:160px;}
#sun-wood_cart{margin:16px auto;padding:0;width:100%;max-width:1024px;min-height:160px;}
#sun-wood_regi{max-width:720px;}
#sun-wood_cart{border:1px solid #666;border-top-width:3px;}
#sun-wood_cart br{clear:both;}
#sun-wood_cart hr{margin:0;border:0;border-top:1px solid #666;}
#sun-wood_cart h1{font-size:20px;font-size:2rem;margin:0;padding:6px 0;width:100%;text-align:center;color:green;background-color:#ccc;border-bottom:1px solid #666;}
div.total_amt,
div.each_article{width:100%;margin:4px 0;padding:8px 0 4px 0;clear:both;line-height:1;border-top:1px solid #666;}
div.each_article:nth-child(2){border-top:0;padding-top:4px;}
#sun-wood_cart p,
.each_article p,
.each_article label{margin:2px 4px;color:green;font-size:12px;font-size:1.2rem;display:inline-block;}
.each_article p span{margin-left:0.375em;}
.each_article h3{margin:4px 0.25em;color:#363;font-size:1em;line-height:1.3;}
div.amt_qty{margin-top:1em;width:80%;margin-left:16%;}/*float:right;width:40%;}*/
div.amt_qty label{font-weight:bold;}
input.qty_box{width:40px;width:4rem;color:orange;}
div.cart_main{margin-left:16%;width:80%;float:none;}
div.cart_img {width:15%;text-align:center;float:left;}
.cart_img img{max-width:125px;max-height:125px;display:inline-block;margin-top:8px;}
#go_next{float:right;margin:0 12% 16px 0;}
div.total_amt{background-color:#fffecc;text-align:right;margin-bottom:0;}
div.total_amt p{font-weight:bold;padding-right:20px;}
.sw_cart{margin:16px 4px;width:95%;max-width:980px;color:#333;clear:both;padding-left:12px;}
.sw_cart li{list-style-type:disc;line-height:1.5;}
p._link,
#cancel_all{margin:0 0 8px 0;font-size:0.75em;font-weight:normal;text-decoration:underline;cursor:pointer;}
#fix_order{font-size:12px;font-weight:bold;color:orange;}
#sun-wood_regi p{color:#333;}
#sun-wood_regi p.note{color:green;margin-top:1.8em;}
#sun-wood_regi label{display:block;color:#333;margin:4px 0;width:auto;text-align:left;vertical-align:top;}
#sun-wood_regi button{display:block;color:green;margin:20px 0 4px 0;}
#sun-wood_regi #zip,
#sun-wood_regi #zip2{width:80px;}
#sun-wood regi input{width:240px;height:30px;}
#sun-wood_regi textarea{width:280px;height:80px;}
#sun-wood_regi textarea,
#sun-wood_regi input{border:2px solid #c0c0c0;border-radius:4px;}
#sun-wood_regi textarea.regi_input:focus,
#sun-wood_regi input.regi_input:focus{background-color:#dcffff; border-color:#ff8040;}
#sun-wood_regi textarea.readonly{border:0;}
/* 00bfff 6688ff 1e90ff */
.clr{clear:both;}
.smlr{font-size:80%;}
label.setsize{display:inline-block;width:3em;}
#dheight,#dwidth{width:8em;}
select{width:6em;}
#totalAmount{font-size:22px;font-size:2.2rem;font-weight:bold;color:red;}
#buttonImg{display:inline-block;background-color:#f5deb3;}
#option_dh,#option_dw{margin:0 2px 2px 0;}
.btn{background:#EEE;border-top:1px solid #ccc;border-left:1px solid #DDD;border-right:1px solid #BBB;
border-bottom: 1px solid #BBB;color:#111;width:100px;text-align:center;font-size:13px;display:inline-block;
font-weight:bold;text-decoration:none;color:blue;}

@media screen and (min-width:420px){
nav{text-align:center;padding:0;}
.dropbtn{padding:8px 7px;}
}
@media screen and (min-width:576px){
	/*
	#intoCart{display:none;}
	#intoCart1{display:block;}
	*/
	#main_image {max-width:80%;}
	nav{text-align:center;padding:0;}

	footer{margin-bottom:8px;}
	#sun-wood_cart,#sun-wood_regi{width:88%;}
	#sun-wood_cart h1{font-size:1.4em;}
	#sun-wood_cart p,
	.each_article p,
	.each_article label{font-size:0.875em;}
	.each_article h3{font-size:1.2em;}
	.sw_cart{margin:16px auto;width:90%;padding-left:40px;}
	/*
	div.amt_qty{margin-left:50%;width:40%;}
	div.amt_qty{width:20%;float:left;}
	div.cart_main{width:60%;float:left;}
	div.cart_img {width:15%;}
	*/
	#sun-wood_regi {margin:16px auto;}
	#sun-wood_regi h1 {width:90%; margin-right:9%;text-align:center;}
	#sun-wood_regi label{display:inline-block;width:14em;margin-right:36px;text-align:right;}
	#intoCart{right:0;left:auto;position:fixed;border:0;color:green;}
	#intoCart{width:20%;bottom:auto;height:400px;padding:10px 1%;padding:1rem 1%;background-color:transparent;text-align:left;}
	.keep_all{word-break:keep-all;}
	#intoCart p{margin-top:0;}
	#intoCart dl{display:block;margin:0 4px;}
	#intoCart dt{font-weight:bold;font-size:1.2rem;display:block;float:left;}
	#intoCart dd{font-size:1.2rem;}
	#TotalAmount{color:red;}
	#terms{position:static;display:block;border:0;background-color:white;}
	#terms p#tm_ship,#terms p#tm_frgt{display:block;word-break:normal;}
	/*
	#terms table{margin:4px 0 4px -240px;width:238px;border:1px solid;background-color:white;}
	*/
	#terms table{position:absolute;bottom:0;right:0;width:238px;border:1px solid;background-color:white;}
	#terms button{display:block;font-size:10px;}
	#terms p,#terms h2,#terms h3,#terms #dtfrt{display:block;}
	#smlfrt,#smlshp{display:none;}

	#image_box{width:30%;float:left;position:relative;}/*40*/
	#image_box figure{width:90%;text-align:center;margin:12px 0 0 34px;}
	#image_box figure{height:480px;padding-left:4px;}
	#thumbnail {position:absolute;top:4px;left:2px;width:70px;}
	#thumbnail li{display:block;}
	/*#mainContents{width:57%;margin-left:42%;min-height:400px;clear:none;}*/
	#mainContents{margin-left:1%;width:43%;clear:none;float:left;min-height:400px;}
	#mainContents p{max-width:750px;}
	#front img{max-width:85%;}
	.front_ul{position:absolute;top:32px;right:8px;display:inline-block;}
	.front_ul li{display:block;}
	/*#unitprice{width:250px;margin:24px 0;float:left;}*/
	#container{min-width:480px;}
}
@media screen and (min-width:608px){
#smenu{clear:none;float:right;}
#smenu form{clear:none;float:left;margin:0;width:auto;}
#smenu ul{margin:2px 1px;float:left;width:auto;}
}
@media screen and (min-width:990px){
	.keep-all label{white-space:nowrap;}
	#container{min-width:800px;}
}