/*  
  adddesign_pc.css  
  追加CSS は .add_style から記述
  
  ID ネーミングルール ディレクトリー名_ファイル名 
  ※ 階層が有る場合は ディレクトリー名_ディレクトリー名__ファイル名
  
  コーポレートカラー:#009ce1
  ベースカラー：#061e42
*/
/* user.css */


/* header */
.add_style #header1{
  height:70px;
}
.add_style #pageTop .siteLogo{
  position:absolute;
  left:0;
  bottom:2px;
}
.add_style #pageTop .siteLogo img{
  height:25px;
  padding:2px 0;
}
.add_style #pageTop .corporateLogo{
  position:absolute;
  left:200px;
  bottom:4px;
}
.add_style #pageTop .corporateLogo span{
  position:relative;
  top:2px;
}
.add_style #pageTop .info{
  position:absolute;
  right:0;
  left:auto;
  bottom:4px;
}


.add_style #pageTop .corporateLogo img{
  height:21px;
}
.add_style #pageTop .headerText{
  text-align:right;
  padding:5px;
}


.add_style #header {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    /* border-bottom: 8px solid #f0f0f0; */
}

.add_style #footer {
    clear: both;
    position: relative;
    width: 100%;
    margin: 0;
    height: initial;
    height: auto;
    background: none;
    background-color:#009ce1;
}

.add_style #footernav {
    width: 1000px;
    position: relative;
    left: 0;
    bottom: 0;
    text-align: center;
    padding:28px 0 ;
    margin:0 auto;
    text-align:center;
}
.add_style #footernav li{
  border:none;
}
.add_style #footernav li a{
  color:#fff;
}

.add_style #copyright{
    position: relative;
    right: 0;
    bottom: 0;
    color: #666;
    text-align: center;
    background-color:#061e42;
    padding:10px;
    color:#FFF;
    
}
.add_style  #guide_area{
  margin-top:0;
  margin-bottom:25px;
}
.add_style  .mainframe_{
  margin-bottom:80px;
}

.add_style .button_like{

}
.add_style .button_like li{
    padding-bottom:1em;
    margin-bottom:1em;
    border-bottom: 1px solid #d7e1f0;
}
.add_style .button_like li a{
  display:block;
}

.add_style .button_like li a:hover{
  
}

.add_style .button_like li:before{
  content:"";
}
.add_style .button_like li a::after{
	content:'\f101';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  margin-right:0.5em;
  float:right;
}


/* サイドバー */
#side_top_button_area li a{
  display:block;
  width: 200px;
  height: 60px;
  color:#FFF;
  font-size:18px;
  line-height:60px;
  text-align:center;
  font-weight:bold;
}
#side_top_button_area li a:hover{
  opacity:0.8;
  text-decoration:none;
}

.add_style div.sidebox_ h2{
  background-color:#009CE1;
}

#side_top_button_area_login a{
  background-color:#F99B3E;
}
#side_top_button_area_entry a{
  background-color:#86BA3E;
}
.add_style #sidebox_search.sidebox_{
  margin: 20px 0 20px 0;
}

.add_style .makerListBtn{
  padding:0;
}
.add_style #sidebox_search .to_searchdetail{
  background:none;
  padding:0;
  margin-top:5px;
}
/* サイドバー メーカーから探す */
.add_style #sidebox_search .to_searchdetail a,
.add_style .makerListBtn a{
  border: 1px solid #ccc;
  padding:0.5rem;
  display:block;
  text-align:center;
  border-radius: 0.5rem;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;

}
.add_style #sidebox_search .to_searchdetail a:hover,
.add_style .makerListBtn a:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
  text-decoration:none;
}
body.add_style{}

/* グローバルナビゲーション HOME ボタン */
.add_style #add_gnav_home{}
.add_style #header #globalnav li#add_gnav_home a:before{
	content:'\f015';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  width: 30px;
  font-size:1.5rem;
  position:relative;
  top:6px;
}

/* TOP TOPICS */
.add_style .topiclist_{
  margin-top:20px;
  margin-bottom:20px;
}
.add_style .topiclist_ .topiclist_head_{
    padding: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    background-image: none;
    background-color:#009CE1;
}
.add_style .topiclist_ .topiclist_head_ h2{
  color:#FFF;
  padding:1em;
  padding: 12px 12px 10px 12px;
}
.add_style .topiclist_ .topiclist_head_ h2:before{
	content:'\f1ea';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  margin-right:.5em;
}

.add_style .topiclist_ .topiclist_body_{
    padding: 0;
    width: auto;
    background: none;
    border:1px solid #d7e1f0;
}
.add_style .topiclist_ .topiclist_body_ ul.topicline_{}
.add_style .topiclist_ .topiclist_body_ ul.topicline_ li{
    padding:0;
    background-image:none;
    border-bottom: 1px dotted #CCC;
    display:flex;
    justify-content: space-between;
    padding:1.5em;
}
.add_style .topiclist_ .topiclist_body_ ul.topicline_ li:last-child{
  border:none;
}
.add_style .topiclist_ .topiclist_body_ ul.topicline_ li a{
  flex-basis: auto;
  display:block;
}
.add_style .topiclist_ .topiclist_body_ ul.topicline_ li:after{
	content:'\f105';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  border-left:1px solid #d7e1f0;
  display:flex;
  align-items :center;
  text-align:center;
  padding:0 0.5em;
  margin-left:1.5em;
}
/**/
.add_style div.regist_biz_ a{
  font-size:1rem;
}
.add_style div.regist_biz_ img{
  display:none;
}
.add_style div.regist_biz_ a{
  
}
.add_style div.regist_biz_ a::before{
	content:'\f35a';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  margin-right:0.5em;
}
.add_style div.regist_biz_ a::after{
  content:"新しい法人会員を登録する";
}
.add_style div.regist_biz_ a:hover{
  text-decoration:none;
}
/* 買い物かご マージン */
.add_style div.rightmenuframe_{
  left: 1020px;
}

/* pages/about.aspx */
.add_style #page_about{}

.add_style #page_about_info{
  background-color:#258dc0;
  padding:30px;
  vertical-align:center;
}

.add_style #page_about_info span{
  display:none;
}
.add_style #page_about_info::before{
  content : " ";
  display:inline-block;
  width:291px;
  height:271px;
  background-size:cover;
  background-image:url(https://ecexpress.tekwind.co.jp/img/page/about/img_main_01.png);
  vertical-align:center;
  
}
.add_style #page_about_info::after{
  content : " ";
  display:inline-block;
  width:419px;
  height:270px;
  background-repeat:none;
  background-size:cover;
  background-image:url(https://ecexpress.tekwind.co.jp/img/page/about/ttl_main_01.png);
  vertical-align:center;
}

.add_style #page_about_index{
  padding:30px;
  text-align:center;
}

.add_style #page_about #page_about_contact{
  text-align:center;
}

.add_style #page_about #page_about_contact a{
    padding: 15px 50px;
    background: #009ce1;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: background 0.6s ease;
    font-size: 18px;
}
.add_style #page_about #page_about_contact a:before{
	content:'\f0e0';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  margin-right:0.5em;
}
.add_style #page_about #page_about_contact a:hover{
  background: #0068b7;
}

.add_style #page_about #page_about_list{
  padding-left:1.5em;
}
.add_style #page_about #page_about_list li{
  list-style-type:disc;
  line-height:2em;
}



/* pages/privacy.aspx */
/* pages/privacy.aspx */
/* pages/privacy.aspx */
.add_style .title_h2{
  font-size:18px;
  line-height:1.2;
  margin: 0 0 30px 0;
  padding:0.5em;
  border-bottom: 1px solid #009ce1;
  border-left: 5px solid #009ce1;
  color:#061e42;
  font-weight: bold;
}

.add_style .title_h3{
  font-size:16px;
  line-height:1.2;
  margin: 30px 0 15px 0;
  padding:0.5em;
  border-left: 5px solid #009ce1;
  color:#061e42;
  font-weight: bold;
}
.add_style .title_h4{
  font-size:14px;
  line-height:1.2;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}
.add_style p {
  line-height:2;
}


#page_privacy ol li{
  line-height:2;
}
#page_privacy .listB02{
  margin-left:1em;
  padding-left:1.5em;
  margin-bottom:1.5em;
}
#page_privacy .listB02 li{
  list-style-type:disc;
  line-height:2;
}
/*  製品詳細ページ  */

.add_style .goodscomment_,
.add_style .attr2_{
  font-size:12px;
  line-height:1.2;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}
.add_style .goodscomment_::before,
.add_style .attr2_::before{
  content: "■";
}


.add_style .goodscomment1_{
  font-size:16px;
  line-height:1.5;
  margin: 15px 0 10px 0;
  color:#061e42;
  font-weight: bold;
}

.add_style .goodscomment2_{
  line-height:2;
}

.add_style .goodscomment3_,
.add_style .goodscomment4_,
.add_style .goodscomment5_{
  float:left;
  width:33.333%;
  padding-right:10px;
  box-sizing:border-box;
}
.add_style .goodscomment6_{
  clear:both;
  padding-top: 2em;
}
.add_style .goodscomment6_ th{
  width:33.3%;
}
.add_style .goodscomment3_ h2,
.add_style .goodscomment4_ h2,
.add_style .goodscomment5_ h2,
.add_style .goodscomment6_ h2,
.add_style .goodscomment7_ h2,
.add_style .goodscomment8_ h2,
.add_style .goodscomment9_ h2
{
  font-size:12px;
  line-height:1.2;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}

.add_style .goodscomment3_ h2::before,
.add_style .goodscomment4_ h2::before,
.add_style .goodscomment5_ h2::before,
.add_style .goodscomment6_ h2::before,
.add_style .goodscomment7_ h2::before,
.add_style .goodscomment8_ h2::before,
.add_style .goodscomment9_ h2::before{
  content: "■";
}

.add_style .goodscomment3_ table,
.add_style .goodscomment4_ table,
.add_style .goodscomment5_ table,
.add_style .goodscomment6_ table,
.add_style .goodscomment7_ table,
.add_style .goodscomment8_ table,
.add_style .goodscomment9_ table{
  border-collapse: collapse;
  width:100%;
}
.add_style .goodscomment3_ table td,
.add_style .goodscomment4_ table td,
.add_style .goodscomment5_ table td,
.add_style .goodscomment6_ table td,
.add_style .goodscomment7_ table td,
.add_style .goodscomment8_ table td,
.add_style .goodscomment9_ table td,
.add_style .goodscomment3_ table th,
.add_style .goodscomment4_ table th,
.add_style .goodscomment5_ table th,
.add_style .goodscomment6_ table th,
.add_style .goodscomment7_ table th,
.add_style .goodscomment8_ table th,
.add_style .goodscomment9_ table th{
  border-bottom: solid 1px black;
  padding:15px 0 0 0;
}

.add_style .goodscomment9_{
  padding:15px 0 30px 0;
  font-size:10px;
  color:#ccc;
}

/* 製品スペック */
.add_style #spec_attr2{
  padding:0;
  border:none;
}
.add_style #spec_attr2 table{
    width: 100%;
}
.add_style #spec_attr2 table th{
  width:25%;
}
.add_style #spec_attr2 table tr th,
.add_style #spec_attr2 table tr td{
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 6px 6px;
}
.add_style #spec_attr2 table tr:last-child th,
.add_style #spec_attr2 table tr:last-child td{
  border-bottom:none;
}
/* top メーカーから探す  */
.add_style .MakerList_Line_{
  text-align:center;
}


.add_style .top_maker_footer{
  text-align:center;
  margin:2em 0;
}
.add_style .top_maker_footer a{
  display:inline-block;
  padding:1em;
  background-color:#009ce1;
  color:#FFF;
  font-size:1.3em;
}
.add_style .top_maker_footer a:hover{
  background-color:rgba(0, 156, 225,0.7);
  text-decoration:none;
}

.add_style div.MakerList_Item_ {
    margin: 0;
    padding: 5px 0 10px 0;
    float: left;
    display: inline;
    width: 25%;
}

.add_style div.MakerList_Item_ div.img_ {
    margin: 0;
    padding: 0 10px 0 10px;
    float: none;
    display: inline;
    width: 100px;
}

.add_style div.MakerList_Item_ div.desc_ {
    margin: 0;
    float: none;
    display: inline;
    width: about;
}


/* 注文実績 */

.add_style .sales_results_{
  font-size:0.8em;
}
.add_style .header_order_dt_,
.add_style .header_item_code_,
.add_style .header_price_,
.add_style .header_specified_,
.add_style .header_status_,
.add_style .sales_results_item_code_,
.add_style .sales_results_status_,
.add_style .sales_results_price_,
.add_style .sales_results_order_dt_,
.add_style .sales_results_specified_{
  white-space: nowrap;
}

/* ご決済方法の指定 */
div.order_ table.method_destlist_{
  width:100%;
}
.add_style  div.method_host_,
.add_style  .method_box_{
   padding:0;
   margin-bottom:50px;
 }
 
.add_style .dest_comment_info_{
  
}
.add_style div.method_box_ div.method_box_content_{
  padding-left:0;
}

.add_style .dest_comment_info_{
  font-size:0.8em;
}
.add_style .sales_comment_info_{
  font-size:0.8em;
}



.add_style .topiclist_body_ .article_ h2{
  
  font-size:1.4em;
  font-weight:bold;
  margin-bottom:1em;
  margin-top:2em;
}
.add_style .topiclist_body_ .article_ h3{
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ h4{
  font-weight:bold;
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ h5{
  font-weight:bold;
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ h6{
  font-weight:bold;
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ p{
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ ul{
  padding-left:1.5em;
  margin-bottom:1em;
}
.add_style .topiclist_body_ .article_ ul li{
  list-style-type:disc;
}
.add_style .topiclist_body_ .article_ .contact{
  text-align:center;
  margin-top:5em;
}
.add_style .topiclist_body_ .article_ .contact a{
  display:inline-block;
  background-color:#009ce1;
  padding:1.5em;
  color:#FFF;
  font-size: 15px;
  font-weight: bold;
}
.add_style .topiclist_body_ .article_ .contact a:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.5em;
}

.add_style .topiclist_body_ .article_ .contact a:hover{
  background-color:rgba(0, 156, 225,0.7);
  text-decoration:none;
}

/* 商品ページ */
.add_style .goodsproductdetail_{
  margin-bottom:50px;
}
.add_style .etc_goodsimg_ > div{
  display:inline;
}
.add_style .option_buttons_{
  margin:0;
  padding:30px 0;
  box-sizing:border-box;
  width:100%;
  text-align: center;
}
.add_style .option_buttons_ li{
  float:none;
}

/* 見積履歴詳細 */
.add_style div.order_ div.dest_block_{
  padding:4px 0;
} 
/* 見積履歴詳細 配送先 */
.add_style div.order_ div.dest_block_ table.dest_{
  width:100%;
}
.add_style div.order_ div.estimate_block_ {
    margin: 4px 0 10px 0;
    padding: 4px 0;
}

.add_style div.order_ table.destgoodslist_ th {
    padding: 8px 8px 6px 8px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #e5f3ff;
    border: 1px solid #CCC;
}

/* 見積履歴詳細 商品名 */
.add_style div.order_ div.dest_block_ table.dest_{
  width:100%;
}

.add_style div.order_ div.estimate_block_ table{
  width:100%;
}

.add_style div.order_ table.destgoodslist_ .estimate_goodsname_ {
    width: 508px;
    margin-bottom: 2px;
    padding:3px;
}

/* 見積履歴詳細 望納品日 */
.add_style div.order_ div.dest_block_ table.destspeclist_{
  width:100%;
}
.add_style div.order_ table.destspeclist_ th{
    padding: 8px 8px 6px 8px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #e5f3ff;
    border: 1px solid #CCC;
}
/* 特定商取引に関する法律に基づく表記 */
#page_order_table{
  width:100%;
}
#page_order_table {}
#page_order_table  tr{
  border-bottom:1px solid #000;
}
#page_order_table  tr th{
   width:25%;
   padding:10px 0;
   
}
#page_order_table  tr td{
  width:75%;
  padding:10px 0;
}
/* 準備中 */
#preparation{
  width:80%;
  margin:0 about;
  line-height:2;
  
}

/* フリーページ */
#post_article h2{
  font-size:18px;
  line-height:1.2;
  margin: 1em 0 30px 0;
  padding:0.5em;
  border-bottom: 1px solid #009ce1;
  border-left: 5px solid #009ce1;
  color:#061e42;
  font-weight: bold;
}
#post_article h3{
  font-size:16px;
  line-height:1.2;
  margin: 30px 0 15px 0;
  padding:0.5em;
  border-left: 5px solid #009ce1;
  color:#061e42;
  font-weight: bold;
}
#post_article h4{
  font-size:14px;
  line-height:1.2;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}
#post_article h4::before{
  content:"■";
  color:#009ce1;
}
#post_article h5{
  font-size:14px;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}
#post_article h5::before{
  content:"●";
  color:#009ce1;
}
#post_article h6{
  font-size:14px;
  margin: 15px 0 5px 0;
  color:#061e42;
  font-weight: bold;
}
#post_article h6::before{
  content:"・";
  color:#009ce1;
}


#post_article p{
  margin-bottom:1em;
}

#post_article ul{
  padding-left:1.5em;
}
#post_article ul li{
  list-style-type:disc;
}

#post_article ol{
}
#post_article ol li{
  list-style-type:decimal;
}

#post_article .contact{
  text-align:center;
  margin-top:5em;
}
#post_article .contact a{
  display:inline-block;
  background-color:#009ce1;
  padding:1.5em;
  color:#FFF;
  font-size: 15px;
  font-weight: bold;
}
#post_article.contact a:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.5em;
}

#post_article .contact a:hover{
  background-color:rgba(0, 156, 225,0.7);
  text-decoration:none;
}

/* カテゴリー 詳細一覧 表示 */
.add_style div.StyleD_Item_{
  display: flex;
  margin: 0 0 1em 0;
  padding: 1em 1em 0 1em;
  width:auto;
}
.add_style div.StyleD_Frame_ div.desc_ {
    margin: 0;
    float: none;
    display: block;
    width: auto;
    overflow: hidden;
    width: 100%;
}
.add_style div.StyleD_Frame_ div.desc_ > div{
  display:block;
  margin:0 0 .5em 0;
  padding:0 0 .5em 0;
  border-bottom:1px solid #EEE;
}
.add_style div.StyleD_Frame_ div.desc_ > div:last-child{
  border-bottom:none;
}
.add_style div.StyleD_Frame_ div.img_{
  padding: 0 1em 0 0;
}

body.add_style div.StyleP_Item_ div.name_ {
  margin-bottom:12px;
  
}
body.add_style div.StyleP_Item_ div.desc_ span.small_{
    position: relative;
    display:block;
    max-height: 90px;
    overflow: hidden;
    line-height: 15px;
    font-size:12px;
    margin-bottom:1em;
}
body.add_style div.StyleP_Item_ div.desc_ span.small_::before,
body.add_style div.StyleP_Item_ div.desc_ span.small_::after{
    position: absolute;
    background: #fff;
}
body.add_style div.StyleP_Item_ div.desc_ span.small_::before {
    content: "･･･";
    bottom: 0;
    right: 0;
}

body.add_style div.StyleP_Item_ div.desc_ span.small_::after {
    content: "";
    width: 100%;
    height: 100%;
}
body.add_style div.StyleP_Line_{
  display:flex;
}
body.add_style  div.StyleP_Item_{
  background-color:#FFF;
  border:1px solid #EEE;
  margin:5px;
  padding:5px 5px 7em 5px;
  position:relative;
}
body.add_style  div.StyleP_Item_ .img_{
  margin:0 0 5px 0;
  padding:0;
}
body.add_style .formlist_ td.line1_{
  background-color: #FFF;
}

body.add_style  div.StyleP_Item_ .g_price_{
  position:absolute;
  bottom:60px;
}
body.add_style  div.StyleP_Item_ .cart_{
  position:absolute;
  bottom:0;
}

/* ホーム>マイページ>購入履歴 */
.add_style .formlist_.history_ {}
.add_style .formlist_.history_ td,
.add_style .formlist_.history_ th{ padding:1em; }
.add_style .formlist_.history_ td{}
.add_style .formlist_.history_ .order_dt_{ width:250px;}
.add_style div.customer_ table.history_ td.order_detail_ .order_again_{ line-height:1.3;}
.add_style .formlist_.history_  tbody > tr:nth-child(1) > th:nth-child(3){text-align:right;}
.add_style div.customer_ table.history_ td.order_detail_{width:auto;}
.add_style .formlist_.history_ .order_again_{}
.add_style .formlist_.history_ .history_total_{ width:100px;}
.add_style .formlist_.history_ .method_{ width:100px;}