/*shop用CSS　汎用*/

a:focus, *:focus { outline:none; }
a:hover{color:#E78D28;}

.rf {float:right;}
.lf {float:left;}

.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}

.pt12l13 {font-size:12px; line-height:1.3em;}
.pt12l15 {font-size:12px; line-height:1.5em;}
.pt14l15 {font-size:14px; line-height:1.5em;}
.pt14l13 {font-size:14px; line-height:1.3em;}
.pt16l13 {font-size:16px; line-height:1.3em;}
.pt18l13 {font-size:18px; line-height:1.3em;}
.pt9 {font-size:9px;}
.pt11 {font-size:11px;}

.m-0a {margin:0 auto;}
.m-b5 {margin:0 0 5px 0;}
.m-b10 {margin:0 0 10px 0;}
.m-b20 {margin:0 0 20px 0;}
.m-b30 {margin:0 0 30px 0;}
.m-b40 {margin:0 0 40px 0;}
.m-b50 {margin:0 0 50px 0;}

.p-r20b10{padding:0 20px 10px 0;}
.p-b10{padding:0 0 10px 0;}

.fw_b {font-weight:bold;}
.clb {clear:both; visibility:hidden;}
.cl {clear:both;}

/*クリアフィックス*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

#pnkz{ font-size:12px; line-height:1.3em; margin:20px 0;}/*パンくず（現在地）*/
#pnkz a{color:#0092cc; text-decoration:none;}
#pnkz a:hover{color:#E78D28; text-decoration:underline;}

/*ページTOPへジャンプ*/
#topButton{ display:block; position:fixed; bottom:60px; right:0px; border-radius:10px 0 0 10px; background-color:#800002; padding:10px; color:#FFFFFF; font-size:12px; line-height:1.3em; font-weight:bold; text-align:center; z-index:5; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
#topButton:hover{background-color:#000000;}


/*フォーム幅調整*/
input.formtxt {width: 90%;}


/*======================================================================================================================*/
#contents{max-width:1200px; margin:0 auto 30px; padding: 0 15px;}




@media screen and (min-width: 100px) and (max-width: 699px){

#main780{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;}
#main1000{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;}
#main1200{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;}


h2{margin:0 0 10px 0; padding:5px; background-color:#000000; color:#FFFFFF; font-size:16px; font-weight:bold; box-sizing:border-box;}

/*注文画面用↓(2015.11.24追加)*/
#contents-order{width:100% !important; padding:5px !important; margin-top:10px !important; box-sizing:border-box; font-size:14px; line-height:1.3em;}

#contents-order #tname{width:100%; margin:0 auto 20px auto; border:1px #929292 solid; box-sizing:border-box;}
#tname .L{width:100%; box-sizing:border-box;}
#tname .L td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .C{width:100%; box-sizing:border-box;}
#tname .C td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .R{width:100%; box-sizing:border-box;}
#tname .R td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}

#contents-order #Shippingadd{width:100%; margin:0 auto 0 auto; border:1px #929292 solid;}
#Shippingadd td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#Shippingadd #addin td{border:0; padding:4px 4px 10px 4px;}
#Shippingadd #addin td[class="fluid"]{
        display: block !important;
        width: 100% !important;
		margin:0;
        clear: both;
		border:0;
		padding:0;
}
#spwd {width:99% !important; box-sizing:border-box;}
img {max-width:100%;}

#contents-order #Shipment{width:100%; margin:0 auto 20px auto; border:1px #929292 solid; box-sizing:border-box;}
#Shipment td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#spin td{border:0; padding:0; height:40px;}

/*モーダル*/
.lock {overflow:hidden;}
.modal-content {position:relative;display:none;width:80%;padding:10px 20px;border:2px solid #aaa;background:#fff;}
/*.modal-content p {margin:0;padding:0;}*/
.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-wrap {z-index:2;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
/*.modal-open {color:#00f;text-decoration:underline;}*/
.modal-open:hover {cursor:pointer;}
/*.modal-close {color:#00f;text-decoration:underline;}
.modal-close:hover {cursor:pointer;color:#f00;}*/


/*モーダル閉じるボタン*/
.modal-close {width: 30px;height: 30px;position: absolute;top: -7.5px;right: -7.5px;z-index: 105;background: #ffffff;border-radius: 100%;cursor: pointer;display: block;overflow: hidden;padding: 0;text-indent: 200%;white-space: nowrap;}
.modal-close:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #333333;content: "\00d7";display: block;font-size: 22px;font-weight: 700;line-height: 30px;margin: auto;text-align: center;text-indent: 0;-webkit-transition: color 0.15s linear;transition: color 0.15s linear;}
.modal-close {text-indent: -999px;}
.modal-close {height: 40px;width: 40px;top: 0;right: 0;background: #111111;border-radius: 0; position: fixed;}
.modal-close:before,
.modal-close:hover:before {color: #cccccc;font-size: 28px;font-weight: 700;line-height: 40px;}

#contents-order #Automail{width:100%; margin:0 auto 20px auto; border:1px #929292 solid; box-sizing:border-box;}
#Automail td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#atin td{border:0; padding:0; height:40px;}

/*買い物かご(2016.4.27追加)*/
#cartTitle{}
#cartTitle img{display:inline-block; margin-right:5px;}
#cartTitle h2{display:inline-block; margin:0 20px 0 0; background-color:inherit; color:#000; font-size:24px;}
#cartTitle p{color:#f00; margin:3px 0 0; padding-top:5px; font-size:12px; line-height:1.3em; border-top:2px solid #000;}
#cartMain {}
#cartMain .L{width:100%;}
#cartMain .R{display:none;}
#buttons{text-align:center; margin:20px 0;}
#buttons .modoru{margin-bottom:10px; text-align:center; display:inline-block; width:266px;}


}

/*======================================================================================================================*/

@media screen and (min-width: 700px) and (max-width: 1024px){


#main780{width:95%; margin:0 auto;}
#main1000{width:95%; margin:0 auto;}
#main1200{width:95%; margin:0 auto;}

h2{margin:0 0 10px 0; padding:5px; background-color:#000000; color:#FFFFFF; font-size:16px; font-weight:bold; box-sizing:border-box;}

/*注文画面用↓(2015.11.24追加)*/
#contents-order{width:100% !important; padding:5px !important; margin-top:20px !important; box-sizing:border-box; font-size:14px; line-height:1.3em;}

#contents-order #tname{width:100%; margin:0 auto 20px auto; border:1px #929292 solid;}
#tname .L{width:20%; float:left; box-sizing:border-box;}
#tname .L td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .C{width:40%; float:left; box-sizing:border-box;}
#tname .C td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .R{width:40%; float:left; box-sizing:border-box;}
#tname .R td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}

#contents-order #Shippingadd{width:100%; margin:0 auto 0 auto; border:1px #929292 solid; box-sizing:border-box;}
#Shippingadd td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#Shippingadd #addin td{border:0; padding:4px 4px 10px 4px;}

#contents-order #Shipment{width:100%; margin:0 auto 20px auto; border:1px #929292 solid; box-sizing:border-box;}
#Shipment td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#spin td{border:0; padding:0; height:40px;}

/*モーダル*/
.lock {overflow:hidden;}
.modal-content {position:relative;display:none;width:700px;padding:10px 20px;border:2px solid #aaa;background:#fff;}
/*.modal-content p {margin:0;padding:0;}*/
.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-wrap {z-index:2;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
/*.modal-open {color:#00f;text-decoration:underline;}*/
.modal-open:hover {cursor:pointer;}
/*.modal-close {color:#00f;text-decoration:underline;}
.modal-close:hover {cursor:pointer;color:#f00;}*/

/*モーダル閉じるボタン*/
.modal-close {width: 30px;height: 30px;position: absolute;top: -7.5px;right: -7.5px;z-index: 105;background: #ffffff;border-radius: 100%;cursor: pointer;display: block;overflow: hidden;padding: 0;text-indent: 200%;white-space: nowrap;}
.modal-close:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #333333;content: "\00d7";display: block;font-size: 22px;font-weight: 700;line-height: 30px;margin: auto;text-align: center;text-indent: 0;-webkit-transition: color 0.15s linear;transition: color 0.15s linear;}
.modal-close {text-indent: -999px;}

#contents-order #Automail{width:100%; margin:0 auto 20px auto; border:1px #929292 solid; box-sizing:border-box;}
#Automail td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#atin td{border:0; padding:0; height:40px;}

/*買い物かご(2016.4.27追加)*/
#cartTitle{border-bottom:2px solid #000;}
#cartTitle img{display:inline-block; margin-right:5px;}
#cartTitle h2{display:inline-block; margin:0 20px 0 0; background-color:inherit; color:#000; font-size:24px;}
#cartTitle p{display:inline-block; color:#f00; margin:5px 0 0;}
#cartMain {display:table;}
#cartMain .L{display:table-cell; width:65%; padding-right:20px; vertical-align:top;}
#cartMain .R{display:table-cell; width:320px; vertical-align:top;}
#cartMain .R .R-in{border:solid 1px #000; padding:10px; box-sizing:border-box;}
#cartMain .R .R-in .midashi{font-size:18px; font-weight:bold; margin-bottom:0.5em;}
#cartMain .R .R-in .yajirushi{font-size:24px; margin-left:2em;}
#cartMain .R .R-in input{font-size:14px; font-weight:bold; margin-bottom:5px; width:100%;}
#cartMain .R .R-in .setsumei{line-height:1.3em; font-size:12px;}
#buttons{text-align:center; margin:20px 0;}
#buttons .modoru{margin-bottom:10px; text-align:center; display:inline-block; width:200px;}

}

/*======================================================================================================================*/

@media screen and (min-width: 1025px) and (max-width: 3000px), print{


#main780{width:780px; margin:0 auto;}
#main1000{width:1000px; margin:0 auto;}
#main1200{width:1200px; margin:0 auto;}


h2{margin:0 0 10px 0; padding:5px; background-color:#000000; color:#FFFFFF; font-size:16px; font-weight:bold; box-sizing:border-box;}

/*注文画面用↓(2015.11.24追加)*/
#contents-order{width:780px !important; margin:0 auto !important; margin-top:30px !important; font-size:14px; line-height:1.3em;}

#contents-order #tname{width:100%; margin:0 auto 20px auto; border:1px #929292 solid;}
#tname .L{width:20%; float:left; box-sizing:border-box;}
#tname .L td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .C{width:40%; float:left; box-sizing:border-box;}
#tname .C td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#tname .R{width:40%; float:left; box-sizing:border-box;}
#tname .R td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}

#contents-order #Shippingadd{width:100%; margin:0 auto 0 auto; border:1px #929292 solid;}
#Shippingadd td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#Shippingadd #addin td{border:0; padding:4px 4px 10px 4px;}

#contents-order #Shipment{width:100%; margin:0 auto 0 auto; border:1px #929292 solid;}
#Shipment td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#spin td{border:0; padding:0; height:40px;}

/*モーダル*/
.lock {overflow:hidden;}
.modal-content {position:relative;display:none;width:700px;padding:10px 20px;border:2px solid #aaa;background:#fff;}
/*.modal-content p {margin:0;padding:0;}*/
.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-wrap {z-index:2;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
/*.modal-open {color:#00f;text-decoration:underline;}*/
.modal-open:hover {cursor:pointer;}
/*.modal-close {color:#00f;text-decoration:underline;}
.modal-close:hover {cursor:pointer;color:#f00;}*/

/*モーダル閉じるボタン*/
.modal-close {width: 30px;height: 30px;position: absolute;top: -7.5px;right: -7.5px;z-index: 105;background: #ffffff;border-radius: 100%;cursor: pointer;display: block;overflow: hidden;padding: 0;text-indent: 200%;white-space: nowrap;}
.modal-close:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #333333;content: "\00d7";display: block;font-size: 22px;font-weight: 700;line-height: 30px;margin: auto;text-align: center;text-indent: 0;-webkit-transition: color 0.15s linear;transition: color 0.15s linear;}
.modal-close {text-indent: -999px;}

#contents-order #Automail{width:100%; margin:0 auto 20px auto; border:1px #929292 solid;}
#Automail td{border:1px #929292 solid; box-sizing:border-box; padding:5px;}
#atin td{border:0; padding:0; height:40px;}

/*買い物かご(2016.4.27追加)*/
#cartTitle{border-bottom:2px solid #000;}
#cartTitle img{display:inline-block; margin-right:5px;}
#cartTitle h2{display:inline-block; margin:0 20px 0 0; background-color:inherit; color:#000; font-size:24px;}
#cartTitle p{display:inline-block; color:#f00; margin:0;}
#cartMain {display:table;}
#cartMain .L{display:table-cell; width:860px; padding-right:20px; vertical-align:top;}
#cartMain .R{display:table-cell; width:320px; vertical-align:top;}
#cartMain .R .R-in{border:solid 1px #000; padding:10px; box-sizing:border-box;}
#cartMain .R .R-in .midashi{font-size:18px; font-weight:bold; margin-bottom:0.5em;}
#cartMain .R .R-in .yajirushi{font-size:24px; margin-left:2em;}
#cartMain .R .R-in input{font-size:16px; font-weight:bold; margin-bottom:5px; width:300px;}
#cartMain .R .R-in .setsumei{line-height:1.3em; font-size:12px;}
#buttons{text-align:center; margin:20px 0;}
#buttons .modoru{margin-bottom:10px; text-align:center; display:inline-block; width:266px;}

}