@charset "utf-8";
/* 全ページにて使用する基本CSS */

body,tr,td,th,input,textarea,select,option { 
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
body, td, th {
  color: #333333;  -webkit-text-size-adjust: 100%;
  font-size:13px;  
  line-height:130%; 
}
body{padding:0;margin:0 10px 0;}

select,input,textarea{
  color: #333333; font-size: 13px;
	border:1px solid #6e6e6e; padding:2px;margin:1px; 
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(200,200,200,0.1);   
}

div{box-sizing:border-box; }
big          { font-size:15px; }
small        { font-size:11px; }
a{ text-decoration:none;}
a:link{ color: #0000ff;  }
a:visited{ color: #0000ff;  }
a:active{ color: #000080;  }
a:hover { color: #f7657b }
.databutton, input[type=submit]{  
  color:#0000ff;
  background-color:#ffffff;
  border:1px solid #aaaaaa;
  padding:3px 5px 3px;
  border-radius: 4px;
}
.nobr{white-space:nowrap;}

/* 件数,ページリンク,並べ替え */
nav { 
	background: #ffffff; text-align:center; padding:5px 0 5px; margin:0;  
	position: absolute;
	justify-content: space-between;
}

/* nav固定 */
.is-fixed { position: fixed; top: 0;   z-index: 2; }

/* 全体外枠 */
#outline, #topset, nav{ width:900px;margin:0 auto 0; }

/* ヘッダ */
.header{
	position: relative;
	margin:0;
}

/**** メニュー表示 カラム****/
#menu{
float:left;  width:230px;
vertical-align:top; margin:3px 0 0; border:0;
background-color:#ffffff;
}
/**** 商品表示 カラム ****/
.datatable{
	width:650px;
	vertical-align:top; margin:12px 7px 10px 0;
	float:right;
}

/**** バナー ****/
.bannertable{
  width:100%;
}
.banner{
  width:100%; text-align:center; 
  background-color: #fde7bb;
  background-image: url(../sdbimg/p/bg2.jpg);
  padding:15px 0 15px; margin:10px 0 10px;
}

/* Top Title */
.title{
  width:100%; 
  margin:2px 0 7px;
  padding:18px 0 0;
  background-color: #79a3cd;
  color:#ffffff;
  border:1px solid #bdd4eb;
  font-size:16px;text-align:center;
}
.toplink{
  text-align:right; margin-top:5px;
  position:relative;top:-5px;left:-7px;
  font-size:13px;
}
/* Footer */
.footer{
  width:100%;   clear: both;
  margin:7px 0 7px;
  padding:12px 0 12px;
  background-color: #79a3cd;
  color:#ffffff;
  border:1px solid #bdd4eb;
  font-size:13px;text-align:center;
}

/*** メニュー**/
.menutable{ 
  width:100%; border:0;background-color:#ffffff;
	margin:10px 0 5px;
}
/* メニュー表示 */
.menulist{
  border:1px solid #dfdfdf; background-color:#e4e9ee; height:100%;
	vertical-align:top;
  padding:6px 0 6px;
  border-radius: 5px;box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   
}
/* Menu List*/
.mneu_list1{
  margin:0 0 0 25px;padding:0;
  list-style-type:none; 
  list-style-image: url(../sdbimg/p/a.gif); /* + */
  font-weight:bold;
}
.mneu_list2{
  margin:0 0 0 25px;padding:0;
  list-style-type:none; 
  list-style-image: url(../sdbimg/p/b.gif); /* - */
  font-weight:bold;
}
.mneu_list3{
  margin:0 0 0 30px;padding:0 0 10px;
  text-align:lleft;
  list-style-type:none; 
  list-style-image: url(../sdbimg/p/dot.gif); /* . */
}

.mneu_list1 li{padding:6px 0 6px;}
.mneu_list2 li{padding:6px 0 6px;}
.mneu_list3 li{padding:4px 0 4px;}
.inum{margin-left:5px;color:#ff0000;font-weight:bold;}



/* DATA ListUP */
.datapanlist{ font-size:10px;text-align:right;padding:0 7px 3px 0;}
.datatable0{ 
  margin:0px 0 10px;width:100%;
  padding:6px 0 6px;
  text-align:center;
} 
.datatable1{text-align:left;padding-left:10px;}
.datatable2{text-align:right;padding-right:5px;}
.datatable3{width:98%;background-color:#ffffff;display:block;margin:auto;}
.imagearea{vertical-align:top;text-align:center;padding:5px 5px 1px;}
.commenttxt{vertical-align:top;text-align:left;padding:5px 5px 1px;}
.pricetxt{vertical-align:top;text-align:right;font-weight:bold;font-size:14px;white-space:nowrap;padding:0 8px 5px 0;}
.datatable_line{ 
padding: 4px 0 4px 3px;
border-top-width: 1px;
border-top-style: solid;
}
.bigtxt{ font-size:14px;font-weight:bold;}
.minitxt{ font-size:12px;}
.picttable{padding:0;margin:0;border-spacing:0;}
.picttd{background-color:#edf0ed;}
.picttd img{vertical-align:middle;display:block;margin:auto;text-align:center;}
.arrowtd{width:20px;vertical-align:middle; }
.imgtitle{margin-top:5px}
#sw ul{margin:0;padding:0;list-style-type:none;}
#sw li{
  padding:0;
  margin:0.5px;
  text-align:center;
  background-repeat:repeat-x;
  float:left;
}
#sw img{vertical-align: top;}
/* 詳細ページサムアイコン枠線 */
.pfrm_col{ 
	outline: 3px solid #0087ff; 
	outline-offset: -3px;
	filter: brightness(1.2);
}



/* 該当件数 次ページLink */
.panlist{ text-align:left;padding:0 0 3px}
.top_links{ padding:5px 0 5px;border-top:1px solid #333333;border-bottom:1px solid #333333;}
.top_left{ float:left;text-align:left;width:300px;}
.top_right{ float:right;}
/* 検索フォーム */
.sort_form{ float:right; margin:0 0 5px; width:200px;}
/* 並べ替えリンク */
.sort_links{ }
/* ページリンク 該当No */
.Plink_area{font-size:14px;font-weight: bold;text-align:center;margin:5px auto 10px; }
.Plink_area a{
	padding:0px 4px 0px;margin:1px;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(200,200,200,0.1);  
}
.Plink_area a:hover {background: #61b5ff;color: #ffffff;}
.Alink{ border:1px solid #61b5ff;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }

/** ローディング画像 **/
.loading_img {text-align:center;margin:10px 0 5px;}
.loading_img img{  width:auto; height:auto;}
/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#ebffec;
	padding:2px 0 2px; margin-bottom:2px;
	border-radius: 5px ;
}
.Page_Number span{font-size:18px;}

/* 検索フォーム */
.sort_sarch{ width:100%;  position: relative; top:5px;}



/* Form */
.yform{clear:both;width:98%;}
.formtable2{ display:table-cell; vertical-align:top; text-align:center;width:130px; padding:3px 0 3px; }
.formtable3{ display:table-cell; width:400px;padding:3px 0 3px;}
.btn_area{ text-align:center;margin:10px 0 0; }
.submit_btn{ width:100px; height:25px; }
.return_btn{ width:80px; height:25px; }
.error_msg{ border:1px solid #ff0000; padding:5px; margin:5px 0 10px; width:95%;}
.form_msg{margin:8px 0 8px;}
.selectdata{margin-left:6px;}
.mail_cd{border-spacing:0;margin-left:8px;}
.padl10{box-sizing:border-box; padding-left:10px;}
.text_form1{ width:350px; height:120px; font-size:13px;margin-left:8px;}
.text_form2{ width:220px; margin-left:8px;}
.text_form3{ width:350px; height:45px;margin-left:8px;}
.text_form4{ width:150px; margin-left:8px;}

.formtable3 input{margin-left:6px;}
/* E-Mail */
.atmark{text-align:center;width:17px;}
#mail{ime-mode:disabled;width:249px;ime-mode:disabled;}
#maC{ime-mode:disabled;width:100px;ime-mode:disabled;margin:0;}
#maD{ime-mode:disabled;width:130px;ime-mode:disabled;margin:0;}

/* 角丸 */
.radius{ border-radius:4px; }
/* 影 */
.shadow1{ box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); }
.shadow2{ box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2); }
/* QR */
#qr_cord{
  text-align:center;
}
/* 最近見た商品 */
#title_recent{ border-radius: 4px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); padding:2px 0 2px;}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:20px;right:20px; }
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }


/******** 900未満 ******/
@media screen and (max-width:900px){   
#outline, #topset, nav{ width:700px; }
.datatable{width:450px;}
.big_imagearea{width:460px;height:auto;}
.arrowtd img{width:80%;}
.picttd {height:auto;}
.picttd img{width:100%;height:auto;}
.formtable0{ width:100%; display:block; text-align:left;}
.formtable1{ width:100%; display:block;border:0;}
.formtable2{ 
	width:100%; display:block; border:0;text-align:left;box-sizing:border-box; padding-left:10px;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); 
}
.formtable3{ 
width:100%; display:block;border:0;margin:5px 0 10px;}
.text_form1, .text_form3{ width:90%;}
}
/******** 700未満 ******/
@media screen and (max-width:700px){   
#outline, #topset, nav{width:600px; }
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;padding:2px 10px 2px;
 border-radius: 4px;
}
.datatable{width:350px;}
.big_imagearea{width:360px;height:auto;}
}
/******** 600未満 ******/
@media screen and (max-width:600px){   
#outline, #topset, #menu{ width:100%; }
nav{ width:97%; }
.datatable{width:99%;margin:0 4px 10px 0;}
.text_form1, .text_form2, .text_form3, .text_form4, #mail{ width:95%;}
.big_imagearea{width:500px;margin:0 auto;}
#maC, #maD{ width:99%; }
.mail_cd{ width:95%;}
.mail_cd01{width:20%;padding:0;}
.atmark{width:7%;padding-left:8px;font-size:16px;}
.mail_cd02{width:30%;padding:0;}
.title{font-size:14px;}
#qr_cord{display:none;} /* RQ削除  */
}
/******** 500未満 ******/
@media screen and (max-width:500px){   
nav{ width:95%; }
.top_left{ width:100%;}
.big_imagearea{width:100%;margin:0 auto;}
}