@charset "shift_jis"; /* -------------------------------------------------------------------- 20160607 デザイン改修用 -------------------------------------------------------------------- */ body{ line-height: 1; text-align: left; color: #362e2b; line-height: 1.5; font-style: normal; font-weight: normal; background: none; } a img:hover { opacity: 0.6 ; filter: alpha(opacity=60) ; /* Ie用 */ } a img { -webkit-transition: 0.2s ; transition: 0.2s ; } .op_inner980_ {margin: 0px auto;width: 980px;} /* -------------------------------------------------------------------- TOPページ header -------------------------------------------------------------------- */ /*#op_h1_wrap {background: #eeeeee;padding: 2px;} #op_h1_wrap h1 {font-size: 10px;line-height: 1em;color: #535353;margin: 0px auto;width: 980px;}*/ #op_logo {padding:4px 0;} #op_header {width: 100%;text-align: left;margin:0 auto 14px;} #op_header #op_header_top {margin: 6px auto;width: 980px;position:relative;} #op_header #op_header_top #op_header_info {width: 630px;margin-left: 63px;} #op_header #op_header_guide li {margin-top: 14px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;} #op_header #op_header_guide li a {font-size: 12px;text-decoration: none;} #op_header #op_header_blue {background: #006CB5;padding: 4px 0px;clear: both;} #op_header #op_header_blue .op_inner980_ #op_header_btn01_ {float: left;} #op_header #op_header_blue .op_inner980_ #op_header_btn01_ a img {margin-right: 14px;} #op_header .op_header_txt {font-size: 18px;font-weight: bold;color: #FFF;text-align: center;width: 262px;float: left;margin: 0px;padding: 0px;} #op_header #op_header_blue .op_inner980_ #op_header_price {background: #FFF;width: 302px;float: left;padding: 3px 6px;margin-right: 14px;} #op_header #op_header_price dl dt, #op_header #op_header_price dl dd {float: left;font-size: 14px;font-weight: normal;display:block;} #op_header #op_header_price dl dt {float: left;font-size: 14px;} #op_header #op_header_price dl {display: block;margin: auto;} #op_header #op_header_blue .op_inner980_ #op_header_cart_btn {float: right;} #op_header #op_header_price dl dd {text-align: right;} #op_header #op_header_price .op_header_tensu_ {width: 55px;} #op_header #op_header_price .op_header_price_ {width:90px;} #op_header #op_fontChange {float: left;width: 143px;margin: 14px 0px 0px;padding: 0px 0px 0px 20px;} #op_header #op_fontChange p {float: left;font-size: 14px;font-weight: bold;padding: 8px 0px 0px;line-height: 14px;margin: 0px 14px 0px 0px;} #op_header #op_fontChange ul {float: left;} #op_header #op_fontChange ul li {float: left;display: block;} #op_header #op_fontChange ul li#o_font-S {margin-right: 6px;} #op_header #op_fontChange ul li#o_font-S a {display: block;width: 25px;height: 25px;text-indent: -5000px;cursor: pointer;background: url(../../images/header/font-s_on.gif) left top no-repeat;} #op_header #op_fontChange ul li#o_font-L a {display: block;width: 25px;height: 25px;text-indent: -5000px;cursor: pointer;background: url(../../images/header/font-l.gif) left top no-repeat;} #op_header #op_sms {float: left;width: 80px;margin-left: 5px;padding: 5px 0 0 0;} #op_header #op_sms a {margin-left: 5px;} #op_header #op_sms .op_fb_, #op_header #op_sms .op_tw_ {float: left;width: 40px;text-align: right;} .op_border_lg {border-bottom: 1px solid #D6D6D6;} .op_shop_link {position:absolute;top:-20px;right:0;} /* -------------------------------------------------------------------- TOPページ gナビ -------------------------------------------------------------------- */ #op_header #op_gnavi {margin: 10px 0 0 0;border-bottom: 2px solid #C7E8FF;} #op_gnavi_list{*zoom: 1;list-style-type: none;width: 980px;margin: 0 auto;padding: 0;} #op_gnavi_list:before, #op_gnavi_list:after{content: "";display: table;} #op_gnavi_list:after{clear: both;} #op_gnavi_list .op_gnavi_mmenu_ {position: relative;width: 195px;float: left;margin: 0;padding: 0;text-align: center;border-left: 1px solid #C7E8FF;} #op_gnavi_list .op_gnavi_mmenu_:first-child {width: 196px;border-left: 0px ;} #op_gnavi_list .op_gnavi_mmenu_ a{display: block;margin: 0;padding: 8px 0;background: #ffffff;color: #333333;font-size: 16px;line-height: 1;text-decoration: none;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ {list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 14px;background-color: rgba( 90, 90, 90, 0.9 );background-color: rgb( 90, 90, 90 )\9;text-align: left;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li .op_gnavi_subtitle_ {color: #C8E8FF;font-size: 1.2em;font-weight: bold;background: url(../../images/common/title_head03.gif) no-repeat left center;padding-left: 20px;} #op_gnavi_list li ul li{width: 100%;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li a{padding: 13px 15px 13px 30px;color: #FFF;font-size: 14px;background: rgba( 90, 90, 90, 0 ) url(../../images/common/arrow02.png) no-repeat 10px center;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li a:hover {background: #C8E8FF url(../../images/common/arrow01.png) no-repeat 10px center;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li.more a{padding: 8px 26px;color: #FFF;font-size: 14px;background: rgba( 90, 90, 90, 0 ) url(../../images/common/arrow02.png) no-repeat 370px center;text-align:right;font-weight:bold;} #op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li.more a:hover{background:#C8E8FF url(../../images/common/arrow01.png) no-repeat 370px center;} #op_gnavi_list .op_gnavi_mmenu_:hover a{background: #C8E8FF;} #op_gnavi_list .op_gnavi_mmenu_ a:hover{background: #C8E8FF;} #op_gnavi_list li ul{opacity: 0;top: 50%;visibility: hidden;transition: .5s;} #op_gnavi_list li:hover ul{top: 100%;visibility: visible;opacity: 1;} /* -------------------------------------------------------------------- TOPページ メインバナー -------------------------------------------------------------------- */ #op_top_bnr_wrap {margin: 0 auto auto;width: 980px;} #op_top_bnr_wrap .op_top_bnr_ {border: 2px solid #eeeeee;float: left;position: relative;} #op_top_bnr_wrap .op_top_bnr_l_ a {border: 4px solid #FFF;display: block;} #op_top_bnr_wrap .op_top_bnr_s_ a {border: 3px solid #FFF;display: block;} #op_top_bnr_wrap .op_top_bnr_l_ {width: 476px;height:296px;margin:0 10px 0 0;} #op_top_bnr_wrap .op_top_bnr_s_ {width: 231px;margin:0 0 10px 10px;} #op_top_bnr_wrap .op_top_bnr_ a p {position: absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);background: rgba( 49, 49, 49, 0.6 );font-size: 12px;color: #FFF;text-decoration: none;padding: 3px 6px;margin:0;} #op_top_bnr_wrap .op_top_bnr_l_ a p {width:456px;left: 4px;bottom: 4px;} #op_top_bnr_wrap .op_top_bnr_s_ a p {width:213px; left: 3px;bottom: 3px;} #op_top_bnr_wrap .op_top_bnr_ a p:not(:target){filter: none;}/* IE9対応 */ /* -------------------------------------------------------------------- TOPページ header下トピックス -------------------------------------------------------------------- */ #op_top_topics {background: #eeeeee;padding: 6px 10px;margin: 14px auto 24px;width: 960px;font-size: 14px;} #op_top_topics dl dt {float: left;width: 120px;} #op_top_topics dl dd {padding: 0 60px 0 120px;} #op_top_topics dl dd a {text-decoration: none;color: #362E2B;} #op_top_topics dl .op_new {background: url(/img/icon/news_01.gif) no-repeat right center;}/*　アイコン　NEW　*/ /* --------------------------------------------------------------------- TOPおすすめ --------------------------------------------------------------------- */ #op_top_reco {width: 980px;margin: 0px auto 30px;} #op_top_reco .op_reco_wrap {padding: 0px;width: 978px;background: #FFF;border: 2px solid #EEE;} .op_reco_item_l {width: 292px;height: 282px;float: left;padding: 14px 18px;position:relative;} .op_reco_item_l .op_reco_btn_ {position: absolute;display: block;right: 90px;top:272px;height: 24px;} a .op_reco_item_l:hover, a .op_reco_item_s:hover {background: #EBEBEB;} a .op_reco_item_l img {margin: auto;display: block;} .op_reco_item_l .op_top_reco_name {color: #1868b3;font-weight: bold;text-decoration: none;font-size: 16px;line-height: 24px;} .op_reco_item_l .op_reco_catch {font-size: 14px;text-decoration: none;color: #333;border-bottom: 3px solid #EEE;line-height: 18px;} .op_reco_item_l p {text-decoration: none;font-size: 12px;color: #333;line-height: 16px;margin: 0px;padding: 4px 0px;} .op_reco_item_s {float: left;width: 295px;padding: 14px;border-left: 2px solid #EEE;} .op_reco_item_s img.op_reco_img_ {float: left;height: 126px;width: 126px;margin-right: 6px;} .op_reco_item_s .op_reco_inner_ {height: 126px;position:relative;} .op_reco_item_s .op_reco_btn_ {position: absolute;display: block;right: 11px;bottom: 0px;} .op_reco_item_s .op_top_reco_name {color: #1868B3;font-weight: bold;text-decoration: none;font-size: 16px;padding-top: 4px;line-height: 20px;} .op_reco_item_s p {text-decoration: none;font-size: 12px;color: #333;display: block;line-height: 18px;padding-top: 10px;} #op_top_reco .op_reco_wrap .op_border_t {border-top: 2px solid #eee;} #op_top_reco a:hover img {opacity: 0.6 ;filter: alpha(opacity=60) ;} /* --------------------------------------------------------------------- h2基本 --------------------------------------------------------------------- */ h2.op_subtitle01 { color: #006CB5; font-size: 18px; font-weight: bold; border-bottom: 2px solid #C8E8FF; padding: 4px 4px 4px 20px; background: url(../../images/common/title_head01.gif) no-repeat left center; } .op_subtitle02 { color: #FFFFFF; font-size: 18px; font-weight: bold; padding: 4px 4px 4px 20px; background: url(../../images/common/title_head02.gif) no-repeat left center; } #op_footer_title .op_subtitle02 { width:980px; margin:auto; } .op_subtitle03 { background: url(../../images/common/title_head01.gif) no-repeat 4px center; text-align: left; padding: 4px 4px 4px 20px; border-bottom: 2px solid #EEE; margin-bottom: 2px; color: #006CB6; } /* --------------------------------------------------------------------- 製品一覧 --------------------------------------------------------------------- */ .op_subtitle01 span {float:left;width:200px;font-size: 18px;padding:0;margin:0; font-weight: bold;} ul.op_cateList_ {float:right;width:440px;padding:8px 0 0;margin:0;} ul.op_cateList_ li {font-size: 12px;float: left;margin-left:12px;padding: 0 0 0 12px ;background: url(../../images/common/arrow03.png) no-repeat left center;} .op_search_list_wrap_ .op_search_list_head_ {border-bottom: 3px solid #006CB5;margin-bottom: 14px;} .op_search_list_wrap_ .op_search_list_head_ .op_search_list_title_ {background: url(../../images/top/category_title_bg.gif) no-repeat left top;padding: 7px 4px 0 20px;color: #FFF;float: left;width: 380px;margin: 0px;line-height: 16px;font-size: 16px;font-weight:nomal;} .op_search_list_wrap_ .op_search_list_head_ .op_search_list_sub_title_ {padding: 4px 4px 2px 20px;color: #006CB5;float: left;width: 380px;margin: 0px;line-height: 1em;font-size: 16px;} .op_search_list_wrap_ .op_seach_list_ {width: 750px;overflow: hidden;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul li img {display: block;width: 100px;margin: 0px auto 8px;padding: 0px;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul {margin: 10px auto;width: 145px;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item {border: 2px solid #eee;float: left;width: 163px;margin: 0 20px 14px 0;position: relative;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item:hover {border-color: #006CB6;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item:hover img {opacity: 0.6 ;filter: alpha(opacity=60) ;} .op_seach_item a ul .op_brand_name_ {font-size: 14px;font-weight: bold;text-decoration: none;display: block;} .op_seach_item a ul .op_brand_cap_ {font-size: 12px;text-decoration: none;color: #333;display: block;background: url(../../images/top/category_item_bg.gif) no-repeat right bottom;} .op_search_list_wrap_ {margin-bottom: 30px;} .op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul li img.op_seach_icon_reizou {display: block;position: absolute;top: 2px;right: 2px;height: 20px;width: 50px;opacity: 1 ;filter: alpha(opacity=100) ;} .op_search_list_wrap_ .op_seach_list_:after {display: block;clear: both;content: "";} .op_search_list_wrap_ .op_search_list_head_ss {border-bottom: 3px solid #F28510;margin-bottom: 14px;} .op_search_list_wrap_ .op_search_list_head_ss .op_search_list_title_ {background: url(../../images/top/category_title_bg_ss.gif) no-repeat left top;padding: 7px 4px 0 20px;color: #FFF;float: left;width: 380px;margin: 0px;line-height: 16px;font-size: 16px;font-weight:nomal;} .op_search_list_wrap_ .op_seach_list_ss .op_seach_item:hover {border-color: #F28510;} /* --------------------------------------------------------------------- 目的から探す --------------------------------------------------------------------- */ .op_mokuteki_search_ {width: 750px;overflow: hidden;margin-bottom: 40px;display: block;} .op_mokuteki_search_ li {float: left;position: relative;margin: 0 0 20px 0;height: 100px;width: 355px;margin: 0 20px 20px 0;} .op_mokuteki_search_ li a span {color: #FFF;position: absolute;display: block;bottom: 2px;left: 22px;} /* --------------------------------------------------------------------- サイドメニュー --------------------------------------------------------------------- */ /*.op_side_title01_ {background: #EEE url(../../images/common/title_head01.gif) no-repeat 4px center;text-align: left;padding: 5px 5px 5px 20px;margin-bottom: 2px;}*/ .op_side_cart_ {margin: 0 0 15px;} .op_side_cart_ h3 {margin: 0 0 10px;} #op_login_ {border: 2px solid #EEEEEE;border-radius: 2px;margin: 0 0px 15px;} #op_login_ dl dt {margin-bottom: 10px;padding: 12px 12px 2px 12px;font-weight: bold;color: #333333;text-align: left;} #op_login_ dl dd {margin-bottom: 9px;text-align: center;} ul.op_sidebanner_ li {padding-bottom: 15px;} /*#op_sidebox_search {margin: 20px 0;padding: 0 9px;} #op_sidebox_search input {float: left;width: 160px;height: 18px;} #op_sidebox_search input.o_search_btn_ {display: block;float: right;width: 32px;height: 25px;margin-left: 0;border: none;border-width: 0px;padding: 0;cursor: pointer;text-indent: -5000px;vertical-align: middle;background: url(../../images/toppage/btn_search.gif) left top no-repeat;} #op_sidebox_search input.o_search_btn_:hover {background-position: bottom;} #op_sidebox_search form {overflow: hidden;}*/ .op_side_brandlist_ {margin-bottom: 30px;} .op_side_brandlist_ dt {color: #006CB6;background: #FFF url(../../images/common/title_head01.gif) no-repeat 4px center;font-weight: bold;border-bottom: 2px solid #006CB6;font-size: 14px;padding: 2px 2px 2px 20px;} .op_side_brandlist_ dt.subCate {background: none;border-bottom: 1px dashed;} .op_side_brandlist_ dd a, .op_side_brandlist_ li a {color: #333;border-bottom: 1px solid #eee;display: block;width: 197px;padding: 3px 3px 3px 20px;} /* --------------------------------------------------------------------- フッター　 --------------------------------------------------------------------- */ #op_footer #op_footer_guide_wrap {background: #EEE;padding: 14px 0px;line-height: 1.6em;} #op_footer #op_footer_guide_wrap #op_footer_guide {background: #FFF;width: 940px;padding: 20px;margin: 0px auto;} #op_footer_guide .op_footer_box_ {width: 450px;} #op_footer_guide .op_footer_box_ .op_footer_list dt {font-weight: bold;color: #006CB6;} #op_footer_guide .op_footer_box_ .op_footer_list dd {padding-left: 14px;} .op_txtred {color: #c4112f;} #op_footer_guide .op_footer_box_ ul li {padding-left: 1em;text-indent: -1em;} #op_footer_guide .op_footer_boxwide_ {clear: both;margin-top: 20px;} #op_footer_sitemap {margin: auto;width: 940px;padding: 20px;font-size: 1.2em;border-bottom: 1px solid #EEE;} #op_footer_sitemap .op_footer_itemlist_ li a {font-size: 12px;float: left;display: block;width: 190px;} .op_footer_itemlist_ {width: 760px;display: block;} #op_footer_btm #op_footer_itemlist {margin: auto;width: 980px;padding: 20px 0px;} .op_txtblack {color: #333333;} .op_txtblue {color: #006CB6;} .op_txtbold {font-weight: bold;} .op_side_brandlist_ dd a:hover, .op_side_brandlist_ li a:hover {background: #c8e8ff;} #op_footer_title {background: #006CB6;} p.op_newsall_ {text-align: right;padding:8px 20px ;} p.op_newsall_ a {padding-left: 20px;color: #006cb6;text-decoration: none;background: url(../../images/common/arrow01.png) no-repeat left 50%;} /* --------------------------------------------------------------------- 他会員区分用　 --------------------------------------------------------------------- */ p.o_footer_title_ {text-align:center;} .method_box_content_ label {margin: 0 20px 0 5px;} /* --------------------------------------------------------------------- 161226共通ヘッダ --------------------------------------------------------------------- */ .op_common_header { height: 56px; width: 980px; display: flex; margin: auto; } .op_common_header > li { width: 50%; height: 56px; line-height: 36px; display: flex; align-items: center; justify-content: center; } .op_common_header_op1:hover {background:#E0ECFA} .op_common_header_ss:hover {background:#FFEEDC} .op_common_header > li a { display: block; } .op_common_header > li a:hover { color: #999; } .op_common_header_gnavi_op1, .op_common_header_gnavi_ss { visibility: hidden; opacity: 0; z-index: 50; width:100%; } .op_common_header > li:hover { -webkit-transition: all .5s; transition: all .5s; } .op_common_header_gnavi_op1 .op_common_header_gnavi_list li a:hover { background: #88BEE2; } .op_common_header_gnavi_ss .op_common_header_gnavi_list li a:hover { background: #EFA359;color:#FFF !important; } /* floatクリア */ .op_common_header:before, .op_common_header:after, .op_common_header_gnavi_list:before, .op_common_header_gnavi_list:after{ content: " "; display: table; } .op_common_header:after, .op_common_header_gnavi_list:after { clear: both; } .op_common_header, .op_common_header_gnavi_list { *zoom: 1; } .op_common_header_gnavi_op1, .op_common_header_gnavi_ss { position: absolute; top: 66px; left: 0; box-sizing: border-box; width: 100%; padding: 4px 0; background: #0064B2; -webkit-transition: all .2s ease; transition: all .2s ease; } .op_common_header_gnavi_op1 {background: #0064B2;} .op_common_header_gnavi_ss {background: #F27C0E;} li.op_common_header_menu ul.op_common_header_gnavi_list { box-sizing: border-box; width: 980px; margin:0 auto; } li.op_common_header_menu ul.op_common_header_gnavi_list a {color:#FFF;text-align: center;} li.op_common_header_menu:hover .op_common_header_gnavi_op1, li.op_common_header_menu:hover .op_common_header_gnavi_ss{ top: 66px; visibility: visible; opacity: 1; text-align:center; } li.op_common_header_menu:hover ul.op_common_header_gnavi_list { box-sizing:border-box; text-align:center; border-left:solid 1px #FFF; } li.op_common_header_menu ul.op_common_header_gnavi_list > li { float: left; width: 195px; border-right:solid 1px #FFF;box-sizing:border-box; } #op_header #op_header_gray {background: #EEEEEE;padding: 4px 0px;clear: both;} #op_header #op_header_gray .op_inner980_ #op_header_btn01_ {float: left;} #op_header #op_header_gray .op_inner980_ #op_header_btn01_ a img {margin-right: 14px;} #op_header #op_header_gray .op_inner980_ #op_header_price {background: #FFF;width: 302px;float: left;padding: 3px 6px;margin-right: 14px;} #op_header #op_header_gray .op_inner980_ #op_header_cart_btn {float: right;} #op_header #op_header_gray #op_header_guide {width: 242px;float: left;padding:0 0 0 20px;} #op_header #op_header_gray #op_header_guide li {margin-top: 4px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;} #op_header #op_header_gray #op_header_guide li a {font-size: 14px;text-decoration: none;} #op_header #op_header_gray #op_header_guide2 {float:right;padding:0 0 0 20px;} #op_header #op_header_gray #op_header_guide2 li {line-height:28px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;} #op_header #op_header_gray #op_header_guide2 li a {font-size: 14px;text-decoration: none;} /* --------------------------------------------------------------------- 1703_マイページエクエルパウチ追加 --------------------------------------------------------------------- */ .mypage_eq_pauchi_Txt{ background-color: #D5E8FD; padding:10px; border: solid 1px #006CB5; margin-bottom:30px; } .myeq_pauchi_ItemLeft{ float: left; font-size: 16px; line-height: 175%; padding: 17px; text-align: left; width: 640px; } .myeq_pauchi_ItemRight{ float: right; } .eq_pauchi_TxtCon{ margin-bottom:10px; } .mypage_pauchiInfo_Left{ float: left; margin: 0 32px; text-align: left; width: 150px; line-height: 175%; } .mypage_pauchiInfo_Btnbox{ float: right; margin: 0 33px 8px; width: 450px; } .mypage_pauchiInfo_item{ margin-bottom:20px; } /* --------------------------------------------------------------------- 1708_配送会社変更追加 --------------------------------------------------------------------- */ .shipping_change_Info{ width:690px; margin:0 auto; overflow: hidden; } .shipping_btnList{ padding: 9px 14px 10px 21px; } ul.deliveryInfo_list li{ float:left; padding-right: 14px; } .address_item_ .leftfloat_ table { width: 500px;} .address_item_ .rightfloat_ table {width: 390px;} /* --------------------------------------------------------------------- 1802_ネコポス追加 --------------------------------------------------------------------- */ .method_delivery_ .o_delivery_list {text-align: left;padding:0 20px 10px;} .method_delivery_ .o_delivery_list div {text-align: center;margin-top: 6px;} /* .o_info_list {margin:0 30px 10px;background:#FFF4FC;padding:1em;} .o_info_list li {margin-bottom: 5px;} */ .o_txt_grayout {color:#DEDEDE;} div.address_item_ .address_change_atstore_msg_ {text-align: left;} ul.o_indent_list li {padding-left: 1em;text-indent: -1em;} .customer_ .method_delivery_ {margin-bottom: 30px;} .o_address_change_mail {margin: -16px 0 20px 0 !important;padding: 0 15px;} .o_delivery_list > li > .formdetail_ {margin: 10px 0 0;} .o_delivery_list > li > .formdetail_ td {border-right: 0 ;} .o_delivery_list > li > .formdetail_ td.o_delivery_btn {vertical-align:middle;border-left:0px ;border-right:1px solid #7EB0E9 ;} .o_teiki_pattern {width:920px;} .o_time_spec_alert_ {margin-bottom: 20px;} .o_time_spec_alert_ p {margin-bottom: 0 !important;text-align:left !important;} /* --------------------------------------------------------------------- 1805 マイページ内ネコポスバナー --------------------------------------------------------------------- */ .op_mp_contents .op_mp_eqbnr {width:600px;float: right;margin-left: 20px;} .op_mp_contents .op_mp_eqbnr2 {width:280px;float: right;margin-left: 20px;} .op_mp_eqaccdion {margin-bottom: 80px;position: relative;display: flex;justify-content: space-between;width:100%;} .op_mp_eqaccdion2 {margin-bottom: 80px;} .op_mp_eqaccdion li {width:440px;overflow: visible;} .op_mp_eqaccdion2 li {width:100%;overflow: visible;} .op_mp_eqaccdion2 li {margin:10px auto 0 auto;} .op_mp_eq_btn {text-align: center;} .op_mp_eq_btn span { width:440px;height:50px;font-size:22px;margin:auto;font-weight:bold;line-height:50px; text-align:center;border:#666 1px solid;cursor:pointer; border-radius: 5px;text-align: center;display: inline-block;border:solid 1px rgb(4, 93, 154);box-sizing: border-box;background-image: -moz-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%); background-image: -ms-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%);color:#FFF; } .op_mp_eqaccdion2 li .op_mp_eq_btn span {display: block;margin:auto;} .op_mp_eq_btn span.open {border-radius: 5px 5px 0 0;height:54px;} .op_mp_eqaccdion_sub {width:906px;background:#FFF;padding:20px;border:solid 2px #0465a7;display:none;} .ac_right .op_mp_eqaccdion_sub {margin-left:-510px;} .op_mp_eqaccdion_sub p {margin-bottom: 20px;} .op_mp_eqaccdion_sub p.txtS {font-size:12px;margin-bottom: 0;} .op_mp_eqaccdion2 li .op_mp_eqaccdion_sub {margin: 0 auto;} /* --------------------------------------------------------------------- 1805 マイページ内 定期変更画面 --------------------------------------------------------------------- */ #o_mp_teiki_list {width:100%;text-align: left;margin-bottom: 20px;box-sizing: border-box;} .o_mp_teiki_box {display: flex;border-bottom:solid 1px #C1C1C1;padding:25px 20px;justify-content: space-between;flex-flow: wrap;} .o_mp_teiki_box:first-of-type {padding-top: 0;} .o_mp_teiki_box_left {width:650px;} .o_mp_teiki_box_no {font-weight: bold;color:#006CB6;border-bottom:dashed 1px #D5E8FD;margin-bottom: 10px;padding:5px;} .o_mp_teiki_box_item {display: flex;flex-flow: wrap;align-items: center;margin-bottom: 4px;} .o_mp_teiki_item_img,.o_mp_teiki_item_name {/*border-bottom:dashed 1px #D5E8FD;*/display: flex;} /*.o_mp_teiki_item_name:nth-of-type(odd){ border-right:dashed 1px #D5E8FD; }*/ .o_mp_teiki_item_img,.o_mp_teiki_item_img img {width:70px;height: 70px;} .o_mp_teiki_item_name {width:235px;padding:4px 13px 4px 6px;} /*.o_mp_teiki_box_item_one .o_mp_teiki_item_name {width:580px;padding:4px 0 4px 6px;border-right: 0;align-items: center;box-sizing: border-box;}*/ .o_mp_teiki_item_2col { display: flex;flex-flow: wrap;align-items: center;justify-content: space-between; } .o_mp_teiki_box_item_one { width: 50%; } .o_mp_teiki_item_detail {width:100%;} .o_mp_teiki_item {font-weight:bold;} .o_mp_teiki_cycle {margin:8px 0;background:#D5E8FD;border-radius: 5px;padding:5px;box-sizing: border-box;min-width:310px;} .o_mp_teiki_cycle dt {display: block;float: left;width:9em;font-weight: normal;padding:3px;} .o_mp_teiki_cycle dd {padding-left: 9em;padding:3px;} .o_mp_teiki_nextday,.o_mp_teiki_lastship {margin:5px 0 10px;background:#D5E8FD;border-radius: 5px;padding:14px 10px;box-sizing: border-box;color:#c4112f;font-weight: bold;min-width:310px;} .o_mp_teiki_detail_btn {display: inline;} .o_mp_teiki_status_icon {color:#006CB6;background:#FFF;margin-right: 24px;width:310px;border-radius: 5px;line-height:1em;padding:10px;text-align: center;display: inline-block;border:solid 2px #006CB6;box-sizing: border-box;} .o_mp_teiki_status_icon.tehaizumi {border-color:rgba(195,6,9,1.00);color:rgba(195,6,9,1.00);} .o_mp_teiki_status_icon.stop {border-color:#9F9E9E;color:#FFF;background: #9F9E9E;} .o_mp_teiki_detail_btn a {width:310px;border-radius: 5px;line-height:1em;padding:10px;text-align: center;display: inline-block;border:solid 1px rgb(4, 93, 154);box-sizing: border-box;background-image: -moz-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%); background-image: -ms-linear-gradient( 90deg, rgb(4,100,165) 0%, rgb(5,119,198) 100%);color:#FFF;} .o_mp_teiki_box_gray a.o_mp_teiki_btn_wide {padding: 10px 3px;border-radius: 5px;line-height:1em;padding:10px;text-align: center;display:block;margin-bottom: 10px;} .o_mp_teiki_box_gray a.orange_button_ { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a30721), color-stop(0.00, #c41230));background: -webkit-linear-gradient(#c41230, #a30721);background: -moz-linear-gradient(#c41230, #a30721);background: -o-linear-gradient(#c41230, #a30721);background: -ms-linear-gradient(#c41230, #a30721);background: linear-gradient(#c41230, #a30721);border: 1px solid #940f24;color:#FFF;} .o_mp_teiki_box_gray a:hover.orange_button_ {color:#FFF !important;opacity: .7;} .o_mp_teiki_box_item_next {border-top:dashed 1px #006CB6;margin-top: 5px;padding-top: 5px;} .o_mp_teiki_item_name p {width: 100%;} .o_mp_teiki_item_ttl {font-weight: bold;margin-bottom: 5px;} .o_mp_teiki_left_btn {display: flex;justify-content: space-between;} .o_mp_teiki_box_right {width:280px;} .o_mp_teiki_box_right dt {font-weight: bold;color:#006CB6;text-align: center;background:#D5E8FD;padding:5px;margin-bottom: 5px;} .o_mp_teiki_box_right dd a {display: block;padding:16px 5px 10px;text-align:left;border-bottom:dashed 1px #E3E3E3;box-sizing: border-box;background:#FFF;font-weight:bold;font-size:14px;position: relative;color:#006CB6;} #o_mp_teiki_list .o_mp_teiki_box_info {margin-top: 10px;} .o_mp_teiki_box_right dd a:hover {background:rgba(197,228,255,1.00);} .o_mp_teiki_detail_btn a:hover {opacity: 0.8 !important;color:#FFF !important;} .o_mp_teiki_box_right dd a:after { font-family: icomoon; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute;right:2px;top:6px;font-size:25px;color:#D5E8FD; } .o_mp_teiki_box_right dd a:hover:after {color:#006CB6;} .o_mp_teiki_box_gray {width:280px;} .o_mp_teiki_box_gray dt {font-weight: bold;color:#525252;text-align: center;padding:5px;background: #E3E3E3;margin-bottom: 5px;} .o_mp_teiki_box_gray dd {padding: 5px 5px;color:#525252} /* --------------------------------------------------------------------- 181115マイページ改修 --------------------------------------------------------------------- */ .op_mp_slide_wrap {background: #f2f2f2;padding: 17px 27px;width:896px;margin:auto;} .op_mp_reco {display:flex;justify-content: space-between;} .op_mp_reco a img {width: 215px;border: solid 1px #bbb;} div.customer_ {width:1000px;} .op_mp_block {margin-bottom:60px;} table#op_mp_history_table {width:100%;border:solid 1px #006cb5;} table#op_mp_history_table tr > th {color:#FFF;text-align: center;font-size:16px;background:#006cb5;border-left-color:#FFF;font-weight:normal;padding:6px 0;} table#op_mp_history_table tr > th:first-of-type {border-left-color:#006cb5;} table#op_mp_history_table tr > th.op_mp_history_item {width:640px;} table#op_mp_history_table tr > th.op_mp_history_price {width:100px;} table#op_mp_history_table tr > th.op_mp_history_quant {width:80px;} table#op_mp_history_table tr > td {border:dashed 1px #006cb5;vertical-align: middle;padding:5px 10px;} table#op_mp_history_table tr > td.op_mp_history_item .op_mp_history_item_inner {display: flex;align-items: center;} table#op_mp_history_table tr > td.op_mp_history_item .op_mp_history_item_inner img {width:60px;margin-right: 20px;border:solid 1px #EEE;} table#op_mp_history_table tr > td.op_mp_history_price {text-align: right;} table#op_mp_history_table tr > td.op_mp_history_quant input {width:60%;padding:5px 2px;text-align: center;} /* --------------------------------------------------------------------- 181115購入履歴 --------------------------------------------------------------------- */ div.customer_status_ {margin: 0 0 20px;} .op_history_box {background:#EEE;padding:20px;margin-bottom: 80px;} .op_history_box:last-of-type {margin-bottom: 0px !important;} .op_history_box > .op_history_day {font-size:16px;font-weight:bold;text-align: left;margin-bottom: 10px;} .op_history_box > .op_history_total_price {font-size:16px;text-align: right;margin-top: 10px;} .op_history_box > .op_history_total_price span {display: inline-block;margin:0 10px;font-size:28px;font-weight:bold;} table.op_history_table {width:100%;margin-bottom: 20px !important;table-layout: fixed;} table.op_history_table tr > th {color:#FFF;text-align: center;font-size:16px;background:#006cb5;border-left-color:#FFF;font-weight:normal;padding:6px 0;} table.op_history_table tr > th:first-of-type {border-left-color:#006cb5;} table.op_history_table tr > th.op_history_status {width:200px} table.op_history_table tr > th.op_history_item {width:320px;} table.op_history_table tr > th.op_history_teiki, table.op_history_table tr > th.op_history_price {width:100px;} table.op_history_table tr > th.op_history_quant {width:80px;} table.op_history_table tr > th.op_history_cart {width:159px;} table.op_history_table tr > th.op_history_card_info {width:200px;} table.op_history_table tr > td {border-left:dashed 1px #006cb5;border-right:dashed 1px #006cb5;border-bottom:solid 1px #006cb5;vertical-align: middle;padding:5px 10px;} table.op_history_table tr > td.op_history_status {border:none;} table.op_history_table tr > td.op_history_status a::before {font-family: icomoon;content: "\f105";} table.op_history_table tr > td.op_history_status .op_history_status_info {text-align: center;color:#006cb5;font-weight:bold;border:solid 2px #006cb5;border-radius:5px;padding:4px;margin: 6px 0 0;} table.op_history_table tr > td.op_history_teiki, table.op_history_table tr:last-of-type td {border-bottom:none;} table.op_history_table tr > td.op_history_cart {border-right:none;} table.op_history_table tr > td.op_history_cart.op_history_regular_change {width:200px;} table.op_history_table tr > td.op_history_cart.op_history_regular_change > p.op_history_txt {margin:0px;} table.op_history_table tr > td.op_history_item .op_history_item_inner {display: flex;align-items: center;} table.op_history_table tr > td.op_history_item .op_history_item_inner img {width:60px;margin-right: 20px;border:solid 1px #EEE;} table.op_history_table tr > td.op_history_item .op_history_item_inner p {width:240px;margin:0 !important;} table.op_history_table tr > td.op_history_price {text-align: right;} table.op_history_table tr > td p.op_history_txt {text-align: left !important;font-size: .9em;margin: 0;} table.op_history_table tr > td.op_history_item.acceptend {padding:0px;} table.op_history_table tr > td.op_history_item > div.op_history_item_inner_frame:not(:last-child) {border-bottom: dashed 1px #006cb5;} table.op_history_table tr > td.op_history_item > div.op_history_item_inner_frame > div.op_history_item_inner {padding:5px 10px;} /* --------------------------------------------------------------------- 181122 お届けサイクル変更 --------------------------------------------------------------------- */ .o_form_required_pink {background:#FFE1E2 !important;} .op_flex_cb {display: flex;align-items: center;justify-content: space-between;} /* --------------------------------------------------------------------- 190605 会員情報変更画面 --------------------------------------------------------------------- */ .o_arw_message_ {text-align: left;margin:34px auto 24px 20px;position: relative;} .o_arw_message_ p {background:#006cb7;color:#FFF;font-weight:bold;font-size: 20px;padding:15px;border-radius: 5px;display: inline-block;margin:0 !important;} .o_arw_message_:after{ top: 100%; left:50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #006cb7; border-width: 20px; margin-left: -20px; } .formlist_.history_.o_input_ .change_ {width:140px;text-align: left;} .formlist_.history_.o_input_ .create_dt_ {width:120px;} .o_arw_img_ {margin:0 0 5px 20px;text-align: left;} /* --------------------------------------------------------------------- 190605 会員情報変更画面時ラジオボタン修正 --------------------------------------------------------------------- */ .o_input_ input[type=radio] + label,input.o_input_[type=radio] + label, .o_input_ input[type=checkbox] + label, input.o_input_[type=checkbox] + label { position: relative; display: inline-block; margin-right: 12px; /* font-size: 14px; */ line-height: 30px; cursor: pointer; } .o_input_ input[type=radio], input.o_input_[type=radio], .o_input_ input[type=checkbox] ,input.o_input_[type=checkbox] { display: none !important; margin: 0; } .o_input_ input[type=radio] + label, input.o_input_[type=radio] + label, .o_input_ input[type=checkbox] + label, input.o_input_[type=checkbox] + label { padding: 0 0 0 34px !important; } .o_input_ input[type=radio] + label::before, input.o_input_[type=radio] + label::before, .o_input_ input[type=checkbox] + label::before, input.o_input_[type=checkbox] + label::before { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 24px; height: 24px; margin-top: -12px; background: #FFF; } input.o_input_[type=radio] + label::before, .o_input_ input[type=radio] + label::before{ border: 2px solid #ccc; border-radius: 30px; } input.o_input_[type=checkbox] + label::before, .o_input_ input[type=checkbox] + label::before{ border: 2px solid #ccc; } input.o_input_[type=radio]:checked + label::after, .o_input_ input[type=radio]:checked + label::after, input.o_input_[type=checkbox]:checked + label::after, .o_input_ input[type=checkbox]:checked + label::after { content: ""; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } input.o_input_[type=radio]:checked + label::after, .o_input_ input[type=radio]:checked + label::after{ left: 7px; width: 10px; height: 10px; margin-top: -5px; background: #006CB5; border-radius: 8px; } input.o_input_[type=checkbox]:checked + label::after, .o_input_ input[type=checkbox]:checked + label::after { left: 3px; width: 20px; height: 8px; margin-top: -6px; border-left: 4px solid #006CB5; border-bottom: 4px solid #006CB5; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* --------------------------------------------------------------------- 191129 d払い追加 --------------------------------------------------------------------- */ .op_dbarai_permission {background: #F0F0F0;padding:10px;text-align: center;} div.customer_ .op_dbarai_permission p {text-align: center;margin-bottom: 10px;} /* --------------------------------------------------------------------- 241105 GMO後払い追加 --------------------------------------------------------------------- */ .gmo_help {background: #F0F0F0;padding:10px;text-align: center;} /* --------------------------------------------------------------------- 200109 追加 --------------------------------------------------------------------- */ .method_box_content_ > #method_radio > label[for^=method_] {display: inline-block;} .method_box_content_ > #method_radio > label[for^=method_] > input[type=radio] {margin: 0 5px 0 0;} .method_box_content_ > #method_radio > label[for=method_r5] > span.method_r5_message_ {color: red;} /* --------------------------------------------------------------------- 200304 WEB見積もりフォーム --------------------------------------------------------------------- */ .o_quote_wrap {width:1040px;background: #FFF;padding:20px 0;border-radius: 5px;} .o_form_txt_l { width: 94%; } .o_form_txt_m { width: 50%; } .o_quote_table { width: 910px; margin: auto auto 20px; } .o_quote_table th { width: 160px; } .o_quote_table td .o_quote_item_list { width: 100%; } .o_quote_table td .o_quote_item_list .o_quote_item { padding: 6px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #d5e8fd; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_name { width: 300px; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_price { width: 150px; font-weight: bold; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_price span { font-size: .8em; font-weight: bold; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_quqntity { width: 120px; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_quqntity input { width: 2em; padding: 0 4px; } .o_quote_table td .o_quote_item_list .o_quote_item .o_quote_item_total { width: 100px; font-weight: bold; color: #c4112f; text-align: right; font-size: 1.2em; } .o_quote_table td .o_quote_total { padding: 8px 0 0; text-align: right; font-weight: bold; color: #c4112f; font-size: 1.2em; } .o_quote_table td .o_quote_total span { font-weight: bold; font-size: 1.2em; } /* ----モーダルダイアログ---- */ .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 10000; } .modal-overlay-alert { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 10002; } .modal-alert { width: 400px; z-index: 10003; } .modal-dialog { z-index: 10001; } .modal-header { padding: 15px 20px 15px; font-size: 14px; font-weight: bold; clear: both; border-bottom: none; line-height: 1; background-color: rgba(238,238,238,.7); } .modal-header span { font-weight: bold; font-size:18px; } .modal-content { background: #FFF; } .modal-body { padding: 20px; } .modal-body p { margin-bottom: 10px; } .modal-body li { border-bottom: 1px dotted #444; } .modal-body li a { padding: 12px; color: #4da7ba; display: flex; max-width: 560px; font-size: 16px; } .modal-body li a i { margin: 0 10px 0 auto; color: #444; font-size: 16px; } .modal-body li a:hover { text-decoration: none; } .modal-body li a:hover i { color: #4da7ba; text-decoration: none; } .modal-footer { padding: 0 10px 15px; } .modal-alert .modal-footer { text-align: center; } .modal-alert .modal-footer input { width: 40%; } .modal-close { display: block; width: 18px; cursor: pointer; float: right; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; /* color: #fff; */ } .modal-dialog .modal-footer { text-align: center; } .modal-dialog .modal-footer .btn { min-width: 150px; margin-right: 5px; } .modal-zip-info-condition-pref, .modal-zip-info-condition-addr { align-items: center; gap:10px; } .modal-zip-info-condition-pref p, .modal-zip-info-condition-addr p { margin: 0; } .modal-content select { padding: .6em; height: auto; font-size: 18px; border-radius: 5px; border: solid 1px #bdbcbc !important; } table.modal-zip-info-search-result-table .modal-zip-info-search-result-header tr td{ background: #EEE; text-align: center; } table.modal-zip-info-search-result-table td { border:1px solid #EEE; } .modal-zip-info-search-result-table .modal-zip-info-search-result-body .data-select-button .select-data { background: #006CB6; color: #FFF; border-radius: 999px; border: 0; font-size: .9em; padding: .2em .5em; } .modal-zip-info-frame-message,.modal-zip-info-condition-pref-title, .modal-zip-info-condition-addr-title,.modal-zip-info-search-result-message { font-size: 18px; } .modal-zip-info-search-result-message { margin-bottom: 5px; } /* --------------------------------------------------------------------- 200415 エクエル 小粒商品選択 --------------------------------------------------------------------- */ .o_item_select_tbl {width: 960px;margin: 0 auto 60px !important;} .o_item_select_tbl .o_item_select_radio {vertical-align: middle;padding-left: 20px;} .o_item_select_tbl .invalid {background:#EEE;} .o_popup_wrap {background: #FFF;width:800px;padding: 20px;margin: 20px auto;border-radius: 10px;} .o_popup_wrap * {box-sizing: border-box;} .o_popup_ttl {font-weight: bold;text-align: center;margin-bottom: .5em;font-size: 1.4em;} .o_popup_wrap .o_popup_conflist {display:flex;flex-flow:wrap;width:100%;border-top: solid 1px #629be5;} .o_popup_wrap .o_popup_conflist dt {width:30%;background:#d5e8fd;font-weight:bold;padding:5px 10px;border-left: solid 1px #629be5;border-right: solid 1px #629be5;border-bottom: solid 1px #629be5;} .o_popup_wrap .o_popup_conflist dd {width:70%;padding:5px 10px;border-right: solid 1px #629be5;border-bottom: solid 1px #629be5;} /* -------------------------------------------------------------------- 小粒対応 -------------------------------------------------------------------- */ .o_teiki_change_fukidashi { position: relative; margin: 30px 3% 15px; padding: .5em 1em; background: #D5E8FD; border-radius: 50px; font-size: 1.6em;font-weight: bold; } .o_teiki_change_fukidashi:before { content: ""; position: absolute; top: 100%; left: 25px; width: 0; height: 0; border-style: solid; border-width: 25px 10px 0 10px;z-index: 5; border-color: #D5E8FD transparent transparent transparent; } .o_teiki_change_fukidashi p { margin: 0; padding: 0; } .o_eq_change_top{width:90%;margin:0 auto 40px}.o_eq_change_top img{max-width:100%}.o_eq_change_top .o_eq_change_seibun_btn{display:block;width:400px;margin:12px auto 0;text-align:center;background:#57b01e;color:#FFF;font-weight:bold;font-size:1.2em;line-height:3em;text-decoration:none;border-radius:5px;text-align:center;box-sizing:border-box;position:relative}.o_eq_change_top .o_eq_change_seibun_btn::after{content:"";display:block;width:10px;height:10px;border-bottom:solid 3px #FFF;border-left:solid 3px #FFF;transform:rotate(-45deg);position:absolute;margin:auto;top:0;bottom:0;right:12px}.o_eq_change_top .o_eq_change_seibun_btn.open{border-radius:5px 5px 0 0}.o_eq_change_top .o_eq_change_seibun_btn.open::after{transform:rotate(135deg)}.o_eq_change_top .o_eq_change_seibun_main{border:#EEE solid 8px;background:#FFF;display:none;padding:3%;margin-top:5px;text-align:left}.o_eq_change_top .o_eq_change_seibun_main .o_eq_change_seibun{display:flex;flex-flow:wrap}.o_eq_change_top .o_eq_change_seibun_main .o_eq_change_seibun dt{width:14em;font-weight:bold;line-height:1em;margin-bottom:5px;padding: 5px 0;border-bottom:solid 1px #D3D3D3;}.o_eq_change_top .o_eq_change_seibun_main .o_eq_change_seibun dd{width:calc(100% - 16em);margin-bottom:5px;padding: 5px 0;border-bottom:solid 1px #D3D3D3;}.o_eq_change_top .o_eq_change_seibun_main .o_eq_change_seibun dt:last-of-type,.o_eq_change_top .o_eq_change_seibun_main .o_eq_change_seibun dd:last-of-type {border-bottom:0px;}.o_change_current_item{position: relative;width:90%;margin:40px auto 80px;background:#EEE;padding:0 3% 3%;display:flex;flex-flow:wrap;box-sizing:border-box}.o_change_current_item *{box-sizing:border-box}.o_change_current_item .o_change_current_item_ttl{color:#00377F;font-weight:bold;text-align:center;width:100%;line-height:2.6em}.o_change_current_item .o_change_current_item_table{width:100%}.o_change_current_item .o_change_current_item_table th{background:#D4EDFC;text-align:center}.o_change_current_item .o_change_current_item_table tr td{width:168px;vertical-align: middle}.o_change_current_item .o_change_current_item_table tr td .o_change_current_item_img{display:flex;width:503px;text-align:left;align-items:center}.o_change_current_item .o_txt_box{background:#FFF;display:flex;flex-flow:wrap;align-items:center}.o_change_current_item .o_txt_box .o_img_box{background:#FFF;width:30%}.o_change_current_item .o_txt_box .o_img_box img{max-width:100%}.o_change_current_item .o_current_item{padding:3px;width:70%} .o_change_current_item::after {content:"";display: block;margin: 20px auto;width: 0;height: 0;border-style: solid;border-width: 40px 90px 0 90px;border-color: #B3B3B3 transparent transparent transparent;position: absolute;right:0;left:0;bottom:-80px;} .o_current_item_attention {color:#c4112f;border:solid 1px #c4112f;padding: 5px;border-radius: 5px;width:100%;text-align: center;margin: 20px 0 0;} .change_item_box { width: 730px; margin: auto; } .change_item_box img { width: 730px; } .o_eq_change_tokuten { margin: 20px 0 5px; background: #efffe4; display: flex; align-items: center; justify-content: center; flex-flow: wrap column; border-radius: 5px 5px 0 0; max-width: 730px;} .o_eq_change_tokuten dt { border-radius: 5px 5px 0 0; background: #57b01e; color: #FFF; width: 100%; padding: 5px 0; text-align: center; font-size: 1.2em; } .o_eq_change_tokuten dt span { font-size: 1.2em; font-weight: bold; } .o_eq_change_tokuten dd { display: flex; flex-flow: wrap; align-items: center; justify-content: center; padding: 4px 0;width: 730px;} .o_eq_change_tokuten .o_eq_change_tokuten_lst li { padding-left: 1em; text-indent: -1em; text-align: left;font-size: 15px;margin-bottom: 4px; } .o_eq_change_tokuten .o_eq_change_tokuten_lst li:before { content: "・"; } .o_eq_change_tokuten .o_eq_change_tokuten_lst li span { color: #fe4da6; font-weight: bold; } .o_eq_change_tokuten .o_eq_change_tokuten_lst li sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.1em; } /*.o_eq_change_tokuten .o_eq_change_tokuten_img { width: 220px; margin-left: 20px; } .o_eq_change_tokuten .o_eq_change_tokuten_img img { width: 100%; }*/ .o_notes { text-align: left; font-size: .8em; } #o_teiki_replace_table tr td.o_item_select_item.invalid {background: #EEE;} .o_hdg__ttl01{background:#006cb6;display:flex;align-items:center;color:#fff;gap:10px;line-height:2;font-weight:bold;padding:0 .5em 0 0;font-size:22px !important;margin:30px 0 5px}.o_hdg__ttl01 span{background:#d5e8fd;color:#006cb6;width:2em;text-align:center;line-height:44px;font-size:1.2em !important}.o_hdg__ttl01:not(:has(span)){padding:0 .8em}.o_hdg__ttl02{font-size:22px !important;color:#006cb6;border-bottom:solid 2px #006cb6;font-weight:bold;padding:.2em .5em;margin:0 auto 10px}.o_hdg__ttl03{font-size:18px;font-weight:bold;margin:0 auto 10px}.o_hdg__ttl04{font-size:18px;font-weight:bold;text-align:left;margin:0 auto 10px;border-bottom:solid 2px #006cb6}.o_txt__tc{text-align:center}.o_txt__l{font-size:1.2em !important}.o_lyt__inner{width:1000px;margin-left:auto;margin-right:auto}#o_form__wrap{width:950px;margin-left:auto;margin-right:auto}#o_form__wrap .submit_{margin:40px auto 60px}.o_message_{font-size:18px}.mt-0{margin-top:0px !important}.mb-0{margin-bottom:0px !important}.pt-0{padding-top:0px !important}.pb-0{padding-bottom:0px !important}.mt-10{margin-top:10px !important}.mb-10{margin-bottom:10px !important}.pt-10{padding-top:10px !important}.pb-10{padding-bottom:10px !important}.mt-20{margin-top:20px !important}.mb-20{margin-bottom:20px !important}.pt-20{padding-top:20px !important}.pb-20{padding-bottom:20px !important}.mt-30{margin-top:30px !important}.mb-30{margin-bottom:30px !important}.pt-30{padding-top:30px !important}.pb-30{padding-bottom:30px !important}.mt-40{margin-top:40px !important}.mb-40{margin-bottom:40px !important}.pt-40{padding-top:40px !important}.pb-40{padding-bottom:40px !important}.mt-50{margin-top:50px !important}.mb-50{margin-bottom:50px !important}.pt-50{padding-top:50px !important}.pb-50{padding-bottom:50px !important}.mt-60{margin-top:60px !important}.mb-60{margin-bottom:60px !important}.pt-60{padding-top:60px !important}.pb-60{padding-bottom:60px !important}.mt-70{margin-top:70px !important}.mb-70{margin-bottom:70px !important}.pt-70{padding-top:70px !important}.pb-70{padding-bottom:70px !important}.mt-80{margin-top:80px !important}.mb-80{margin-bottom:80px !important}.pt-80{padding-top:80px !important}.pb-80{padding-bottom:80px !important}.mt-90{margin-top:90px !important}.mb-90{margin-bottom:90px !important}.pt-90{padding-top:90px !important}.pb-90{padding-bottom:90px !important}.mt-100{margin-top:100px !important}.mb-100{margin-bottom:100px !important}.pt-100{padding-top:100px !important}.pb-100{padding-bottom:100px !important}#o_formlp__wrap *{font-size:18px}#o_formlp__wrap,#o_form__wrap{text-align:left}#o_formlp__wrap *,#o_form__wrap *{box-sizing:border-box}#o_formlp__wrap img,#o_form__wrap img{max-width:100%}#o_formlp__wrap p,#o_form__wrap p{margin-bottom:0}#o_formlp__wrap div.order_ form,#o_form__wrap div.order_ form{text-align:left !important}#o_formlp__wrap .agreebody,#o_form__wrap .agreebody{width:100%;margin:10px auto 0;font-size:14px !important;line-height:1.5em;border-radius:5px;border:solid 1px #bdbcbc !important;height:150px;padding:.5em;overflow:auto;text-align:left}#o_formlp__wrap .o_kiyaku_check span,#o_form__wrap .o_kiyaku_check span{font-size:26px}#o_formlp__wrap .message_,#o_form__wrap .message_{margin-left:0}#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=text],#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=number],#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=password],#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=email],#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=tel],#o_formlp__wrap .o_form_lp_cart_wrap_ textarea,#o_formlp__wrap .estimate_card_form_ input[type=text],#o_formlp__wrap .estimate_card_form_ input[type=number],#o_formlp__wrap .o_input_ input[type=text],#o_formlp__wrap .o_input_ input[type=number],#o_formlp__wrap .o_input_ input[type=password],#o_formlp__wrap .o_input_ input[type=email],#o_formlp__wrap .o_input_ input[type=tel],#o_formlp__wrap .o_input_ textarea,#o_form__wrap .o_form_lp_cart_wrap_ input[type=text],#o_form__wrap .o_form_lp_cart_wrap_ input[type=number],#o_form__wrap .o_form_lp_cart_wrap_ input[type=password],#o_form__wrap .o_form_lp_cart_wrap_ input[type=email],#o_form__wrap .o_form_lp_cart_wrap_ input[type=tel],#o_form__wrap .o_form_lp_cart_wrap_ textarea,#o_form__wrap .estimate_card_form_ input[type=text],#o_form__wrap .estimate_card_form_ input[type=number],#o_form__wrap .o_input_ input[type=text],#o_form__wrap .o_input_ input[type=number],#o_form__wrap .o_input_ input[type=password],#o_form__wrap .o_input_ input[type=email],#o_form__wrap .o_input_ input[type=tel],#o_form__wrap .o_input_ textarea{padding:.6em .8em !important;border-radius:5px;border:solid 1px #bdbcbc !important;font-size:18px}#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=text]:focus,#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=number]:focus,#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=password]:focus,#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=email]:focus,#o_formlp__wrap .o_form_lp_cart_wrap_ input[type=tel]:focus,#o_formlp__wrap .o_form_lp_cart_wrap_ textarea:focus,#o_formlp__wrap .estimate_card_form_ input[type=text]:focus,#o_formlp__wrap .estimate_card_form_ input[type=number]:focus,#o_formlp__wrap .o_input_ input[type=text]:focus,#o_formlp__wrap .o_input_ input[type=number]:focus,#o_formlp__wrap .o_input_ input[type=password]:focus,#o_formlp__wrap .o_input_ input[type=email]:focus,#o_formlp__wrap .o_input_ input[type=tel]:focus,#o_formlp__wrap .o_input_ textarea:focus,#o_form__wrap .o_form_lp_cart_wrap_ input[type=text]:focus,#o_form__wrap .o_form_lp_cart_wrap_ input[type=number]:focus,#o_form__wrap .o_form_lp_cart_wrap_ input[type=password]:focus,#o_form__wrap .o_form_lp_cart_wrap_ input[type=email]:focus,#o_form__wrap .o_form_lp_cart_wrap_ input[type=tel]:focus,#o_form__wrap .o_form_lp_cart_wrap_ textarea:focus,#o_form__wrap .estimate_card_form_ input[type=text]:focus,#o_form__wrap .estimate_card_form_ input[type=number]:focus,#o_form__wrap .o_input_ input[type=text]:focus,#o_form__wrap .o_input_ input[type=number]:focus,#o_form__wrap .o_input_ input[type=password]:focus,#o_form__wrap .o_input_ input[type=email]:focus,#o_form__wrap .o_input_ input[type=tel]:focus,#o_form__wrap .o_input_ textarea:focus{border:solid 1px #006cb6 !important;background:#d5e8fd}#o_formlp__wrap .o_delivery_list li,#o_form__wrap .o_delivery_list li{padding:.6em}#o_formlp__wrap ::placeholder,#o_form__wrap ::placeholder{color:#bcbcbc;font-size:16px}#o_formlp__wrap input,#o_form__wrap input{max-width:100% !important}#o_formlp__wrap input.form_addr,#o_formlp__wrap input.form_addr2,#o_formlp__wrap input.form_addr3,#o_form__wrap input.form_addr,#o_form__wrap input.form_addr2,#o_form__wrap input.form_addr3{width:100%}#o_formlp__wrap input+input,#o_form__wrap input+input{margin-left:5px}#o_formlp__wrap .formdetail_.estimate_.card_ input,#o_form__wrap .formdetail_.estimate_.card_ input{max-width:230px !important}#o_formlp__wrap .o_form_lp_cart_wrap_ select,#o_formlp__wrap .o_input_ select,#o_form__wrap .o_form_lp_cart_wrap_ select,#o_form__wrap .o_input_ select{padding:.6em;height:46px;font-size:18px;border-radius:5px;border:solid 1px #bdbcbc !important;line-height:1.2;background:#fff}#o_formlp__wrap .o_formlp__ttl01,#o_form__wrap .o_formlp__ttl01{background:#006cb6;display:flex;align-items:center;color:#fff;gap:10px;line-height:2;font-size:1.2em !important;font-weight:bold;margin:60px 0 10px}#o_formlp__wrap .o_formlp__ttl01 span,#o_form__wrap .o_formlp__ttl01 span{background:#d5e8fd;color:#006cb6;width:2em;text-align:center;font-size:1.2em !important}#o_formlp__wrap .o_formlp__ttl02,#o_form__wrap .o_formlp__ttl02{margin-bottom:20px;font-weight:bold;font-size:1.2em}#o_formlp__wrap .o_formlp__ttl03,#o_form__wrap .o_formlp__ttl03{font-weight:bold;padding:.3em .5em;background:#eee;margin:20px 0 8px;font-size:18px !important}#o_formlp__wrap .o_formlp__ttl04,#o_form__wrap .o_formlp__ttl04{font-size:18px;background:#d5e8fd;font-weight:bold;padding:.2em .5em;width:96%;margin:0 auto 10px}#o_formlp__wrap .o_formlp__login,#o_form__wrap .o_formlp__login{width:96%;display:flex;gap:3%;margin:20px auto;box-sizing:border-box}#o_formlp__wrap .o_formlp__login *,#o_form__wrap .o_formlp__login *{box-sizing:border-box}#o_formlp__wrap .o_formlp__login .o_formlp__loginform_box,#o_form__wrap .o_formlp__login .o_formlp__loginform_box{background:rgba(238,238,238,.7);border-radius:5px;width:50%;text-align:center;padding:2%}#o_formlp__wrap .o_formlp__login .o_formlp__loginform_box .orange_button_,#o_form__wrap .o_formlp__login .o_formlp__loginform_box .orange_button_{font-size:100%}#o_formlp__wrap .o_formlp__login .o_formlp_amazon_login,#o_form__wrap .o_formlp__login .o_formlp_amazon_login{margin-top:30px;height:70px}#o_formlp__wrap .o_formlp__login #AmazonPayButton,#o_form__wrap .o_formlp__login #AmazonPayButton{max-width:80%;height:60px;margin:15px auto 0}#o_formlp__wrap .o_delivery_list li,#o_form__wrap .o_delivery_list li{background:#fff;border:solid 1px #eee}#o_formlp__wrap .o_delivery_list li:has(input:checked),#o_form__wrap .o_delivery_list li:has(input:checked){background:#d5e8fd;border:solid 1px #d5e8fd}#o_formlp__wrap .o_delivery_list li label,#o_form__wrap .o_delivery_list li label{width:100%}#o_formlp__wrap .o_box__gray,#o_form__wrap .o_box__gray{background:rgba(238,238,238,.7);border-radius:5px;margin:0 0 40px}#o_formlp__wrap .o_list_indent>li,#o_form__wrap .o_list_indent>li{padding-left:1em;text-indent:-1em}#o_formlp__wrap .small2_,#o_formlp__wrap .small2_ *,#o_form__wrap .small2_,#o_form__wrap .small2_ *{font-size:14px !important}#o_formlp__wrap .o_form__teiki li label span,#o_form__wrap .o_form__teiki li label span{font-size:.75em !important;background:#eee;padding:0 1em;display:inline-block;border-radius:5px;margin-left:10px}#o_formlp__wrap .o_form__error_box,#o_form__wrap .o_form__error_box{margin:20px 0;border:solid 1px #c00;padding:10px;background:rgba(204,0,0,.1);color:#c00}#o_formlp__wrap .o_form__error_box *,#o_form__wrap .o_form__error_box *{font-size:16px !important}#o_formlp__wrap .o_form__error_box ul.o_list_indent:first-of-type,#o_form__wrap .o_form__error_box ul.o_list_indent:first-of-type{margin:10px 0}#o_formlp__wrap .o_form__error,#o_form__wrap .o_form__error{border-color:#c00 !important;background:rgba(204,0,0,.1) !important}#o_formlp__wrap .o_form__error_txt,#o_form__wrap .o_form__error_txt{color:#c00;line-height:1.5em}#o_formlp__wrap .o_form__error_txt::before,#o_form__wrap .o_form__error_txt::before{content:"";background:url(/images/icon-error.svg) center bottom/contain no-repeat;width:1.2em;height:1.2em;display:inline-block;margin-right:.5em;vertical-align:text-top}#o_formlp__wrap .o_form__radio_list_above li input[type=radio]+label::before,#o_form__wrap .o_form__radio_list_above li input[type=radio]+label::before{top:28px;bottom:auto}#o_formlp__wrap .o_form__radio_list_above li input[type=radio]:checked+label::after,#o_form__wrap .o_form__radio_list_above li input[type=radio]:checked+label::after{top:28px;bottom:auto}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item{display:flex;flex-flow:row-reverse;justify-content:space-between;border:solid 1px #c9c9c9;width:96%;margin:0 auto 10px}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item:has(input[type=radio]:checked),#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item:has(input[type=radio]:checked){border:solid 3px #8fbdef}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_img,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_img{padding:10px;text-align:center;width:calc(100% - 200px)}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_img img,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_img img{max-width:100%}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_check,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_check{display:flex;flex-flow:column;align-items:center;justify-content:center;gap:10px;padding:10px;background:#c9c9c9;width:200px}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_check:has(input[type=radio]:checked),#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_check:has(input[type=radio]:checked){background:#8fbdef}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_radio label,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_radio label{font-size:26px}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity{display:flex;align-items:center;gap:5px}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_container,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_container{display:flex;align-items:center;justify-content:center;gap:5px;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner{width:60px;margin:0 !important;padding:.2em .2em !important;background:#fff;text-align:center;outline:none;pointer-events:none}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner::-webkit-inner-spin-button,#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner::-webkit-outer-spin-button,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner::-webkit-inner-spin-button,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_spinner::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity input[type=number],#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity input[type=number]{-moz-appearance:textfield}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_sub,#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_add,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_sub,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .o_formlp__item_quantity_add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;text-align:center;background:#fff;color:#006cb6;cursor:pointer;font-size:24px !important;line-height:24px}#o_formlp__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .disabled,#o_form__wrap .o_form_lp_cart_wrap_ .o_formlp__item_quantity .disabled{background:#eee;color:#000;cursor:inherit}.o_form__button,.o_form__gray_botton{border-radius:100px;border:none;display:block;text-align:center;font-weight:bold;font-size:20px !important;padding:.8em 0;width:100%;color:#fff !important;cursor:pointer}.o_form__button:hover,.o_form__gray_botton:hover{cursor:pointer;opacity:.8}.o_form__button.o_form__orange_button_,.o_form__orange_button_.o_form__gray_botton{background:#e75b66}.o_form__button.o_form__orange_button_:hover,.o_form__orange_button_.o_form__gray_botton:hover{color:#fff !important}.o_form__button.o_form__blue_button_,.o_form__blue_button_.o_form__gray_botton{background:#3394d5}.o_form__button.o_form__blue_button_:hover,.o_form__blue_button_.o_form__gray_botton:hover{color:#fff !important}.o_form__button.o_form__white_button_,.o_form__white_button_.o_form__gray_botton{background:#fff;color:#666 !important;border:solid 1px #666 !important;position:relative;padding:calc(.8em - 1px) 0}.o_form__button.o_form__white_button_.gift,.o_form__white_button_.gift.o_form__gray_botton{padding:calc(.8em - 7px) 0}.o_form__button.o_form__white_button_.gift span,.o_form__white_button_.gift.o_form__gray_botton span{display:block;font-size:12px;line-height:14px}.o_form__button.o_form__blue_button_s_,.o_form__blue_button_s_.o_form__gray_botton{font-size:14px !important;padding:.6em 1em;width:auto;display:inline-block}.small_btn_{border:none;color:#000;font-size:18px;margin:30px auto 10px !important;text-align:center;border-bottom:1px solid #000;border-radius:0;background:rgba(0,0,0,0);cursor:pointer}.o_form__gray_botton{background:#939393;font-size:16px !important;width:300px !important;padding:.6em;margin-top:40px !important}.o_form__gray_botton:hover{color:#fff !important}#o_formlp__wrap .submit_,#o_form__wrap .submit_{margin-top:40px}#o_formlp__wrap .submit_ .o_form__button,#o_formlp__wrap .submit_ .o_form__gray_botton,#o_form__wrap .submit_ .o_form__button,#o_form__wrap .submit_ .o_form__gray_botton{width:400px;margin:auto}#o_formlp__wrap .o_submit__flex_,#o_form__wrap .o_submit__flex_{display:flex;justify-content:center;gap:30px}#o_formlp__wrap .o_submit__flex_ .o_form__button,#o_formlp__wrap .o_submit__flex_ .o_form__gray_botton,#o_form__wrap .o_submit__flex_ .o_form__button,#o_form__wrap .o_submit__flex_ .o_form__gray_botton{margin:0}#o_formlp__wrap .o_form__inner,#o_form__wrap .o_form__inner{padding:0 10px}#o_formlp__wrap .o_form__list_wrap,#o_form__wrap .o_form__list_wrap{margin-top:20px}#o_formlp__wrap .o_form__list_wrap+.o_form__list_wrap,#o_form__wrap .o_form__list_wrap+.o_form__list_wrap{margin-top:60px}#o_formlp__wrap .o_form__list,#o_form__wrap .o_form__list{margin:20px 0 5px;display:flex;flex-flow:wrap;border:solid 2px #eee;border-width:2px 2px;border-radius:8px;overflow:hidden}#o_formlp__wrap .o_form__list *,#o_form__wrap .o_form__list *{font-size:18px}#o_formlp__wrap .o_form__list>dt,#o_formlp__wrap .o_form__list>dd,#o_form__wrap .o_form__list>dt,#o_form__wrap .o_form__list>dd{padding:14px}#o_formlp__wrap .o_form__list>dt:not(:last-of-type),#o_formlp__wrap .o_form__list>dd:not(:last-of-type),#o_form__wrap .o_form__list>dt:not(:last-of-type),#o_form__wrap .o_form__list>dd:not(:last-of-type){border-bottom:solid 1px #eee}#o_formlp__wrap .o_form__list>dt,#o_form__wrap .o_form__list>dt{width:32%;background:rgba(238,238,238,.7);font-weight:bold;align-items:center}#o_formlp__wrap .o_form__list>dt:not(:last-of-type),#o_form__wrap .o_form__list>dt:not(:last-of-type){border-bottom:solid 1px #e1e0e0}#o_formlp__wrap .o_form__list>dd,#o_form__wrap .o_form__list>dd{width:68%;background:#fff}#o_formlp__wrap .o_form__list>dd p.o_form__error_txt,#o_form__wrap .o_form__list>dd p.o_form__error_txt{margin:5px 0 0}#o_formlp__wrap .o_form__list_dd_align,#o_form__wrap .o_form__list_dd_align{display:flex;height:100%;align-items:center}#o_formlp__wrap .o_form__list .regular_pattarn_wrap .formdetail_,#o_form__wrap .o_form__list .regular_pattarn_wrap .formdetail_{width:100%}#o_formlp__wrap .o_form__list .regular_pattarn_wrap .formdetail_ th,#o_form__wrap .o_form__list .regular_pattarn_wrap .formdetail_ th{width:150px}#o_formlp__wrap .o_form__content_input_flex,#o_form__wrap .o_form__content_input_flex{display:flex;align-items:center;gap:2%}#o_formlp__wrap .o_form__content_input_flex input,#o_form__wrap .o_form__content_input_flex input{max-width:100% !important}#o_formlp__wrap .o_form__content_input_flex input+input,#o_form__wrap .o_form__content_input_flex input+input{margin-left:0}#o_formlp__wrap .o_form__content_input_flex span:not([class]),#o_form__wrap .o_form__content_input_flex span:not([class]){font-size:14px !important;flex-shrink:0;min-width:2.5em;padding:0 .5em 0 0}#o_formlp__wrap .o_form__content_input_flex span.f7em,#o_form__wrap .o_form__content_input_flex span.f7em{font-size:14px !important;flex-shrink:0;width:8.2em;margin:5px 0}#o_formlp__wrap .o_form__content_input_flex .o_form_ttltxt,#o_form__wrap .o_form__content_input_flex .o_form_ttltxt{font-size:14px !important;flex-shrink:0;min-width:5.5em;padding:0 .2em 0 0}#o_formlp__wrap .o_form__content_input_flex input,#o_form__wrap .o_form__content_input_flex input{flex-shrink:5;flex-direction:5}#o_formlp__wrap .o_form__content_input_flex.o_form__birth span:not([class]),#o_form__wrap .o_form__content_input_flex.o_form__birth span:not([class]){min-width:auto;margin:0 .4em;padding:0 !important}#o_formlp__wrap .o_form__content_input_flex_column,#o_form__wrap .o_form__content_input_flex_column{display:flex;flex-flow:column}#o_formlp__wrap .o_form__content_input_flex_column span:not([class]),#o_form__wrap .o_form__content_input_flex_column span:not([class]){font-size:14px !important;flex-shrink:0;margin:5px 0}#o_formlp__wrap .o_form__input_s,#o_form__wrap .o_form__input_s{width:100%;max-width:50% !important}#o_formlp__wrap .o_form__input_s+.o_pw_display_btn,#o_form__wrap .o_form__input_s+.o_pw_display_btn{left:224px !important;font-size:12px}#o_formlp__wrap .o_form__input_ss,#o_form__wrap .o_form__input_ss{width:100px}#o_formlp__wrap .o_form__input_l,#o_form__wrap .o_form__input_l{width:100% !important}#o_formlp__wrap .o_form__input_l.form_tel,#o_formlp__wrap .o_form__input_l.form_time_spec,#o_formlp__wrap .o_form__input_l.form_d_tel,#o_form__wrap .o_form__input_l.form_tel,#o_form__wrap .o_form__input_l.form_time_spec,#o_form__wrap .o_form__input_l.form_d_tel{width:50% !important}#o_formlp__wrap .o_form__radio_list,#o_form__wrap .o_form__radio_list{display:flex;flex-flow:wrap;width:100%;gap:2%}#o_formlp__wrap .o_form__radio_list input[type=radio]+label,#o_form__wrap .o_form__radio_list input[type=radio]+label{display:block;border:solid 1px #eee;background:#fff;margin:0;border:solid 1px #eee;padding:.6em 1em .6em 40px !important;border-radius:3px}#o_formlp__wrap .o_form__radio_list input[type=radio]+label::before,#o_form__wrap .o_form__radio_list input[type=radio]+label::before{left:5px}#o_formlp__wrap .o_form__radio_list input[type=radio]:checked+label,#o_form__wrap .o_form__radio_list input[type=radio]:checked+label{background:#d5e8fd;border:solid 1px #d5e8fd}#o_formlp__wrap .o_form__radio_list input[type=radio]:checked+label::after,#o_form__wrap .o_form__radio_list input[type=radio]:checked+label::after{left:12px}#o_formlp__wrap .o_form__radio_list.column,#o_form__wrap .o_form__radio_list.column{flex-flow:column;gap:6px}#o_formlp__wrap .addresslist_,#o_form__wrap .addresslist_{margin:0}#o_formlp__wrap div.addresslist_ .address_item_,#o_form__wrap div.addresslist_ .address_item_{border:solid 1px #eee;border-radius:3px;padding:10px}#o_formlp__wrap div.addresslist_ .address_item_ address,#o_form__wrap div.addresslist_ .address_item_ address{margin:0;float:none;width:100%}#o_formlp__wrap div.addresslist_ .address_item_ address label,#o_form__wrap div.addresslist_ .address_item_ address label{width:100%}#o_formlp__wrap div.addresslist_ .address_item_ address label span,#o_form__wrap div.addresslist_ .address_item_ address label span{font-size:.75em !important;background:#eee;padding:0 1em;display:inline-block;border-radius:5px;margin-left:10px}#o_formlp__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box,#o_form__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box{display:none;line-height:54px}#o_formlp__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box span.small2_,#o_form__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box span.small2_{display:inline-block;margin-right:1em}#o_formlp__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box span.small2_:not(:first-of-type),#o_form__wrap div.addresslist_ .address_item_ .o_form__reg_pattern_box span.small2_:not(:first-of-type){margin-left:1em}#o_formlp__wrap div.addresslist_ .address_item_:has(input[type=radio]:checked),#o_form__wrap div.addresslist_ .address_item_:has(input[type=radio]:checked){background:#d5e8fd}#o_formlp__wrap div.addresslist_ .address_item_:has(input[type=radio]:checked) label,#o_form__wrap div.addresslist_ .address_item_:has(input[type=radio]:checked) label{margin-bottom:5px}#o_formlp__wrap div.addresslist_ .address_item_ input[type=radio]:checked+label+.o_form__reg_pattern_box,#o_form__wrap div.addresslist_ .address_item_ input[type=radio]:checked+label+.o_form__reg_pattern_box{display:block;padding-left:34px}#o_formlp__wrap #delivery_nekoposu:has(input[type=radio]:checked) #delivery_nekoposu_alert,#o_form__wrap #delivery_nekoposu:has(input[type=radio]:checked) #delivery_nekoposu_alert{margin:0;padding:.3em 0 .6em 40px;border-radius:0 0 3px 3px}#o_formlp__wrap #delivery_nekoposu:has(input[type=radio]:checked) #delivery_nekoposu_alert li,#o_form__wrap #delivery_nekoposu:has(input[type=radio]:checked) #delivery_nekoposu_alert li{font-size:.8em}#o_formlp__wrap .method_list_:has(input[type=radio]:checked) .creditcard-help-block,#o_form__wrap .method_list_:has(input[type=radio]:checked) .creditcard-help-block{margin:0;padding:0 0 .6em 40px;border-radius:0 0 3px 3px}#o_formlp__wrap .method_list_:has(input[type=radio]:checked) .rakuten-help-block,.gmo-help-block,#o_form__wrap .method_list_:has(input[type=radio]:checked) .rakuten-help-block,.gmo-help-block{margin:0;padding:0 0 .6em 40px;border-radius:0 0 3px 3px}#o_formlp__wrap .o_form__icon_ninni,#o_form__wrap .o_form__icon_ninni{background:#d5e8fd;font-size:12px !important;color:#006cb6;display:inline-block;padding:0 .5em;border-radius:3px;margin-left:10px;flex-shrink:0}#o_formlp__wrap .o_form__agreebody,#o_form__wrap .o_form__agreebody{border:solid 1px gray;height:12.2em;padding:.5em;overflow:auto;margin:1.5em auto;overflow-wrap:break-word;overflow-y:scroll}#o_formlp__wrap .o_form__agreebody::-webkit-scrollbar,#o_form__wrap .o_form__agreebody::-webkit-scrollbar{width:10px}#o_formlp__wrap .o_form__agreebody::-webkit-scrollbar-track,#o_form__wrap .o_form__agreebody::-webkit-scrollbar-track{background:#ddd}#o_formlp__wrap .o_form__agreebody::-webkit-scrollbar-thumb,#o_form__wrap .o_form__agreebody::-webkit-scrollbar-thumb{background:#006cb6}#o_formlp__wrap .o_form__agree_check,#o_form__wrap .o_form__agree_check{text-align:center}#o_formlp__wrap .o_form__agree_check span,#o_form__wrap .o_form__agree_check span{font-size:26px}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked),#o_form__wrap #delivery_cvs:has(input[type=radio]:checked){background:#d5e8fd;padding-bottom:.6em}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked) .o_info_list,#o_form__wrap #delivery_cvs:has(input[type=radio]:checked) .o_info_list{background:inherit;margin:0;padding:0 0 0 40px}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked) #delivery_cvs_alert li,#o_form__wrap #delivery_cvs:has(input[type=radio]:checked) #delivery_cvs_alert li{font-size:.8em}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_,#o_form__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_{padding-left:40px}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_msg_,#o_form__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_msg_{padding-left:40px}#o_formlp__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_msg_ .small_,#o_form__wrap #delivery_cvs:has(input[type=radio]:checked) .address_change_atstore_msg_ .small_{font-size:.8em}#o_formlp__wrap input[type=text].hasDatepicker,#o_form__wrap input[type=text].hasDatepicker{padding:.6em 1.8em .6em .8em !important;position:relative !important;display:inline-block !important;max-width:260px !important}#o_formlp__wrap .date_detail_wrap .lp_date_spec,#o_formlp__wrap .o_form__datepicker,#o_form__wrap .date_detail_wrap .lp_date_spec,#o_form__wrap .o_form__datepicker{position:relative;display:inline-block}#o_formlp__wrap .date_detail_wrap .lp_date_spec::after,#o_formlp__wrap .o_form__datepicker::after,#o_form__wrap .date_detail_wrap .lp_date_spec::after,#o_form__wrap .o_form__datepicker::after{content:"";width:16px;height:16px;display:block;background:url(/images/common/icon-carender.svg) center center/contain no-repeat;opacity:.8;position:absolute;margin:auto;right:8px;top:0;bottom:0}#o_formlp__wrap #back_button,#o_form__wrap #back_button{margin-top:20px;display:inline-block}#o_formlp__wrap .o_form__card_img,#o_form__wrap .o_form__card_img{margin:10px 0}#o_formlp__wrap .o_form__card_img img,#o_form__wrap .o_form__card_img img{width:400px}#o_formlp__wrap .goodslist_ .formdetail_goodsdetail_ .goods_,#o_form__wrap .goodslist_ .formdetail_goodsdetail_ .goods_{width:100px;border-right:none !important}#o_formlp__wrap .goodslist_ .formdetail_goodsdetail_ .goods_ img,#o_form__wrap .goodslist_ .formdetail_goodsdetail_ .goods_ img{width:80px}#o_formlp__wrap .goodslist_ .formdetail_goodsdetail_ .name_,#o_form__wrap .goodslist_ .formdetail_goodsdetail_ .name_{border-left:none;width:330px}#o_formlp__wrap .goodslist_ .formdetail_goodsdetail_ .qty_,#o_form__wrap .goodslist_ .formdetail_goodsdetail_ .qty_{text-align:center}#o_formlp__wrap .goodslist_ .formdetail_goodsdetail_ .amt_,#o_form__wrap .goodslist_ .formdetail_goodsdetail_ .amt_{min-width:120px;text-align:right}#o_formlp__wrap .sender_info_,#o_form__wrap .sender_info_{margin-bottom:30px}#o_formlp__wrap .sender_info_ label,#o_form__wrap .sender_info_ label{font-weight:bold}.o_cart__item{border-bottom:solid 1px #d5e8fd;display:grid;padding:10px;grid-template-columns:80px auto 240px;grid-template-rows:auto auto auto;gap:2px 30px;align-items:start;grid-template-areas:"img name footer" "img txt footer" "img price footer"}.o_cart__item:first-of-type{border-top:solid 1px #d5e8fd}.o_cart__item:has(.o_cart__goods_select){grid-template-areas:"img name footer" "img txt footer" "img price footer" "img select select"}.o_cart__item *{margin:0;box-sizing:border-box}.o_cart__item_img{grid-area:img}.o_cart__item_name{grid-area:name;text-align:left;align-self:end}.o_cart__item_txt{grid-area:txt;text-align:left;align-self:stretch}.o_cart__item_price{grid-area:price;text-align:left;align-self:start}.o_cart__item_footer{grid-area:footer;align-self:stretch}.o_cart__item .o_cart__goods_select{grid-area:select;align-self:stretch}.o_cart__item_img{display:flex;flex-flow:column;align-items:center}.o_cart__item_img a img{width:80px}.o_cart__item_name a{display:block;margin-top:5px}.o_cart__item_price{justify-content:start;font-weight:bold}.o_cart__item_footer{justify-content:stretch;width:100%;display:grid;justify-content:space-between;align-items:center;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px 10px;grid-template-areas:"quantity delete" "total delete"}.o_cart__item_quantity{grid-area:quantity;align-self:end;display:flex;align-items:center;gap:5px}.o_cart__item_quantity_container{display:flex;align-items:center;justify-content:center;gap:5px;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.o_cart__item_quantity_spinner{width:70px;margin:0 !important;padding:.5em .4em !important;background:#fff;text-align:center;outline:none;pointer-events:none;border:solid 1px #bdbcbc !important;border-radius:3px}.o_cart__item_quantity_spinner::-webkit-inner-spin-button,.o_cart__item_quantity_spinner::-webkit-outer-spin-button{-webkit-appearance:none}.o_cart__item_quantity_sub,.o_cart__item_quantity_add{display:flex;align-items:center;justify-content:center;width:30px;height:30px;text-align:center;background:#006cb6;color:#fff;cursor:pointer;font-size:24px !important;line-height:30px;padding-bottom:3px}.o_cart__item_quantity .disabled{background:#eee;color:#000;cursor:inherit}.o_cart__item_total{display:flex;justify-content:flex-end;gap:20px;align-items:last baseline}.o_cart__item_total_shipping{font-weight:bold;padding:5px 10px;color:#fff;background:#c00;position:relative}.o_cart__item_total_shipping::after{content:"";background:#c00;width:10px;height:100%;clip-path:polygon(0 0, 0% 100%, 100% 50%);position:absolute;right:-10px;top:0}.o_cart__item_total_price{grid-area:total;justify-self:end;align-self:start;font-weight:bold;color:#c00;font-size:18px}.o_cart__item_delete{grid-area:delete}.o_cart__item_delete input{border:none;background:rgba(0,0,0,0);text-decoration:underline;cursor:pointer}.o_cart__item.o_cart__item_conf{margin:0 2% 10px;padding-top:10px;border-bottom:solid 1px #eee;padding-bottom:20px}.o_cart__item.o_cart__item_conf .o_cart__item_conf_detail{display:flex;gap:5px}.o_cart__item_total_wrap{display:flex;justify-content:space-between;align-items:center}.o_cart__item_total_wrap .op_cart_back{width:auto}.o_cart__item_total{text-align:right;margin:10px 10px 20px}.o_cart__item_total_price span{color:#c00;font-size:24px;font-weight:bold;display:inline-block;margin-left:1em}.o_cart__goods_select{margin-top:10px;width:calc(100% - 240px)}.o_cart__goods_select>p{text-align:left}.o_cart__goods_select .o_cart__goods_select_tbl{margin-top:5px;width:100%;border:0px;border-top:solid 1px #d5e8fd;border-left:solid 1px #d5e8fd;border-right:solid 1px #d5e8fd}.o_cart__goods_select .o_cart__goods_select_tbl .o_kind_{padding-left:8px}.o_cart__goods_select .o_cart__goods_select_tbl .o_kind_>div{display:flex;gap:15px}.o_cart__goods_select .o_cart__goods_select_tbl tr{border-bottom:solid 1px #d5e8fd}.o_cart__goods_select .o_cart__goods_select_tbl th{text-align:center;border:0;background:#d5e8fd}.o_cart__goods_select .o_cart__goods_select_tbl td{border:0;padding:4px}.o_cart__goods_select .o_cart__goods_select_tbl td.o_quantity{padding-right:8px}.o_cart__goods_select .o_cart__goods_select_tbl td.o_quantity input{width:54px;margin:0 !important;padding:.5em .4em !important;background:#fff;text-align:center;outline:none;border:solid 1px #bdbcbc !important;border-radius:3px}.o_regular_purchase{background:#dbefda;margin-bottom:10px;text-align:left;display:grid;align-items:center;padding:0 10px 10px;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 10px;grid-template-areas:"info info" "btn merit"}.o_regular_purchase .o_ragular_puchase_info{grid-area:info;padding-left:20px}.o_regular_purchase .o_ragular_purchase_btn{grid-area:btn;align-self:flex-start}.o_regular_purchase .o_ragular_purchase_btn .button_{font-size:14px;padding:12px 1em;margin:0;background:#2b9f25}.o_regular_purchase .o_ragular_puchase_merit_list{grid-area:merit;background:#fff;border-radius:5px;padding:10px;display:flex;gap:5px 0;flex-flow:wrap;width:auto}.o_regular_purchase .o_ragular_puchase_merit_list li{font-size:14px;width:50%}.o_regular_purchase .o_ragular_puchase_merit_list li span{color:#17560a;font-weight:bold;margin-right:10px}.o_cart__address_item{position:relative}.o_cart__address_item_name{font-weight:bold}.o_cart__address_item_main{padding-right:110px;word-break:break-all}.o_cart__address_item_main address{font-style:normal;font-size:14px !important;line-height:1.5}.o_cart__address_item .address_change_{position:absolute;margin:auto;top:0;bottom:0;right:20px}.o_txt__link_arw{display:inline-block}.o_txt__link_arw::before{content:"";display:inline-block;width:.4em;height:.4em;border-right:solid 2px #006cb6;border-top:solid 2px #006cb6;transform:translate(0, -0.1em) rotate(45deg);margin-right:.5em}#o_form__wrap .address_bottom_ .o_form__blue_button_{display:inline !important;max-width:240px !important;font-size:16px !important;padding:.4em 0 !important}#card_message_content{display:flex;align-items:center;gap:20px}#card_message_content .card_message_frame_ .card_message_line_{margin-top:5px}#card_message_content .card_message_frame_ .card_message_line_ input{width:100%}#card_message_content .card_message_image_box_ img{width:100%}dl.o_list__tbl01{display:flex;flex-flow:wrap;align-items:baseline}dl.o_list__tbl01>dt{width:10em}dl.o_list__tbl01>dd{width:calc(100% - 10em);margin-bottom:10px}#method_pay #AmazonPayButton{height:70px !important}#o_form__wrap dl.o_list__confirm{border-top:1px solid #bdbcbc;display:flex;flex-flow:wrap;margin-bottom:20px}#o_form__wrap dl.o_list__confirm dt{width:20%;display:flex;align-items:center;border:1px solid #bdbcbc;border-top:0px;box-sizing:border-box;margin:0;font-weight:bold;background:rgba(238,238,238,.7);padding:14px 20px;font-size:14px}#o_form__wrap dl.o_list__confirm dd{width:80%;display:flex;border-right:1px solid #bdbcbc;border-bottom:1px solid #bdbcbc;box-sizing:border-box;margin:0;font-size:14px;align-items:center;padding:14px 20px}label[for=o_mailNews] span,label[for=o_mag] span{font-size:20px;font-weight:bold}h3#giftcard{position:relative;padding:8px 10px;transition:all .5s ease 0s}.o_form__list_wrap>h3.giftcard_title.open::before{transform:rotate(0deg)}.o_form__list_wrap>.giftcard_title::before{margin:auto;top:0;bottom:0;position:absolute;content:"";display:block;border-top:2px solid #005bb5;width:20px;height:0;right:10px;transition-duration:.5s;transform:rotate(90deg)}.o_form__list_wrap>.giftcard_title::after{margin:auto;top:0;bottom:0;position:absolute;content:"";display:block;border-top:2px solid #005bb5;width:20px;height:0;right:10px;transition-duration:.5s}#o_form__wrap .comp_msg{font-size:20px;font-weight:bold}#o_form__wrap .regular_sales_prediction_ .formdetail_ td{font-size:16px !important;padding:20px 5px}#o_form__wrap .o_form__list .regular_sales_prediction_ table.formdetail_ th{text-align:center;padding:14px 5px;width:130px}#o_form__wrap #atstore_type{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.change_regular_dest_list_confirm_,.change_regular_dest_list_{width:100% !important}.change_regular_dest_list_confirm_ .caption_change_flg_,.change_regular_dest_list_ .caption_change_flg_{width:18% !important}.change_regular_dest_list_confirm_ .caption_nextshipdate_,.change_regular_dest_list_ .caption_nextshipdate_{width:16% !important}.change_regular_dest_list_confirm_ .caption_regular_sales_,.change_regular_dest_list_ .caption_regular_sales_{width:16% !important}.change_regular_dest_list_confirm_ .caption_regular_sales_detail_,.change_regular_dest_list_ .caption_regular_sales_detail_{width:25% !important}.change_regular_dest_list_confirm_ .caption_regular_sales_dest_,.change_regular_dest_list_ .caption_regular_sales_dest_{width:25% !important}.change_regular_dest_list_confirm_ .o_form_required_pink label,.change_regular_dest_list_ .o_form_required_pink label{display:block}.sales_ship_list_{width:100% !important}.sales_ship_list_ .caption_order_dt_{width:16% !important}.sales_ship_list_ .caption_order_{width:16% !important}.sales_ship_list_ .caption_order_detail_{width:24% !important}.sales_ship_list_ .caption_order_dest_{width:24% !important}.sales_ship_list_ .caption_order_status_{width:20% !important}.sales_ship_list_ .order_detail_.lefttext_{word-break:break-all}.regular_dest_diff_list_{width:100% !important}.regular_dest_diff_list_ .caption_nextshipdate_{width:16% !important}.regular_dest_diff_list_ .caption_regular_sales_{width:16% !important}.regular_dest_diff_list_ .caption_regular_sales_detail_{width:43% !important}.regular_dest_diff_list_ .caption_regular_sales_dest_{width:25% !important}.formdetail_.customer_.o_list__confirm.customer_confirm_,.change_regular_dest_list_,.order_destgoodslist_{width:100% !important;margin-left:0}.bill-help-block{border-bottom:1px dotted;padding-bottom:10px;margin-bottom:10px}/*# sourceMappingURL=form_style_pc.css.map */ table#op_mp_dgcard_table {width:100%;border:solid 1px #006cb5;} table#op_mp_dgcard_table tr > th {color:#FFF;text-align: center;font-size:16px;background:#006cb5;border-left-color:#FFF;font-weight:normal;padding:6px 0;} table#op_mp_dgcard_table tr > th:first-of-type {border-left-color:#006cb5;} table#op_mp_dgcard_table tr > th.op_mp_dgcard_name {width:360px;} table#op_mp_dgcard_table tr > th.op_mp_dgcard_expires {width:100px;} table#op_mp_dgcard_table tr > td {border:dashed 1px #006cb5;vertical-align: middle;padding:5px 10px;} .regulardest_dgcard_frame_in th, .regulardest_dgcard_frame_in td { text-align: center; } .regulardest_dgcard_frame_in .coupon-name{ text-align: left; } #o_form__wrap div.o_form__list#giftcard_input{border:none;} #o_form__wrap table.o_form_dgcard_list_ {width:100%;} #o_form__wrap table.o_form_giftcard_list_ {width:100%; margin-bottom:5px;} #o_form__wrap table.o_form_giftcard_list_ td, table.o_form_dgcard_list_ td { vertical-align: middle; } #o_form__wrap table.o_form_giftcard_list_ th, table.o_form_dgcard_list_ th { text-align:center; } #o_form__wrap table.o_form_giftcard_list_ th.giftcard_check_, #o_form__wrap table.o_form_dgcard_list_ th.dgcard_check_{ width:60px; /* background-color:#fff; border-left-color:#fff; border-top-color:#fff; border-buttom-color:#fff; */ } #o_form__wrap table.o_form_giftcard_list_ th.giftcard_no_, #o_form__wrap table.o_form_dgcard_list_ th.dgcard_name_{ width:600px; } #o_form__wrap table.o_form_giftcard_list_ td.giftcard_check_, #o_form__wrap table.o_form_dgcard_list_ td.dgcard_check_, #o_form__wrap table.o_form_dgcard_list_ td.dgcard_expiration_ { text-align: center; } #o_form__wrap table.o_form_giftcard_list_ td.giftcard_check_ > label, #o_form__wrap table.o_form_dgcard_list_ td.dgcard_check_ > label{ padding:0px !important; margin:0px; } #o_form__wrap table.o_form_giftcard_list_ td.giftcard_check_ > label::before, #o_form__wrap table.o_form_dgcard_list_ td.dgcard_check_ > label::before{ margin:-12px; } #o_form__wrap table.o_form_giftcard_list_ td.giftcard_check_ > label::after, #o_form__wrap table.o_form_dgcard_list_ td.dgcard_check_ > label:after{ margin: -6px -12px -12px -12px; } .customer_ table.o_form_giftcard_list_ td, table.o_form_dgcard_list_ td { vertical-align: middle; } .customer_ table.o_form_giftcard_list_ th.giftcard_check_, .customer_ table.o_form_dgcard_list_ th.dgcard_check_{ width:60px; /* background-color:#fff; border-left-color:#fff; border-top-color:#fff; border-buttom-color:#fff; */ } .customer_ table.o_form_giftcard_list_ th.giftcard_no_, .customer_ table.o_form_dgcard_list_ th.dgcard_name_{ width:600px; } .customer_ table.o_form_giftcard_list_ td.giftcard_check_, .customer_ table.o_form_dgcard_list_ td.dgcard_check_, .customer_ table.o_form_dgcard_list_ td.dgcard_expiration_ { text-align: center; } .customer_ table.o_form_giftcard_list_ td.giftcard_check_ > label, table.o_form_dgcard_list_ td.dgcard_check_ > label{ padding:0px !important;; margin:0px; } .customer_ table.o_form_giftcard_list_ td.giftcard_check_ > label::before, table.o_form_dgcard_list_ td.dgcard_check_ > label::before{ margin:-12px; } .customer_ table.o_form_giftcard_list_ td.giftcard_check_ > label::after, table.o_form_dgcard_list_ td.dgcard_check_ > label:after{ margin: -6px -12px -12px -12px; } #o_form__wrap table.o_form_giftcard_list_ tr:has(input[type=checkbox]:checked) td, #o_form__wrap table.o_form_dgcard_list_ tr:has(input[type=checkbox]:checked) td { background: #d5e8fd; } .customer_ .o_form__list p{margin:0;}