@charset "UTF-8";

body{margin:0px;padding:0px;font:14px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#222222;height: 100%;background-color:#fbfbfb;}/* background-image:url(../img/parts/bg001.gif); */
html div span table td tr body dl a{margin:0;padding:0;height: 100%;}
img{margin:0;padding:0;border:none;}
img{max-width: 100%;  height: auto;}
a:link{ text-decoration: none; color: #111111; }
a:visited { text-decoration: none; color: #111111; }
a:hover { text-decoration: none;color: #ff0000; }
a:active{ text-decoration: none;color: #ff0000; }
/* all content ##################################################################################*/

.del1 {
  text-decoration-line: line-through;
  text-decoration-style:solid;
  text-decoration-color: red;
}
.del2 {
  text-decoration-line: line-through;
  text-decoration-style:double;
  text-decoration-color: red;
}

.clear00{clear:both;}


.h1{}
.h2_con01{margin: 10px 5px 5px 0px;padding:5px 20px;background: #555555;color:#ffffff;}/* border-radius: 4px; *//*　Side　入れるときは　margin: 10px 5px 5px 0px;  margin: 10px 0px 5px 0px;*/
.h3_con01{margin: 10px 5px 5px 0px;padding:5px 20px;background: #777777;color:#ffffff;}
.h2_con02{margin:0;padding:5px 20px;background: #009943;border-radius: 4px;color:#ffffff;}
.h3_01{font-size:17px;margin:10px;text-align:center;}
.h3_02{font-size:20px;margin:10px;text-align:center;}

.h3_09{background: #555555;color:#ffffff;font-size:12px;margin: 10px 5px 5px 0px;padding:5px 20px;}

.con00{float:right;width:1000px;background-color: #ffffff;}
.con01{margin:5px 20px;}
.con02{margin:5px;}
.con03{margin:5px 5px 5px 0;}
.con04{margin:0.5ex 1ex 0.5ex 1ex;}


.head00{margin:0;padding:0;color:#ffffff;background-color:#000000;}
.head01{margin:0 auto 0 auto;width:1200px; position:relative;}/*　Side　入れるときは　width　1000px*/
.head01 a:link  { text-decoration: none; color: #ffffff; }
.head01 a:visited { text-decoration: none; color: #ffffff; }
.head01 a:hover { text-decoration: none;color: #ff0000; }
.head01 a:active{ text-decoration: none;color: #ff0000; }
.head_logo01{float:left;width:50%;}
.head_text01{float:left;}
.head_icon01{float:right;text-align:right;margin:5px 3px 5px 0;display:none;}
.head_icon01 img{width:70%;}
.head_icon02{float:right;text-align:right;margin:5px 5px 5px 0;}
/*.head_icon02 img{width:25px;}*/
.head02{float:right; position:relative;}
.head03{float:right;margin:10px 3px 0 15px;}
.head04{float:right;clear:both;margin:13px 0 0 0;line-height:15px;}
.head04 img{vertical-align:middle;}
.head05{clear:both;float:right;margin:16px 5px 0 0;line-height:15px;background-color:#ffffff;padding:3px;}
.head05 input{border:0;vertical-align:middle;margin:0 0 0 3px;}
.head05 img{border:0;vertical-align:middle;margin:0 0 0 3px;}

.head06{position:absolute;top:50%;right:0;
-webkit-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
-ms-transform: translate(0%,-50%);
-o-transform: translate(0%,-50%);
transform: translate(0%,-50%);
}

.head07{margin:5px 3px 5px 0;line-height:15px;vertical-align:middle;float:left;}
.head07 input{border:0;vertical-align:middle;margin:0;}/* width:70%; */
.head07 img{border:0;vertical-align:middle;margin:0 0 0 3px;}

.band00{width:100%;}
.band01{max-width:1200px;margin:0 auto;color:#111111;}
.band02{width:90%;text-align:center;margin:0 auto;}

.tab00{background-color:#555555;color:#ffffff;width:100%;}
.tab01{max-width:1200px;margin:0 auto;color:#ffffff;padding:0;}
.tab01 a:link{ text-decoration: none; color: #ffffff; }
.tab01 a:visited { text-decoration: none; color: #ffffff; }
.tab01 a:hover { text-decoration: none;color: #ff0000; }
.tab01 a:active{ text-decoration: none;color: #ff0000; }
.tab_in{float:left;margin:5px 2.5em 5px 5px;color:#ffffff;font-weight:bold;}
.tab_in2{float:right;font-weight:bold;margin:5px 0.5em 2px 0;}
.tab_in a:link{ text-decoration: none; color: #ffffff; }
.tab_in a:visited { text-decoration: none; color: #ffffff; }
.tab_in a:hover { text-decoration: none;color: #ff0000; }
.tab_in a:active{ text-decoration: none;color: #ff0000; }
.tab_in3{margin:3px 0 0px 3px;width:70%;padding:5px;}


.c_menu00{display: none;background-color:#888888;color:#ffffff;}
.c_menu00 a:link{ text-decoration: none; color: #ffffff; }
.c_menu00 a:visited { text-decoration: none; color: #ffffff; }
.c_menu00 a:hover { text-decoration: none;color: #9e0000; }
.c_menu01{width:50%;float:left;}
.c_menu01in{border-bottom:1px solid #ffffff;background-color:#888888;padding:5px;}
.c_menu01b{width:100%;float:left;}
.c_menu01inb{border-bottom:1px solid #ffffff;background-color:#888888;padding:5px;text-align:center;}


.menu00{display: none;background-color:#888888;color:#ffffff;}
.menu00 a:link{ text-decoration: none; color: #ffffff; }
.menu00 a:visited { text-decoration: none; color: #ffffff; }
.menu00 a:hover { text-decoration: none;color: #9e0000; }
.menu01{width:50%;float:left;}
.menu01in{border-bottom:1px solid #ffffff;background-color:#888888;padding:5px;}
.menu02{height:2.6em;}
.menu02_ft{line-height:20px; height:2.6em;}

.main00{margin:0;padding:0;}
.main01{margin:0 auto 0 auto;width:1200px; background:#fbfbfb url(../img/parts/bg-main01.gif) repeat-y right;}/*　Site　入れるときは　width　1000px */

/*　-----------サイド------------　　*/
.side00{float:left;width:195px;background-color: #E6E6E6;}

.side_m01{margin:0 1ex 1ex 1ex;border-bottom:1px dotted #aaaaaa;padding:1ex 0 0 0;}
.side_m01_in{line-height:15px;vertical-align:middle;}
.side_m01_in img{vertical-align:middle;}
.side_m02{margin:0 1ex 0.5ex 1ex;text-align:center;font-weight:bold;}
.side_m03{margin:1ex 1ex 1ex 1ex;background-color:#ffffff;}
.side_m03_in{padding:0.5ex;}

.side_m04{max-width:250px;margin:5px auto;color:#ffffff;Background-color:#000000;padding:0.5ex 0.5ex;}
.side_m04 img{vertical-align: middle;}
.side_m04 a:link{ text-decoration: none; color: #ffffff; }
.side_m04 a:visited { text-decoration: none; color: #ffffff; }
.side_m04 a:hover { text-decoration: none;color: #ff0000; }
.side_m04 a:active{ text-decoration: none;color: #ff0000; }

.side_m05{margin:1ex 1ex 1ex 1ex;background-color:#ffffff;}
.side_m05_in{padding:0.5ex;}
.side_m05_in_ti{padding:0.5ex;font-weight:bold;font-size:15px;}

.bottom00{color:#ffffff;background-color:#000000;}
.bottom01{color:#eeeeee;margin:0px auto 0px auto;background-color:#000000;width:1200px;}/*　Side　入れるときは　width　1000px*/
.bottom_logo{width:20%;float:left;}
.bottom02{float:left;width:12.5%;}
.bottom02_01{margin:10px 10px 5px 10px;font-weight: bold;}
.bottom03{text-align:center;font-size:12px;clear:both;}
.bottom00 a:link{ text-decoration: none; color: #ffffff; }
.bottom00 a:visited { text-decoration: none; color: #ffffff; }
.bottom00 a:hover { text-decoration: none;color: #9e0000; }

.pc_off{display: none;}

.clear01{clear: both;}

.rightset00{}
.rightset01{text-align:right;}


/* 値引き前　価格 ######################################################################## */
.b_d_Price00{color:red;text-decoration: line-through;}
.b_d_Price01{color:black;}

/*index ################################################################################## */
.reco00{}
.reco01{}
.reco02{width:20%;float:left;}
.reco02_1margin: 0;text-align: center;border:1px solid #eeeeee;}
.reco02_1 img{max-width: 100%;  height: auto;}
.reco03{width:20%;float:left;clear: both;}
.reco04{width:79%;float:left;}
.reco04_in{margin:1ex;}
.reco_border01{clear: both;height:1px;border-bottom:1px solid #dddddd;}
.reco05out{margin:0 3px 0 0;background-color:#cccccc;}
.reco05{width:16.66%;float:left;margin:0;}/* border:1px solid #eeeeee; */
.reco06{margin: 0;text-align: center;padding:0px 0px 0px 3px;}
.reco99{width:14.2%;float:left;margin:0;font-size:10px;}/* ####################another用 ################### */

.gall01{display: flex; flex-wrap: wrap;}
.gall02{width:25%;}
.gall03{margin:5px;}
.gall_name{text-align:center;}


.cartype00{}
.cartype01{width:16.5%;float:left;}

/*Search ################################################################################# */
.search01{margin:0 auto;width:95%;padding:0.5em 0;text-align:center;}
.search02{padding:0.5em 0;text-align:center;}
.search02_t{font-size:25px;font-weight:bold;padding:0.5em 0;text-align:center;}
.search02_sub{font-size:23px;margin:0.5ex;}
.search_hr01{border-top:1px solid #888888;margin:0 auto;}

.s_c_l01{width:50%;font-size:18px;float:left;text-align:left;margin:0 0 0.5ex 0;}
.s_sel00 select{font-size:18px;margin:0 1ex;}

.s_mm{width:50%;font-size:18px;float:left;text-align:left;margin:0 0 0.5ex 0;}

.s_a_l00{border-top:2px dotted #888888;}
.s_a_i01{float:left;width:15%;}
.s_s_n01{border-bottom:1px dotted #888888;}
.s_s_n02{text-align:right;}
.s_s_p01{padding:0px 1ex;margin:0px 1ex;}
.s_s_b01{padding:2px 0px;}
.s_s_b02{border:1px solid #666666;border-radius:3px;float:right;padding:3px 8px 2px 8px;}/* font-size:14px; */
.s_s_m00{border-top:2px dotted #888888;}
.s_s_m01{float:left;width:15%;}
.s_s_m02{float:left;width:83%;}
.s_s_m03{}

.bmname0{margin:1em;padding:0.5em;border:1px solid #888888;}
#bmname1{font-size:20px;}

/*iflame*/ /* width:100%; hight:100%; */
.iframe00{width: 95%;
  height: 70vh;}
.workT001{font-size:20px;font-weight:bold;}
.workT01{text-align:center;font-size:18px;font-weight:bold;margin:0 0 0.5em 0;border-bottom:1px dotted #333333;}
.panel01{border: 1px solid #666666;border-radius: 5px;background-color: #f5f5f5;margin: 0 5px;padding:3px 4px;}
.panel01_1{margin: 3px 6px;width: 1.8em;text-align: center;border: 1px solid #555555;border-radius: 3px;display:block;float:left;}
.panel01_2{margin: 3px 6px;width: 4.4em;text-align: center;border: 1px solid #555555;border-radius: 3px;display:block;float:left;}
.clear007{clear: both;border-bottom:1px dotted #aaaaaa;height:3px;margin:0 0 3px 0;}

/* cart　###################################################################################*/

.c_in01{margin:2em;padding:2ex;font-size:18px;font-weight:bold;text-align:center;border:3px double #888888;}
.c_in02{margin:3em;}
.c_in03{margin:3em auto;width:50%;padding:2ex;border:3px double #888888;}

/*item ################################################################################### */
.item_h3{font-size:18px;font-weight: bold;background-color:#dddddd;text-align:center;padding:5px;margin:5px 5px 5px 0;}
.item_h3_in1{font-size:15px;text-align:center;}
.item_h3_in2{font-size:13px;color:#777777;}

.item_i00{width:45%;float:left;}
.item_i01{float:left;width:20%;}
.item_i01_0{float:left;width:100%;}
.item_i01_1{float:left;width:20%;}
.item_i01_2{float:left;width:20%;}
.item_i01_3{float:left;width:20%;}
.item_i01_4{float:left;width:20%;}
.item_i01_5{float:left;width:20%;}
.item_i01_6{float:left;width:20%;}
.item_i01_7{float:left;width:20%;}
.item_i01_8{float:left;width:20%;}
.item_i01_9{float:left;width:20%;}
.item_i01_10{float:left;width:20%;}
.item_i01_11{float:left;width:20%;}
.item_i01_12{float:left;width:20%;}
.item_i01_13{float:left;width:20%;}
.item_i01_14{float:left;width:20%;}
.item_i01_15{float:left;width:20%;}
.item_i01_16{float:left;width:20%;}
.item_i01_17{float:left;width:20%;}
.item_i01_18{float:left;width:20%;}
.item_i01_19{float:left;width:20%;}
.item_i01_20{float:left;width:20%;}

.item_i01_21{float:left;width:20%;}
.item_i01_22{float:left;width:20%;}
.item_i01_23{float:left;width:20%;}
.item_i01_24{float:left;width:20%;}
.item_i01_25{float:left;width:20%;}
.item_i02{border:1px solid #555555;margin:0px 4px 10px 4px;}

.item_c00{width:55%;float:right;}
.item_c01{border-bottom:1px solid #dddddd;}
.item_c02a{float:left;clear:both;padding:0px 8px;font-size : 20px;}/* font-size : 20px; */
.item_c02b{font-size : 13px;padding:3px 0 0 0;}
.item_c02c{float:right;font-size : 20px;padding:0px 8px;}
.item_cartin{text-align:right;padding:3px 0 3px 8px;margin:15px 0 0 0;}

.item_info00{}

.item_o00{width:30%;float:left;}

.flexbox00 {
  display: -webkit-box;   /* Chrome 4-20, Firefox 2-21, Safari 3.1-6.0 */
  display: -webkit-flex;  /* Chrome 21-27 */
  display: -moz-box;      /* Firefox 2-21 */
  display: -ms-flexbox;   /* IE9 */
  display: flex;
  padding:1ex;
  justify-content:space-around;
}
.flexbox01 {font-weight:bold;font-size:17px;}
.flexbox01 img{vertical-align:middle;width:35px;}

/* 適合車種 */
.c_c_c00{width:33.3%;float:left;}
.c_c_c01{margin:0.5ex 0 0 0.5ex;}
.c_c_c01_ti{font-size:20px;margin:0.5ex 0 0 0;}

/* 価格注意 ################################################################################### */
.priceAttention01{text-align:right;font-size:13px;}
.priceAttention01 a:link{color:red;}
.priceAttention01 a:visited{color:red;}
/* Company　###################################################################################*/
.comp01{width:11em;font-weight: bold;display: table-cell;}
.comp02{display: table-cell;padding:0 0 5px 0;}
.comp_a{border:1px solid #555555;padding:0 3px 2px 3px;border-radius:3px;}
.line01{clear:both;width:100%;height:1px;background-color:#888888;margin:0 0 5px 0;}

/* Calendar　###################################################################################*/
.ca0{margin:0ex auto 0ex auto;max-width:250px;}

.ca1 {background-color:#000000;font-size:13px;border-bottom:1px solid #000000;text-align: center;color:#ffffff;max-width:250px;}

.ca2 {background-color:#ffffff;border-bottom: 2px solid #000000;max-width:250px;}

.ca00w{text-align: center;background:#fff0ff; font-size:11px;font-weight: bold;}/* width:28px; 日曜日 */
.ca01w{text-align: center;background:#ffffff; font-size:11px;font-weight: bold;}/* width:28px; 月曜日-金曜 */
.ca02w{text-align: center;background:#d0ffff; font-size:11px;font-weight: bold;}/* width:28px; 土曜日 */

.ca3 {background-color:#ffffff;}

.ca00{position:relative;text-align: center;background:#fff0ff; font-size:11px;font-weight: bold;height:2.2em;border-top:1px solid #999999;}/* width:28px; 日曜日 */
.ca01{position:relative;text-align: center;background:#ffffff; font-size:11px;font-weight: bold;height:2.2em;border-top:1px solid #999999;}/* width:28px; 月曜日-金曜 */
.ca02{position:relative;text-align: center;background:#d0ffff; font-size:11px;font-weight: bold;height:2.2em;border-top:1px solid #999999;}/* width:28px; 土曜日 */
.day00{position:absolute;bottom:0;width:100%;color:#444444;}/* 営業日 */
.day01{position:absolute;bottom:0;width:100%;color:#ff00ff;}/* 店休日 */
.day02{position:absolute;bottom:0;width:100%;color:#0055ff;}/* 注目日　イベント他 */
.today{position:absolute;top:0;left:0;background:#ffffb0;height:100%;width:100%;}

.holi_flag{position:absolute;top:0;left:0;background-image:url(../img/parts/holiday_flag01.gif);height:100%;width:100%;background-repeat: no-repeat;}

.holi_stamp{position:absolute;top:0;left:0;background-image:url(../img/parts/calendar01.gif);height:100%;width:100%;background-repeat: no-repeat;}



/* Contact ############################################################################### */
.cont01{clear: both;font-weight: bold;border-top:1px solid #555555;margin:5px 0;padding:5px 0 0 0;}
.cont02{margin:0 0 0 1em;}
.cont03{margin:0 1em 0 1em;}
.cont04{text-align:center;padding:15px 0 0 0;}
.cont04 a{font-size:18px;font-weight: bold;border:1px solid #555555;padding:0 5px 3px 5px;border-radius:3px;}
.cont04 a:link{background-color:#ffffff;}
.cont04 a:visited{background-color:#ffffff;}
.cont04 a:hover{background-color:#dddddd;}
.cont_ind2{margin:0 0 0 2em;}

/* cart ###################################################################################*/
.cart00{border-bottom:2px solid #888888;margin:0 0 0.5ex 0;font-size:18px;}
.cart00b{border-bottom:1px solid #aaaaaa;font-weight:bold;font-size:22px;text-align:center;background-color:#dddddd;padding:0 5px;}
.cart01{border-bottom:1px dotted #888888;clear:both;}
.cart02{float:left;width:3em;}
.cart03{float:left;}
.cart04{float:right;width:3em;}
.cart05{float:right;font-weight:bold;}
.cart05 a{border:1px solid #777777;background-color:#dddddd;padding:0.2ex 0.4ex;font-size:13px;}
.cart06{margin:0.5ex 0 0 0;padding:0 0 0 0.5ex;background-color:#dddddd;text-align:right;font-size:25px;}
.cart07{margin:0.5ex 0 0 0;text-align:center;font-size:20px;padding:0.5ex;}
.cart07 a{border:1px solid #777777;background-color:#dddddd;padding:0.5ex 0.8ex;}
.cart_img01{width:20%;}

/* estimate ###################################################################################*/
.esti01a{text-align:center;border-radius:3px;background-color:#dddddd;}
.esti01c{display: table-cell;width:120px;height:110px;vertical-align: middle;font-size:15px;}
.esti01c img{width:100px;margin:5px;}
.esti01d{display: table-cell;vertical-align: middle;font-size:15px;}
.esti01e{float:left;}

.esti02{}
.esti02_1{width:5em;float:left;}
.esti02_2{float:left;}
.esti03{font-weight: bold;border-top:1px solid #aaaaaa;margin:5px 0;padding:5px 0 0 0;}
.esti03_1{font-weight: bold;}
.esti03_2{margin:0 1em 0 1.5em}
.esti03_2_b{margin:0 2em 0 2em;padding:3px 5px;border:1px solid #cccccc;}
.esti03_h3{font-size:17px;font-weight: bold;border-radius:3px;background-color:#00ea69;padding:3px 10px 0 10px;}

.esti03_2_add{width:4.5em;float:left;clear: both;}

.esti04{text-align:center;padding:15px 0 0 0;}
.esti04 a{border:1px solid #999999;border-radius:5px;margin:5px auto;padding:3px 5px;font-size:18px;font-weight: bold;}

.esti05{margin:2em;text-align:center;font-size:18px;font-weight:bold;}
.esti06{margin:0 2em;}

/* Sale!　##################################################################################*/
.sale_h3{font-size:18px;font-weight: bold;background-color:#dddddd;text-align:center;padding:5px;margin:5px 0 5px 0;}


/* Category　###############################################################################*/
.p_list00{}
.p_list01{width:16.6%;float:left;}
.p_list01 a:link{ text-decoration: none; color: #111111; }
.p_list01 a:visited { text-decoration: none; color: #111111; }
.p_list01 a:hover { text-decoration: none;color: #ff0000; }

.p_list02{margin:1ex;}
.p_list02_txet{}
.p_list02_ti{font-weight:bold;font-size:16px;text-align:center;}

.p_list_view00{float:left;width:25%;}
.p_list_view01{margin: 1ex;}
.p_list_view01_price{text-align:center;font-weight:bold;color:#a0060d;font-size:18px;}

.p_list_view02{font-weight:bold;font-size:17px;text-align:center;word-break:break-all;}/* word-break:break-all; */
.p_list_view03{text-align:center;}
.p_list_view04{text-align:center;background-color:#a0060d;font-size:15px;line-height:17px;color:#ffffff;}
.p_list_view04b{text-align:center;font-size:15px;line-height:17px;color:#ffffff;}

.sub_p_list01{width:25%;float:left;}

.navi00{background-color: #dddddd;margin:0.5ex;padding:0.5ex 0.5ex;}
.navi01{}

.ct_navi00{background-color: #dddddd;margin:0 1ex;padding:0.5ex 0.5ex;}
.ct_h2{margin:0 0.5ex;padding:0.5ex 0.5ex;}


/*Price mach ################################################################################ */

.p_m00{margin:1ex 1ex 2.5ex 1ex;}
.p_m01{}


/* ●ｐｃw ############################################################### pc */
@media screen and (min-width:1220px){/*　Site　入れるときは　min-width　901px*/
.head06{display: none;}


.pc_on{display: block;}
.pc_off{display: none;}
.p_t_on{display: block;}
.p_t_off{display: none;}


.main01{background:#ffffff url(../img/parts/bg-main01.gif) repeat-y left;}


}
/* ●ｐｃ ############################################################### pc */
@media screen and (max-width: 1221px) and (min-width:1001px){/*　Site　入れるときは　min-width　901px*/

.head01{width:100%;}
.head06{display: none;}

.band01{width:100%;border-top:1px solid #000000;}
.tab01{width:100%;font-size:13px;margin:0 2.5em 0 0;}

.main01{width:100%;background:#ffffff url(../img/parts/bg-main01.gif) repeat-y left;}


.con00{width: calc(100% - 205px);}

.pc_on{display: block;}
.pc_off{display: none;}
.p_t_on{display: block;}
.p_t_off{display: none;}




.bottom01{width:100%;}
}

/* ●tablet ############################################################### tablet */
@media screen and (max-width: 1000px) and (min-width:741px){/*　800-641　*//*　Site　入れるときは　max-width　900px*/
.head01{width:100%;}
.head06{display: block;}
.head_icon01{display: block;}
/*.head_icon01 img{width:50%}*/

.band01{width:100%;}
.tab01{width:100%;}

.main01{width:100%;}

.con00{width:100%;}
.h2_con01{margin: 10px 0px 5px 0px;}
.side00{width:100%;}
.side_m03_in{float:left;width:31%;margin:1ex 0 0 0;}


.rightset00{background-color:#E6E6E6;}

.bottom01{width:100%;}

.pc_on{display: none;}
.pc_off{display: block;}
.p_t_on{display: block;}
.p_t_off{display: none;}


/* Page別 */
/* index */
.reco02{width:25%}
.reco05{width:25%;}
.reco99{width:16.6%;font-size:9px;}
/* Contact */
.content00{width:100%;}
/* Cart */
.cart_img01{width:15%;}


.OPnameSize01{font-size:16px;}
}
/* ●smart ################################################################# smart */
@media screen and (max-width:740px) and (min-width:480px){/*　640　-480　*/
.head01{width:100%;}
.head_icon01{display: block;}

.band01{width:95%;}
.tab01{width:95%;}tab00{padding:5px 0px;}

.main01{width:100%;}

.con00{width:100%;}
.h2_con01{margin: 10px 0px 5px 0px;}

.side00{width:100%;}
.side_m03_in{width:46%;float:left;margin:1ex 0 0 0;}

.rightset00{background-color:#E6E6E6;}

.bottom01{width:100%;}
.bottom_logo{display:none;}
.bottom02{width:50%;}

.pc_on{display: none;}
.pc_off{display: block;}
.p_t_on{display: none;}
.p_t_off{display: block;}

.c_c_c00{width:50%;}

/* Page別 */

/* index */
.reco02{width:33.3%}
.reco05{width:25%;}
.reco99{width:16.6%;font-size:9px;}

/* Contact */
.content00{width:100%;}

/* Cart */
.cart_img01{width:18%;}

/* Category */
.p_list01{width:25%;float:left;}
.p_list02_ti{font-size:15px;}
.p_list_view00{width:33.3%;}
.sub_p_list01{width:16.6%;float:left;}

/*
.item_i00{width:100%;}
.item_c00{width:100%;}
.item_o00{width:100%;}
.OPnameSize01{font-size:16px;}
*/
}
/* ●smart2 ################################################################# smart2*/
@media screen and (max-width:479px){
.head01{width:100%;}
.head_icon01{display: block;}

.head_logo01{width:40%;}

.band01{width:95%;}
.tab01{width:95%;}.tab00{padding:5px 0px;}

.main01{width:100%;}

.con00{width:100%;}
.h2_con01{margin: 10px 0px 5px 0px;}

.side00{width:100%;}
.side_m03_in{width:45%;float:left;margin:1ex 0 0 0;}

.rightset00{background-color:#E6E6E6;}

.bottom01{width:100%;}
.bottom_logo{display:none;}
.bottom02{width:50%;}

.pc_on{display: none;}
.pc_off{display: block;}
.p_t_on{display: none;}
.p_t_off{display: block;}

.c_c_c00{width:100%;}

/* index */
.reco02{width:33.3%}
.reco05{width:25%;}
.reco99{width:16.6%;font-size:8px;}

/* Cart */
.cart_img01{width:20%;}

.item_i00{width:100%;}
.item_c00{width:100%;}
.item_o00{width:100%;}
.OPnameSize01{font-size:15px;}

/* Category */
.p_list01{width:25%;float:left;}
.p_list02_ti{font-size:15px;}
.p_list_view00{width:33.3%;}
.sub_p_list01{width:25%;float:left;}

}

.f3{ font-size : 3px;}
.f5{ font-size : 5px;}
.f7{ font-size : 7px;}
.f8{ font-size : 8px;}
.f9{ font-size : 9px;}
.f10{ font-size : 10px;}
.f11{ font-size : 11px;}
.f12{ font-size : 12px;}
.f13{ font-size : 13px;}
.f14{ font-size : 14px;}
.f15{ font-size : 15px}
.f16{ font-size : 16px;}
.f17{ font-size : 17px;}
.f18{ font-size : 18px;}
.f19{ font-size : 19px;}
.f20{ font-size : 20px;}
.f25{ font-size : 25px;}
.f30{ font-size : 30px;}
.f35{ font-size : 35px;}
.f40{ font-size : 40px;}

/* ------------ modal ---------------
.modal-content {  position:fixed;  display:none;  z-index:5;  width:85%;max-width:800px;  margin:0;  padding:0;  border:2px solid #aaaaaa;  background:#ffffff;}
.modal-content img{max-width: 100%;  height: auto;max-height: 100vh;}
.modal-content p { margin:0;  padding:0;text-align:center;}
.modal-content img { margin:0 auto 0 auto;  padding:0;}
.modal-overlay { z-index:3;  display:none;  position:fixed;  top:0;  left:0;  width:100%;  height:120%;  background-color:rgba(0,0,0,0.40);}
.modal-open {  color:#111111;  text-decoration:none;}
.modal-open:hover {  cursor:pointer;  color:#9e0000;}
.modal-close { color:#111111;  text-decoration:none;}
.modal-close:hover { cursor:pointer;  color:#9e0000;}
*/



.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
bottom: 25px; /* 上から150pxのところにバナーを配置します */
right: 0px; /* 右から40pxのところにバナーを配置します */

background-color:#f0f0f0;
height:50px;width: 150px;
border-radius: 29px 0px 0px 29px;
border-top:4px double #444444;
border-bottom:4px double #444444;
border-left:4px double #444444;

}

.fixed_banner_sub{ animation: blinking 1s ease-in-out infinite alternate; 
 position:absolute; top:57px; right:3px;
border:1px solid #555555;background-color:white;border:1px solid #555555;border-radius: 3px;
padding:1px 3px;font-size:12px;
text-align:center;width:120px;
color:red;}

.fixed_banner_pc {
 /* width: 300px; バナーの横幅を指定してあげます */
}

.floating-banner:hover {
opacity: .2; /* マウスが重なった時に少し透過させます */
}

.fixed_banner_sp {
display: none; /* PCではスマホ用のバナーは非表示にします */
}


@media screen and (max-width: 480px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */

.fixed_banner_sp {
display: inline-block; /* 消していたスマホ用のバナーを表示させます */
width: 100vw; /* スマホの画面幅いっぱいにバナーを表示させます */
}

}
/* 点滅セット */
@keyframes blinking {0% {opacity: 0;}100% {opacity: 1;}}

/* 要素にアニメーションを適用 */
.blink { animation: blinking 1s ease-in-out infinite alternate; }