@charset "utf-8";

body, td, th { font-size:13px; color:#333333;line-height:120%;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
big          { font-size:14px; font-weight: bold; line-height:125%;}
small , .small { font-size:11px; }
div{box-sizing:border-box; }
body{background-color: #ffffff;  -webkit-text-size-adjust: 100%;word-break: break-all;}
a{text-decoration:none;}
a:link{ color: #0000ff;}
a:visited{ color: #0000ff;}
a:active{ color: #ffd700;}
a:hover {color: #ff6caa;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.top{vertical-align:top;}
.mid{vertical-align:middle;}
.b{font-weight: bold;}
.nowrap{ white-space:nowrap; }

select,input,textarea{ 
	font-size:13px;color:#333333;padding:2px;margin:1px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	border:1px solid #949494;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}


/* 件数,ページリンク,並べ替え */
nav { 
	text-align:center; padding:0 0 5px;
	background-color: transparent;
	position: absolute;
	justify-content: space-between;
}
/* nav固定 */
.is-fixed { position: fixed; top: 0; z-index: 300; }
/* nav外枠 */
#topset, nav{ width:1000px; margin:0 auto 0;}

.content{ margin:0 auto 0;}
/* ページ幅 */
.page_width{ width:1000px; }

/* 左 カラム */
#menu{
float:left;margin:5px 0 0; 
vertical-align:top;
width:270px;
}
/* 右 カラム */
.contents_block{
width:720px;
float:right;
vertical-align:top;
}

/* ヘッダ */
.header_block{
	width:100%;margin: 0 0 5px; box-sizing:border-box;
	border:1px solid #ffb84f; background-color: #e4eef4;
	border-radius: 5px;
}
.header_title{ 
font-weight: bold; padding:18px 0 5px; font-size:18px; color:#ff9200;
letter-spacing:0.15em;
text-shadow:1.7px 1.7px 1.5px #9d9d9d;
}
.header_link{font-weight: bold; padding:0 10px 5px; }

/* パンくず */
.pan_list{ padding-top:5px; text-align:left;}
/* ヒット数、次>>、<<前 */
.searchfall{
  margin:5px 0 5px; width:100%;
  border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e;
}
.hit{float:left;margin:5px 0 5px;}

/* ページリンク 該当No */
.Plink_area{float:right; font-size:14px;font-weight: bold;text-align:center;margin:7px 0 7px; }
.Plink_area a{
	padding:0px 4px 0px;margin:1px;
	border-radius: 2px;
}
.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; }

/* 並べ替え */
.sortlink{float:left;margin:5px 0 5px;}
/* 検索フォーム */
.searchform{float:right;}

/* カテゴリメニュー部 */
.menu_block{
width:100%; 
}
/* パンくず、該当件数、ページリンク */
.pan_block{
width:100%; background-color: #ffffff;margin:0 0 0 10px;
float:right;  vertical-align:top;
}
/** ローディング画像 **/
.loading_img {clear: both; text-align:center;margin:0 0 10px;}
.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:#e0ffcf;
	padding:2px 0 2px; 
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.Page_Number span{font-size:18px;}



/* リンク部 */
.link_block{
width:100%;
}
/* リンクメニュー*/
.list li{
width:100%; font-size:14px;
text-align:center;
height:40px; 
background-color: #efefef;
border-bottom:1px solid #adb2c0;
}
.list a{display: block;padding:12px 0 12px;}

/* フッタ */
.footer_block{
	width:100%;height:50px; margin: 5px 0 0; box-sizing:border-box;
	border:1px solid #ffb84f; background-color: #e4eef4;
	border-radius: 5px;
}
.footer_block td{vertical-align:middle; text-align:center;font-weight: bold;}


/* メーカー,品名,型番 */
.datatable1{ width:450px; float:left;} 
/* 詳細コメント */
.datatable2{ width:450px; float:left; margin-top:5px;} 
/* 価格,カートへボタン */
.price_form{ margin-left:15px;width:250px;float:left; } 
.price_form td{ line-height:1.4;}
/* データ表示中の仕切り線 */
.datatable_line{ 
	padding: 4px 0 4px 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a7a7a7;
}

/* カート中身Table */
.form_table{ width:800px;margin:0 auto 0;}
.form_table td{ padding:5px;}
/* 内容変更Table  */
.change_table{ max-width:800px; width:100%; margin:15px auto 15px}
.change_table td{ padding:5px; }
 
/* 広画面table表示 */
#carttable_01{display:inline;}

/* 狭画面table非表示 */
#carttable_02{display:none;}
.td2{width:110px; text-align:center;font-weight: bold;}

.databutton{ /* 詳細・戻る・お問合せボタン */
color: #ffffff; 
background-color: #0684f9;
}
/* カート下部のメッセージ */
.memo{margin:0 auto 0;}
.memo td{text-align:left;}


/* 作業内容確認用パンくず */
.HeadPan{margin:0 auto 0;}
.HeadPan span{white-space:nowrap;}
.HeadPan td, .HeadPan th{ text-align:center;vertical-align:middle;}
.HeadPan td{
	width:17%;border:1px solid #ffc4db;padding:3px;box-sizing:border-box;
}
.HeadPan th{width:4%; }
.HeadPan th img{width:8px;height:auto;}
.select_td{background-color:#ffc4db;}
.noselect_td{background-color:#f7f7f7;}

/* 注文 入力フォーム */
.inputform{ margin:10px auto 10px; width:800px; }
.inputform input,textarea,select{margin:1px;}
.yform{clear:both;}
.formtitle{margin:15px 0 15px;font-size:110%;font-weight:bold;text-align:left;}
.fm1{
	display:table-cell;width:213px;padding:8px 0 8px;
	font-weight:bold;vertical-align:top;text-align:center;
}
.fm2{display:table-cell;width:580px;padding:3px 0 3px 5px; text-align:left;}
/* フォーム */
.input1{width:350px;}
.input2{width:420px;}
.textarea1{max-width:98%; width:420px;}
#mailC{width:140px;}
#mailD{width:180px;}
/* 規約 */
.kiyaku{
	width:798px; height:200px;border:1px solid #708090;
	margin:10px auto 10px; padding:0;
	overflow:auto; -webkit-overflow-scrolling:touch;
}
.kiyaku iframe{
	width:100%;height:100%;margin:0;padding:0;border:none; 
	display:block;box-sizing:content-box;vertical-align:text-bottom;
}

/* 「ご注文内容」「お客様情報入力」 */
.form_header{font-size:110%;font-weight:bold;text-align:center;margin:0 0 10px;}
.table_color td{padding:4px 7px 4px;}

/* 各種操作完了後のメッセージ */
.end_msg{border:1px solid #555555;margin:8px auto 10px;}
.end_msg td{padding:8px;text-align:left;}
/* エラーメッセージ */
.er_msg{ border:1px solid #ff0000;margin:8px auto 10px;}
.er_msg td{padding:8px;text-align:left;}

.bgcolorSW{ /* 注文フォーム確認画面の[変更]ボタン表示table */
background-color: #ffe8b4;
width:100%;margin:20px 0 0px;
}
.bgcolorSW th{ text-align:left; box-sizing:border-box; padding:5px 0 5px 10px;font-weight: bold;font-size:110%;}
.bgcolorSW td{ text-align:right;}

.bigtxt{ font-size: 11pt;font-weight: bold;}
.minitxt{ font-size: 8pt;}

/************** 送信ボタン *********/
/* カートの中身を空にする, カートから出す */
.clear{padding:3px 10px 3px;}
/* 戻る, お買い物を続ける*/
.back{padding:3px 10px 3px;}
/* 変更, 詳細 */
.change{padding:2px 10px 2px;}
/* OK, 確認, ご注文手続きへ, キャンセルを申し込む */
.submit{padding:5px 20px 5px;letter-spacing:0.2em;}
/* 会員登録内容の変更, ご注文履歴確認・キャンセル */
.submit2{padding:5px 0 5px; width:200px;}
/* 注文履歴一覧 詳細,キャンセル */
.hist{padding:2px 0 2px; width:80px;font-size:90%;}


/* 一覧 商品個別ブロック*/
.itemlist{ 
margin-top:10px;
}
.listbox {
	width:170px;
	height:180px;
	padding:0px 0px 10px 0px;
	margin:1px;
	text-align:center;
	background-repeat:repeat-x;
	border:solid 1px #ffffff;
	float:left;
}
/* 一覧画像 */
.listimg{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3);
margin:4px 0 7px;
}

/*サムネイル*/
#sw ul{margin:0;padding:0;list-style-type:none;}
#sw li{
	padding:0;
	margin:1px 1px 0 0;
	text-align:center;
	background-repeat:repeat-x;
	float:left;
}
.sumpict{ margin:0; padding:0;}
/* サムアイコン枠線 */
.pfrm_col{ 
	outline: 3px solid #0087ff; 
	outline-offset: -3px;
	filter: brightness(1.3);
}

/*拡大画像*/
.picttable{padding:0;margin:0;border-spacing:0;}
.picttd{max-width:700px;height:auto;vertical-align:middle;background-color: #ffffff;}
.picttd img{vertical-align:top;display:block;margin:auto;text-align:center;}
.arrowtd{width:20px;vertical-align:middle; }
/* コメント*/
.imgtitle{text-align:center;padding:5px 0 0;}

/*ページ移動用リンク 現在のページNo.*/
.col1{color:#ff0000;font-weight:bold;}

/* 角丸 */
.radius, .end_msg, .er_msg, .HeadPan td{
	border-radius: 3px;
}

/* 検索フォーム */
.search_form{ font-size:12px;width:120px; padding:0 2px 0;}
.search_btn{font-size:12px;padding:2px 5px 2px;}

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

/* [カートに入れる]ボタン*/
.mid input[type=image]{border: none; border-radius:0;box-shadow: 0px 0px 0px 0px;}
.mid input[type=image]:hover{ filter: brightness(0.9);}
/* ボタンhover 背景色変更 */
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background-color:#c5e1f9; }
/* 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; }
input[type=submit]{background-color:#f3f4f4;  }

/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 



/******** レスポンシブ   ブレイクポイント ********/
/******* 1000未満 ******/
@media screen and (max-width:1000px){   
.page_width,#topset, nav{width:800px;}
#menu{width:250px;}
.contents_block{width:540px;}
.datatable1, .datatable2{width:350px;}
.price_form{width:170px;}
}
/******* 800未満 ******/
@media screen and (max-width:820px){   
.page_width,#topset, nav{width:700px;}
.inputform{ width:700px; }
.fm2{width:478px;}
.kiyaku{width:698px; }
.form_table{ width:100%;}
#menu{width:230px;}
.contents_block{width:460px;}
.datatable1, .datatable2{width:270px;}
.link_block{float:none;width:100%;margin:0 auto 0;}
.bigimage{width:450px;}  
.picttd img{max-width:400px;height:auto;}
.price_form{width:150px;}
}
/******* 700未満 ******/
@media screen and (max-width:700px){ 
.page_width, .is-fixed, nav{width:95%;}
#topset{width:95%;}
#menu{width:100%;}
.contents_block{width:100%;}
.datatable1, .datatable2{width:100%;}
.bigimage{width:100%;}
.bigimage table{margin:0 auto 0;}
.price_form{width:100%;margin:10px 0 10px;}
#carttable_01{display:none;}/* 広画面table非表示 */
#carttable_02{display:inline;}/* 狭画面table表示 */
.inputform, .kiyaku{width:100%;}
.fm1, .fm2{width:100%;text-align:left;display:block;border:unset;border:0;}
.fm1{padding-left:10px;box-sizing:border-box;}
.fm2{padding:5px 0 10px 3px;box-sizing:border-box;}
.formtable2, .bgcolorSW{width:100%; }
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;padding:2px 10px 2px;
 border-radius: 4px;
}
}

/******* 500未満 ******/
@media screen and (max-width:500px){  
.link_block{width:100%;}
.list li{ width:100%;float:none;}
.fm2{width:98%;padding:1px 0 10px; } 
.kiyaku{width:98%;}
.qr{display:none;}
.picttd img{width:100%;height:auto;margin:0 auto 0;}
}

/******* 400未満 ******/
@media screen and (max-width:400px){ 
.itemlist{width:100%;}
.listbox { width:140px;}
.input1, .input2{width:98%;}
#mailC{width:38%;}
#mailD{width:49%;}
.HeadPan td, .HeadPan th{font-size:85%;}
}