@charset "utf-8";
html>/**/body {font-size: 12px; /* Except IE */}
html, body {height: 100%; margin: 0px; padding: 0px;}
body {font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 75%; /* IE */ color: #333; background:#FFF; line-height: 150%; letter-spacing:0.04em; min-width: 1200px; -webkit-text-size-adjust: 100%;}

/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {margin: 0 auto; text-align: center;}
/* コンテンツ */
#container:after {content: ""; display: block; clear: both; height: 1px; overflow-x: hidden; overflow-y: auto;}

/* フォント関連 */
.red {color:#ff0000;}
.orange {color:#FF9900;}
.blue {color:#0000FF;}
.glay {color:#666666;}
.rblue {color:#4169E1;}
.lsg {color:#778899;}
.sky {color:#1c7aff;}
.ug {color:#b0b9c6;}
.ivory {color:#F5F5DC}
.white {color:#FFFFFF;}
.f12 {font-size: 12px;}
.fs80{font-size: 80%;}
.red_price {color:#FF0000; font-weight: bold;}

h2, h3, h4, h5 {line-height: 150%;}

/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下
[注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn, #bottomcolumn, #footerbottomcolumn {margin: 0 auto; padding: 15px; width: 950px; background: #fff; text-align: left;}

/* 中央カラム */
.main_column {padding: 10px 0 20px;}
/* サイドカラム */
#leftcolumn {float: left;width: 20%;}
#rightcolumn {float: right;width: 20%;}
/* 1カラム設定 */
#one_maincolumn {text-align: left; margin: 0 auto; width: 100%; padding: 0;}
/* 2カラム設定 (メイン部が左) */
#two_maincolumn_left {padding-left: 1.5%; float: left;width: 78%;}
/* 2カラム設定 (メイン部が右) */
#two_maincolumn_right {padding-right: 1.5%; width: 78%; float: right;}
/* 3カラム設定 */
#three_maincolumn {padding-left: 0.5%; width: 59%; float: left;}
/* 下層コンテンツ *//* メインコンテンツ */
.undercolumn {width: 100%; margin: 0 0 10px 0; padding: 0px;}
#undercolumn {width: 100%; margin: 0 0 30px 0;}

/* main
----------------------------------------------- */
div#topcolumn {padding:0; margin:0px; clear:both;}
#topcolumn, #bottomcolumn, #footerbottomcolumn { background: none; text-align: left; width: auto; padding:0;}
span.newentry {color: #FF9300;　letter-spacing: 0;}
.main_column {padding: 0 0 20px;}
#three_maincolumn div.subtext {margin-bottom: 20px;float: left;width: 100%;}
#three_maincolumn p.subtext {margin-bottom: 20px;}
#three_maincolumn div.subphotoimg {float: right; width: 35%; text-align: right;}
div#two_maincolumn_left,  div#two_maincolumn_right {padding: 0; width: 960px;}
div#two_maincolumn_left{float: left;}
div#two_maincolumn_right {float: right;}

/* sub column
----------------------------------------------- */
div#leftcolumn {float: left; margin: 0 10px 10px 0; width: 220px; overflow: hidden;}
div#leftcolumn .left_bg_none {background-color: #FFFFFF;}
div#leftcolumn .left_bg_none h2 {margin: 0 0 6px; padding: 0;}
div#rightcolumn {float: right; margin: 0 0 0 15px; width: 220px; overflow-x: hidden; overflow-y: auto;}
.sideblock {background-color: #EBEBEB; margin: 0 0 15px; padding: 0;}
h2.h2_sideblock {border-bottom: 3px solid #FFFFFF; margin: 0; padding: 0;}
#leftcolumn .left_banner p {margin-bottom:10px;}

/* サイトメインに使用
----------------------------------------------- */
#wrap { width: 100%; margin: 0px auto; position:relative; min-height:100%; height:auto !important; height:100% ;}
div#container {padding:0px; text-align: left; margin: 0 auto; width:1200px; background: #fff;}
#container:after {content: ""; display: block; clear: both; height: 1px; overflow-x: hidden; overflow-y: auto;}
div#bottomcolumn {margin:0px; clear: both;}
/* Add */
#topcolumn, #bottomcolumn, #footerbottomcolumn {background: none; text-align: left; width: auto; padding:0;}

/* メインカラム用 1カラム時*/
#one_maincolumn div.listrightbloc {float: right; width: 74%;}
/* メインカラム用 2カラム時*/
#two_maincolumn_right div.listrightbloc ,
#two_maincolumn_left div.listrightbloc {float: right; width: 80%; border: 1px;}
/* メインカラム用 3カラム時*/
#three_maincolumn div.listrightbloc {float: right; width: 74%;}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#one_maincolumn div#detailphotobloc {width: 37%; float: left;}
#one_maincolumn #detailrightbloc {width: 63%; float: right;}
#one_maincolumn div.subtext {margin-bottom: 20px; float: left; width: 85%;}
#one_maincolumn div.subphotoimg {float: right; width: 25%; text-align: right;}
#one_maincolumn p.subtext {margin-bottom: 10px;}

/* 2カラム用 */
#two_maincolumn_left #detailrightbloc ,
#two_maincolumn_right #detailrightbloc {float: right;}
#two_maincolumn_left div.subtext,
#two_maincolumn_right div.subtext {margin-bottom: 20px; float: left; width: 100%;}
#two_maincolumn_left p.subtext,
#two_maincolumn_right p.subtext {margin-bottom: 20px;}
#two_maincolumn_left div.subphotoimg ,
#two_maincolumn_right div.subphotoimg {float: right; width: 25%; text-align: right;}

/* 3カラム用 */
#three_maincolumn div#detailphotobloc {float: left; width: 49%;}
#three_maincolumn #detailrightbloc {float: right; width: 50%;}


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: ".";}
.clearfix {display: block;}
.clear {clear: both;}

/* リンク指定 */
a {text-decoration: underline; outline: none;}
a:focus{outline: none;}
a:link {text-decoration: underline; color: #333;}
a:visited {text-decoration: underline; color: #333;}
a:hover,  a[href]:hover {/*text-decoration: underline;*/ text-decoration: none; color: #E70014;}
a:hover img{opacity:0.60; filter:alpha(opacity=60); outline:none;}
.rank_b_box a:hover .rank_b_img img,.shinchaku_b_box a:hover .shinchaku_img img{opacity:0.60 !important; filter:alpha(opacity=60) !important;}

/* 行揃え
----------------------------------------------- */
.alignC {text-align: center;}
.alignR {text-align: right;}
.alignL {text-align: left;}

/* フォーム
----------------------------------------------- */
input[type='text'] ,
input[type='password'] ,
.select {border: solid 1px #ccc; padding: 2px; box-sizing:content-box;}
.box40 {width: 40px;}
.box60 {width: 60px;}
.box80 {width: 80px;}
.box100 {width: 100px;}
.box120 {width: 120px;}
.box140 {width: 140px;}
.box145 {width: 145px;}
.box150 {width: 150px;}
.box240 {width: 240px;}
.box300 {width: 300px;}
.box320 {width: 320px;}
.box350 {width: 350px;}
.box380 {width: 380px;}
/* フォームが縦に重なり合う場合に併用する余白 */
.top {margin-bottom: 5px;}

/*マージン*/
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

/*追加*/
.mt1em{margin-top: 1em;}
.mb1em{margin-bottom: 1em;}

/*img*/
img:-moz-loading {visibility: hidden;}

/* テキストフィールド
----------------------------------------------- */
input[type='text'],  input[type='password'],  input[type='tel'],  input[type='email'] {border: 1px solid #ccc; padding: 2px; box-sizing:content-box;}
input[type='text'].box6 {width: 6px;}
input[type='text'].box20 {width: 20px;}
input[type='text'].box35,input[type='tel'].box35  {width: 35px;}
input[type='text'].box54, input[type='tel'].box54 {width: 54px;}
input[type='text'].box60 {background-color:#ffffff; width: 160px;}
input[type='text'].box120 {width: 120px;}
input[type='text'].box146,	input[type='password'].box146 {width: 146px; height:20px; margin: 0 0 0px 0;}
.block .box146 {width: 146px; margin: 0 0 6px 0; padding: 0;}
input[type='text'].box195,  input[type='password'].box195 {width: 195px;}
.inputdl .box195 {width: 195px;}
input[type='text'].box260 {width: 260px; margin: 5px 0 0 0;}
input[type='text'].box300, input[type='tel'].box300 {width: 300px; margin: 5px 0 0 0;}
input[type='text'].box320 {width: 320px; margin: 5px 0 0 0;}
input[type='text'].box350 {width: 350px; margin: 5px 0 0 0;}
input[type='text'].box380 {width: 380px; margin: 5px 0 0 0;}

/* ボタンエリア共通 */
div.tblareabtn {clear: both; margin: 15px 6px 10px 0; text-align: center;}

/*進むボタン*/
.btn_c_next{display: block; width: 30%; margin: 0 auto; padding: 15px 0; background: #e60000; text-align: center; color: #fff !important; font-size: 16px; font-weight: bold; line-height: 1; border-radius: 3px; border: 2px solid #ddd; cursor: pointer;}
.btn_c_next:hover {opacity: 0.5;}
/*戻るボタン*/
a.btn_c_back{text-decoration: none; color: #FFF;}
a.btn_c_back:hover{color: #FFF;}
.btn_c_back {display: block; width: 30%; margin: 0 auto; padding: 15px 0; background-color: #898989; font-size: 16px; font-weight: bold; border:2px solid #ddd; line-height: 1;border-radius: 3px; text-align: center;}
.btn_c_back:hover {opacity: 0.5;}
/*押せない　グレーボタン*/
.btn_c_non{display: block; width: 30%; margin: 0 auto; padding: 15px 0; background: #aaa; text-align: center; color: #ddd !important; font-size: 16px; font-weight: bold; line-height: 1; border-radius: 3px; border: 2px solid #ddd;}	

/*必須マーク*/
.label_required{background-color: #ff6000; }
/*任意マーク*/
.label_optional{background-color: #898989; }
.label_required,.label_optional{color: #FFF; padding: 1px 5px; font-size:11px;}

/*テキストエリア共通 */
textarea {font-style: normal; font-size: 100%; border: 1px solid #ccc; padding: 2px;}
select {border: solid 1px #ccc; background-color: #fff;}
/* 個人情報入力エリア共通 */
.zipimg img {margin: 5px 0 0 0;}
.zipimg .mini {position: relative; /*bottom: 0.6em;*/  bottom: 4px;}

/* ヘッダー ver1200
----------------------------------------------- */
.header_box {width: 100%; padding: 0px; border-top: 5px solid #E00000; min-width: 1200px; font-size: 12px;}	
.header_info {background: -webkit-gradient(linear, left top, right bottom, from(#E7E7E7), color-stop(0.25, #E7E7E7), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #E7E7E7), color-stop(0.75, #E7E7E7), color-stop(0.75, white), to(white)); background: -moz-linear-gradient(-45deg, #E7E7E7 25%, white 25%, white 50%, #E7E7E7 50%, #E7E7E7 75%, white 75%, white); background: linear-gradient(-45deg, #E7E7E7 25%, white 25%, white 50%, #E7E7E7 50%, #E7E7E7 75%, white 75%, white); max-width: 100%; background-size: 4px 4px; color: #000;}
.header_info2 {background: -webkit-gradient(linear, left top, right bottom, from(#FFE6E6), color-stop(0.25, #FFE6E6), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #FFE6E6), color-stop(0.75, #FFE6E6), color-stop(0.75, white), to(white)); background: -moz-linear-gradient(-45deg, #FFE6E6 25%, white 25%, white 50%, #FFE6E6 50%, #FFE6E6 75%, white 75%, white); background: linear-gradient(-45deg, #FFE6E6 25%, white 25%, white 50%, #FFE6E6 50%, #FFE6E6 75%, white 75%, white); max-width: 100%; background-size: 4px 4px; color: #000;}
.header_info_inner{width: 1200px; margin: 0 auto; padding: 7px 0 6px; font-size: 11px; font-weight: normal; color: #333; letter-spacing: 0; line-height: 155%;}
.header_info_inner a{text-decoration: none;} 
.header_copy{font-size: 11px; font-weight: normal; padding: 3px 0 2px; max-width: 270px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.header_info_box1{float: left;}
.header_info_box2{float: left; width: 515px; overflow: hidden; padding-left: 3px; text-align: left;}
.header_info_box2 ul{display: -webkit-flex; display: flex; display:-webkit-box; display:-moz-box; display:box; padding: 3px 0 2px;}
.header_info_box2 ul li{padding-right: 8px;}
.review_star{color: #FECD2A; font-weight: bold; font-family: Helvetica;}
.review_point{color: #e60012; font-size: 110%; font-weight: bold;}
.header_info_box3{float: right; max-width: 415px; text-align: left;}
.header_entrytext span{font-size: 140%; font-weight: bold; color: #e60012;}
.header_entrytext a{text-decoration: underline; letter-spacing: 0.5px; padding: 3px 0 2px;}
.member_box{background: #fff; padding: 3px 8px 2px; display: flex; display:-webkit-box; display:-moz-box; display:box; font-size: 12px;}
.header_member_area{padding-right: 8px; }
.header_member_area p{max-width: 210px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left;}
.header_member_area span{font-size: 110%; font-weight: bold; padding: 0 5px;}
.header_point_area span{font-size: 120%; font-weight: bold; padding: 0 5px; color: #e60012;}
.header_sitenav{width: 1200px; margin: 12px auto; padding: 0px; font-size: 11px; font-weight: normal; color: #333; letter-spacing: 0; line-height: 155%;}	
.header_logo {width: 220px; margin: 6px 0 0 0; padding: 0px; float: left; text-align: left;}
.oclogo{margin: 0; line-height: 1;}
.ocdata{max-width: 220px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; letter-spacing: 0;}
.oc_data_value {font-size: 120%; color: #e60012;}
.ocdata li{display: inline-block; margin-right: 4px;}
.header_service{margin: 0; padding: 0px; float: left; line-height: 0; width: 624px; overflow: hidden;}
.header_service ul:after, .header_usermenu ul:after{display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: ".";}
.header_service li{float: left; padding-right: 5px;}
.header_usermenu{margin: 0; padding: 0px; float: left; line-height: 0; width: 280px;}
.header_usermenu li{float: left; border-left: 1px solid #ddd;}
.header_usermenu li:last-child{border-right: 1px solid #ddd;}
.header_loginnav{width: 84px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu_login.png) no-repeat 0 0; background-position: 23px 2px; line-height: 155%; overflow: hidden;}
.header_purchase{width: 68px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu_purchase.png) no-repeat 0 0; background-position: 17px 2px; line-height: 155%; overflow: hidden;}
.header_favorite{width: 68px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu_favorite.png) no-repeat 0 0; background-position: 17px 2px; line-height: 155%; overflow: hidden;}
.header_estimate{width: 70px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu_estimate.png) no-repeat 0 0; background-position: 17px 2px; line-height: 155%; letter-spacing: -0.5px; overflow: hidden;}
.header_mymenu{position: relative; width: 68px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu.png) no-repeat 0 0; background-position: 17px 2px; line-height: 155%; }
.header_reading{width: 68px; height: 60px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/mymenu_reading.png) no-repeat 0 0; background-position: 17px 2px; line-height: 155%; overflow: hidden;}
.header_mymenu a.header_usermenu_text:hover,.header_loginnav a:hover, .header_purchase a:hover, .header_favorite a:hover, .header_estimate a:hover, .header_reading a:hover{opacity: 0.6; background-color: #fff;}
.header_usermenu_text{padding-top: 42px; display: block;}　
.header_bnrcart {width: 980px; margin: 0px; padding: 0px; float: right;}	
.header_sitenav a{text-decoration: none;}
.header_g_bg{background: url(/user_data/packages/default/img/n_common/beginner.gif) no-repeat; padding-left: 15px; background-position:0px 1px;}
.header_qa_bg {background: url(/user_data/packages/default/img/n_common/qa.gif) no-repeat;padding-left: 21px;background-position: 3px 0px;}
.mymenu_box{position: absolute; z-index: 9999; top: 54px; display: none;}
.mymenu_arrow {width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #FE7774; position: absolute; top: 3px; left: 26px;}
.mymenu_arrow_box{position: absolute; z-index: 9999; top: 3px; width: 74px; padding-top: 15px;}
.mymenu_popupbox {width: 200px; border: solid 1px #FE7774; background: #fff; position: absolute; top: 14px; left: 0px; text-align: left; }
.mymenu_popupbox ul{margin: 0px; padding: 10px;}
.mymenu_popupbox li{background: url(/user_data/packages/default/img/n_common/nav_arrow.gif) no-repeat 0 6px; border: none !important; padding-left: 13px; display: block; line-height: 190%; width: 175px; font-size: 13px;}
.mymenu_popupbox li a{display: inline-block;}
.mymenu_popupbox_point_bg{background: -webkit-gradient(linear, left top, right bottom, from(#ECECEC), color-stop(0.25, #ECECEC), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ECECEC), color-stop(0.75, #ECECEC), color-stop(0.75, white), to(white)); background: -moz-linear-gradient(-45deg, #ECECEC 25%, white 25%, white 50%, #ECECEC 50%, #ECECEC 75%, white 75%, white); background: linear-gradient(-45deg, #ECECEC 25%, white 25%, white 50%, #ECECEC 50%, #ECECEC 75%, white 75%, white); padding: 10px; background-size: 4px 4px;}
.mymenu_popupbox_point{font-size: 13px;}
.mymenu_popupbox_point span{font-size: 115%; font-weight: bold; padding: 0 5px; color: #e60012;}
.header_mymenu:hover .mymenu_box{display: block;}

/*スマホ切り替え*/
div#sp_change a {display: block; padding: 50px; background: #fff4f5; font-size: 54px; text-align: center; text-decoration: none; color: #333; font-weight: bold;}

/* h1タグにかかるので見えなくするだけ */
span.h1_main_title{color: #e60012; font-style: normal; font-weight:normal;font-size: 11px; background-repeat:no-repeat; background-position:3px center; text-align:left; display: block; height: 0px; visibility:hidden;}
/* h1タグにかかるので見えなくするだけ */
h1.h1_main_title{color: #e60012; font-style: normal; font-weight:normal; font-size: 11px; background-repeat:no-repeat; background-position:3px center; text-align:left; display: block; height: 0px; visibility:hidden;}

/*ヘッダーカートbox*/
.header_cartnav{position: relative; width: 68px; background: #eee; height: 58px; font-size: 11px; text-align: center; background: url(/user_data/packages/default/img/n_common/cart.png) no-repeat 0 0; background-position: 20px 2px; float: right;}
.cartin_box{position: absolute; z-index: 9999; top: 54px; display: none;}
.cartin_arrow {width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #FE7774; position: absolute; top: 3px; left: 26px;}
.cartin_arrow_box{position: absolute; z-index: 9999; top: 3px; width: 74px; padding-top: 15px;}
.cartin_popupbox{ width:250px; border: solid 1px  #FE7774; background: #fff; position: absolute; top: 14px; right: -74px; padding:20px 18px; text-align: left;}
.cartin_popupbox .cartin_list p {font-weight: bold; font-size: 13px; color: #000; letter-spacing: 0;}
.cartin_p{max-width: 60px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; padding-top: 2px;}
.pro_total {max-width: 210px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;float: right;}
.pro_total span {color: #e60012; font-size: 130%;}
/*.cartin_popupbox .cartin_list p{font-weight: bold; font-size: 14px; color: #000; letter-spacing: 0;}
.cartin_p{max-width: 60px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left;}
.pro_total{max-width: 200px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: right;}
.pro_total span{color: #e60012; font-size: 120%;}*/
.cartin_list:after {display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: ".";}
.cartin_btn{margin-top: 12px; line-height: 0;}
.header_cartnav:hover .cartin_box{display: block;}
.occart{padding-top: 42px; display: block;}
.cartin_p_icon{ color: #FFF; position: absolute; top: 2px; left: 10px; min-width: 18px; background: #e60012; text-align: center; border-radius: 10px; vertical-align: middle; padding: 1px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
.header_cartnav a.occart:hover{opacity: 0.6; background-color: #fff;}

/* breadcrumbs */
.breadcrumbs {font-size: 11px; line-height: 160%; margin: 0 auto 10px; padding: 0; text-align: left; width: 100%;}
.pankuzu_top {padding-left: 18px; background: url("/user_data/packages/default/img/common/pankuzu_folder.png") no-repeat left; float: left;}
.pankuzu_arrow {padding-left: 8px; background: url(/user_data/packages/default/img/common/pankuzu_arrow.gif) no-repeat left; float:left;}
.breadcrumbs li{padding-right:8px; display:inline;}
.breadcrumbs h2{font-size:11px; line-height:160%;}

/* 複数breadcrumbs */
.breadcrumbs a, .breadcrumbs2 a{text-decoration: none; color: #0A4466;}
.fl_l{float: left;}
.bbd{border-bottom: 1px dotted #ccc;}
.breadcrumbs2{margin-bottom: 6px;}
.breadcrumbs2 li {padding-right: 8px; display: inline;}
.breadcrumbs2 h2, .breadcrumbs2 p{font-size: 12px; line-height: 160%; margin: 0; font-weight: normal;}
.relation_category{font-size: 18px; border-bottom: 1px dotted #0A4466; margin-bottom: 10px; margin-top: 20px;}

/* 商品検索窓
----------------------------------------------- */
#search_form .btn {margin-top:10px;}
#searchBox2 {width:1190px; margin:0 auto 10px; text-align:left; padding:5px; background-color:#F2F1DD;}
#searchBox2 .textbox {float: left; width: 315px; margin-left: 24px;}
#searchBox2 .textbox input {width:320px; height:24px; line-height:1.8; color:#7F7F7F; font-size:95%;}
#searchBox2 .searchBtn {float:left; width:45px;}
.searchtext2 {font-size: 11px !important; padding: 8px 0 0 98px !important; letter-spacing: -0.4px; float: left; width: 530px; overflow: hidden; height: 20px;}

/* フッター
----------------------------------------------- */
#footerspace {bottom: 0; left: 0; padding: 0px; width: 100%; text-align:center; position: relative;}
#footer {margin: 0 auto; width: 100%; text-align:center; border:none;}
/*お買い物ガイド*/
.footer_sg{background: #EFEFEF; border-top:1px dotted #ccc;}
.footer_sgnbox{width:1200px; margin:0px auto; line-height:160%; padding:25px 0 30px; font-size: 12px; letter-spacing: 0;}
.footer_sg_title{padding-left:45px; line-height:43px; background-image:url(/user_data/packages/default/img/n_common/footer_sg_title_bg.png); background-repeat:no-repeat; font-size:20px; font-weight:bold; text-align: left; color: #111;}
.footsh_mainbox {background-color:#fff; width:1140px; padding:5px 30px; margin: 5px 0;}
.footsh_text {height: 38px; overflow: hidden; text-align: left;}
.footsh_text2{height: 58px; overflow: hidden; text-align: left;}
.sh_title {font-weight:bold; color:#ff3300; font-size:16px; text-align:center; margin-bottom:10px; margin-top: 5px;}
.left_box3 {float:left; width:350px; padding:15px}
.left_box4 {float:left; width:255px; padding:15px;}
.center_img {text-align:center; margin-top:10px;}
.small_t {font-size:11px;}
.btn_f_more a{display: block; position: relative; text-decoration: none; padding: 1px 6px; width: 80px; color: #333; font-size: 10px; font-weight:bold; background-color: #f5f5f5; border: solid 1px #ddd; border-radius: 3px; text-align: right; margin: 10px 0 0 auto;}
.btn_f_more a:before {display: block; content: ""; position: absolute; top: 6.5px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #e60000;}
.btn_f_more a:hover{opacity: 0.5; color: #333;}
/*メニュー＆コピーライト*/
.footerbox{width:100%; background-color:#333333; min-width:1200px;  padding: 15px 0; color: #fff; position: absolute;}
.footer_mainbox{width:1200px; margin:0px auto; line-height:160%; padding:25px 0 30px; font-size: 10.5px; letter-spacing: 0;}
.subnav {text-align:center; margin-bottom:10px;}
.subnav li{display: inline-block; padding: 0 3px; letter-spacing: 0.3px;}
.subnav li a {white-space: nowrap; text-decoration:none; color: #fff;}
.subnav li a:hover{text-decoration: underline;  color: #fff;}
.footer_copyright{margin-bottom: 40px; font-size: 11px; letter-spacing: 0; text-align: center;}

/*ページの先頭へ*/
#pageTop {position: fixed; bottom: 70px; right: 0px; z-index: 2;}
#pageTop a {display: block; padding: 5px; width: 155px; height: 30px; background-color: #e60000; color: #fff; text-decoration: none; text-align: center; line-height: 30px; font-size: 13px;}
#pageTop a:hover {text-decoration: none; opacity: 0.7;}


/* ==============================================
共通カテゴリー＆ページタイトル
=============================================== */
.def_title, .entry_title {height: 26px; line-height: 26px; padding-bottom: 3px; margin: 0 0 5px 0; color: #333; font-size: 18px; font-weight: bold; border-bottom:1px dotted #000000; width:100%; text-indent: 24px; position: relative;} 
.def_title2 {height: 24px; line-height: 26px; color: #333; font-size: 18px; font-weight: bold; width:100%; margin-top: 20px; padding-bottom: 3px; text-indent: 24px; position: relative;}
.def_title::before, .def_title2::before, .entry_title::before {content: ""; position: absolute; margin: auto; top: 0; bottom: 5px; left: 3px; width: 16px; height: 16px; border-radius: 18%; background: #D90000;}
.def_title::after, .def_title2::after, .entry_title::after {content: ""; position: absolute; margin: auto; top: 0; bottom: 5px; left: 8px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 7px solid #fff;}
.btn_area {margin-top: 10px; width: 100%; text-align: center;}

/* カート他テンプレート用table */
.deftable{margin:0px; padding:0px;}
.deftable table {margin: 15px auto 0 auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; text-align: left;}
.deftable table th {padding: 8px !important; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f6f6f6; font-weight: normal;}
.deftable table td {padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.deftable100{margin:0px; padding:0px;}
.deftable100 table {margin: 15px auto 0 auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; text-align: left; width:100%;}
.deftable100 table th {padding: 8px !important; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f6f6f6; font-weight: normal;}
.deftable100 table td {padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.entrytable table{margin: 15px auto 0 auto; border: 2px solid #dddddd; border-collapse: collapse; text-align: left; font-size:115%;}
.entrytable table th {padding: 8px !important; border: 1px solid #dddddd; background-color: #f6f6f6; font-weight: normal;}
.entrytable table td {padding: 8px; border: 1px solid #dddddd;}

/*tableボーダー消去*/
.tabbornon {margin:0px !important; padding:0px !important; border:none !important;}
.bordernone {margin:0px !important; padding:0px !important;}
.bordernone table {border:none !important;}
.bordernone tr {border:none !important;}
.bordernone td {border:none !important; margin:0px !important; padding:0px !important;}

/*新規会員ページ＆お問い合わせ＆カタログお音お問い合せに使用_必須任意ボタン配置*/
.requisite{position: relative; float: right; width: 34px; height: 100px; height: 8px;}

/**共通注意文*/
.attention {color: #ff6000; font-size: 90%;}
.attention2 {color: #D90000; font-size:100%; font-weight:bold; margin-top: 3px;}
em {font-style: normal; color: #ff6000; font-weight: bold;}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {padding: 20px; margin-bottom: 20px; border: solid 1px #ffcc62; background: #fffaf0; font-size: 120%; text-align: center; line-height: 140%;}
div#undercolumn_cart .totalmoney_area {margin-bottom: 20px;}
div#undercolumn_cart p {margin: 10px 5px;}
div#undercolumn ul#quantity_level li {padding: 3px; display: inline-block;}
div.form_area {margin-bottom: 30px;}

/*プライス*/
.price {color: #e60012; font-size: 180%;}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {margin-bottom: 10px; width: 100%;}
/* 価格 */
div.listrightbloc .pricebox {margin: 0 0 10px 0;}
/* 買い物かご */
div.listrightbloc .cart_area {padding: 10px; border: 1px solid #cef0f4; background-color: #ecf5ff; width: 94%;}
/* 規格 */
div.listrightbloc dl {width: 100%;}
div.listrightbloc dt {display: inline-block; vertical-align: top;}
div.listrightbloc dd {padding-bottom: 10px; display: inline-block;}
div.listrightbloc dd p.attention {margin-top: 5px;}
/* カゴに入れる */
div.listrightbloc .cartin {margin: 0; float :right;}
div.listrightbloc .cartin .quantity {padding: 3px 10px 0 0; width: 150px; float :left; text-align: right;}
div.listrightbloc .cartin .quantity .box {width: 70px;}
div.listrightbloc .cartin_btn {width: 160px; float :left;}


/* ==============================================
商品詳細ページ用
=============================================== */
.proname_numberbox{margin:0px 0 12px;}
.product_name {font-size: 145%; color:#333; font-weight: bold; letter-spacing: -0.8px; line-height: 135%; margin: 15px 0px 3px; border-bottom:#F70004 3px solid;}
.itemnumber3{letter-spacing:0px; display: inline-block; word-break: break-all;}

#two_maincolumn_right div#detailphotobloc {width: 380px; float: left;}
.photo {height: 486px; width: 486px; border: 2px solid #eee; margin: 0 auto; text-align: center; min-height: 486px;}
.detail_photobox {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -mos-transform: translateY(-50%); transform: translateY(-50%);}
.picture{max-width: 480px; max-height:480px; border: none;}
@-moz-document url-prefix() {
  .photo {padding-top: 2px;}
}

.subphotobox {background-color: #ffffff; width: 490px; margin: 0 auto; overflow: hidden; padding-bottom: 9px;}
.subphotoimg_linkbox {height: 62px; width: 62px; background-color: #FFF; border: 1px solid #ddd; display: table-cell; vertical-align: middle;}
.thumb {width: 62px; max-height: 62px;}
.subphotoimg_linkbox:hover{border:1px solid #E30003;}
.sub_area_hn {float: left; margin: 7px 7px 0 0px; padding: 0; position: relative; width: 64px !important;}
.sub_area_hn:nth-child(7n) {margin: 7px 0px 0 0px;}
.subphotoimg_hn{height:64px;}
.subarea_line {clear:both;}
#detailarea , .sub_area {margin-bottom: 20px; width: 100%;}
#two_maincolumn_left div#detailphotobloc, #two_maincolumn_right div#detailphotobloc {width: 490px !important;}
#two_maincolumn_left #detailrightbloc, #two_maincolumn_right #detailrightbloc {width: 448px;}
.carterea {padding:10px 15px; border-bottom: 1px dotted #aaaaaa; font-size: 13px; text-align: left; font-weight: bold;}
.carterea2{padding:12px 15px 10px; background-color:#eaeaea; text-align:center;}
.itemcopy{font-size: 95%; line-height: 160%; letter-spacing:-0.2px; border:0; margin-bottom:10px;}
.itemcopy p{font-size:120%; font-weight:bold; margin-bottom:5px;}
#detailrightbloc ul.status_icon {margin-bottom: 10px; width: 100%;}
#detailrightbloc ul.status_icon li {margin-right: 5px; margin-bottom: 3px; float: left; line-height: 0;}
.cart_hr{ border:0; border-bottom:1px dotted #999; margin:0px 0px 10px;}
.carttable2{margin:0px; padding:0px; font-size:125%; border-top:1px dotted #999;}
.carttable2  div{line-height:120%;}
.carttable2 table {margin: 0px auto 0 auto; border-collapse: collapse; text-align: left; width:100%;}
.carttable2 table tr {border-bottom:1px dotted #999;}
.carttable2 table th {padding: 5px 5px 3px; border-bottom:1px dotted #999; background:#FFF5E6; text-align:center; width:17%; font-weight:normal; font-size:90%;}
.carttable2 table td {padding: 5px 6px 4px 8px; border-bottom:1px dotted #999; line-height: 120%;}
.pricebox {font-size:12px}
.pricebox .price01 span {text-decoration:line-through;}
dl.sale_price2 {font-size: 100%; color: #333; font-weight: bold; margin: 8px 0 6px; letter-spacing: .02em;}
.pricemain2 {color: #e60012; font-size: 24px; font-weight: bold; letter-spacing: -0.4px; line-height: 100%;}
.pricemain2_tax {font-size: 15px; letter-spacing: -0.4px;}
.point_up{font-size:80%; font-weight: bold; background-color:#ff0000; color:#fff; padding:3px 6px 1px 22px; margin-right: 6px; background-image:url(/user_data/packages/default/img/common/arrow_up.gif); background-repeat:no-repeat; background-position:3px 4px; letter-spacing: 0.5px; float:left;}
.point_c{color: #e60012; font-weight: bold; font-size: 130%; line-height: 120%;}
.point_textstyle{font-size:13px; font-weight: bold;}
.leadtimebox{border-top: 1px dotted#ccc; padding:12px 0 2px 94px; background-image:url(/user_data/packages/default/img/hns/delivery.jpg); background-repeat:no-repeat; background-position:0px 8px;  height:66px;}
.leadtime01{padding-right:12px; color:#333; font-size:100%;}
.leadtime02{float:left; font-size:80%; letter-spacing:0px; color:#333;}
.leadtime03{padding-right:12px; font-size:95%; background-image:url(/user_data/packages/default/img/hns/leadt_arr.gif); background-repeat:no-repeat; background-position:0px 2px; padding-left:16px; text-decoration:underline; float:left;}
.leadtime03:hover{background-image:url(/user_data/packages/default/img/hns/leadt_arr_on.gif); text-decoration:none;}
div.mainprice {font-size: 110%; padding: 0; width: 100%; text-align:left;}

div.price_block .normal_price{margin:8px 0 12px;}
div.price_block .normal_price,  div.price_block .price {font-weight:normal; font-size:13px; color:#333;}
div.price_block .postarea, div.price_block .price {font-weight: normal; font-size: 13px; color: #333; margin: 6px 0 6px;}
div.price_block {border-bottom: none; width: 100%;}
.posttext{color:#E60012; font-weight:bold; font-size:110%; float:left; letter-spacing:0px; line-height: 100%;}

#detailrightbloc ul {width: 100%;}
#detailrightbloc ul li {vertical-align: top; float: left;}	
.quantity ul{margin:0px; padding:0px;}
.quantity li{list-style:none; float:left;}	
.cart_itembox{background-color:#F3F3F3; width:100%;}
.carterea{padding:10px 15px; border-bottom: 1px dotted #aaaaaa; font-size: 13px; text-align: left; font-weight: bold;}
.class_name {width: 348px; margin-left: 36px; margin-top: 15px; font-weight:bold; text-align:left; margin-bottom: 2px;}
.namearea{text-align:left; margin-top: 5px; margin-left: 36px;}
#detailrightbloc .cartin {text-align: center;}
.cart_box .cartin {float:left;}
#detailrightbloc .cartin_btn {margin: 0px; padding: 0; text-align: left;}
 
/*使っているか微妙*/
/* メーカー */
#detailrightbloc .maker dt, #detailrightbloc .maker dd {display: inline;}
/* メーカーURL */
#detailrightbloc .comment1 dt, #detailrightbloc .comment1 dd {display: inline;}
/*使っているか微妙*/

/*カートポイント＆リードタイム追加分*/
.de_cart_point{background-color:#FFFFD9;}
.de_cart_point_box{padding:3px 0px 1px;}
.fs120{font-size: 120%;}
.de_cart_leadtime_box{padding:4px 0px 3px;}
.de_cart_leadtime_box_ls{letter-spacing:-0.5px;}

/*カート組立追加*/
.de_cart_kumitate_box {padding: 3px 0px 1px;}
.kumitate_textstyle {font-size: 80%; font-weight: bold; letter-spacing: -0.2px;}
.kumitate_c{color: #e60012; font-weight: bold; font-size: 130%; line-height: 120%;}

/* お気に入りボタン */
#detailrightbloc .favorite_btn {text-align: center;　margin-top: 10px;}

/*問い合わせお気に入りボタンエリア*/
.confavbtn_box{height:50px; margin-top: 10px;}
.confavbtn_box_l{float:left; margin-right:10px;}

/* スペック表 */
.itemspecbox{margin:0px; padding:0px; line-height:150%; font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Arial, sans-serif ;}
.itemspecbox table{width:100%; border-collapse:collapse; border:1px #aaaaaa solid !important;}
.itemspecbox table tr th{font-weight:bold; background-color:#eeeeee; padding:8px !important; font-size:16px; color:#333333; border-bottom:solid 1px #aaaaaa !important;}
.itemspecbox table tr td{border:1px dotted #aaaaaa !important; padding:8px !important; font-size:14px; color:#333333; word-break: break-all;}

/*メインコメント*/
#detailrightbloc .main_comment {margin-bottom: 20px;}
div.main_comment2 {margin: 0 0 15px 0;}
div.main_comment3 {margin: 0 0 15px 0;}
.main_comment{width:380px; padding:0px !important; margin:20px auto 0;}


/* 商品LPテンプレート
----------------------------------------------- */
.ocde{margin:50px 0 30px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; font-size:13px; line-height: 150%; -webkit-text-size-adjust: 100% !important;}
.ocde a{text-decoration:none;}
.ocde_box{margin-bottom:70px; max-width:830px;}
.ocde_box img{max-width:830px; line-height:0; margin:0px;}
.ocde_box2{padding-bottom:30px; max-width:830px;}
.ocde_box2 img{max-width:830px; line-height:0; margin:0px;}
.ocde_c{text-align:center; font-size:32px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:1px;}
.ocde_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:0px; font-weight:bold;}
.ocde_ttlimg{text-align:center; margin-bottom:20px;}
.ocde_ffbox{margin-bottom:30px;}
.ocde_ffbox2{margin-right:-10px;}
.ocde_c2{font-size:20px; line-height:130%; margin:6px 0 4px; font-weight:bold;}
.ocde_c3{margin:4px 0 2px;}
.ocde_ui{margin-bottom:30px;}
.ocde_ui2{margin-bottom:30px;line-height:50%;}

/*特徴横1*/
.ocde_ff1{margin-bottom:20px; max-width:830px; position:relative;}
.ocde_ff1 img{max-width:830px; line-height:0; margin:0px 0px 5px;}
.ocde_ff1 p{padding:0 4px;}
.ocde_ffc{font-size:20px; line-height:130%; margin:4px 0 2px; font-weight:bold;}

/*特徴横2*/
.ocde_ff2{margin-bottom:20px; max-width:410px; float:left; margin-right:10px;}
.ocde_ff2:nth-of-type(2n) {margin-right: 0;}
.ocde_ff2 a{position:relative; display:block; margin-bottom:5px;}
.ocde_ff2 img{max-width:410px; line-height:0; margin:0px;}
.ocde_ff2 p{padding:0 4px;}

/*特徴横3*/
.ocde_ff3{margin-bottom:20px; max-width:270px; float:left; margin-right:10px;}
.ocde_ff3:nth-of-type(3n) {margin-right: 0;}
.ocde_ff3 a{position:relative; display:block; margin-bottom:5px;}
.ocde_ff3 img{max-width:270px; line-height:1; margin:0px;}
.ocde_ff3 p{padding:0 4px;}
.ocde_ffc3{font-size:16px; line-height:120%; margin:4px 0 3px; font-weight:bold;}

.ocde_ff2 span .ocde_ico, .ocde_ff3 a.ocde_ico{display:none;}
.ocde_ff2 a .ocde_ico, .ocde_ff3 a .ocde_ico{position:absolute; bottom:1px; right:1px;  background-image:url(/products/detail/ocde_exp.gif); width:30px; height:30px; text-indent: -9999px;}

/*動画*/
.ocde_moviebox{margin-right: auto; margin-left: auto;text-align: center; border: 2px solid #ddd; padding: 5px;}
.ifr_m_box{width: 816px ; height: 459px !important; border: 2px solid #ddd; padding: 5px;}

@media all and (-ms-high-contrast:none){
.ocde{margin:50px 0 30px; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:13px; line-height: 145%;}
.ocde_c{text-align:center; font-size:31px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:2px;}
.ocde_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:1px; font-weight:bold;}
}

@supports (-ms-ime-align:auto) {
.ocde{margin:50px 0 30px; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:13px; line-height: 145%;}
.ocde_c{text-align:center; font-size:31px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:2px;}
.ocde_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:1px; font-weight:bold;}
}


/* 商品LPテンプレート2(幅960)
----------------------------------------------- */
.ocde96{margin:50px 0 30px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; font-size:13px; line-height: 150%; -webkit-text-size-adjust: 100% !important;}
.ocde96 a{text-decoration:none;}
.ocde96_box{margin-bottom:70px; max-width:960px;}
.ocde96_box img{max-width:960px; line-height:0; margin:0px;}
.ocde96_box2{padding-bottom:30px; max-width:960px;}
.ocde96_box2 img{max-width:960px; line-height:0; margin:0px;}
.ocde96_c{text-align:center; font-size:32px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:1px;}
.ocde96_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:0px; font-weight:bold;}
.ocde96_ttlimg{text-align:center; margin-bottom:20px;}
.ocde96_ffbox{margin-bottom:30px;}
.ocde96_ffbox2{margin-right:-10px;}
.ocde96_c2{font-size:20px; line-height:130%; margin:6px 0 4px; font-weight:bold;}
.ocde96_c3{margin:4px 0 2px;}
.ocde96_ui{margin-bottom:30px;}
.ocde96_ui2{margin-bottom:30px;line-height:50%;}

/*特徴横1*/
.ocde96_ff1{margin-bottom:20px; max-width:960px; position:relative;}
.ocde96_ff1 img{max-width:960px; line-height:0; margin:0px 0px 5px;}
.ocde96_ff1 p{padding:0 4px;}
.ocde96_ffc{font-size:20px; line-height:130%; margin:4px 0 2px; font-weight:bold;}

/*特徴横2*/
.ocde96_ff2{margin-bottom:20px; max-width:474px; float:left; margin-right:12px;}
.ocde96_ff2:nth-of-type(2n) {margin-right: 0;}
.ocde96_ff2 a{position:relative; display:block; margin-bottom:5px;}
.ocde96_ff2 img{max-width:474px; line-height:0; margin:0px;}
.ocde96_ff2 p{padding:0 4px;}

/*特徴横3*/
.ocde96_ff3{margin-bottom:20px; max-width:312px; float:left; margin-right:12px;}
.ocde96_ff3:nth-of-type(3n) {margin-right: 0;}
.ocde96_ff3 a{position:relative; display:block; margin-bottom:5px;}
.ocde96_ff3 img{max-width:312px; line-height:1; margin:0px;}
.ocde96_ff3 p{padding:0 4px;}
.ocde96_ffc3{font-size:16px; line-height:120%; margin:4px 0 3px; font-weight:bold;}

.ocde96_ff2 span .ocde96_ico, .ocde_ff3 a.ocde96_ico{display:none;}
.ocde96_ff2 a .ocde96_ico, .ocde96_ff3 a .ocde96_ico{position:absolute; bottom:1px; right:1px;  background-image:url(/products/detail/ocde_exp.gif); width:30px; height:30px; text-indent: -9999px;}

/*動画*/
.ocde96_moviebox{margin-right: auto; margin-left: auto;text-align: center; border: 2px solid #ddd; padding: 5px;}
.ifr_m_box96{width: 946px ; height: 532px !important; border: 2px solid #ddd; padding: 5px;}

@media all and (-ms-high-contrast:none){
.ocde96{margin:50px 0 30px; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:13px; line-height: 145%;}
.ocde96_c{text-align:center; font-size:31px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:2px;}
.ocde96_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:1px; font-weight:bold;}
}

@supports (-ms-ime-align:auto) {
.ocde96{margin:50px 0 30px; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:13px; line-height: 145%;}
.ocde96_c{text-align:center; font-size:31px; line-height:150%; margin-bottom:15px; font-weight:bold; letter-spacing:2px;}
.ocde96_ttl{text-align:center; font-size:28px; line-height:1; margin-bottom:4px; letter-spacing:1px; font-weight:bold;}
}

/* メーカー直送
----------------------------------------------- */
#haisouarea_honten {margin:0px; width:720px; border-style:none;}


/* ==============================================
ポップアップ
=============================================== */
#popupbox{position:fixed; z-index:110; opacity:0; top:100px;}
#popupbox .inner,.cartin_dialog_popupbox .inner{background-color:#fff; border:solid 3px #ccc; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; position: relative; padding: 0px;}
#popupbox .inner2,.cartin_dialog_popupbox .inner2{background-color:#fee; border:solid 3px #ff2626; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; position: relative; padding: 0px;}
#popupbox .popup_close_btn img:hover,.cartin_dialog_popupbox .popup_close_btn img:hover{ opacity:0.60; filter:alpha(opacity=60); outline:none;}
#popupbox .body2{line-height: 150%; font-size: 14px; padding:8px 40px 6px 20px;}
.pcb{text-align:right; position: absolute; top: 3px; right: 3px;}
.pcb img{cursor:pointer; padding-left:5px;}
#popupbox .body{line-height: 150%; font-size: 14px; padding:10px 35px 8px 35px;}
#popupbox .body2{line-height: 150%; font-size: 14px; padding:8px 40px 6px 20px;}
.list_cart{text-align:center;}
.list_cart input{margin:5px auto;}
.quantity input.box{width: 134px;}
.cartin_attention{color: #ff6000; font-weight: bold; line-height: 160%; letter-spacing: 0; min-width: 200px;}
.cartin_tit{font-size: 21px; text-align: center; font-weight: bold;  margin:30px auto 15px;}
/*お気に入り*/
#popupbox .fav_inner,.cartin_dialog_popupbox .fav_inner {background-color: #fff; border: solid 3px  #ff2626; border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;position: relative;padding: 0px;}	
.fav_body{line-height: 180%;padding: 15px 43px 15px 30px;}
.fav_tit {font-size: 16px; text-align: center;font-weight: bold;color: #ff2626;margin-bottom: 3px;}
.fav_link:hover{text-decoration: none;}
.fav_inner{line-height: 150%;padding: 20px 40px 18px 20px;}


/* ==============================================
各種ページ使用
=============================================== */
/*わけありアウトレットセール（削除の可能性あり）*/
.outletarea{font-size: 115%; line-height: 150%; letter-spacing: 0.5px; width: 448px;}
.outlet_title{font-size: 15px; font-weight: bold;}
.outletarea p{font-weight: bold;}
.outletbox{margin: 7px 0 10px;}
.olsale_labelbox { margin: 0 4px; padding: 0 8px 0 0;}
.outletbox div {display: inline-block; vertical-align: middle; white-space: nowrap;}
.olsale_label { margin: 0; height: 18px; line-height: 18px; padding: 1px 4px 0 8px; color: #fff; background: #e60000; text-align: center; position: relative; display: block;}
.olsale_label:before {content: "";  display: block; width: 0; height: 0; border-left: 9px solid #e60000; border-top: 9px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 0; left: 100%;}
.olsale_bf{font-size: 115%; padding-top: 3px;}
.olsale_bf span{font-size: 80%;}
.olsale_af{color: #e60000; font-weight: bold; font-size: 140%;  padding-top: 3px;}
.olsale_af span{font-size: 80%;}
.olsale_limit{display: table; background-color: #f6f6f6; padding:4px 8px 2px; border: dotted 1px #ccc; letter-spacing: 1px; font-size: 110%; margin-bottom: 10px;}
/*わけありアウトレットセール（削除の可能性あり）*/


/* ==============================================
シルバーエッグver1200
=============================================== */
.segg_titlebox{border-bottom:3px solid #e60000; padding-bottom:5px; width:960px; padding:20px 0 10px; position:relative;}
.segg_title_l{font-size:18px; float:left; position:absolute; left:0; bottom: 12px; line-height: 0;}
.segg_title_r{font-size:14px; float:right; color:#e60000; position:absolute; right:0; bottom: 10px; line-height: 0;}
.segg_itembox{width:960px; margin:10px 0 20px;}
.segg_itembox ul{margin-right: 0px;}
.segg_itembox ul li {float: left; margin-right: 15px; font-size: 12px; width:180px;}
.segg_itembox ul li:nth-of-type(5n) {margin-right: 0;}
.segg_img{border:2px solid #ddd; padding:4px; margin-bottom:4px; width:168px; height:168px; position:relative;}
.segg_img img{max-height:168px; max-width:168px; position:absolute;  display: block; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.segg_name {margin-bottom: 2px; line-height: 145%; letter-spacing: 0.4px;}
.segg_price{color:#e60000; font-size:130%;}
.segg_price span{font-size:90%;}
.segg_price2{color:#333; font-size:110%;}
.segg_price2 span{font-size:90%;}
.tax_i{display: block;}
.segg_price span.tax_e{color:#333; font-size: 80%; display: block;}
.segg_itembox li a {text-decoration: none;}
.segg_itembox li a:link {text-decoration: none;}
.segg_itembox li a:visited {text-decoration: none;}
.segg_titlebox2 { border-bottom: 3px solid #e60000; padding-bottom: 5px; width: 765px; padding: 20px 0 10px; position: relative;}
.segg_itembox2 {width: 765px; margin: 10px 0 25px;}
.segg_itembox2 ul li {float: left; margin-right: 15px; font-size: 12px; width: 180px;}
.segg_itembox2 ul li:nth-of-type(4n) {margin-right: 0;}
.segg_title_ls {font-size: 17px;}
.segg_title_rs {font-size: 13px;}
.segg_itembox2 .segg_img{border:2px solid #ddd; padding:4px; margin-bottom:4px; width: 168px; height:168px; position:relative;}
.segg_itembox2 .segg_img img{max-height:168px; max-width:168px; position:absolute;  display: block; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#topcontrol{z-index:2;}

/*segg_add*/
.common_more_btn{margin: 0 auto; text-align: center; }
.common_more_btn a {display: inline-block; width: 300px; padding: 6px; background-color: #fff; border: solid 2px #ddd; color: #000; border-radius: 10px; line-height: 1.6; font-size: 13px; margin-bottom: 30px; text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;}
.common_more_btn a:hover{border: solid 2px #E70014; color:#333;}

/* ==============================================
カートページ
=============================================== */
.carttable{margin:0px; padding:0px; font-size:125%; border:1px solid #ccc;}
.carttable table {margin: 0px auto 0 auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; text-align: left; width:100%; font-size: 14px; line-height: 125%;}
.carttable table th {padding: 5px 5px 3px !important; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f6f6f6; font-weight: normal;}
.carttable table td {padding: 10px 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.totaltext{font-size:130%; font-weight:bold !important;}
#cart-now-point {width: 789px; margin-top: 10px; margin-bottom: 10px; height: 55px; background-image: url(/user_data/packages/default/img/hns/cart-now-point.jpg); background-repeat: no-repeat; padding-left: 65px; font-size: 15px; vertical-align: middle; padding-top: 10px; border-bottom: 1px dotted #333;}
.cart_nowpoint{background-color:#FFF0F0; background-image: url(/user_data/packages/default/img/hns/nowpoint.jpg); background-repeat: no-repeat; background-position:3px 3px; border:1px dotted #FFCECE; padding:10px 8px 8px 40px; font-size:110%; margin:15px 0;}
.cart_nowpoint_b{font-weight:bold; font-size:120%;}
#cart-bn-box {width: 440px; margin-top: 15px; margin-right: auto; margin-left: auto;}
#cart-bn-left {width: 206px; float: left; margin-bottom: 40px;}
#cart-bn-right {width: 206px; float: right; margin-bottom: 40px;}

.cart-box960{width: 960px; margin-bottom: 40px; float: left;}
.cart-box960 #cart-estimate-bn{float: left; width: 206px;}
.cart-box960 #cart-estimate-txt{float: right; width: 730px;}
.cart-box960 #setupservice-txt{margin-top: 10px;}
.cart_none_box{width:900px !important; border:5px solid #dddddd; padding:65px 25px; text-align:center;}
.cart_none_box_text{margin-bottom:20px; font-size:15px;}

#infonew{display:none;}
.recobox {float: left; width : 200px; vertical-align:middle;}
.boxContainer {overflow: hidden;}
.recthumb{height:142px; border:2px solid #E90003;}
#boxContainer .box a{text-decoration:none; opacity:1.0; filter:alpha(opacity=100);}
#boxContainer .box a:hover{opacity:0.8; filter:alpha(opacity=80); outline:0}
.recoarea{width:844px; overflow:hidden; margin:10px; display:flex; flex-direction:row-reverse; justify-content:space-between;}
.price_style{font-size:17px; font-weight:bold !important; letter-spacing:-0.5px;}
.reco_p_area{font-size:110%; color:#222222; font-weight:bold; line-height:115%; margin:5px 0; height:28px; letter-spacing:-0.4px; overflow:hidden;}
ul.status_float li {float: left;}
.kumitate_chui{float: left; font-weight:bold; padding-left:50px; letter-spacing:-0.3px;  font-size:120%; color:#FF0004;}
.cart_price{font-weight:bold; padding:7px 0 5px; letter-spacing:-0.3px;  font-size:150%; color:#FF0004;}
.kumitatebox{background-color:#FDF9F0;}

/*組立追加*/
.cart_nametext{font-weight: bold; letter-spacing: 0; word-break: break-all;}
.cart_typetext{font-size: 11px;}
.assemblydelivery_area{margin-top:3px; font-size:11px; line-height:125%; letter-spacing: 0px;}
.assemblycost{margin-bottom:3px; margin-top:10px; font-size:13px; line-height:125%;}
.assemblycost_pro{font-size: 11px; margin-top: 5px;}
.fs12{font-size: 12px;}
.fs70{font-size: 70%;}
.op_cost{margin-top:5px; font-size:10px;}
.cart_allselect{background-color: #FFF0F0; border: 1px dotted #FFCECE; padding: 6px 8px 5px 8px; font-size: 110%; margin: 15px 0;}
.cart_nowpoint2 {padding: 0px 5px; font-size: 110%; }

/* ==============================================
検索サジェスト部
=============================================== */
#suggest {position: absolute; background-color: #FFFFFF; border: 2px solid #CCCCFF; border-top:none; /*font-size: 90%;*/ width: 308px; overflow: auto; padding:3px 2px 0px; z-index:1; font-size:13px;}
#suggest div {display: block; width: 302px; overflow: hidden; white-space: nowrap; line-height:170%; padding:5px 3px 3px; color:#000;}
/* キー上下で選択した場合のスタイル */
#suggest div.select{color: #000; background-color: #FFE599 !important; border: none !important;}
#suggest div:nth-child(even){background: #f0f0f0;}
/* マウスオーバ時のスタイル */
#suggest div.over{ background-color: #FFF56D !important;}
input::-ms-clear {visibility:hidden}
input::-ms-reveal {visibility:hidden}
#suggest div strong{color:#E50003;}


/* ==============================================
カート お支払い方法・お届け時間等の指定
=============================================== */
div#undercolumn_shopping .pay_area {margin: 0 auto 20px; width: 100%;}
div#undercolumn_shopping .pay_area02 {margin: 20px auto}
div#undercolumn_shopping .pay_area02 .txtarea {margin: 5px 0 0 0; padding: 2px; border: 1px solid #ccc; width: 99%; height: 150px;}
div#undercolumn_shopping .pay_area02 .select-msg {margin-bottom: 10px;}
div#undercolumn_shopping .point_area {margin: 20px auto 0 auto;}
div#undercolumn_shopping .point_area .point_announce {padding: 20px; border: 1px solid #ccc;}
div#undercolumn_shopping .point_area p {margin-bottom: 15px;}
div#undercolumn_shopping .point_area .point_announce li {margin-bottom: 5px;}
.pay_text {font-weight: bold; font-size: 130%; letter-spacing: 1px;}
.point_announce span.user_name{padding-right: 5px;}

#undercolumn_shopping h2.title {padding: 13px 10px 11px; font-size: 18px; font-weight: bold;
    background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
    background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
    background-size: 4px 4px;
    border-left: 6px solid #f60; margin: 12px 0 15px;
}



/* ==============================================
グーグル認定ショップ
=============================================== */
div#___ratingbadge_0 {bottom: 0px !important; z-index: 2 !important;}

/* ==============================================
jsサイドナビ
=============================================== */
.left_m_cate_title {font-size: 13px; line-height: 1; color: #000; padding: 6px 0px 5px; background-color: #C10000; text-align: center; color: #fff; border: 2px solid #ccc; background: -webkit-gradient(linear, left top, right bottom, from(#C10000), color-stop(0.25, #C10000), color-stop(0.25, #D52720), color-stop(0.5, #D52720), color-stop(0.5, #C10000), color-stop(0.75, #C10000), color-stop(0.75, #D52720), to(#D52720)); background: -moz-linear-gradient(-45deg, #C10000 25%, #D52720 25%, #D52720 50%, #C10000 50%, #C10000 75%, #D52720 75%, #D52720); background: linear-gradient(-45deg, #C10000 25%, #D52720 25%, #D52720 50%, #C10000 50%, #C10000 75%, #D52720 75%, #D52720); background-size: 4px 4px;}
.left_m_cate_title span {font-size: 22px; font-family: Impact; letter-spacing: 1px;}

.smart-dropdown-menu{width:220px; line-height:0px; font-size:12px; }
.smart-dropdown-menu.show > .sdm-list {width: auto; opacity: 1; height: auto; visibility: visible;}
.smart-dropdown-menu.animating > .sdm-list {width: auto; }
.smart-dropdown-menu .sdm-list {box-sizing: border-box; list-style: none; margin: 0px; color: #cccccc;}
.smart-dropdown-menu .sdm-list li a {color: #333; text-decoration: none; cursor: pointer; line-height: 140%;letter-spacing: 0.2px;}
.smart-dropdown-menu .sdm-list li:hover > a, .smart-dropdown-menu .sdm-list li:active > a {color: #ff0000;}
.smart-dropdown-menu .sdm-list li:before, .smart-dropdown-menu .sdm-list li:after {content: ""; display: none; position: absolute; width: 70%; left: 70%; z-index: 10; }
.smart-dropdown-menu .sdm-list li:before {top: 0; transform-origin: bottom left; }
.smart-dropdown-menu .sdm-list li:after {top: auto; transform-origin: top left; }
.smart-dropdown-menu .sdm-list li.show:before, .smart-dropdown-menu .sdm-list li.show:after {display: block; }
.smart-dropdown-menu li > .sdm-list > li {position: relative;}
.smart-dropdown-menu .sdm-list ul li a{letter-spacing: 0px;}
.smart-dropdown-menu.dev .sdm-list > li:after {background-color: rgba(0, 0, 0, 0.4); }
.smart-dropdown-menu li > .sdm-list{display: inherit; opacity: 0; visibility: hidden; position:absolute; left:218px; top:0; width:460px; height: 400px; border: 1px solid #ededed; z-index: 9; padding: 20px; box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.3);}
.snav{position: relative;}
.sdm-list .snav .ocnav1childnav p { padding-bottom:5px;}
.sdm-list .snav .ocnav1childnav p{color:#e60000; font-size:18px; font-weight: bold;}
.sdm-list .snav .ocnav1childnav p a{color:#e60000; font-size:18px; font-weight: bold;}
.sdm-list .snav .ocnav1childnav p a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7;}
.occhildnav ul{margin-bottom:20px;}
.occhildnav li a{padding:5px; border-bottom: none;}
.snav_a {width:220px; padding: 4px 0px 2px 58px; vertical-align: middle; height: 40px; display: table-cell;}
.ocnav1childnav ul{float: left;}
.ocnav1childnav li a{padding:4px 0px;  display: block; font-size: 12px; line-height: 140%;}
.ocnav1childnav li a:hover{text-decoration: underline;}	 
.smart-dropdown-menu .sdm-list li .le{font-size: 12px;letter-spacing:0px;}	 
.snav div{background-repeat: no-repeat; background-position: right bottom; overflow:visible;}
.ocnav_bg01{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_nav.jpg);}
.smart-dropdown-menu li > .long{height: 500px; }
.smart-dropdown-menu li > .short{height: 300px; }
ul.half {float: left; width: 200px; margin-right: 15px;}
ul.half li a{ display: block; font-size: 12px; line-height: 140%;}
ul.half:nth-child(2n+1) {margin-right: 0;}	
div#leftcolumn {overflow:visible;}	
.sdm-list {background-repeat: no-repeat; background-position: right bottom; background-color: #fff; z-index: 11!important;}
.smart-dropdown-menu .sdm-list ul li a{letter-spacing: 0.4px;}
.smart-dropdown-menu .sdm-list ul li a.text_s{letter-spacing: -0.1px}	
.ocnav_bg01{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg1.jpg);}
.ocnav_bg02{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg2.jpg);}
.ocnav_bg03{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg3.jpg);}
.ocnav_bg04{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg4.jpg);}
.ocnav_bg05{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg5.jpg);}
.ocnav_bg06{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg6.jpg);}
.ocnav_bg07{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg7.jpg);}
.ocnav_bg08{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg8.jpg);}
.ocnav_bg09{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg9.jpg);}
.ocnav_bg10{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg10.jpg);}
.ocnav_bg11{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg11.jpg);}
.ocnav_bg12{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg12.jpg);}
.ocnav_bg13{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg1301.jpg);} 
.ocnav_bg14{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg14.jpg);}
.ocnav_bg15{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg15.jpg);}
.ocnav_bg16{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg16.jpg);}
.ocnav_bg17{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg17.jpg);}
.ocnav_bg18{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg18.jpg);}
.ocnav_bg19{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg19.jpg);}
.ocnav_bg20{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg20.jpg);}
.ocnav_bg22{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg22.jpg);}
.ocnav_bg23{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg23.jpg);}
.ocnav_bg24{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg24.jpg);}
.ocnav_bg25{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg25.jpg);}
.ocnav_bg26{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg26.jpg);}
.ocnav_bg27{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg27.jpg);}
.ocnav_bg28{background-image: url(/user_data/packages/default/img/common/ocs_nav/ocs_navbg_2801.jpg);}
.smart-dropdown-menu li > .long2 {height: 600px;}
.makercate{margin-top: 10px;} 
.makercate .noright {height: 40px;} 
.makercate img {display: inline-block;vertical-align: middle;max-width:82px;max-height:26px;}
.makercate a{line-height: 40px;display: block;}
.left_m_cate_title {padding: 12px 0;} 
.makercate p {display: inline-block;vertical-align: middle;  width: 100px;line-height: 40px; text-align: center;}
.makercate .sidelogo {width:90px;padding:0 10px; text-align: center;}
.smart-dropdown-menu li.show > .sdm-list {display: inherit; visibility: visible; opacity: 1; transition: all 0.3s ease; transition-delay: 0.3s;}	

.noright a{text-decoration: none;}
#nav{margin-bottom: 20px;}
.sdm-list li.snav,.noright{border-right: solid 1px #ededed;border-left: solid 1px #ededed;border-bottom: solid 1px #ededed;box-sizing: content-box;}	
.snav,.noright{background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f8f7f7), color-stop(0.00, #fff)); background: -webkit-linear-gradient(top, #fff 0%, #f8f7f7 88%); background: -moz-linear-gradient(top, #fff 0%, #f8f7f7 88%); background: -o-linear-gradient(top, #fff 0%, #f8f7f7 88%); background: -ms-linear-gradient(top, #fff 0%, #f8f7f7 88%); background: linear-gradient(to bottom, #fff 0%, #f8f7f7 88%);}
.sdm-list li.snav, .noright {border-right: solid 1px #ededed; border-left: solid 1px #ededed; border-bottom: solid 1px #ededed; box-sizing: content-box; position: relative;}
.snav_arrow{position: absolute; top: 20px; right: 5px;}


/*BSTサーチボックス*/
.ocsearch{padding: 6px; background: #EDECD1; margin-bottom: 12px;}
#selectCategoryLl{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 33px; margin-right: 6px; margin-left: 0px; border: none; color: #000; height: 38px; width: 245px;}
.ocsearch_box{width: 1188px; position: relative;}
.ocsearch_box option{background-color: #fff; max-width: 180px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000;}
.ocsearch_box input[type='text'] {border: none; padding: 2px 10px; box-sizing: content-box; width: 770px; height: 34px; line-height: 34px; color: rgb(127, 127, 127); }
.ocsearch_box input[type='text'] :focus {outline: 0;}
.ocsearch_box select[type='text'] :focus {outline: 0;}
.ocsearch_box input, .ocsearch_box select{outline: 0;}
.ocsearch_box .searchBtn:hover{opacity:0.60; filter:alpha(opacity=60); outline:none;}
.seachbox_area{display: table-cell; vertical-align: middle; position: relative;}
.seachbox_selectarea{height: 30px; line-height: 30px; padding: 0 0 0 8px; margin: 0; background: #fff;}
.ocsearch_mainbox{display: table-cell; vertical-align: middle;}
.textseachbox{width: 790px; height: 38px; background: #fff; position: relative;}

/*BSTリスト＆サーチタイトル*/
.oc_listtitle, .oc_catelisttitle{font-size: 14px; font-weight: normal;}
.oc_listtitle span{font-size: 20px; font-weight: bold; padding-right: 5px;}
.oc_catelisttitle span{font-size: 16px; font-weight: bold; padding-right: 5px;}
.list_pagenavi{border-color: #aaaaaa; border-width: 1px; border-style: dotted none; padding: 10px 0; font-size: 12px; margin-bottom: 20px;}
.list_pagenavi2{border-color: #aaaaaa; border-width: 1px; border-style: none; padding: 10px 0; font-size: 12px; margin-bottom: 20px;}
.list_itemnumber{float: left;}
.list_itemnumber span{color: #ff0000; font-size: 22px; font-weight: bold; padding:0 5px; line-height: 22px;}
.list_sortbox{float: right;}
.list_sortbox ul{display: inline-block; vertical-align: middle;}
.list_pager li {float: left; font-size: 11px; margin:0 3px; text-align: center; border: 1px solid #ccc;}
.list_pager li a{ text-decoration: none; padding: 2px 4px !important; display: block !important; height: 18px;}
.list_pager li.list_pager_prev, .list_pager li.list_pager_next{background: #ccc;}
.list_pager li.list_pager_prev:hover, .list_pager li.list_pager_next:hover{background: #aaa;}
.list_pager li.list_pager_prev a img, .list_pager li.list_pager_next a img{padding: 6px 2px 5px !important; display: block;}
.pageactive{color: #fff; padding: 2px 6px; display: block; background: #ff0000; height: 18px;}
.sort1, .sort2{margin-right: 8px;}


/*youtubebtn*/
#youtubebox{position: relative;}
#youtube_link:after {content: "";  display: block; background: url(/user_data/packages/default/img/contents/movie/youtube_moviebtn.png) top left no-repeat; position: absolute; background-size: 100%; z-index: 10; width: 32px; height: 23px; top: 20px; left: 15px;}
#youtube_link:hover .subphotoimg_linkbox{border:1px solid #E30003;}
.youtube_link:after {content: "";  display: block; background: url(/user_data/packages/default/img/contents/movie/youtube_moviebtn.png) top left no-repeat; position: absolute; background-size: 100%; z-index: 10; width: 32px; height: 23px; top: 20px; left: 15px;}
.youtube_link:hover .subphotoimg_linkbox{border:1px solid #E30003;}


/*商品リスト追加*/
.cartin_btn.list_cart .attention {text-align: left; line-height: 140%;}

/*クーポン*/
.coupon_list_info{width: 74px;}
.listphoto{position: relative;}
.grid .coupon_list_info{height: 19px;position:absolute;top:0;}
.list_couponbox{text-align: center; color: #fff; line-height: 1.1; font-size: 10px; background: #FF8000;padding: 4px 0;}
ul.product_list.grid > li.ajax_block_product > div#cd-single-item > div.grid_block > div.listphoto{padding-top: 19px;} 

/*yotpo*/
.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile{background-image: url(/yotpo/user.gif) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 36px auto !important;}
.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter{display:none !important;}
.yotpo .yotpo-question .yotpo-header .yotpo-icon-profile{background-image: url(/yotpo/user.gif) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 36px auto !important;}
.yotpo .yotpo-question .yotpo-header .yotpo-icon-profile .yotpo-user-letter{display:none !important;}

/*コーディネート商品/関連商品*/
.code_allbox{max-width: 960px; margin: 30px 0 20px; font-size:13px; line-height: 150%; -webkit-text-size-adjust: 100% !important;}
.code_box {border: 4px solid #ddd; padding: 4px; margin-bottom: 6px; width: 212px; height: 212px; position: relative; overflow: hidden;}	
.code_box img{max-height: 195px; max-width: 195px; position: absolute; display: block; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.code_name {background: rgba(0, 0, 0, 0.8); position: absolute; top :0; left: 0; filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -webkit-box-sizing: border-box; box-sizing: border-box; padding:12px; width: 100%; color: #fff; line-height: 145%; letter-spacing: 0.4px; font-size: 14px; word-break: break-all; height: 100%;  display: -webkit-flex; display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */ align-items: center; /* 縦方向中央揃え */ }
.code_box:hover .code_name{filter:alpha(opacity=1000); -moz-opacity: 1.0; opacity: 1.0; top: 0; -webkit-transition: 0.4s; -moz-transition:  0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.code_box:hover{border: 4px solid #FFBFBF; -webkit-transition: 0.4s; -moz-transition:  0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}	
.code_probox{float: left; margin-right: 16px; margin-bottom: 10px; padding-bottom: 10px; list-style: none;}
.code_price{color: #e60012; font-size: 20px; font-weight: bold; letter-spacing: 0;}
.code_price2{color: #333; font-size: 16px; font-weight: bold; letter-spacing: 0;}
.code_price_s{color: #333; font-size: 13px; font-weight: normal;}
.none{display: none;}
#code_test div.code_probox:nth-child(4n){margin-right: 0px;}
.ocdecode_titlebox {border-bottom: 3px solid #e60000; padding-bottom: 5px; width: 960px; padding: 20px 0 10px; position: relative; margin-bottom: 10px;}
.ocdecode_title_l {font-size: 18px; float: left; position: absolute; left: 0; bottom: 12px; line-height: 0;}
.ocdecode_title_r {font-size: 14px; float: right; color: #e60000; position: absolute; right: 0; bottom: 10px; line-height: 0;}

/*category_追加分*/
.cate_titbox{border: solid 2px #dddddd; padding:4px 4px 0px; width:948px; margin-bottom:20px;}
.cate_titname{width:913px; padding:2px 5px 2px 30px; background-image:url(/products/images/category/cate_arrow.gif); background-repeat:no-repeat; background-position:10px 5px; font-size: 20px; font-weight:bold; letter-spacing:0.08em;}
.mr-top25{margin-top: 25px;}

/*吹き出し*/
.octooltip{position: relative; text-decoration: underline;}
.octooltip:hover{text-decoration: none; color: #F50000;}
.octooltip span {display: none; padding: 10px; font-size: 13px; margin-left: 0px; line-height: 1.6;}
.octooltip:hover span{display: inline; position: absolute; background-color: #fff; border: 3px solid #FDC6C6; color: #000000; width: 250px; left: 0; bottom: 20px; z-index: 10;}


/* ==============================================
 お支払い方法 /user_data/payment.php
=============================================== */
/*赤字・黄色線*/
.marker_yellow {font-weight: bold; font-size: 110%; color: #e60000; background: linear-gradient(transparent 60%, #ffff66 60%);}


/* ==============================================
 プライバシーポリシー　privacy.php
=============================================== */
/* Entry */
div#complete_area .message, div#undercolumn_entry .message {font-size: 100%; font-weight: bold; line-height: 150%; margin: 0; color: #FF6000; font-style: normal;}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {width: 960px;}
div#mynavi_area {width: 100%;}
div#mycontents_area {width: 100%;}
div#mynavi_area .mynavi_list {margin-bottom: 20px; width: 100%;}
div#mynavi_area .mynavi_list li {margin:0 15px 5px 0; padding-left: 15px; float: left; background: url('../img/icon/ico_arrow_01.gif') no-repeat left ; font-size: 120%;}


/* 退会手続き　complete.php
----------------------------------------------- */
div#mypagecolumn .secede_infoarea p {text-align: justify;}

/* ==============================================
▼エラー
=============================================== */
/* テンプレ（エラー、マイページ、サーチゼロ）に使用*/
div#undercolumn_error .message_area {width: 80%; margin: 30px auto; padding: 30px; border: 1px solid #ccc; text-align: center;}
.page_error404_2 {margin: -230px auto 5px;}
div#undercolumn_error .message_area .error {padding: 120px 0;}
div#undercolumn_error .message_area p {text-align: justify;}
.top_page_error {margin: 10px auto; text-align: center;}


/* ==============================================
▼新規会員・お問い合わせ等フォーム　共通
=============================================== */
/* 入力ページ　index.php
----------------------------------------------- */
#ssl-box {width: 630px; margin: 10px auto;}
#ssl-box-banner {width: 115px; height: 55px; float: left;}
#ssl-box-txt {float: right; width: 500px; margin-top: 10px; margin-bottom: 10px;}
div#undercolumn_entry .kiyaku_text {margin: 20px auto; padding: 10px; border: solid 1px #ccc; width: 95%; background: #fff;}

/* 確認ページ　confirm.php
----------------------------------------------- */
.btn_area li {padding-right: 10px; display: inline;}


/* 完了ページ　complete.php
----------------------------------------------- */
.form_complete_title {font-weight: bold; color: #F60; margin: 18px 0px 5px; font-size: 120%;}
.form_complete_info_t {margin-top: 20px; width: 938px; background: -webkit-gradient(linear, left top, right bottom, from(#eee), color-stop(0.25, #eee), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, white), to(white)); background: -moz-linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white); background: linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white); background-size: 4px 4px; padding: 12px 8px 8px; font-size: 140%; border: 3px solid #ddd; letter-spacing: 0px; border-bottom: none;}
.form-complete-infobox2 {display: block; width: 859px; border: 3px solid #ddd; padding: 24px 5px 14px 90px; background-image: url(/user_data/packages/default/img/hns/contact-complete-info.gif); background-repeat: no-repeat; background-position: 12px 13px; height: 50px; font-size: 125%; line-height: 160%;}
.form_complete_toparea {width: 100%; text-align: center; margin-top: 10px;}
.entry_come {background-color: #FFF0F0; border: 1px dotted #FFCECE; padding: 12px 8px 8px 8px; font-size: 130%; margin-top: 15px; width: 812px;}
.form_complete_area {line-height: 160%; font-size: 14px;}
.fc_bnr_box {border-bottom: 1px dotted #333; border-top: 1px dotted #333; width: 830px; text-align: center; margin: 30px 0 10px; padding-top: 15px;}
.fc_bnr_box img {margin-bottom: 15px; border: 4px solid #ccc;}

/* ==============================================
▼お問い合わせ
=============================================== */
/* 入力ページ　index.php
----------------------------------------------- */
#undercolumn_contact textarea {width: 632px;}
#form-complete-top {margin-top: 10px; display: block; margin-right: auto; margin-left: auto; width: 200px; text-decoration: none;}
/*reCAPTCHA*/
.recaptcha{color: #D90000; font-size: 140%; line-height: 1.5; padding: 4px 10px; box-sizing: border-box; margin-top: 10px; background-color: #ffe8e8; font-weight: bold;}
.recaptcha span{font-weight: normal; color: #333; font-size: 14px;}

/* カートボタン */
.listcart_btn{width: 100%; padding: 8px; border: 1px solid #ccc; color: #e60012; background: #f8f8f8; box-sizing: border-box; font-weight: bold; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer;}
.listcart_btn:hover{background: #e60012; color: #fff; border: 1px solid #e60012;}
/* ==============================================
Sizeno 商品ページバナー
=============================================== */
/* 商品ページバナー */
.sizeno_banner_wrap {
  width: 960px; display: flex;justify-content: space-between;
}