@charset "UTF-8";
/*2019.09*/
/************************/
/* Clear                */
/************************/
body {word-wrap:break-word/*overflow-wrapが効かないfirefox,ie用*/;overflow-wrap : break-word;}
*{margin:0;	padding:0;}
html{height:100%;}
html, body, section,header,aside,table, tr, td, th, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img,form,select,option,aside {	margin:0;padding:0;}
img{border:none;vertical-align:bottom;}
cite{font-style:normal;}
table{border:none;}
table th{font-weight:normal;}
ul,li,ol{list-style:none;}
br {letter-spacing: 0;}
/***********************************************/
/* DIVの縮まりを修正するクラス                 */
/***********************************************/
/*for IE 5.5-7*/
.clearfix{zoom:1;}
/*for modern browser*/
.clearfix:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/************************/
/* base                */
/************************/
/*ie7*/
*+html body{font-family:'ＭＳ Ｐゴシック',sans-serif;}
body{font-size:12.2px;color:#333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
* p ,* li, * dt{font-size:1em;line-height:1.33;letter-spacing:0.07em;color:#333;text-justify : inter-ideograph;}
#spec .speclist{line-height:2;}
body.column p{line-height:1.66;}
#header #title, header #title{float:left;padding: 6px 0 0 1%;}
* #header #about,* header #about{padding:3px 0;margin-right:15px;float: right;}
#title h1{font-size:0.85em;_font-size:10px;font-weight:normal;color:#ccc;}
h1{font-size:21px;font-weight:normal;}
h2, h3, h4, h5, h6{margin-bottom:0.65em;}
h2{font-size:1.8em;font-weight:normal;}
h3{font-size:15px;font-weight:normal;}
h4{font-size:14px;font-weight:normal;}
h5{font-size:12px;}
#detail h3,aside#campbox h3{font-size:1.4em; font-weight:bold; letter-spacing:0.08em; line-height:1.15;}
.area a:link, .areaW a:link, .areaWW a:link, .area a:visited, .areaW a:visited, .areaWW a:visited, #spec-wrap .speclist a, #spec-wrap .speclist a:visited, situmon a, situmon a:visited, #notice a, #notice a:visited, #kobetu-info a, #kobetu-info a:visited,#tuiki .txt li a {color:#0b4dbb; text-decoration:underline;}
.area a:hover, .areaW a:hover, .areaWW a:hover, #spec-wrap .speclist a:hover,situmon a:hover, #notice a:hover, #kobetu-info a:hover {color:#0b4dbb; text-decoration:none;}
a:link{text-decoration:none; color: inherit ;}
/* IE6 */
a:link{ _color: #000066 ;}
/* IE7 */
*a:link{ color: #000066 ;}
.wh a:link{_color: #fff;}
/* IE6 */
.wh a:link{ _color: #fff;}
/* IE7 */
*.wh a:link{ color: #fff;}
a:visited{text-decoration:none;color: #000066;}
/* IE6 */
.wh a:visited{_color: #fff;}
/* IE7 */
*.wh a:visited{color: #fff;}
a:hover{text-decoration:underline;color: #000066;}
.wh a:hover{color: #666;}
a:active{text-decoration:none;color: #000066;}
/***********************************************/
/* 汎用エレメント                              */
/***********************************************/
.areaS{clear:both;width:auto;padding:0 105px;_width:420px; /*IE6 text out Bug*/}
.areaM{clear:both;width:auto;padding:0 65px;_width:500px; /*IE6 text out Bug*/}
.area{clear:both;width:auto;padding:0 25px;_width:580px; /*IE6 text out Bug*/}
.areaW{clear:both;width:auto;padding:0 15px;_width:600px; /*IE6 text out Bug*/}
.areaWW{clear:both;width:auto;padding:0;}
.areaWWhold{clear:none;width:auto;}
.imgL{float:left;}
.imgR{float:right;}
.txtS {font-size: 0.85em;_font-size: 0.83em;letter-spacing:0.095em;}
.txtSS {font-size: 0.79em;_font-size: 0.75em;letter-spacing:0.09em;}
.txtSSS {font-size: 0.65em;_font-size: 0.61em;letter-spacing:0.09em;}
.txtM {font-size: 1.2em;_font-size: 1.2em;letter-spacing:0.09em;}
.txtL {font-size: 1.4em;_font-size: 1.4em;letter-spacing:0.095em;}
.txtLL {font-size: 1.8em;_font-size: 1.8em;letter-spacing:0.09em;}
.txtLLL {font-size: 2em;_font-size: 2em;letter-spacing:0.09em;}
.txtLLLL {font-size: 2.4em;_font-size: 2em;letter-spacing:0.09em;}
.txtLLLLL {font-size: 3em;}.txtLLLLLL {font-size: 3.6em;}
.gy {color: #666;}
.gy2 {color: #999;}
.gy3 {color: #ccc;}
.bk {color: #333;}
.wh{color: #fff;}
.rd {color: #c00;}
.bl {color: #102658;}
.xLine {height: 1px;border-top-width: 1px;border-top-style: solid;clear: both;}
.xDot {height: 1px;border-top-width: 1px;border-top-style: dotted;clear: both;}
.list{list-style-position: outside;padding-left:5%;}
.list li{list-style:disc;margin:0 0 0.5em 1%;}
.list.num li{list-style:decimal;}
.list.disc li{list-style:disc;}
/*旧クラス*/
.norep_r {background-repeat: no-repeat; background-position: right;}
.norep_tr {background-repeat: no-repeat; background-position: right top }
.norep_l {background-repeat: no-repeat; background-position: left;}
.norep_tl {background-repeat: no-repeat; background-position: left top;}
.norep_br {background-repeat: no-repeat; background-position: right bottom;}
.bkline {text-decoration: none;}
.norep_bl { background-repeat: no-repeat; background-position: right bottom;}
.norep_bc { background-repeat: no-repeat; background-position: center bottom;}
.norep_tc { background-repeat: no-repeat; background-position: center top;}
.clear{clear:both;}
/*旧クラス*/
.xDot2 {width:100%;height:1px;background:url(/img/dot_bk1x2.gif) bottom left;clear:both;}
.xDot4 {width:100%;height:1px;background:url(/img/dot_bk1x4.gif) bottom left;clear:both;}
.xDot2.hand {width:100%;height:8px;padding:10px 0;background:url(/img/dot_hand_bk.gif) 50% 0% repeat-x;clear:both;}
.slash {width:100%;height:5px;background-image:url(/img/dot_bk5x5.gif);clear:both;position:relative;}
.slashrd {width:100%;height:5px;background-image:url(/img/dot_rd5x5.gif);clear:both;}
.lhXS{line-height: 1.2em;}
.lhS{line-height: 1.5em;}
.lhM{line-height: 1.7em;}
.mgAuto {margin:0 auto;}
.btSS{margin-bottom:0.2em;}
.btS{margin-bottom:0.5em;}
.btM{margin-bottom:1em;}
.btL{margin-bottom:1.5em;}
.btXL{margin-bottom:2em;}
.btXXL{margin-bottom:3em}
.btXXXL{margin-bottom:6em}
.pbtSS{padding-bottom:0.2em;}
.pbtS{padding-bottom:0.5em;}
.pbtM{padding-bottom:1em;}
.pbtL{padding-bottom:1.5em;}
.pbtXL{padding-bottom:2em;}
.pbtXXL{padding-bottom:3em;}
/******************************************************************************
 * ボーダーボックスとパディング
*******************************************************************************/
[class^="col-pc-"], [class*="col-pc-"], [class^="col-sm-"], [class*="col-sm-"]  {box-sizing:border-box;}
.col-pc-12 {width:100%;height:auto;}
.col-pc-11 {width:91.6666%;}
.col-pc-10 {width:83.3333%;}
.col-pc-9 {width:75%;}
.col-pc-8 {width:66.6666%;}
.col-pc-7 {width:58.3333%;}
.col-pc-6 {width:50%;}
.col-pc-5 {width:41.6666%;}
.col-pc-4 {width:33.3333%;}
.col-pc-3 {width:25%;}
.col-pc-2 {width:16.6666%;}
.col-pc-1 {width:8.3333%;}
.pd03 {padding: 0.3%;}
.pd05 {padding: 0.5%;}
.pd1 {padding:1%;}
.pd2 {padding:2%;}
.pd3 {padding:3%;}
.pd4 {padding:4%;}
.pd5 {padding:5%;}
.pd8 {padding:8%;}
.pd10 {padding:10%;}
.pd15 {padding:15%;}
.pd20 {padding:20%;}
.pd25 {padding:25%;}
@media only screen and (max-width: 736px) {.sppd0 {	padding:0;}.sppd1 {	padding:1%;}.sppd2 {padding:2%;}.sppd3 {padding:3%;}.sppd4 {padding:4%;}.sppd5 {padding:5%;}.sppd8 {padding:8%;}.sppd10 {padding:10%;}.sppd15 {padding:15%;}.sppd20 {padding:20%;}.sppd25 {padding:25%;}}
.bgbk{background:#000;}.bgwh {background:#FFF;}.bglgy {	background-color:#ddd;}.bggy {background-color:#b2b2b2;}.bgdgy {background-color:#454545;}.bgbl {background-color:#003058;}.bgye {background-color:#e7d018;}
/******************************************************************************
 * ボタン
*******************************************************************************/
.linkbox {margin-top:1em;display:block;	text-align:center;}
.linkbox a {text-decoration:none !important;padding:1em 1.5em;display:block;}
/******************************************************************************
 * TEXT 2015追加
*******************************************************************************/
.tx-left { text-align: left; }
.tx-center { text-align: center; }
.tx-right { text-align: right; }
.tx-justify{text-align: justify; text-justify: inter-ideograph;}
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.underline { text-decoration:underline;}
/******************************************************************************
 * フォント 2015追加
*******************************************************************************/
.meiryo {font-family:Meiryo, メイリオ, sans-serif;}
.mincho{font-family: "Times New Roman","游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;font-weight: 500; }
[class^="icon_"], [class*=" icon_"] {font-family: 'scpicon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon_logo_full:before {content: "\e600";}
.icon_logo_short:before {content: "\e601";}
.icon_info:before {content: "\e602";}
.icon_cart:before {content: "\e603";}
.icon_omk:before {content: "\e604";}
.icon_attention:before {content: "\e605";}
.icon_question:before {content: "\e606";}
.icon_plus:before {content: "\e607";}
.icon_minus:before {content: "\e608";}
.icon_close:before {content: "\e609";}
.icon_close_l:before {content: "\e60a";}
.icon_search:before {content: "\e60b";}
.icon_search_plus:before {content: "\e60c";}
.icon_search_minus:before {content: "\e60d";}
.icon_thumb:before {content: "\e60e";}
.icon_list:before {content: "\e60f";}
.icon_link:before {content: "\e610";}
.icon_popup:before {content: "\e611";}
.icon_page_out:before {content: "\e612";}
.icon_new:before {content: "\e613";}
.icon_ellipsis:before {content: "\e614";}
.icon_fb:before {content: "\e615";}
.icon_twitter:before {content: "\e616";}
.icon_googleplus:before {content: "\e617";}
.icon_mail:before {content: "\e618";}
.icon_blog:before {content: "\e619";}
.icon_bbs:before {content: "\e61a";}
.icon_angle_up:before {content: "\e61b";}
.icon_angle_down:before {content: "\e61c";}
.icon_angle_left:before {content: "\e61d";}
.icon_angle_right:before {content: "\e61e";}
.icon_angle_d_up:before {content: "\e61f";}
.icon_angle_d_down:before {content: "\e620";}
.icon_angle_d_left:before {content: "\e621";}
.icon_angle_d_right:before {content: "\e622";}
.icon_arrow_up:before {content: "\e623";}
.icon_arrow_down:before {content: "\e624";}
.icon_arrow_left:before {content: "\e625";}
.icon_arrow_right:before {content: "\e626";}
.icon_logo_full_sq:before {content: "\e627";}
.icon_logo_short_sq:before {content: "\e628";}
.icon_info_sq:before {content: "\e629";}
.icon_cart_sq:before {content: "\e62a";}
.icon_omk_sq:before {content: "\e62b";}
.icon_attention_sq:before {content: "\e62c";}
.icon_question_sq:before {content: "\e62d";}
.icon_plus_sq:before {content: "\e62e";}
.icon_minus_sq:before {content: "\e62f";}
.icon_close_sq:before {content: "\e630";}
.icon_search_sq:before {content: "\e631";}
.icon_search_plus_sq:before {content: "\e632";}
.icon_search_minus_sq:before {content: "\e633";}
.icon_thumb_sq:before {content: "\e634";}
.icon_list_sq:before {content: "\e635";}
.icon_link_sq:before {content: "\e636";}
.icon_popup_sq:before {content: "\e637";}
.icon_page_out_sq:before {content: "\e638";}
.icon_new_sq:before {content: "\e639";}
.icon_fb_sq:before {content: "\e63a";}
.icon_twitter_sq:before {content: "\e63b";}
.icon_googleplus_sq:before {content: "\e63c";}
.icon_mail_sq:before {content: "\e63d";}
.icon_blog_sq:before {content: "\e63e";}
.icon_bbs_sq:before {content: "\e63f";}
.icon_angle_up_sq:before {content: "\e640";}
.icon_angle_down_sq:before {content: "\e641";}
.icon_angle_left_sq:before {content: "\e642";}
.icon_angle_right_sq:before {content: "\e643";}
.icon_angle_d_up_sq:before {content: "\e644";}
.icon_angle_d_down_sq:before {content: "\e645";}
.icon_angle_d_left_sq:before {content: "\e646";}
.icon_angle_d_right_sq:before {content: "\e647";}
.icon_arrow_up_sq:before {content: "\e648";}
.icon_arrow_down_sq:before {content: "\e649";}
.icon_arrow_left_sq:before {content: "\e64a";}
.icon_arrow_right_sq:before {content: "\e64b";}
.icon_item_sq:before {content: "\e660";}
.icon_info_cir:before {content: "\e64c";}
.icon_question_cir:before {content: "\e64d";}
.icon_attention_cir:before {content: "\e64e";}
.icon_attention_tri:before {content: "\e64f";}
.icon_plus_cir:before {content: "\e650";}
.icon_minus_cir:before {content: "\e651";}
.icon_close_cir:before {content: "\e652";}
.icon_new_cir:before {content: "\e653";}
.icon_angle_up_cir:before {content: "\e654";}
.icon_angle_down_cir:before {content: "\e655";}
.icon_angle_left_cir:before {content: "\e656";}
.icon_angle_right_cir:before {content: "\e657";}
.icon_angle_d_up_cir:before {content: "\e658";}
.icon_angle_d_down_cir:before {content: "\e659";}
.icon_angle_d_left_cir:before {content: "\e65a";}
.icon_angle_d_right_cir:before {content: "\e65b";}
.icon_arrow_up_cir:before {content: "\e65c";}
.icon_arrow_down_cir:before {content: "\e65d";}
.icon_arrow_left_cir:before {content: "\e65e";}
.icon_arrow_right_cir:before {content: "\e65f";}
/******************************************************************************
 * LINE-HEIGHT
*******************************************************************************/
.lh0{ line-height:1.0}
.lh1{ line-height:1.1}
.lh2{ line-height:1.2}
.lh3{ line-height:1.3}
.lh4{ line-height:1.4}
.lh5{ line-height:1.5}
.lh6{ line-height:1.6}
.lh7{ line-height:1.7}
.lh8{ line-height:1.8}
.lh9{ line-height:1.9}
/***********************************************/
/* 三角矢印			                        */
/***********************************************/
.triSgy {background-image:url(/img/tri_gy.gif);}
.triSgy2 {background-image:url(/img/tri_gy2.gif);}
.triSgy3 {background-image:url(/img/tri_gy3.gif);}
.triSbk {background-image:url(/img/tri_bk.gif);}
.triSwh {background-image:url(/img/tri_wh.gif);}
.triSR{background-position:100% 0;background-repeat:no-repeat;display:block;width:6px;height:11px;}
.triSL{background-position:0 0;background-repeat:no-repeat;display:block;width:6px;height:11px;}
.triSU{background-position:0 0;background-repeat:no-repeat;display:block;width:11px;height:6px;}
.triSD{background-position:0 100%;background-repeat:no-repeat;display:block;width:11px;height:6px;}
/***********************************************/
/* ディテール写真横並び                        */
/***********************************************/
.thum,.thumhold{text-align:left;border-collapse: collapse;}
#item .thum img, #item .thumhold img{margin-bottom:6px;}
.thum{clear:both;width:auto;margin-bottom:1.5em;}
.thumhold,#itemList .thumhold{clear:none;float:left;width:auto;margin-bottom:1.5em;}
.thum li,.thumhold li{font-size: 10px;letter-spacing:0.095em;line-height:1.33;border-collapse: collapse;float:left;margin:0 0.5em 0.5em 0;height:auto;zoom:1;/*for IE 5.5-7*/}
/* table thum文章付き */
#center table.thum,#center table.thumhold{ font-size: 0.85em;_font-size: 10px;letter-spacing:0.095em;line-height:1.33;}
/* table thum画像上下マージン */
#center table.thum img,#center table.thumhold img{ margin:3px 0;}
/* table thum軽量化バージョン */
table.thum.light tr td{width:140px;padding-right:8px;text-align:justify;vertical-align:top;	_width:auto;}
 /* table thum軽量化バージョン */
table.thum.light li{width:140px;padding-right:8px;text-align:justify;vertical-align:top;_width:auto;}	
/*for modern browser*/
.thum li:after,.thumhold li:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .thum li,.thumhold li { height: 1%; }
.thum li,.thumhold li{ display: block; }
/* End hide from IE-mac */
/***********************************************/
/* coner                                       */
/***********************************************/
.corner span.rtop,.corner span.rbottom{display:block;background: #fff;}
.corner span.rtop span,.corner span.rbottom span{display:block;height: 1px;font-size: 1px;overflow: hidden;}
.corner.bl span.rtop span,.corner.bl span.rbottom span{	background: #102658;}
.corner.gy span.rtop span,.corner.gy span.rbottom span{	background: #666;}
.corner.gy2 span.rtop span,.corner.gy2 span.rbottom span{background: #999;}
.corner.gy3 span.rtop span,.corner.gy3 span.rbottom span{background: #ccc;}
.corner.bk span.rtop span,.corner.bk span.rbottom span{	background: #333;}
#notice .corner span.rtop span,#notice .corner span.rbottom span{background: #ffe3e3;}
.corner span.r1{font-size: 1px;height:1px;margin: 0 5px;}
.corner span.r2{font-size: 1px;height:1px;margin: 0 3px;}
.corner span.r3{font-size: 1px;height:1px;margin: 0 2px;}
.corner span.rtop span.r4,span.rbottom span.r4{font-size: 1px;height:1px;margin: 0 1px;}
/***********************************************/
/* img                                         */
/***********************************************/
/****       btn        *****/
img.btn,.item .thum img,.item .thumhold img,#notice .im img{border: 1px solid #ccc;}
a:hover img.btn,.item .thum a:hover img,.item .thumhold a:hover img,#notice .im a:hover img{border: 1px solid #666;}
/* 白抜き画像の枠を消すクラス*/
.item .thum img.nb,.item .thumhold img.nb{border:none;}
/****   transparence     *****/
.tp50{filter:Alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.tp75{filter:Alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
.tp90{filter:Alpha(opacity=90);-moz-opacity:.95;opacity:.95;}
a:hover .tp50,a:hover .tp75,a:hover .tp90{filter:Alpha(opacity=100);-moz-opacity:1;opacity:1;}
/****       new off soldout seal        *****/
* .seal{position:absolute;overflow:visible;z-index: 100;top:-15px;right:0;}
* .seal2{position:absolute;	overflow:visible;z-index: 100;top:-15px;right:19px;}
.brand .seal{position:absolute;overflow:visible;z-index: 100;top:2px;right:2px;}
.brand .seal2{position:absolute;overflow:visible;z-index: 101;top:2px;right:21px;}
.category .soldout,.category .syuryo{position:absolute;top:-1px;left:-1px;}
/****       一緒に使っています        *****/
#detail div.plus {border-left: 1px solid #333; position: absolute; background:url(/img/with.gif) 8px top no-repeat; padding:20px 0 0 0;}
#detail div.plus li{float:left; margin:10px; width:130px;}
#detail div.plus p{margin-top:5px}
#detail div.imL, div.Larea div, #detail, #detail div.imgtxt {position:relative;z-index:100;}
#detail div.imL {margin-top:5px;}
section#detail>div:first-child.im>div.imL {/*ページトップに画像切り替えが入るパターンのときマージンを0に*/margin-top:0;}
div.imL div p,#detail div.imgtxt p,div.Larea div p,[class^="slick"] .slick-slide p,[class^="slick-auto"] .slick-slide p{
position:absolute;bottom:10px;left:15px;display:block;z-index:100000;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Meiryo, メイリオ, sans-serif;font-size:0.85em;color:#fff;opacity:0.85;filter: alpha(opacity=85);/* ie lt 8 */-ms-filter: "alpha(opacity=85)";  /* ie 8 */-moz-opacity:0.85;/* FF lt 1.5, Netscape */-khtml-opacity: 0.85;/* Safari 1.x */text-shadow: 0px 0px 10px rgba(0,0,0, 0.8);}	
div.imL div p.bk,#detail div.imgtxt p.bk,div.Larea div p.bk[class^="slick"] .slick-slide p.bk,[class^="slick-auto"] .slick-slide p.bk{color:#444 !important;opacity:0.85;filter: alpha(opacity=85);/* ie lt 8 */-ms-filter: "alpha(opacity=85)";  /* ie 8 */-moz-opacity:0.85;/* FF lt 1.5, Netscape */
-khtml-opacity: 0.85;/* Safari 1.x */}
@media screen and (max-width: 1024px) {#detail div.imL div p,[class^="slick"] .slick-slide p,[class^="slick-auto"] .slick-slide p{font-size:1.0em !important;}}
a.imglink:link {color:#fff;}
a.imglink:visited {color:#fff;}
a.imglink:hover {color:#fff;}
/***************************/
/* im                     */
/***************************/
div#im{position:relative;width:630px;background:#fff;clear:both;margin-top:5px;}
div#im div#imL,div.imL{position:relative;clear:both;}
div#im div#imL div,div.imL div{position:absolute;left:0;top:0;width:100%;}
div#im div#imS,div.imS{width:/*630px*/100%;	padding: 6px 0;clear:both;position:relative;}
div#im div#imS div,div.imS div{width: 8%;margin: 0 0 1% 1%;float:left;height:auto;position:relative;line-height:0;cursor:pointer;}
div#im div#imS div,div.imS div img {width:100%; height:auto;}
/***********************************************/
/* spec内 btnを点線に                          */
/***********************************************/
#spec table td img.btn{border: 1px dotted #333;}
#spec table td a:hover img.btn{border: 1px solid #666;}
/***********************************************/
/*   ラインナップ用                            */
/***********************************************/
.lineup{background:url(/img/title_lineup.gif) no-repeat left top;margin-top:2em;padding-top:15px;}
.lineup li{	float:left;	}
/***********************************************/
/* column                             */
/***********************************************/
#center #column{width:85%;background:url(/img/bg_column.jpg) bottom right no-repeat;clear:both;margin:1em auto;	text-align:center;}
#column #columnline{margin:0 4px 2px 0 ;border-left:solid 1px #ededed;border-top:solid 1px #ededed;height:100%;clear:both;}
#column #columntxt{clear:both;text-align:left;padding :20px 25px 30px 30px;}
#column #columntxt .title {clear:both;padding-bottom:15px;}
/*****************************************
/ JS Tooltips
/*****************************************/	
/* jquery tooltip */
#cartbox .carttip { /*カート用*/display:none;background:#eee;border:1px solid #ccc;padding:7px 5px 3px 8px;font-size: 0.94em;color:#000;-moz-box-shadow: 2px 2px 5px #666;-webkit-box-shadow: 2px 2px 5px #666;-moz-border-radius: 2px;-webkit-border-radius: 2px;_width:150px;}
/*****************************************
/ カートボタン用
/*****************************************/
/**** cart  ****/
#cartbox .cart li, .cart p{line-height:1.5;}
#cartbox .cart {clear:both;padding:3%;background:url(/img/dot_bk1x4.gif) bottom left repeat-x;position:relative;overflow:hidden;}
.itemtext .option img {height: 16px;width: auto;}
.itemtext .option img[src="/img/cart_kob.png"] {display: block;}
#cartbox .cart img.shippingfree {height:16px;left:14px;top:26px;z-index:100;position:absolute;}
#cartbox .cart .itemimg{float:left;min-width:60%;}
#cartbox .cart .itemimg li{text-align:left;}
#cartbox .cart.end .itemimg li{text-align:center;}
#cartbox .cart.end li img {max-width:70px;height:auto;}
#cartbox .cart .itemimg img{margin:0 0.25em;}
.koumoku .itemimg img{margin:0 0;}
#cartbox .cart .itemtext{position:relative;float:right;width:40%;}
#cartbox .cart .itemtext li{clear:both;float:right;}
#cartbox .cart .itemtext li:not(.cartbtn):not(.back_order){margin:0.6em 0;}
#cartbox .cart .itemtext li.name strong:before {content: "\A";white-space: pre;}
.book .cart .itemtext li{text-align:right;}
#cartbox .cart .itemtext .price{margin:10px 5px 3px 0;_margin:10px 3px 3px 0;}
#cartbox .cart .itemtext .cartbtnspace{margin:10px 5px 0 0;_margin:10px 3px 0 0;padding:0 0 1.5em;}
#cartbox .cart .option{text-align:right;min-height:20px;}
#cartbox .cart .option img{margin-right: 4px;}
#cartbox .cart .option img:last-child {margin-right:0;}
/**** cart rank 101021  ****/
#cartbox .cart .option a#cart_rank01,#cartbox .cart .option a#cart_rank02,#cartbox .cart .option a#cart_rank03,#cartbox .cart .option a#cart_new{position:absolute;left:-440px;top:20px;margin:0 0 0 0;}
#cartbox .cart.koumoku a#cart_rank01,#cartbox .cart.koumoku a#cart_rank02,#cartbox .cart.koumoku a#cart_rank03,#cartbox .cart.koumoku a.cart_new{	position:relative;left:auto; /*打ち消し*/top:0; /*打ち消し*/display:block;height:1px;}
#cartbox .cart.koumoku a#cart_rank01 img,#cartbox .cart.koumoku a#cart_rank02 img,#cartbox .cart.koumoku a#cart_rank03 img,#cartbox .cart.koumoku a.cart_new img{position:absolute;left:-50px; /*打ち消し*/	top:4px;}	
/**** cart priceoff  ****/
#cartbox .cart .priceoff{text-align:right;min-height:18px;_height:18px; /*IE6*/}
#cartbox td.rg .imgR{width:100%;}
/* CART ボタン  */
#cartbox .cart .quanity,#cartbox .cart .addcart .cartbutton{float:right;margin:0.6em 0 0.6em 1.2em;}
#cartbox .cart .addcart .op { float:left; margin:0 0 0 0;}
#cartbox .cart select{ min-height:2em; min-width:4em; margin:0.6em 0 0 0;}
#cartbox .cart .addcart option /* look&fell of scriptaculous select box*/{ margin: 0 5px 0 0; padding: 2px 0 0 0; font-family:Arial, Helvetica, sans-serif;font-size:0.8em;display : block;text-align:left;background-color:#fff;cursor: pointer;color:#333;}
#cartbox .cart .limited2{ width: 182px;text-align:right;padding: 4px 5px;}
#cartbox .cart .limited2 span.txtS{padding: 0 0 0 10px;}
#cartbox .cart .limited2 img{vertical-align:bottom;padding:0 0 3px 0;}
#cartbox .cart .name,#cartbox .cart .priceoff,#cartbox .cart .back_order,#cartbox .cart .soldout,#cartbox .cart .cartinfo,#cartbox .cart li.cartbtn{text-align:right;width:98%;}	
#cartbox .cart .back_order{padding-bottom: 1em;}
#cartbox .cart .soldout,#cartbox .cart .cartinfo{margin:0px;}
/**** cart 項目選択肢 110520  ****/
#cartbox .cart.koumoku{padding:0 0 2em 0;}
#cartbox .cart.koumoku h3{text-align:right;padding:0 25px 0 0;}
#cartbox .cart .koumoku_info img{vertical-align:middle;margin:0 4px 5px 8px;}
#cartbox .cart.koumoku .itemimg{float:none;width:100%;padding:0 0 1.5em ;}
#cartbox .cart.koumoku .itemimg li{text-align:right;}
#cartbox .cart.koumoku .itemimg img{margin:0 0;height:500px;width:500px;}
#cartbox .cart.koumoku .itemtext{position:relative;float:none;width:98%;}
#cartbox .cart.koumoku .itemtext li{width:100%;text-align:right;}
#cartbox .cart.koumoku .koumoku_rank{float:right;clear:both;padding:0 0 10px 0;}	
#cartbox .cart.koumoku .koumoku_rank li{clear:both;float:right;padding:3px 0;white-space:nowrap;}
#cartbox .cart.koumoku .koumoku_rank li img{vertical-align:middle;}	
#cartbox .cart.koumoku .itemtext .koumokulist table{width:60%;float:right;position:relative;margin:0 0 15px 0;}
#cartbox .cart.koumoku .itemtext .koumokulist table th,#cartbox .cart.koumoku .itemtext .koumokulist table td{font-size:0.85em;/*white-space:nowrap;*/	border-bottom:1px dotted #ccc;}
#cartbox .cart.koumoku.op1 .itemtext .koumokulist table th,#cartbox .cart.koumoku.op1 .itemtext .koumokulist table td{padding:15px 0 15px 10px;}
#cartbox .cart.koumoku.op2 .itemtext .koumokulist table th,#cartbox .cart.koumoku.op2 .itemtext .koumokulist table td{padding:15px 10px 15px 12px;}
#cartbox .cart.koumoku.op2 .itemtext .koumokulist table tbody{border-bottom:1px dotted #ccc;}	
#cartbox .cart.koumoku.op2 .itemtext .koumokulist table tbody tr td,#cartbox .cart.koumoku.op2 .itemtext .koumokulist table tbody tr th{border-bottom:none;}
#cartbox .cart.koumoku.op1 .itemtext .koumokulist table tbody td,#cartbox .cart.koumoku.op1 .itemtext .ato{	text-align:right;}
#cartbox .cart.koumoku.op2 .itemtext .ato{text-align:center;}
#cartbox .cart .itemtext .cartbtnspace .ato{ /*通常カートのあと○個*/text-align:right;padding-right:10px;font-size:0.85em;}
#cartbox .cart.koumoku.op2 .itemtext .koumokulist table thead th{text-align:center;padding: 10px 0;border-left:1px dotted #ccc;	}	
#cartbox .cart.koumoku.op2 .itemtext .koumokulist table tbody tr td{text-align:center;border-left:1px dotted #ccc;}	
#cartbox .cart.koumoku .itemtext .option{width:100%;padding:0px 5px 0 0;}
#cartbox .cart.koumoku.op1 .addcart .op { width:auto; float:right; margin:0 0 0 0; /*打ち消し*/ _margin:0 0 0 0; /*打ち消し*/}
#cartbox .cart.koumoku.op2 .addcart .op { width:auto; float:none; text-align:center; margin:0 0 0 0; /*打ち消し*/ _margin:0 0 0 0; /*打ち消し*/}
#cartbox .cart.koumoku .option img{margin:0 0 3px 5px;}
#cartbox .cart.koumoku .priceoff{ padding-left: 0;/*打ち消し*/}
#cartbox .cart.koumoku .itemtext h3 { font-weight:bold; text-align:right; font-size:18px;}
/* 項目選択肢用入荷連絡ボタン2 */
.fbtn.btn_nyuka_l{background:url(/img/item/cart_btn_nyuka_left.gif) no-repeat;background-position:0 0;cursor:pointer;vertical-align:bottom;height:20px;	padding: 0 0 0 3px;}	
.fbtn.btn_nyuka_r{background:url(/img/item/cart_btn_nyuka_right.gif) no-repeat;background-position:100% 0;display:table;cursor:pointer;vertical-align:bottom;height:16px;padding: 2px 6px;line-height:1.2;zoom: 1;}
p.schedule.end{text-align:right;min-width:138px;font-size:0.9em;}
.fbtn.btn_nyuka_l:hover{background-position:0 50%;}
.fbtn.btn_nyuka_r:hover{background-position:100% 50%;}
.fbtn.btn_nyuka_l:active{background-position:0 100%}
.fbtn.btn_nyuka_r:active{background-position:100% 100%;}
/***************************/
/* B品用                   */
/***************************/
#cartbox .bhin{	clear:both;	}
#cartbox div.bhin h4{color:#c00;font-size:1.4em;margin-top: 1em;}
#cartbox div.bhin .notice{color:#c00;font-size:90%;margin: 0 0 3em 0;clear:both;display:block;}
#cartbox .cart.bhin .itemimg{float:left;min-width:16%;}	
#cartbox .cart.bhin .itemimg img{float:left;margin:0 1em 1.5em 0;width: 110px;height: auto;}
#cartbox .cart.bhin .reason {float:right;clear: none;width: 70%;}
#cartbox .cart.bhin .reason li.txtS{ padding-bottom:1em;}
#cartbox .cart.bhin .itemtext {text-align:right;clear:both;margin:0 1em 0.5em 0;}
#cartbox .cart.bhin .itemtext li{clear:none;float:left;width:100%;margin:0.6em 0.6em 0;}
#cartbox .cart.bhin .itemtext .option{clear:both;width:100%;text-align:right;}
#cartbox .cart.bhin .itemtext .priceoff{clear:right;}
#cartbox .cart.bhin .cartbtnspace{clear:both;text-align:right;}
#cartbox .cart.bhin .cartbutton{padding:0 0 0 1em ;}
.bhin .text li{margin:4px 0 3px 0;}
.bhin .rg{padding-bottom:1em;}
.bhin .rg li{clear:both;text-align:right;margin:4px 0 3px 0;width:100%;}
.bhin .rg .option{text-align:right;}	
/* カートボタン用(販売終了)
/*****************************************/
#cartbox .cart.end{height:fit-content;width:20%/*33%*/;float:left;clear:none;padding:0;margin:0;text-align:center;background:none;}
#cartbox .cart.end li{text-align:center;}	
#cartbox .cart.end .itemimg{width:100%;	float:none;clear:right;text-align:center;}
#cartbox .cart.end .itemtext{width:100%;float:left;clear:left;}	
#cartbox .cart.end .itemtext .option,#cartbox .cart.end .itemtext .name,#cartbox .cart.end .itemtext .date{	width:100%;	text-align:center;}
.book .cart .itemtext .name strong{clear:both;display:block;}
/*****************************************
/ form CSS
/*****************************************/
.cartbutton.add button,.cartbutton.sold button,.cartbutton.waiting button {	margin:0;line-height:22px;width:100%;border:none;}
.cartbutton.add button {color:#fff;background:#222; padding:4px 25px; border-radius:2px;}
.cartbutton.add button:hover {background:#444;}
.cartbutton.sold button {background:#a7a7a7;color: #fff; border: solid 1px #ccc; padding:4px 25px; border-radius:2px;}
.cartbutton.sold button:hover {background:#999;cursor: pointer;}
/* 項目選択肢用入荷連絡ボタン */
#cartbox .cartbutton.nyuka {display: -moz-inline-box;/* just for Firefox 2.x below */ display: inline-block;zoom: 1; *display: inline;  /* just for IE */float:right;}
#cartbox .cartbutton.nyuka button {background: #a7a7a7;color: #fff;border: solid 1px #ccc;border-radius:2px;padding:4px 0.5rem;white-space:nowrap;cursor:pointer;zoom: 1;	overflow: visible; margin-bottom: 0.3em;}
#cartbox .cartbutton.nyuka button:hover {background: #999;}	
#cartbox .schedule p{ font-size: 0.9em;display:block;padding:5px 2px;border-radius:2px; text-align: right;}
/*ウェイティング時*/
li .cartbutton.waiting button {	background: linear-gradient(#0c4d83, #003a6b);background-color:#0c4d83;	border-radius:2px;padding:6px 15px;	font-size: 1em;}
li.koumokulist .cartbutton.waiting button {padding:3px 6px;}
.cartbutton.waiting button:hover {background: linear-gradient(#0f5c9c, #024782);background-color:#0f5c9c;}
.cartbutton.waiting button .period {font-weight:bold;}
#cartbox .cart .itemtext li.help_waiting{/*padding:1em 0 0;*/text-align:right;}
/** 項目選択肢用ウェイティングボタン 20150717 **/
#cartbox .cart.koumoku li.cartbtn .waiting button{padding:4px;}
/** 項目選択肢用ウェイティングボタン 20150717 **/	
@media only screen and (min-width: 737px)
{div.sold button{max-width:100%;}div.add .cartbtn,.search button,.mailadd button,.nice button,div.nyuka button {max-width:215px;}
.pc-none{display:none; /* PC非表示 */}
.cartbutton.nyuka button {width: 13em;}
}
@media only screen and (max-width: 736px)
{body{-webkit-text-size-adjust: 100%;}h2 {font-size:1rem;}h3 {font-size:1rem; line-height:1.2; letter-spacing:0.03em}#cartbox .cart {padding:2%;    width: 100%; box-sizing: border-box;}
#cartbox .cart .itemimg,.cartbox .cart .itemimg {float:none; width:100%;}
#cartbox .cart:not(.end) .itemimg, .cartbox .cart:not(.end) .itemimg {margin-bottom: 1em;}
.cartbox .cart .itemimg img.btn {width:50px; height:auto; margin-right:0.5em;}
#cartbox .cart .itemtext,.cartbox .cart .itemtext {	float:none;	width:100%;}
#cartbox .cart .itemtext li,.cartbox .cart .itemtext li {text-align:right; margin:0 0;}
.cartbox .cart .name strong {margin:0}
#cartbox .cart .addcart option,.cartbox .cart .addcart option {	width:20%; float:right; margin:0.7rem 0;}
.itemtext .option img {	padding-bottom:1em;}
#cartbox .cart img.shippingfree {position:static; margin:1rem 0;}
#cartbox .cart .addcart .op { /*float:right; 2017 05-12*/float:left; }
.cartbox .txtS {font-size:0.9rem;}	
/*カートボタンB品*/
#cartbox .cart.bhin .itemtext{float:right;}
#cartbox .cart.bhin .itemimg {width: 20%;}
#cartbox .cart.bhin {padding: 5%;}
#cartbox .cart.bhin .reason{float:none;	clear:both;	text-align:left;width:100%;font-size:0.9rem;}	
#cartbox .cart.bhin select{ margin:0.6em 0; clear:both; float:right;}
#cartbox .cart.bhin .cartbtnspace{clear:both;text-align:right;}
#cartbox .cart.bhin .cartbutton.add button {float:right;text-align:center;}
/*bhin*/
#cartbox .cart.bhin .rg {width:55%}
#cartbox .cart.bhin .rg .date {width:100%;}
/*カートボタン他*/
#cartbox li.cartbtn {width:100%;}
.cartbox .cart.koumoku .itemtext .option,.cartbox .cart.koumoku .itemtext li {width:100%;}
div.add .cartbtn,div.sold button,.search button,.mailadd button,.nice button,div.nyuka button {	width:100%; float:right; margin:0.3rem 0 1rem 0;}
.cartbox .cart select {	width:100%; height:30px;}
.cartbutton button {font-size:1.2em;display:block;border-radius:2px;height:50px;}
.cartbutton.add button {background:#333;color:#fff;}
.cartbox .cart .itemtext li.cartbtn .ato,.cartbox .cart .itemtext .back_order {font-size:0.9rem;}
#cartbox .cartbutton.nyuka {height:auto;width: 100%;}
#cartbox .cartbutton.nyuka button { font-size:0.9rem;white-space:pre-wrap;}

/*項目選択*/
#cartbox .cart.koumoku.op1 .itemtext .koumokulist table th,.cart.koumoku.op1 .itemtext .koumokulist table td,.cart .name .cart .priceoff,.cart select {font-size:1em;}
#cartbox .cart .name strong{display:block;margin-top:0.8em;clear:both;}
.cartbox .cart.koumoku, #cartbox .cart.koumoku {padding:0 1em 2em 1em;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table tr, #cartbox .cart.koumoku .itemtext .koumokulist table {width:100%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(1){width:25%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(1) img{width:100%; height:auto;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(2){width:50%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table td{width:20%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th,.cartbox .cart.koumoku.op1 .itemtext .koumokulist table td {	padding:2% 0 2% 2.5%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table tr {width:100%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(1){width:25%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(1) img{width:100%; height:auto;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th:nth-child(2){width:50%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table td{width:20%;}
.cartbox .cart.koumoku.op1 .itemtext .koumokulist table th,.cartbox .cart.koumoku.op1 .itemtext .koumokulist table td {	padding:2% 0 2% 2.5%;}
.cartbox .cart.koumoku .itemtext .koumokulist table th,.cartbox .cart.koumoku .itemtext .koumokulist table td {	white-space:normal;}
#cartbox .cart.koumoku .itemimg {margin: 15px 0 15px 0 }
#cartbox .cart.koumoku .itemimg img {float:right;max-width:100%; height:auto;;margin: 15px 0 15px 0}
#cartbox .cart.koumoku .itemtext .option, .cart.koumoku .itemtext li, .bhin {width:96%;}
#cartbox .cart .back_order,#cartbox .cart .soldout,#cartbox .cart .cartinfo,#cartbox .cart li.cartbtn{text-align:left;}
#cartbox .cart .addcart .cartbutton{text-align:left;width:68%;}
/*スコープ別注マークをa画像左上に移動を解除 2015 11-30*/
a#cart_special img, a#cart_dis img, a#cart_special img, .koumoku a#cart_special img, .koumoku a#cart_dis img {width:/*13%*/40%;height: auto;position: static;}
/*ボトムマージン*/
.btSS{margin-bottom:0.15rem;}
.btS{margin-bottom:0.3rem;}
.btM{margin-bottom:0.75rem;}
.btL{margin-bottom:1.125rem;}
.btXL{margin-bottom:1.5rem;}
.btXXL{margin-bottom:2rem}
.btXXXL{margin-bottom:3rem}
/*ラインハイト*/
.lhXS{line-height: 1.1em;}
.lhS{line-height: 1.2em;}
.lhM{line-height: 1.4em;}
/*ボックス*/
.col-sm-12 {width:100%;}
.col-sm-11 {width:91.6666%;}
.col-sm-10 {width:83.3333%;}
.col-sm-9 {width:75%;}
.col-sm-8 {width:66.6666%;}
.col-sm-7 {width:58.3333%;}
.col-sm-6 {width:50%;}
.col-sm-5 {width:41.6666%;}
.col-sm-4 {width:33.3333%;}
.col-sm-3 {width:25%;}
.col-sm-2 {width:16.6666%;}
.col-sm-1 {width:8.3333%;}
/*フォント*/
.txt-sm-8 {font-size:0.8em;}
.txt-sm-9 {font-size:0.9em;}
.txt-sm-12 {font-size:1.2em;}
.txt-sm-14 {font-size:1.4em;}
.txt-sm-16 {font-size:1.6em;}
.txt-sm-18 {font-size:1.8em;}
.txt-sm-20 {font-size:2em;}
.txt-sm-24 {font-size:2.4em;}
.sm-none{display:none; /* スマホ非表示 */}}