*{box-sizing: border-box;} body{background: #FFF;color: #000;font-size: 13px;*font-size: small;*font: x-small;line-height: 1.5;letter-spacing: 0.05em;word-wrap: break-word;position: relative; font-family: Lato, Meiryo, メイリオ, 'MS PGothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;letter-spacing: 0;} a{text-decoration: none;color: #000;transition: 0.3s;} a:hover{opacity: 0.8;cursor: pointer;} img{vertical-align: bottom;-ms-interpolation-mode: bicubic;image-rendering: auto;} .clearfix:after{content: "";clear: both;display: block;} .w768{width: 768px;margin: auto;} .w896{width: 896px;margin: auto;} .w897{width: 897px;margin: auto;} .w928{width: 928px;margin: auto;} .w1000{width: 1000px;margin: auto;} .w1200{width: 1200px;margin: auto;} .bgBlue{background: #ECF2FA;} .pt24{padding-top: 24px;} .pt40{padding-top: 40px;} .pt100{padding-top: 100px;} .pb27{padding-bottom: 27px;} .pb33{padding-bottom: 33px;} .pb40{padding-bottom: 40px;} .pb47{padding-bottom: 47px;} .pb64{padding-bottom: 64px;} .pb95{padding-bottom: 95px;} .mt40{margin-top: 40px;} .mb8{margin-bottom: 8px;} .mb16{margin-bottom: 16px;} .mb25{margin-bottom: 25px;} .mb32{margin-bottom: 32px;} .mb4{margin-bottom: 4px;} .mb8{margin-bottom: 8px;} .mb10{margin-bottom: 10px;} .mb12{margin-bottom: 12px;} .mb14{margin-bottom: 14px;} .mb16{margin-bottom: 16px;} .mb18{margin-bottom: 18px;} .mb20{margin-bottom: 20px;} .mb24{margin-bottom: 24px;} .mb30{margin-bottom: 30px;} .mb32{margin-bottom: 32px;} .mb40{margin-bottom: 40px;} .mb42{margin-bottom: 42px;} .mb64{margin-bottom: 64px;} #MEMBER_INPUT_ZIP_ADDRESS_MESSAGE_PANEL{color: #DB3138 !important;} #MEMBER_INPUT_ZIP_ADDRESS_MESSAGE_PANEL img{width: 16px;} span.must{background: #DB3138;color: #fff;font-size: 11px;padding: 3px 4px 4px;margin-right: 3px;} select{ font-size:13px; } .dv_rc_description{display: none;} #cart.seisan select#ADDR1 option:last-of-type{display:none;} #cart.seisan select#SEND_ADDR1 option:last-of-type{display:none;} /************************************************** パスワード表示 ***************************************************/ .pw_check{font-size: 12px;} .pw_check input[type="checkbox"]{margin-top:10px;width: auto !important;} .pw_check label{margin-top:10px;} /************************************************** ヘッダー ***************************************************/ header{background: #ECF2FA;} header.is-fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;} header h1{float: left;padding: 18px 0 15px;line-height: 1em;} header .innerBox{float: right;vertical-align: middle;display: table;height: 67px;} header .innerBox ul{display: table-cell;vertical-align: middle;} header .innerBox ul li{display: table-cell;padding-right: 19px;} header .innerBox ul li:last-of-type{padding-right: 25px;} header .innerBox ul li a{text-decoration: none;color: #000;font-size: 15px;} header .innerBox ul li.account_name a{color:#014DA2;font-weight: bold;} header .innerBox ul li.account_name {position: relative;} header .innerBox ul li.account_name:hover{cursor: pointer;} header .innerBox ul li.account_name p.name {padding: 10px 0;display:table-cell;padding-right:10px;} header .innerBox ul li.account_name p.name .innerName{color: #000;font-size: 15px;} header .innerBox ul li.account_name p.btn{height:20px;width:20px;background: url(../img/common/header/mypage_icon.png)no-repeat center;pading-left: 10px;display:table-cell;} header .innerBox ul li.account_name .account_box {position: absolute;top: 35px;padding: 24px 19px 16px 19px;background: rgba(255,255,255,0.95);z-index: 99999; border: 2px solid #2866AA;width: 240px;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);border-radius: 5px;} header .innerBox ul li.account_name .account_box p {font-size: 14px;margin-bottom: 12px;} header .innerBox ul li.account_name .account_box input.button.negative.small {appearance: none;-webkit-appearance: none;-moz-appearance: none; border: none;background: none;padding: 0;font-size: 13px;float: right;outline: none;} header .innerBox ul li.account_name .account_box input.button.negative.small:hover{cursor: pointer;} header .innerBox .cart{display: table-cell;padding-right: 19px;vertical-align: middle;} header .innerBox .cart .inner{position: relative;padding-bottom: 10px;} header .innerBox .cart .quantity{position: absolute;top: 0;right: 0;border-radius: 50%;background: #DB3138;width: 16px;height: 16px;display: table;} header .innerBox .cart .quantity p{line-height: 1em;color: #fff;font-size: 12px;display: table-cell;vertical-align: middle;width: 100%;text-align: center;} header .innerBox .searchBox{display: table-cell;vertical-align: middle;} header .innerBox .searchBox form{position: relative;} header .innerBox .searchBox form input[type='text']{width: 211px;height: 29px;box-shadow: none;border: none;border-radius: 2px;padding-left: 11px;font-size: 12px;outline: none;} header .innerBox .searchBox form input[type='text']::placeholder{color: #888888;} header .innerBox .searchBox input.button{appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none; position: absolute;right: 0;top: 0;height: 29px;width: 31px;box-shadow: none; border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-left-radius: 0;border-bottom-right-radius: 2px; text-indent: -9999px;background: url(../img/common/header/search.png)no-repeat center #014DA2;} header .under{border-top: 1px solid #D3D9E2;position: relative;} header .under p.menu{float: left;width: 299px;text-align: center;box-sizing: border-box;padding: 15px 0;} header .under p.menu:first-of-type a{border-left: 1px solid #D3D9E2;} header .under p.menu a{font-size: 15px;font-weight: bold;border-right: 1px solid #D3D9E2;display: block;} header .under .itemMenu{position: absolute;left: 0;top: 45px;width: 100%;background: #fff;padding: 37px 0 60px;z-index: 9999; box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2);} header .under .itemMenu .category{font-size: 15px;font-weight: bold;margin-bottom: 6px;} header .under .itemMenu .category span{font-size: 11px;} header .under .itemMenu .img{margin-bottom: 10px;} header .under .itemMenu ul li p{margin-bottom: 4px;} header .under .itemMenu ul li p a{font-size: 13px;font-weight: bold;} header .under .itemMenu .box{float: left;width: 167px;/*border-right: 1px solid #014DA2;*/padding: 0 14px 0;} header .under .itemMenu .box:first-of-type{width: 198px;padding-left: 40px;} header .under .itemMenu .lastBox{float: left;width: 198px;padding-left: 26px;} header .under .itemMenu .lastBox .category{margin-bottom: 33px;} header .under .itemMenu .lastBox ul li p{padding-left: 10px;background: url(../img/common/header/icon_arrow.png)no-repeat left center;} header .under .itemMenu .lastBox ul li p a{font-size: 15px;font-weight: bold;} header .under .itemMenu .lastBox ul li.last_box_bnr img{max-width: 173px; margin-bottom: 5px;} .head_close{width: 100%;padding: 10px 0;clear: both;} header .under .head_close p.menu {display: block;width:896px;float: none;text-align: center;box-sizing: border-box; margin: auto;} header .under .head_close p.menu a{display: block;width: 270px;border-radius: 2px;padding: 20px 15px;float: none;text-align: center;box-sizing: border-box; margin: auto;background: #fff;color: #333;border:1px solid #ccc;border-radius: 4px;} /************************************************** フッター ***************************************************/ footer #campaign_bnr h3{font-weight: bold;font-size: 24px;margin-bottom: 42px;text-align: center;} footer #campaign_bnr .item{float: left;width: 440px;margin-right: 16px;} footer #campaign_bnr .item:last-of-type{margin-right: 0;} footer #campaign_bnr .item .img{margin-bottom: 15px;} footer #campaign_bnr .item p{font-size: 15px;font-weight: bold;} footer #shoppingGuide h3{font-weight: bold;font-size: 18px;margin-bottom: 20px;} footer #shoppingGuide .wrapper03 .calendar{} footer #shoppingGuide .wrapper03 .calendar .ui-datepicker-header{background: #1C4888;margin: 0 0 10px;position: relative;padding: 8px 0 7px;} footer #shoppingGuide .wrapper03 .calendar .ui-datepicker-header span{font-size: 16px;font-weight: bold;} footer #shoppingGuide .wrapper03 .calendar .ui-datepicker-header a.ui-datepicker-prev.ui-corner-all {width: 14px;height: 19px; text-indent: -9999px;position: absolute;top: 8px;left: 10px;background: url(../img/cal_arrow_prev.png)no-repeat center;background-size: 5px 9px;} footer #shoppingGuide .wrapper03 .calendar .ui-datepicker-header a.ui-datepicker-next.ui-corner-all {width: 14px;height: 19px; text-indent: -9999px;position: absolute;right: 10px;top: 8px;background: url(../img/cal_arrow_next.png)no-repeat center;background-size: 5px 9px;} footer #shoppingGuide .wrapper03 .calendar .ui-datepicker-header .ui-datepicker-title{text-align: center;color: #fff;font-size: 12px;} footer #shoppingGuide .wrapper03 .calendar table{background: #fff;padding: 10px 13px 10px 14px;border-collapse: inherit;border-spacing: inherit;margin-bottom: 10px;} footer #shoppingGuide .wrapper03 .calendar th{width: 26px;height: 25px;font-weight: bold;} footer #shoppingGuide .wrapper03 .calendar td {width: 26px;height: 23px;vertical-align: middle;text-align: center;border-right: 2px solid #fff;border-bottom: 2px solid #fff;} footer #shoppingGuide .wrapper03 .calendar td.day_color2{background: #1C4888;} footer #shoppingGuide .wrapper03 .calendar td.day_color2 a{color: #fff;} footer #shoppingGuide .wrapper03 .calendar td.day_color3{background: #FFFBB2;} footer #shoppingGuide .wrapper03 .calendar td:last-of-type{border-right: none;width: 25px;} footer #shoppingGuide .wrapper03 .calendar td a {line-height: 1em;vertical-align: middle;cursor: default;} footer #shoppingGuide .wrapper03 .calendar a:-webkit-any-link, footer #shoppingGuide .wrapper03 .calendar a:any-link, footer #shoppingGuide .wrapper03 .calendar a:-moz-any-link, footer #shoppingGuide .wrapper03 .calendar .ui-state-hover:hover, footer #shoppingGuide .wrapper03 .calendar td:hover, footer #shoppingGuide .wrapper03 .calendar td a:hover{cursor: default !important;opacity: 1 !important;} footer #shoppingGuide .guide{border-bottom: 1px solid #DBDBDB;margin-bottom: 32px;} footer #shoppingGuide .guide ul li{display: inline-block;margin-right: 30px;margin-bottom: 25px;} footer #shoppingGuide .guide ul li.last{margin-right: 0;} footer #shoppingGuide .guide ul li a{font-size: 15px;padding-left: 13px;background: url('../img/common/footer/icon_arrow02.png')no-repeat left center; -webkit-background-size: 6px 11px; background-size: 6px 11px;} footer #shoppingGuide .guide ul li a:hover{text-decoration: underline;} footer #shoppingGuide .wrapper{float: left;width: 367px;margin-right: 31px;} footer #shoppingGuide .wrapper02{float: left;width: 267px;margin-right: 31px;} footer #shoppingGuide .wrapper03{float: left;width: 200px;} footer #shoppingGuide h4{background: #1C4888;margin: 0 0 10px;padding: 8px 0 7px;text-align: center;color: #fff;font-weight: bold;font-size: 16px;} footer #shoppingGuide .wrapper .box .inner{background: #fff;padding: 13px 11px 10px 12px;margin-bottom: 10px;} footer #shoppingGuide .wrapper .box .inner .img{margin-bottom: 6px;} footer #shoppingGuide .wrapper .box .inner p{font-size: 13px;} /*footer #shoppingGuide .wrapper .box02 h6{font-weight: bold;font-size: 12px;display: table-cell;text-align: center;vertical-align: middle;padding-right: 17px;} footer #shoppingGuide .wrapper .box02 .inner{display: table;} footer #shoppingGuide .wrapper .box02 .inner p{font-size: 12px;display: table-cell;vertical-align: middle;} footer #shoppingGuide .wrapper .box02 .inner p span{font-weight: bold;color: #FF0000;}*/ footer #shoppingGuide .wrapper02 .box02 h6{font-weight: bold;font-size: 12px;display: table-cell;text-align: center;vertical-align: middle;padding-right: 17px;} footer #shoppingGuide .wrapper02 .box02 .inner{background: #fff;padding: 10px;} footer #shoppingGuide .wrapper02 .box02 .inner p{font-size: 12px;white-space: nowrap;} footer #shoppingGuide .wrapper02 .box02 .inner p span{font-weight: bold;color: #FF0000;} footer #shoppingGuide .wrapper02 .box03 .inner{padding: 0 10px 10px;} @import url('//fonts.googleapis.com/css?family=Lato'); footer #shoppingGuide .wrapper02 .box03 .tel{font-size: 27px;font-weight: bold;color: #003571;padding-left: 39px;white-space: nowrap;background: url(../img/common/footer/icon_tel02.png)no-repeat left center;font-family: 'Lato', sans-serif;} footer #shoppingGuide .wrapper02 .box03 p{font-size: 13px;} footer #shoppingGuide .wrapper02 .box04 .inner{text-align: center;} footer #shoppingGuide .wrapper02 .box04 .inner p{display: inline-block;margin: 0 2px;} footer #shoppingGuide .wrapper03 .icon p{font-size: 13px;font-weight: bold;position: relative;padding-left: 16px;} footer #shoppingGuide .wrapper03 .icon p:after{content: " ";position: absolute;top: 4px;left: 0;width: 13px;height: 13px;} footer #shoppingGuide .wrapper03 .icon p:first-of-type::after{border: 1px solid #1C4888;background: #1C4888;box-sizing: border-box;} footer #shoppingGuide .wrapper03 .icon p:last-of-type::after{border: 1px solid #DCD899;box-sizing: border-box;background: #FFFBB2;width: 13px;height: 13px;} footer #footer{background: #014DA2;padding: 40px 0 17px;} footer #footer p{color: #fff;font-size: 12px;} footer #footer .inner{position: relative;display: table;width: 100%;} footer #footer .inner .jdma{display: table-cell;vertical-align: top;width: 136px;} footer #footer .inner .jdma ul li{float: left;margin-right: 8px;} footer #footer .inner .jdma ul li:last-of-type{margin-right: 0;} footer #footer .inner .jdma .jdma_logo{position: absolute;right: 0;top: 50px;} footer #footer .logo{display: table-cell;vertical-align: middle;padding-right: 35px;} footer #footer .text{display: table-cell;vertical-align: middle;padding-right: 25px;font-size: 15px;line-height: 2em;} footer #footer ul li a{font-size: 12px;color: #fff;line-height: 2em;white-space: nowrap;} footer #footer ul li a:hover{text-decoration: underline;} footer #footer .copyright{text-align: center;font-weight: normal;padding-top: 14px;border-top: 1px solid #013671;margin-top: 40px;} /************************************************** キャンペーン ***************************************************/ #campaignBlock{background: #F7F7F7;padding: 8px 0 7px;text-align: center;} #campaignBlock .wrapper{display: inline;} #campaignBlock .innerBox{display: table-cell;} #campaignBlock .innerBox:nth-of-type(n + 3){display:none;} #campaignBlock .innerBox:first-of-type{padding-right: 35px;} #campaignBlock .innerBox p{line-height: 31px;background: url(../img/icon_camp.png)no-repeat left center;padding-left: 43px;} #campaignBlock .innerBox a{display: block;line-height: 31px;background: url(../img/camp_arrow.png)no-repeat right center;padding-right: 37px;font-size: 15px; max-width: 388px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; -webkit-background-size: 8px auto;background-size: 8px auto;} /************************************************** パンくず ***************************************************/ #breadcrumbs{margin: 20px auto 35px;} #breadcrumbs p{color: #A0A0A0;font-size: 12px;} #breadcrumbs a{color: #000;font-size: 12px;} #breadcrumbs a:hover{text-decoration: underline;} #breadcrumbs p span.arrow{color: #000;} /************************************************** エラー・メッセージ ***************************************************/ #error{margin-bottom: 40px;} #error th{border: none !important;padding: 0;} #error td{border: none !important;padding: 0 !important;} #error td.content{padding: 0 0 0 16px !important;vertical-align: middle;float: none;} #error td.content span{font-size: 15px;font-weight: bold;color: #DB3138;} #error td.content li{font-size: 15px;font-weight: bold;color: #DB3138;} #error table{margin-bottom: 32px;border: none !important;} #error table:last-of-type{margin-bottom: 40px;} /************************************************** エラーページ ***************************************************/ #error_page{margin-bottom: 64px;} #error_page .buttonarea{margin-top: 64px;text-align: center;} #error_page .buttonarea input[type="submit"]{-webkit-appearance: none;width: 220px;height: 50px;border-radius: 4px;color: #fff;font-weight: bold; font-size: 15px;transition: 0.3s;outline: none;margin: 0 10px;} #error_page .buttonarea input[type="submit"].positive{background: #014DA2;border: 1px solid #014DA2;} #error_page .buttonarea input[type="submit"].positive:hover{cursor: pointer;background: #fff;color: #014DA2;} #error_page .buttonarea input[type="submit"].negative{background: #4C4C4C;border: 1px solid #4C4C4C;} #error_page .buttonarea input[type="submit"].negative:hover{cursor: pointer;background: #fff;color: #4C4C4C;} /************************************************** 下層ページタイトル ***************************************************/ #under_title{font-weight: bold;font-size: 20px;padding-bottom: 13px;margin-bottom: 20px;border-bottom: 1px solid #E8E8E8;} /************************************************** TOP ***************************************************/ /*スライド*/ #mainslider li{padding: 0 5px;} #mainslider li a{outline: none;} #topics{height: 47px;display: table;margin-bottom: 24px;} #topics .box{height: 47px;display: table-cell;background: #fff;width: 596px;float: left;padding: 0 29px;} #topics .box .inner{overflow: hidden;width: 538px;padding-top: 1em;} #topics .box .inner p{color: #000;font-weight: normal;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inherit;} #topics .box .inner p a{background: none;color: #000;font-weight: normal;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inherit;} #topics .title{background: #4A4A4A;width: 150px;float: left;display: table;height: 47px;} #topics p{color: #fff;text-align: center;font-size: 15px;font-weight: bold;vertical-align: middle;display: table-cell;} #topics p.link{width: 150px;text-align: center;background: #014DA2;float: left;display: table;height: 47px;} #topics p a{background: url(../img/top/btn_arrow@2x.png)no-repeat right 10% center #014DA2; display: block;color: #fff;display: table-cell;vertical-align: middle;-webkit-background-size: auto 20%;background-size: auto 20%;} #new li{float: left;width: 413px;margin-right: 50px;margin-bottom: 10px;} #new li:nth-of-type(2n){margin-right: 0;} #new li:nth-last-of-type(-n+2){margin-bottom: 32px;} #new .img_box{float: left;width: 200px;margin-right: 16px;} #new .text{float: left;width: 197px;} #new .text h3{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #new .text .price{text-align: right;font-size: 16px;padding-bottom: 9px;margin-bottom: 15px;border-bottom: 1px dotted #000;} #new .text p{font-size: 12px;line-height: 1.8em;} #new .btn{text-align: center;padding: 0 248px;margin-top: 32px;} #new .btn a{display: block;color: #fff;border-radius: 4px;background: #014DA2;font-size: 15px;font-weight: bold;padding: 16px 0 15px;} #new .dv_rc_items{float: left;width: 413px;margin-right: 50px;margin-bottom: 50px;overflow: hidden;} #new .dv_rc_items:nth-of-type(2n){margin-right: 0;} #new .dv_rc_img img{float: left;width: 200px;margin-right: 16px; height: auto; border: 1px solid #DBDBDB;} #new .dv_rc_name{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;width: 197px;float: left;border-bottom: 1px dotted;padding-bottom: 9px;} #new .dv_rc_price{text-align: right;font-size: 16px;margin-top: 15px;} #new .dv_rc_description{font-size: 12px;line-height: 1.8em;display: block;} /*#new .dv_rc_items{float: left;width: 280px;margin-right: 28px;margin-bottom: 32px;} #new .dv_rc_items:nth-of-type(5), #new .dv_rc_items:nth-of-type(8){margin-right: 0;} #new .dv_rc_img{margin-bottom: 10px;} #new .dv_rc_img img{width: 280px;height: auto;} #new .dv_rc_name{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #new .dv_rc_price{text-align: right;font-size: 16px;}*/ .newitem_bnr.topics{margin-bottom: 30px;} .newitem_bnr .title{text-align: center;margin-bottom: 24px;} .newitem_bnr .title h2{font-size: 28px;font-weight: bold;} .newitem_bnr .title p{font-size: 12px;font-weight: bold;} .newitem_bnr .img_box{float: left;width: 430px;margin-right: 36px;margin-bottom: 10px;} .newitem_bnr .img_box:nth-of-type(2n){margin-right: 0;} .newitem_bnr .img_box:nth-of-type(n+3){display:none;} .newitem_bnr .img_box img{width: 430px;height:auto;} .newitem_bnr .img_box li:nth-of-type(2n){margin-right: 0;} .newitem_bnr .img_box li:nth-last-of-type(-n+2){margin-bottom: 0;} #ranking .title{text-align: center;/*margin-bottom: 24px;*/margin-bottom: 50px;} #ranking .title h2{font-size: 28px;font-weight: bold;} #ranking .title p{font-size: 12px;font-weight: bold;} #ranking #tabBtn{border-top: 1px solid #000;border-bottom: 1px solid #000;margin-bottom: 72px;} #ranking #tabBtn li{float: left;width: 224px;padding: 15px 0 13px;} #ranking #tabBtn li:hover{cursor: pointer;} #ranking #tabBtn li.select{background: #ECF2FA;} #ranking #tabBtn li p{text-align: center;font-weight: bold;} #ranking .tabInner{position: relative;list-style: none;} #ranking .tabInner li{float: left;width: 200px;margin-right: 32px;margin-bottom: 53px;} #ranking .tabInner li:nth-last-of-type(-n+4){margin-bottom: 32px;} #ranking .tabInner li:nth-of-type(4n){margin-right: 0;} #ranking .tabInner li .img_box{position: relative;margin-bottom: 16px;} #ranking .tabInner li .img_box img{border: 1px solid #DBDBDB;} #ranking .tabInner li .img_box .rankNum{width: 54px;height: 54px;background: #727272;border-radius: 50%;position: absolute;top: -21px;left: -14px;display: table; z-index: 99;} #ranking .tabInner li .img_box .rankNum h3{color: #fff;font-weight: bold;font-size: 18px;text-align: center;vertical-align: middle; display: table-cell;} #ranking .tabInner li:first-of-type .img_box .rankNum{background: #DBBA00;} #ranking .tabInner li:nth-of-type(2) .img_box .rankNum{background: #9CA9BA;} #ranking .tabInner li:nth-of-type(3) .img_box .rankNum{background: #B58436;} #ranking .tabInner li .text h4{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #ranking .tabInner li .text .price{text-align: right;font-size: 16px;} #ranking .tabInner .num_icon{width: 54px;height: 54px;background: #727272;border-radius: 50%;display: table;z-index: 9;} #ranking .tabInner .num_icon.icon01{position: absolute;top: -20px;left: -14px;} #ranking .tabInner .num_icon.icon02{position: absolute;top: -20px;left: 218px;} #ranking .tabInner .num_icon.icon03{position: absolute;top: -20px;left: 450px;} #ranking .tabInner .num_icon.icon04{position: absolute;top: -20px;left: 682px;} #ranking .tabInner .num_icon.icon05{position: absolute;bottom: 294px;left: -14px;} #ranking .tabInner .num_icon.icon06{position: absolute;bottom: 294px;left: 218px;} #ranking .tabInner .num_icon.icon07{position: absolute;bottom: 294px;left: 450px;} #ranking .tabInner .num_icon.icon08{position: absolute;bottom: 294px;left: 682px;} #ranking .tabInner .num_icon p{color: #fff;font-weight: bold;font-size: 18px;text-align: center;vertical-align: middle; display: table-cell;} /*#ranking .tabInner .num_icon:first-of-type{background: #DBBA00;}*/ /*#ranking .tabInner .num_icon:nth-of-type(2){background: #9CA9BA;}*/ /*#ranking .tabInner .num_icon:nth-of-type(3){background: #B58436;}*/ #ranking .tabInner .num_icon:nth-of-type(2){background: #DBBA00;} #ranking .tabInner .num_icon:nth-of-type(3){background: #9CA9BA;} #ranking .tabInner .num_icon:nth-of-type(4){background: #B58436;} #ranking .tabInner .dv_rc_items{float: left;width: 200px;margin-right: 32px;margin-bottom: 53px;height : 280px;} #ranking .tabInner .dv_rc_items:nth-last-of-type(-n+4){margin-bottom: 32px;} /*#ranking .tabInner .dv_rc_items:nth-of-type(4n){margin-right: 0;}*/ #ranking .tabInner .dv_rc_items:nth-of-type(6), #ranking .tabInner .dv_rc_items:nth-of-type(10){margin-right: 0;} #ranking .tabInner .dv_rc_items img{width: 200px;height: auto;border: 1px solid #DBDBDB;} #ranking .tabInner .dv_rc_items .dv_rc_img{margin-bottom: 16px;} #ranking .tabInner .dv_rc_items .dv_rc_name{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;height: 3em;overflow: hidden;} #ranking .tabInner .dv_rc_items .dv_rc_price{text-align: right;font-size: 16px;} /*#ranking .disnone{display: none;}*/ #ranking .btn{text-align: center;padding: 0 248px;} #ranking .btn a{display: block;color: #fff;border-radius: 4px;background: #014DA2;font-size: 15px;font-weight: bold;padding: 16px 0 15px;} #recommend .title{text-align: center;margin-bottom: 24px;} #recommend .title h2{font-size: 28px;font-weight: bold;} #recommend .title p{font-size: 12px;font-weight: bold;} #recommend ul li{float: left;width: 200px;margin-right: 32px;margin-bottom: 40px;border: none;} #recommend ul li:nth-last-of-type(-n+4){margin-bottom: 32px;} #recommend ul li:nth-of-type(4n){margin-right: 0;} #recommend ul li .img_box{margin-bottom: 16px;} #recommend ul li .img_box img{border: 1px solid #DBDBDB;} #recommend ul li .text h3{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #recommend ul li .text .price{text-align: right;font-size: 16px;} #recommend .btn{text-align: center;padding: 0 248px;} #recommend .btn a{display: block;color: #fff;border-radius: 4px;background: #014DA2;font-size: 15px;font-weight: bold;padding: 16px 0 15px;} #recommend .dv_rc_items{float: left;width: 200px;margin-right: 32px;margin-bottom: 40px;border: none;height: 280px;} #recommend .dv_rc_items:nth-of-type(6) , #recommend .dv_rc_items:nth-of-type(10) , #recommend .dv_rc_items:nth-of-type(14){margin-right: 0;} #recommend .dv_rc_items .dv_rc_img{margin-bottom: 16px;} #recommend .dv_rc_items .dv_rc_img img{border: 1px solid #DBDBDB;width: 200px;height: auto;} #recommend .dv_rc_items .dv_rc_name{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #recommend .dv_rc_items .dv_rc_price{text-align: right;font-size: 16px;} #topBnr p{float: left;width: 290px;margin-right: 13px;} #topBnr p:last-of-type{margin-right: 0;} #viewdItem .title{text-align: center;margin-bottom: 24px;} #viewdItem .title h2{font-size: 28px;font-weight: bold;} #viewdItem .title p{font-size: 12px;font-weight: bold;} #viewdItem ul li{float: left;width: 132px;margin-right: 21px;border: none;} #viewdItem ul li:last-of-type{margin-right: 0;} #viewdItem ul li .img_box{margin-bottom: 18px;} #viewdItem ul li .img_box img{border: 1px solid #DBDBDB;} #viewdItem ul li .text h3{font-size: 13px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #viewdItem ul li .text .price{text-align: right;font-size: 13px;} #viewdItem .dv_rc_items{float: left;width: 132px;margin-right: 21px;border: none;} #viewdItem .dv_rc_items:nth-of-type(8){margin-right: 0;} #viewdItem .dv_rc_items .dv_rc_img{margin-bottom: 18px;} #viewdItem .dv_rc_items .dv_rc_img img{border: 1px solid #DBDBDB;width: 132px;height: auto;} #viewdItem .dv_rc_items .dv_rc_name{font-size: 13px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #viewdItem .dv_rc_items .dv_rc_price{text-align: right;font-size: 13px;} #viewdItem.birthday ul li{float: left;width: 200px;margin-right: 32px;margin-bottom: 40px;border: none;} #viewdItem.birthday ul li:nth-last-of-type(-n+4){margin-bottom: 32px;} #viewdItem.birthday ul li:nth-of-type(4n){margin-right: 0;} #viewdItem.birthday ul li .img_box{margin-bottom: 16px;} #viewdItem.birthday ul li .img_box img{border: 1px solid #DBDBDB;} #viewdItem.birthday ul li .text h3{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #viewdItem.birthday ul li .text .price{text-align: right;font-size: 16px;} #viewdItem.birthday .dv_rc_items{float: left;width: 200px;margin-right: 32px;margin-bottom: 40px;border: none;height: 280px;} #viewdItem.birthday .dv_rc_items:nth-of-type(6),#viewdItem.birthday .dv_rc_items:nth-of-type(10),#viewdItem.birthday .dv_rc_items:nth-of-type(14){margin-right: 0;} #viewdItem.birthday .dv_rc_items .dv_rc_img{margin-bottom: 16px;} #viewdItem.birthday .dv_rc_items .dv_rc_img img{border: 1px solid #DBDBDB;width: 200px;} #viewdItem.birthday .dv_rc_items .dv_rc_name{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #viewdItem.birthday .dv_rc_items .dv_rc_price{text-align: right;font-size: 16px;} #sns h3{font-size: 20px;font-weight: bold;margin-bottom: 21px;} #sns .left{float: left;width: 500px;margin-right: 31px;} #sns .right{float: left;width: 365px;} #sns .right .line{margin-bottom: 21px;} #sns .right .appTitle{position: relative;margin-bottom: 13px;} #sns .right .appTitle h3{margin-bottom: 0;} #sns .right .appTitle .btn{position: absolute;top: 5px;right: 0;} #sns .right .appTitle .btn a{padding: 10px 14px;background: #014DA2;font-size: 10px;font-weight: bold;color: #fff;border-radius: 3px;} #sns .right .app{width: 365px;height: 177px;position: relative;background: url(../img/top/app.png)no-repeat center; -webkit-background-size: contain; background-size: contain;} #sns .right .app p{font-size: 8px;font-weight: bold;} #sns .right .app .ios{position: absolute;bottom: 90px;right: 78px;} #sns .right .app .android{position: absolute;bottom: 24px;right: 78px;} #sns .left li{border: 1px solid #DBDBDB;margin-bottom: 10px;} #sns .left li:last-of-type{margin-bottom: 0;} #sns .left li a{color: #000;font-size: 15px;font-weight: bold;padding: 5%;display: block;} #sns .left li.fb a{background: url(../img/top/fb.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} #sns .left li.app a{background: url(../img/top/app.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} #sns .left li.line a{background: url(../img/top/ico_line.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} #sns .left li.youtube a{background: url(../img/top/youtube.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} #sns .left li.insta a{background: url(../img/top/insta.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} #sns .left li.tw a{background: url(../img/top/twitter.png)no-repeat right 5% center; -webkit-background-size: auto 75%;background-size: auto 75%;} /************************************************** ログイン画面 ***************************************************/ #loginNew{margin-bottom: 51px;} #loginNew .title_under{font-size: 15px;margin-bottom: 32px;} #loginNew .inner{width: 560px;margin: auto;background: #F7F7F7;padding: 38px 80px 32px;} #loginNew .inner form dl{margin-bottom: 14px;} #loginNew .inner form dl dt p{font-size: 16px;font-weight: bold;margin-bottom: 4px;color: #000;} #loginNew .inner form dl dd input[type="text"]{-webkit-appearance: none;width: 400px !important;height: 50px;padding: 0 10px;font-size: 15px;border-radius: 4px;outline: none; box-shadow: none;border: 1px solid #CCCCCC;} #loginNew .inner form dl dd input[type="password"]{-webkit-appearance: none;width: 400px !important;height: 50px;padding: 0 10px;font-size: 15px;border-radius: 4px;outline: none; box-shadow: none;border: 1px solid #CCCCCC;} #loginNew .inner p{margin-bottom: 5px;color: #555555;} #loginNew .inner p a{font-size: 15px;color: #555555;} #loginNew .inner p a:hover{text-decoration: underline;} #loginNew .inner p.btn{text-align: center;margin-top: 30px;} #loginNew .inner p.btn input[type="submit"]{-webkit-appearance: none;width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;} #loginNew .inner p.btn input[type="submit"]:hover{cursor: pointer;background: #fff;color: #014DA2;} /************************************************** パスワードリマンダー ***************************************************/ #pass_reminder{margin-bottom: 51px;} #pass_reminder .title_under{font-size: 15px;margin-bottom: 32px;} #pass_reminder .inner{width: 560px;margin: auto;background: #F7F7F7;padding: 38px 80px 32px;} #pass_reminder .inner form dl{margin-bottom: 14px;} #pass_reminder .inner form dl dt p{font-size: 16px;font-weight: bold;margin-bottom: 4px;color: #000;} #pass_reminder .inner form dl dd input[type="email"], #pass_reminder .inner form dl dd input[type="text"], #pass_reminder .inner form dl dd input[type="password"]{-webkit-appearance: none;width: 400px;height: 50px;padding: 0 10px;font-size: 15px;border-radius: 4px;outline: none; box-shadow: none;border: 1px solid #CCCCCC;} #pass_reminder .inner form dl dd p{color: #555555;font-size: 15px;margin-top: 10px;letter-spacing: -0.0001em;margin-bottom: 5px;} #pass_reminder p.btn{text-align: center;margin-top: 33px;} #pass_reminder p.btn input[type="submit"]{-webkit-appearance: none;width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;letter-spacing: 0.2em;} #pass_reminder p.btn input[type="submit"]:hover{cursor: pointer;background: #fff;color: #014DA2;} #pass_reminder p.btn a{width: 238px;height: 50px;background: #014DA2;border-radius: 4px;padding-top: 12px;display: inline-block; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;} #pass_reminder p.btn a:hover{background: #fff;color: #014DA2;} #pass_reminder .buttonarea {text-align: center;} #pass_reminder .buttonarea a{-webkit-appearance: none;width: 220px;height: 50px;border-radius: 4px;color: #fff;font-weight: bold; font-size: 15px;transition: 0.3s;outline: none;margin: 0 10px;display: inline-block;margin: 0 10px;text-align: center;padding: 13px 0 0;} #pass_reminder .buttonarea a{background: #014DA2;border: 1px solid #014DA2;} #pass_reminder .buttonarea a:hover{cursor: pointer;background: #fff;color: #014DA2;} /************************************************** 新規会員登録 ***************************************************/ #member_input{margin-bottom: 65px;} #member_input .title_under{font-size: 15px;margin-bottom: 32px;} #member_input .inner table{border: 1px solid #CCCCCC;} #member_input .inner table tr{border-bottom: 1px solid #CCCCCC;} #member_input .inner table tr th{padding: 15px 0 15px 15px;background: #F7F7F7;text-align: left;font-size: 13px;font-weight: normal;} #member_input .inner table tr td a{color: #014DA2;font-weight: bold;} #member_input .inner table tr td{border-right: 1px solid #CCCCCC;padding: 15px;vertical-align: middle;text-align: left;font-size: 13px;line-height: 2.4em;} #member_input .inner table tr td p.attention_number{line-height: 1.8em;margin-top:10px;} #member_input .inner table tr td input[type="text"], #member_input .inner table tr td input[type="password"]{background: #F7F7F7;border: 1px solid #CCCCCC;height: 30px;padding: 10px;font-size: 13px;outline: none;} #member_input .inner table tr td.input30 input{width: 30px;} #member_input .inner table tr td.input80 input{width: 80px;} #member_input .inner table tr td.input140 input{width: 140px;} #member_input .inner table tr td.input180 input{width: 180px;} #member_input .inner table tr td.input400 input{width: 400px;} #member_input #BIRTH_YEAR{width: 80px;} #member_input #BIRTH_MONTH,#member_input #BIRTH_DAY{width: 40px;} #member_input #PC_MAIL,#member_input input[name="PC_MAIL_CONFIRM"],#member_input #TEL,#member_input #MEMBER.FREE_ITEM7,#member_input #NICKNAME,#member_input #LOGINID,#member_input #PASSWORD,#member_input #PASSWORD2{ width: 180px;} #member_input #ZIP{width: 100px;} #member_input #ADDR2,#member_input #ADDR3{width: 240px;} #member_input select#ADDR1{-webkit-appearance: none;-moz-appearance: none;appearance: none; width: 190px;height: 30px;background: url(../img/select_bg.png)no-repeat right 10px center #F7F7F7;border: 1px solid #ccc;padding: 0 10px;outline: none;border-radius: 4px;font-size:12px;} #member_input select#ADDR1::-ms-expand {display: none;} #member_input input[type="button"] {border: 1px solid #CCCCCC;border-radius: 4px;background: #fff;margin: 0 5px;} #member_input label:hover,#member_input select:hover,#member_input input[type="button"]:hover,#member_input input[type="checkbox"]:hover,#member_input input[type="radio"]:hover{ cursor: pointer;} #member_input .buttonarea{text-align: center;margin-top: 32px;} #member_input .buttonarea input[type="submit"]{-webkit-appearance: none;width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;letter-spacing: 0.2em;} #member_input .buttonarea input[type="submit"]:hover{cursor: pointer;background: #fff;color: #014DA2;} #member_input input,#member_input select,#member_input label,#member_input option{font-family: Lato, Meiryo, メイリオ, 'MS PGothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;} #member_input .buttonarea a{width: 238px;height: 50px;background: #4C4C4C;border-radius: 4px;display: inline-block;padding-top: 12px;margin-right: 5px; color: #fff;font-weight: bold;border: 1px solid #4C4C4C;font-size: 15px;transition: 0.3s;outline: none;letter-spacing: 0.2em;} #member_input .buttonarea a:hover{background: #fff;color: #4C4C4C;} #member_input input,#member_input select,#member_input label,#member_input option{font-family: Lato, Meiryo, メイリオ, 'MS PGothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;} #member_input.reult input[type="submit"]{display: inline-block;} #member_input #kiyaku{margin-top:20px;border: 1px solid #ccc;height: 200px;overflow: hidden;} #member_input #kiyaku p{height: 200px;overflow: scroll;padding: 20px;} /************************************************** マイページ ***************************************************/ #mypage .titleBox{position: relative;} #mypage h3{font-size: 16px;font-weight: bold;margin-bottom: 16px;} #mypage .titleBox .link_btn{position: absolute;right: 0;top: 0;} #mypage .titleBox .link_btn a{font-size: 13px;color: #fff;padding: 6px 8px 7px;background: #014DA2;} #mypage li{width: 288px;margin-right: 16px;float: left;border: 1px solid #CCC;} #mypage li:last-of-type{margin-right: 0;} #mypage li h4{background: #F7F7F7;border-bottom: 1px solid #ccc;padding: 15px 15px 14px;font-size: 15px;} #mypage li .inner{padding: 15px 15px 23px;} #mypage li .inner p{font-size: 14px;line-height: 1.6em;margin-bottom: 8px;} #mypage li .inner p:last-of-type{margin-bottom: 0;} #mypage li .inner p a{color: #014DA2;font-weight: bold;} #mypage li.point .inner p{margin-bottom: 0;} #mypage li.point .inner p.link{margin-top: 16px;} #mypage li.barcode img{width: 50%;height: auto;} #mypage li.box01{margin-bottom: 16px;} #mypage li.box02{margin-bottom: 16px;} #mypage .coupon{margin-bottom: 64px;} #mypage table{border: 1px solid #ccc;} #mypage .table01{margin-bottom: 15px;} #mypage th{padding: 15px 15px 14px;background: #F7F7F7;text-align: left;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-size: 15px;} #mypage td{padding: 15px 15px 14px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-size: 13px;} #mypage td a{color: #014DA2;font-size: 13px;font-weight: bold;} #mypage .table01 td{vertical-align: middle;} #mypage .table01 td.name{padding: 15px 7px 14px;} #mypage .table01 td span{margin-right: 8px;} #mypage td .on,#mypage td .off{border: 1px solid #ccc;border-radius: 3px;width: 100%;} #mypage td .on p,#mypage td .off p{padding-left: 61px;line-height: 44px;} #mypage td.facebook .on p{background: url(../img/mypage/fb_on.png)no-repeat left center;color: #3B5998;} #mypage td.facebook .off p{background: url(../img/mypage/fb_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.twitter .on p{background: url(../img/mypage/tw_on.png)no-repeat left center;color: #55ACEE;} #mypage td.twitter .off p{background: url(../img/mypage/tw_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.google .on p{background: url(../img/mypage/google_on.png)no-repeat left center;color: #DC4E41;} #mypage td.google .off p{background: url(../img/mypage/google_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.yahoo .on p{background: url(../img/mypage/yahoo_on.png)no-repeat left center;color: #E71017;} #mypage td.yahoo .off p{background: url(../img/mypage/yahoo_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.mixi .on p{background: url(../img/mypage/mixi_on.png)no-repeat left center;color: #D2AE59;} #mypage td.mixi .off p{background: url(../img/mypage/mixi_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.rakuten .on p{background: url(../img/mypage/rakuten_on.png)no-repeat left center;color: #C00000;} #mypage td.rakuten .off p{background: url(../img/mypage/rakuten_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.line .on p{background: url(../img/mypage/line_on.png)no-repeat left center;color: #00B400;} #mypage td.line .off p{background: url(../img/mypage/line_off.png)no-repeat left center;color: #cdcdcd;} #mypage td.paypal .on p{background: url(../img/mypage/paypal_on.png)no-repeat left center;color: #293E81;} #mypage td.paypal .off p{background: url(../img/mypage/paypal_off.png)no-repeat left center;color: #cdcdcd;} #mypage #viewdItem li.box:nth-last-of-type(-n+4){margin-bottom: 0;} #mypage #viewdItem ul li{float: left;width: 200px;margin-right: 32px;margin-bottom: 40px;border: none;} #mypage #viewdItem ul li:nth-last-of-type(-n+4){margin-bottom: 32px;} #mypage #viewdItem ul li:nth-of-type(4n){margin-right: 0;} #mypage #viewdItem ul li .img_box{margin-bottom: 16px;} #mypage #viewdItem ul li .img_box img{border: 1px solid #DBDBDB;} #mypage #viewdItem ul li .text h3{font-size: 15px;font-weight: bold;line-height: 1.6em;margin-bottom: 8px;} #mypage #viewdItem ul li .text .price{text-align: right;font-size: 15px;} #mypage #viewdItem li.box:nth-last-of-type(-n+4){margin-bottom: 0;} #nextRankNote{ padding: 10px 0;} /************************************************** 注文履歴 ***************************************************/ #history{margin-bottom: 64px;} #history .title_under{margin-bottom: 40px;} #history .title_under p{font-size: 15px;line-height: 1.8em;} #history .title_under p a{font-size: 14px;font-weight: bold;color: #014DA2;} #history .pageguide{text-align: left;font-size: 13px;} #history .pagelink{font-size: 11px;text-align: left;font-weight: bold;line-height: 1.7em;margin-bottom: 43px;} #history .pagelink a{color: #014DA2;} #history .infoarea{margin-top: 32px;} #history .infoarea a {color: #fff; background: #4c4c4c; padding: 4px 10px; border-radius: 2px; display: inline-block; margin: 10px 0;} #history .infoarea.teiki_together{margin-bottom: 40px;} #history .status_icon{color: #FFFFFF;float: left;font-weight: normal;margin-right: 10px;} #history .preparing .status_icon{background: #336600; padding: 3px 8px;}/* 手配中 */ #history .delivered .status_icon{background: #ff9900; padding: 3px 8px;}/* 配送中 */ #history .delivering .status_icon{background: #000066; padding: 3px 8px;}/* 配送済 */ #history .canceled .status_icon{background: #cc0000; padding: 3px 8px;}/* 取消済 */ #history .yoyaku .status_icon{background: #000000; padding: 3px 8px;}/* 予約済 */ #history .teiki_together .status_icon{background: #996633; padding: 3px 8px;}/* 定期にまとめて */ #history .infoarea .date{clear: both; padding-top: 8px;font-size: 15px;font-weight: bold;margin-bottom: 10px;} #history .payment_change{float: right;} #history .payment_change a{font-size: 12px;font-weight: bold;color: #fff;background: #CC0000;padding: 5px 8px 6px;border-radius: 2px;border: 1px solid #CC0000;} #history .payment_change a:hover{color: #c00;background: inherit;} #history .cancel{float: right; margin-left: 8px;} #history .cancel input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin-top: -4px; padding: 4px 8px 5px;border-radius: 2px;font-size: 12px;font-weight: bold;color: #fff;background: #4C4C4C;border: none;border: 1px solid #4C4C4C;} #history .cancel input[type="submit"]:hover{cursor: pointer;color: #4C4C4C;background: inherit;} #history .wrapper table{border: 1px solid #CCC;} #history .wrapper table th{padding: 15px;border: 1px solid #CCC;background: #F7F7F7;vertical-align: top;font-weight: normal;text-align: left;font-size: 12px;} #history .wrapper table th.cart{text-align: center;} #history .wrapper table th.cart .delivery_slip{margin-bottom: 0px;} #history .wrapper table td{padding: 15px;border: 1px solid #CCC;vertical-align: top;font-size: 12px;line-height: 1.8em;} #history .wrapper table td a.link{font-size: 11px;font-weight: bold;color: #014DA2;line-height: 1.5em;} #history .wrapper table .img_box{width: 56px;margin-right: 16px;margin-bottom: 16px;text-align: center;position: relative;float: left;} #history .wrapper table .img_box img{width: auto;max-width: 56px;} #history .wrapper table .property{display: block;color: #AAA;font-size: 90%;} #history .wrapper table .button{margin-bottom: 10px;width: auto;display: inline-block;font-size: 12px;font-weight: bold;border-radius: 2px;padding: 5px 8px;} #history .wrapper table .button.positive{color: #fff;background: #014DA2;} #history .wrapper table .button.not_click{color: #A5A5A5;background: #d2d2d2;} #history .wrapper table .btn{text-align: center;} /************************************************** 定期購入商品の確認・変更 ***************************************************/ #teikiIndex{margin-bottom: 64px;} #teikiIndex .title_under{margin-bottom: 40px;} #teikiIndex .title_under p{font-size: 15px;line-height: 1.8em;} #teikiIndex .title_under p a{font-size: 14px;font-weight: bold;color: #014DA2;} #teikiIndex .box{margin-top: 40px;padding: 18px 16px;border: 1px solid #ccc;} #teikiIndex .box .head{background: #F7F7F7;padding: 14px 16px;margin-bottom: 22px;} #teikiIndex .box .head h3{margin-bottom: 14px;} #teikiIndex .box .head h3 a{font-size: 16px;font-weight: bold;color: #014DA2;} #teikiIndex .box .head p{font-size: 15px;margin-bottom: 8px;} #teikiIndex .box .head p:last-of-type{margin-bottom: 0;} #teikiIndex .box .head p a{font-weight: bold;color: #014DA2;} #teikiIndex .box .head .head_renew{margin: 16px 0;} #teikiIndex .box .head .head_renew a.positive{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 8px; display: inline-block;margin-bottom: 8px;white-space: nowrap;margin-right: 5px;} #teikiIndex .box .head .head_renew span.not_click{background: #D2D2D2;border-radius: 2px;color: #a5a5a5;font-weight: bold;font-size: 12px;padding: 4px 8px; display: inline-block;margin-bottom: 8px;white-space: nowrap;margin-right: 5px;} #teikiIndex .innerBox{margin-bottom: 24px;} #teikiIndex .innerBox:last-of-type{margin-bottom: 0;} #teikiIndex .innerBox h4{font-size: 16px;font-weight: bold;padding-bottom: 8px;margin-bottom: 16px;border-bottom: 1px solid #ccc;} #teikiIndex .innerBox .text{position: relative;} #teikiIndex .innerBox .text p{padding: 0 16px 22px;font-size: 15px;line-height: 1.7em;} #teikiIndex .innerBox .text .cancel_oder{position: absolute;bottom: 5px;right: 0;} #teikiIndex .innerBox .text .cancel_oder input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none; background: #4C4C4C;color: #fff;font-size: 12px;font-weight: bold;border-radius: 2px;padding: 4px 8px 5px;} #teikiIndex .innerBox table{border: 1px solid #ccc;} #teikiIndex .innerBox table th{border: 1px solid #ccc;padding: 16px;font-weight: normal;font-size: 12px;text-align: left;background: #F7F7F7;} #teikiIndex .innerBox table td{border: 1px solid #ccc;padding: 16px;font-size: 12px;} #teikiIndex .innerBox table td a.button.positive{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} /************************************************** 新規アドレス帳登録・アドレス帳情報変更 ***************************************************/ #address_input{margin-bottom: 64px;} #address_input .title_under{margin-bottom: 40px;} #address_input .title_under p{font-size: 15px;line-height: 1.8em;} #address_input table{border: 1px solid #ccc;margin-bottom: 64px;} #address_input table th{font-weight: normal;text-align: left;border: 1px solid #ccc;padding: 20px 15px;background: #F7F7F7;font-size: 12px;} #address_input table td{border: 1px solid #ccc;padding: 20px 0 20px 15px;font-size: 12px;} #address_input table td input[type="text"]{height: 30px;background: #F7F7F7;border: 1px solid #ccc;outline: none;padding: 0 10px;} #address_input #L_NAME,#address_input #F_NAME,#address_input #L_KANA,#address_input #F_KANA{width: 140px;} #address_input #ZIP{width: 100px;} #address_input #ADDR2,#address_input #ADDR3{width: 240px;} #address_input #TEL{width: 180px;} #address_input select{-webkit-appearance: none;-moz-appearance: none;appearance: none; width: 190px;height: 30px;background: url(../img/select_bg.png)no-repeat right 10px center #F7F7F7;border: 1px solid #ccc;padding: 0 10px;outline: none;border-radius: 4px;font-size:12px;} #address_input select::-ms-expand{display: none;} #address_input input[type="button"]{border: 1px solid #CCCCCC;border-radius: 4px;background: #fff;margin: 0 5px;} #address_input .buttonarea{text-align: center;} #address_input .buttonarea a{background: #4C4C4C;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #4C4C4C;} #address_input .buttonarea a:hover{background: #fff;color: #4C4C4C;} #address_input .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px;padding: 18px 0;border: 1px solid #014DA2;outline: none;} #address_input .buttonarea input[type="submit"]:hover{background: #fff;color: #014DA2;cursor: pointer;} /************************************************** アドレス帳一覧 ***************************************************/ #addressList{margin-bottom: 64px;} #addressList .title_under{font-size: 15px;line-height: 1.8em;margin-bottom: 7px;} #addressList .pageguide{text-align: left;font-size: 11px;} #addressList .pagelink{font-size: 11px;text-align: left;font-weight: bold;line-height: 1.7em;margin-bottom: 43px;margin-bottom: 16px;} #addressList .pagelink a{color: #014DA2;} #addressList li{width: 448px;padding: 16px;border: 1px solid #ccc;margin-bottom: 16px;} #addressList li p{line-height: 2em;font-size: 12px;} #addressList li p .name{font-size: 16px;font-weight: bold;} #addressList li p .name_kana{font-size: 11px;} #addressList li .button_area{margin-top: 16px;} #addressList li .button_area a{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;margin-right: 5px;} #addressList .buttonarea{margin-top: 64px;} #addressList .buttonarea p{text-align: center;} #addressList .buttonarea p a.button.negative{background: #4C4C4C;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #4C4C4C;} #addressList p.add_address {margin-bottom: 30px;} #addressList p.add_address a {color: #fff;background: #014DA2;border-radius: 4px;padding: 7px 10px;border: 1px solid #014DA2;transition: 0.3s;display: inline-block;} #addressList p.add_address a:hover{color:#014DA2;background:#fff;} /************************************************** クレジットカード ***************************************************/ #credit h3{font-size: 15px;font-weight: bold;margin-bottom: 8px;} #credit p{font-size: 15px;margin-bottom: 24px;} #credit .can_regist p{font-size: 12px;margin-bottom: 16px;} #credit .can_regist table td{padding: 8px 16px;} #credit table{border: 1px solid #ccc;margin-bottom: 40px;} #credit table th{border: 1px solid #ccc;background: #F7F7F7;padding: 16px 8px;text-align: left;font-weight: normal;font-size: 12px;} #credit table td{border: 1px solid #ccc;padding: 16px 8px;font-size: 12px;vertical-align: middle;} #credit table td a.button.positive{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} #credit table td a.button.negative{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} #credit table td span.button.not_click{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} #credit .buttonarea{text-align: center;margin: 64px 0;} #credit .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px;padding: 18px 0;border: 1px solid #014DA2;outline: none;} #credit .buttonarea input[type="submit"]:hover{background: #fff;color: #014DA2;cursor: pointer;} #credit table td input[type="text"]{height: 30px;background: #F7F7F7;border: 1px solid #ccc;outline: none;padding: 0 10px;} #credit table td.name input[type="text"]{width: 250px;} #credit table td select{-webkit-appearance: none;-moz-appearance: none;appearance: none; height: 30px;background: url(../img/select_bg.png)no-repeat right 7px center #F7F7F7;border: 1px solid #ccc;padding: 0 20px 0 7px;outline: none;border-radius: 4px;font-size:12px;} #credit table td select::-ms-expand{display: none;} /************************************************** お気に入りリスト ***************************************************/ #wishList{margin-bottom: 64px;} #wishList a{font-size: 11px;color: #014DA2;font-weight: bold;} #wishList .title_under{margin-bottom: 40px;font-size: 15px;line-height: 1.8em;} #wishList .box{border: 1px solid #ccc;margin-bottom: 20px;padding: 16px;} #wishList .pageguide{margin-top: 8px;} #wishList .pagelink{font-size: 11px;text-align: left;font-weight: bold;line-height: 1.7em;margin-bottom: 32px;} #wishList .pagelink a{color: #014DA2;} #wishList .img_box{float: left;width: 140px;margin-right: 16px;} #wishList .img_box img{width: 140px;height: auto;} #wishList .text{float: left;width: 706px;} #wishList .text h3 a{color: #014DA2;font-size: 15px;font-weight: bold;margin-bottom: 3px;} #wishList .text p{font-size: 12px;margin-bottom: 3px;} #wishList .text p.provisional{font-size: 15px;} #wishList .text p.price{font-size: 15px;color: #DB3138;padding-bottom: 16px;border-bottom: 1px solid #ccc;margin-bottom: 11px;} #wishList .text h4{font-weight: bold;font-size: 12px;margin-bottom: 11px;} #wishList .text h4 a{background: #F7F7F7;border: 1px solid #ccc;border-radius: 4px;font-weight: normal;font-size: 10px;padding: 5px 8px;color: #000;} #wishList .text .comment{padding-bottom: 16px;border-bottom: 1px solid #ccc;margin-bottom: 10px;} #wishList .text .button_area{text-align: right;vertical-align: middle;display: table;width: 100%;} #wishList .text .button_area span,#wishList .text .button_area p,#wishList .text .button_area a{display: inline-block;margin: 0 3px;} #wishList .text .button_area .button.positive{background: #014DA2;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} #wishList .text .button_area .button.negative{background: #4C4C4C;border-radius: 2px;color: #fff;font-weight: bold;font-size: 12px;padding: 4px 10px;} #wishList .text .button_area .button.not_click{background: #d2d2d2;border-radius: 2px;color: #A5A5A5;font-weight: bold;font-size: 12px;padding: 4px 10px;} #wishList .text .button_area .property{color: #A5A5A5;font-size: 12px;} #wishList table th{border: 1px solid #ccc;background: #F7F7F7;padding: 16px 8px;text-align: left;font-weight: normal;font-size: 12px;} #wishList table td{border: 1px solid #ccc;padding: 16px;font-size: 12px;vertical-align: middle;} #wishList table td textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #F7F7F7;border: 1px solid #ccc; outline: none;padding: 10px;font-size: 12px;} #wishList .buttonarea{margin-top: 20px;text-align: center;} #wishList .buttonarea .button.negative{background: #4C4C4C;border-radius: 4px;color: #fff;font-weight: bold;font-size: 12px;width: 200px;padding: 16px 0; border: 1px solid #4C4C4C;display: inline-block;margin-right: 10px;} #wishList .buttonarea .button.negative:hover{color: #4c4c4c;background: inherit;} #wishList .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 200px;padding: 15px 0;border: 1px solid #014DA2;outline: none;} #wishList .buttonarea input[type="submit"]:hover{background: #fff;color: #014DA2;cursor: pointer;} /************************************************** レビュー ***************************************************/ #review{margin-bottom:0px;} #review .title_under{margin-bottom: 8px;font-size: 15px;line-height: 1.8em;} #review .box{border: 1px solid #ccc;padding: 17px 15px 9px;margin-bottom: 8px;} #review .box .star{float: left;margin-right: 8px;} #review .box .star li{float: left;margin-right: 2px;width: 15px;height: 15px;text-indent: -9999px;} #review .box .star li.good{background: url("../images/review_good.png") no-repeat center;-webkit-background-size: contain;background-size: contain;} #review .box .star li.bad{background: url("../images/review_bad.png") no-repeat center;-webkit-background-size: contain;background-size: contain;} #review .box h3{float: left;font-size: 12px;font-weight: bold;} #review .box .ttl{margin-bottom: 5px;} #review .box p{font-size: 12px;margin-bottom: 8px;} #review .box p a{color: #014DA2;font-weight: bold;} #review .box p.name{font-size: 11px;padding-bottom: 8px;margin-bottom: 16px;border-bottom: 1px dashed #ccc;} #review .box p.comment{margin-bottom: 16px;} #review .box .review-image{margin-bottom: 16px;} #review .box .review-image img{width: 140px;height: auto;} #review .goodButton{font-size: 11px;margin-bottom: 11px;} #review .goodButton input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;border-radius: 2px;font-size: 12px; background: #014DA2;padding: 4px 8px;color: #fff;font-weight: bold;margin-left: 5px;border: 1px solid #014DA2;transition: 0.3s;} #review .goodButton input[type="submit"]:hover{background: inherit;color: #014DA2;cursor: pointer;} #review .good_number{font-size: 11px;margin-bottom: 8px;} #review .review_box{margin-bottom: 20px;} #review .pagelink{text-align: center;font-size: 11px;font-weight: bold;margin-top: 64px;} #review .pagelink a{color: #014DA2;font-size: 11px;font-weight: bold;} #review.edit table th{border: 1px solid #ccc;background: #F7F7F7;padding: 16px 8px;text-align: left;font-weight: normal;font-size: 12px;} #review.edit table td{border: 1px solid #ccc;padding: 16px;font-size: 12px;vertical-align: middle;} #review.edit table td textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #F7F7F7;border: 1px solid #ccc; outline: none;padding: 10px;font-size: 12px;} #review.edit .buttonarea{margin-top: 20px;text-align: center;} #review.edit .buttonarea .button.negative{background: #4C4C4C;border-radius: 4px;color: #fff;font-weight: bold;font-size: 12px;width: 200px;padding: 16px 0; border: 1px solid #4C4C4C;display: inline-block;margin-right: 10px;} #review.edit .buttonarea .button.negative:hover{color: #4c4c4c;background: inherit;} #review.edit .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 200px;padding: 15px 0;border: 1px solid #014DA2;outline: none;} #review.edit .buttonarea input[type="submit"]:hover{background: #fff;color: #014DA2;cursor: pointer;} #review.edit table td input[type="text"]{height: 30px;background: #F7F7F7;border: 1px solid #ccc;outline: none;padding: 0 10px;} #review.edit table td input[type="file"]{outline: none;} #review.edit table td input[type="file"]:hover{cursor: pointer;} #review.edit p{margin-bottom: 10px;} #review.result .title_under a{font-size: 11px;font-weight: bold;color: #014DA2;} #review.result #error{margin-top: 40px;} #review.result .buttonarea{text-align: center;} #review.result .buttonarea .negative{background: #4C4C4C;border-radius: 4px;color: #fff;font-weight: bold;font-size: 12px;width: 240px;padding: 16px 0; border: 1px solid #4C4C4C;display: inline-block;margin-right: 10px;} #review.result .buttonarea .negative:hover{background: inherit;color: #4C4C4C;} /************************************************** 商品別レビュー ***************************************************/ #item_review .buttonarea{text-align: center;margin-top: 64px;} #item_review .buttonarea a{width: 240px;display: inline-block;background: #4C4C4C;border-radius: 4px;color: #fff;font-weight: bold;font-size: 15px;padding: 18px 0;} #item_review .innerBox{margin-bottom: 24px;} #item_review .innerBox .item_name{font-size: 15px;font-weight: bold;margin-bottom: 2px;} #item_review .innerBox h3{display: inline-block;font-size: 12px;} #item_review .innerBox ul{display: inline-block;} #item_review .innerBox li{display: inline-block;width: 15px;height: 15px;text-indent: -9999px;} #item_review .innerBox li.good{background: url("../images/review_good.gif") no-repeat center;-webkit-background-size: contain;background-size: contain;} #item_review .innerBox li.bad{background: url("../images/review_bad.gif") no-repeat center;-webkit-background-size: contain;background-size: contain;} #item_review .innerBox .text_star{display: inline-block;font-size: 12px;} #item_review .item h3{margin-bottom: 6px;} /************************************************** 退会 ***************************************************/ #taikai{margin-bottom: 64px;} #taikai .title_under{margin-bottom: 35px;font-size: 15px;line-height: 1.6em;} #taikai .buttonarea{text-align: center;} #taikai .buttonarea a{background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #014DA2;} #taikai .buttonarea a:hover{background: inherit;color: #014DA2;} #taikai .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #014DA2;} #taikai .buttonarea input[type="submit"]:hover{background: inherit;color: #014DA2;cursor: pointer;} #taikai .box{text-align: center;} #taikai .box .inner{display: inline-block;text-align: left;} /************************************************** 商品一覧 ***************************************************/ .item_icon{color: #FFFFFF;display: inline-block;font-size: 10px;font-weight: normal;line-height: 1;padding: 5px 7px;vertical-align: text-bottom;margin-bottom: 3px;}/*アイコン共通設定*/ .item_short {background: #D21E21;}/*品切*/ .item_soldout {background: #666666;}/*品薄*/ .item_new {background: #ffcc00;}/*NEW*/ .item_before {background: #ff9900;}/*COMING SOON*/ .item_download {background: #00cccc;}/*ダウンロード商品*/ .item_yoyaku {background: #000000;}/*予約商品*/ .item_discount {background: #cc0000;}/*会員割引あり*/ .item_timesale {background: #cc0000;}/*タイムセール中*/ .item_teiki_together {background: #a52ead;}/*定期にまとめて注文可能*/ .item_volume_discount {background: #ff6699;}/*ボリュームディスカウントあり*/ #itemList select{-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 30px;border: 1px solid #ccc;padding: 0 20px 0 7px; background: url(../img/select_bg.png)no-repeat right 7px center #F7F7F7;outline: none;border-radius: 4px;font-size:14px;} #itemList select::-ms-expand{display: none;} #itemListCategory{margin-bottom: 32px;} #itemListCategory ul{display: block;width: 100%;border: 1px solid #ccc;background: #F7F7F7;} #itemListCategory li{display: inline; float: left;} #itemListCategory .select{background: url("../images/marker_on.gif") 7px 12px no-repeat #014DA2;color: #FFF;text-decoration: none;} #itemListCategory li a{display: block; padding: 10px; background: url("../images/marker.gif") 7px 12px no-repeat; color: #333; font-size: 15px;text-decoration: none; text-indent: 15px; white-space: nowrap;} #itemListCategory li a:link{display: block;} #itemListCategory li a:hover{background: url("../images/marker.gif") 7px 12px no-repeat #CCC;color: #FFF;} #itemListCategory #sub ul{display: block;width: 100%;border: 1px solid #ccc;border-top: none;background: inherit;} #itemListCategory #sub li{display: inline; float: left;} #itemListCategory #sub .select{background: url("../images/marker_on.gif") 7px 12px no-repeat #CCC; color: #FFF; text-decoration: none;} #itemListCategory #sub li a{display: block; padding: 10px; background: url("../images/marker.gif") 7px 12px no-repeat; color: #333;text-decoration: none;text-indent: 15px;} #itemListCategory #sub li a:link{display: block;} #itemListCategory #sub li a:hover{background: url("../images/marker.gif") 7px 12px no-repeat #CCC; color: #FFF;} #itemListCategory table tr th{border: 1px solid #ccc;background: #F7F7F7;font-size: 14px;font-weight: normal;text-align: left;padding: 16px;} #itemListCategory table tr td{padding: 16px;border: 1px solid #ccc;line-height: 2.4em;font-size: 14px;} #itemListCategory table tr td input[type="text"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #ccc; border-radius: 2px;height: 32px;width: 163px;padding: 10px;font-size: 12px;outline: none;} #itemListCategory .buttonarea{margin: 32px 0;text-align: center;} #itemListCategory .buttonarea input[type="submit"].positive{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #014DA2;} #itemListCategory .buttonarea input[type="submit"].positive:hover{background: inherit;color: #014DA2;cursor: pointer;} #itemListCategory .buttonarea a.negative{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #4C4C4C;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #4C4C4C;} #itemListCategory .buttonarea a.negative:hover{background: inherit;color: #4C4C4C;cursor: pointer;} #category_html{margin-bottom: 24px;} #category_html div{margin-bottom: 16px;} #category_html p{margin-bottom: 18px;} #narrowListCategory h3{display: block;padding: 4px 8px 3px; font-size: 12px; border: 1px solid #ccc; z-index: 99; position: relative; cursor: default;} #narrowListCategory .inner{padding-bottom: 16px;} #narrowListCategory #narrowDownCategoryMultiple{float: left; width: 180px; height: 27px; margin-right: 5px;} #narrowListCategory h3:hover + ul{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;} #narrowListCategory .box {display: none; background: #FFF; padding: 5px;} #narrowListCategory .box:hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;} #narrowListCategory .box.hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;} #narrowListCategory .box li{font-size: 80%; display: block; margin-bottom: 5px;} #narrowListCategory .box input{float: left; width: 15px; display: block; margin: 3px 5px 0 3px;} #narrowListCategory .box label{float: left; width: 145px; display: block;} *+html #narrowListCategory .box label{margin: 5px 0 0 0px;} #narrowListCategory .filterArea{clear: both; margin-bottom: 16px;} #narrowListCategory .filterArea li{display: block;font-size: 12px;background: #014DA2;float: left;color: #FFF;text-decoration: none;padding: 5px 8px;white-space: nowrap;margin-right: 10px;line-height: 130%;} #narrowListCategory .filterArea li a{margin-left: 10px; color: #FFFFFF; text-decoration: none; font-size: 130%;} #narrowListCategory .filterArea li.filter_clear {background: none; margin: 0px; text-indent: 0px;} #narrowListCategory .filterArea li.filter_clear a{ color: #333333; margin: 0px; font-size: 100%;} #list{/*padding-bottom: 64px;*/} #list ul{margin-bottom: 20px; background: url("../images/list_bg.gif") bottom repeat-x;} #list ul:after {content: ""; clear: both; display: block;}/* clearfix */ #list li{float: left;} #list li a{display: block; margin-right: 5px; padding: 5px 10px 5px 25px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #CCC; font-size: 110%; color: #333;} #list .detail{background: url("../images/icon_list_detail.png") 7px 7px no-repeat #d2d2d2;} #list .image{background: url("../images/icon_list_image.png") 7px 7px no-repeat #d2d2d2;} #list .simple{background: url("../images/icon_list_simple.png") 7px 7px no-repeat #d2d2d2;} #list .detail.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;} #list .image.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;} #list .simple.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;} #list .pageguide{float: left;width: 570px;font-size: 15px;margin-bottom: 8px;} #list .rearrange{float: right; width: 200px; font-size: 12px; text-align: right;} #list .rearrange select{margin-left: 10px;} #list .pagelink{clear: both;font-size: 13px;font-weight: bold;margin-bottom: 24px;} #list .pagelink a{color: #014DA2;} #list .pagelink span {padding: 0 2px;} #list .nolink{color: #999;} /* itemListDetail - 商品詳細一覧・プレゼント一覧 -------------------------------------------------------------*/ #itemListDetail{margin-bottom: 32px; clear: both;} #itemListDetail .box{margin-bottom: 30px; border: #CCC 1px solid; padding: 16px;} #itemListDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */ #itemListDetail .text{float: left;width: 714px;} #itemListDetail .sale_date{margin-bottom: 10px;font-size: 15px;} #itemListDetail h3{font-size: 15px;font-weight: bold;margin-bottom: 16px;} #itemListDetail h3 a{font-size: 15px;font-weight: bold;color: #014DA2;} #itemListDetail .appeal{color: #DB3138; font-size: 11px;margin-bottom: 5px;} #itemListDetail .appeal img{margin-bottom: 16px;} #itemListDetail .price{color: #DB3138;margin-bottom: 16px;font-size: 15px;} #itemListDetail .price .teika{font-weight: bold;} #itemListDetail .explanation1{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 16px 0;margin-bottom: 16px;} #itemListDetail .button_area{text-align: right;font-size: 12px;} #itemListDetail .button_area .button{width: auto;display: inline-block;padding: 4px 10px;border-radius: 2px;font-size: 12px;font-weight: bold; margin: 0 2px;} #itemListDetail .button_area .normal{border: 1px solid #ccc;background: #F7F7F7;} #itemListDetail .button_area .positive{border: 1px solid #014DA2;background: #014DA2;color: #fff;} #itemListDetail .button_area .not_click{border: 1px solid #D2D2D2;background: #D2D2D2;color: #A5A5A5;} #itemListDetail .property{color: #A5A5A5;font-size: 12px;float: right;margin-left: 2px;padding-top: 5px;} #itemListDetail .img_box{width: 140px;float: left; text-align: center; position: relative;margin-right: 8px;} #itemListDetail .item_icon{border: 1px solid #ccc;background: #fff;color: #000;font-size: 11px;border-radius: 2px;margin-bottom: 0;} #itemListDetail .img_box img{max-width: 140px;height: auto;} #itemListDetail a.cart_bnr{display: block;margin-bottom:16px;} /* itemListDetail - 商品一覧お気に入りリストに入った報告ポップアップ -------------------------------------------------------------*/ #itemListDetail .wishlistSubmitButton{position: relative;} #itemListDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;} #itemListDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;} #itemListDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /* itemListDetail - 商品カートに入った報告ポップアップ -------------------------------------------------------------*/ #itemListDetail .cartSubmitButton{position: relative;} #itemListDetail .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;} #itemL#itemListDetailistImage .cartSubmitButton .cartMessage .link a{display: inline-block;} #itemListDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /* itemListSimple - 商品簡易一覧 -------------------------------------------------------------*/ #itemListSimple{margin-bottom: 20px;} #itemListSimple .box{border: #CCC 1px solid;margin-bottom: 30px;padding: 16px;} #itemListSimple .box:after {content: ""; clear: both; display: block;}/* clearfix */ #itemListSimple h3{display: block;font-size: 16px;margin-bottom: 16px;} #itemListSimple h3 a{font-size: 16px;font-weight: bold;color: #014DA2;} #itemListSimple .appeal{color: #DB3138; font-size: 13px; margin-bottom: 5px;} #itemListSimple .appeal img{margin-bottom: 16px;} #itemListSimple .price{color: #DB3138;margin-bottom: 16px;font-size: 16px;} #itemListSimple .price .teika{font-weight: bold;} #itemListSimple .explanation1{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 16px 0;margin-bottom: 16px;} #itemListSimple .button_area{text-align: right;font-size: 15px;float: right;} #itemListSimple .button_area .button{width: auto;padding: 4px 10px;border-radius: 2px;font-size: 12px;font-weight: bold; margin: 0 2px;} #itemListSimple .button_area .normal{border: 1px solid #ccc;background: #F7F7F7;} #itemListSimple .button_area .positive{border: 1px solid #014DA2;background: #014DA2;color: #fff;} #itemListSimple .button_area .not_click{border: 1px solid #D2D2D2;background: #D2D2D2;color: #A5A5A5;padding: 5px 10px;border-radius: 2px; margin: 0 2px;} #itemListSimple .wishlistSubmitButton{float: right;margin-top: -5px;} #itemListSimple .wishlistSubmitButton a{border: 1px solid #ccc;background: #F7F7F7;padding: 4px 10px;border-radius: 2px;font-size: 12px; font-weight: bold;display: inline-block;margin-left: 2px;} #itemListSimple .property{color: #A5A5A5;font-size: 13px;padding-top: 8px;text-align: right;} #itemListSimple .item_icon{border: 1px solid #ccc;background: #fff;color: #000;font-size: 11px;border-radius: 2px;margin-bottom: 0;} /* itemListSimple - 商品カートに入った報告ポップアップ -------------------------------------------------------------*/ #itemListSimple .cartSubmitButton{position: relative;} #itemListSimple .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListSimple .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListSimple .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListSimple .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListSimple .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;} #itemListSimple .cartSubmitButton .cartMessage .link a{display: inline-block;} #itemListSimple .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /* itemListSimple - 商品一覧お気に入りリストに入った報告ポップアップ -------------------------------------------------------------*/ #itemListSimple .wishlistSubmitButton{position: relative;} #itemListSimple .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListSimple .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListSimple .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListSimple .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListSimple .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;} #itemListSimple .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;} #itemListSimple .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /* itemListImage - 商品画像一覧 -------------------------------------------------------------*/ #itemListImage{margin-bottom: 20px;} #itemListImage:after {content: ""; clear: both; display: block;}/* clearfix */ #itemListImage .box{float: left;width: 270px;border: 1px solid #CCCCCC;padding: 16px;margin-right: 43px;margin-bottom: 30px;} #itemListImage .box:nth-of-type(3n){margin-right: 0;} #itemListImage .text{float: left; width: 98px; margin-right: 10px;} #itemListImage h3{font-size: 15px;font-weight: bold} #itemListImage h3 a{font-size: 15px;font-weight: bold;color: #014DA2;} #itemListImage .icon{float: left;width: 88px;} #itemListImage .button_area{} #itemListImage .button_area a{display: block;text-align: center;padding: 4px 10px;border-radius: 2px;font-size: 15px;font-weight: bold;} #itemListImage .button_area a.normal{border: 1px solid #ccc;background: #F7F7F7;margin-bottom: 6px;} #itemListImage .button_area a.positive{border: 1px solid #014DA2;background: #014DA2;margin-bottom: 8px;color: #fff;} #itemListImage .button_area .not_click{background: #D2D2D2;border: 1px solid #D2D2D2;color: #a5a5a5;font-weight: bold;text-align: center; border-radius: 2px;display: block;padding: 4px 10px;} #itemListImage .property{color: #A5A5A5;font-size: 12px;margin-bottom: 6px;} #itemListImage .img_box{width: 140px;float: left;margin-right: 8px;} #itemListImage .img_box img{max-width: 140px;height: auto;} #itemListImage .item_icon{border: 1px solid #ccc;background: #fff;color: #000;font-size: 11px;border-radius: 2px;margin-bottom: 0;} /* itemListImage - 商品カートに入った報告ポップアップ -------------------------------------------------------------*/ #itemListImage .cartSubmitButton{position: relative;} #itemListImage .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListImage .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListImage .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListImage .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListImage .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;} #itemListImage .cartSubmitButton .cartMessage .link a{display: inline-block;} #itemListImage .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /* itemListImage - 商品一覧お気に入りリストに入った報告ポップアップ -------------------------------------------------------------*/ #itemListImage .wishlistSubmitButton{position: relative;} #itemListImage .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListImage .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListImage .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListImage .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListImage .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;} #itemListImage .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} #itemListImage .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;} #itemListImage .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;} #itemListImage .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;} #itemListImage .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;} #itemListImage .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;} #itemListImage .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;} /************************************************** ポイント履歴 ***************************************************/ #point_record{margin-bottom: 64px;} #point_record .title_under{margin-bottom: 40px;} #point_record .title_under p{font-size: 15px;line-height: 1.8em;} #point_record table{margin: 16px 0 32px;} #point_record table th{text-align: left;padding: 16px;border: 1px solid #ccc;background: #f7f7f7;font-weight: normal;font-size: 12px;} #point_record table td{padding: 16px;border: 1px solid #ccc;} #point_record .pageguide{text-align: left;font-size: 11px;} #point_record .pagelink{font-size: 11px;text-align: left;font-weight: bold;line-height: 1.7em;margin-bottom: 16px;} #point_record .pagelink a{color: #014DA2;} /************************************************** カート ***************************************************/ #cart #BIRTH_YEAR{width: 80px;} #cart #BIRTH_MONTH,#cart #BIRTH_DAY{width: 40px;} #cart #PC_MAIL,#cart input[name="PC_MAIL_CONFIRM"],#cart #TEL,#cart #MEMBER.FREE_ITEM7,#cart #NICKNAME,#cart #LOGINID,#cart #PASSWORD,#cart #PASSWORD2{ width: 180px;} #member_input #ZIP{width: 100px;} #cart #ADDR2,#cart #ADDR3,#cart input[name="MEMBER.FREE_ITEM2"]{width: 240px;} #cart{margin-bottom: 64px;padding-top: 72px;} #cart .cart_step{text-align: center;margin-bottom: 56px;} #cart .cart_step li{display: inline-block;color: #ADADAD;font-weight: bold;font-size: 15px;width: 120px;} #cart .cart_step li span{font-size: 30px;} #cart .cart_step li.active{color: #000;} #cart .title_under{font-size: 15px;margin-bottom: 40px;} #cart .buttonarea{margin-top: 64px;text-align: center;} #cart .buttonarea a{background: #4C4C4C;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #4C4C4C;} #cart .buttonarea a:hover{background: #fff;color: #4C4C4C;} #cart .content{float: left;width: 673px;} #cart table{border: 1px solid #ccc;table-layout: fixed;} #cart table th{text-align: left;font-weight: normal;font-size: 14px;background: #f7f7f7;padding: 16px;border: 1px solid #ccc; border-right: none;} #cart table td{padding: 16px;border: 1px solid #ccc;vertical-align: top;font-size: 12px;border-left: none;text-align: left;} #cart table td span.tax{font-size: 8px;} #cart table td .img_box{width: 80px;float: left;margin-right: 8px;} #cart table td .img_box img{max-width: 80px;height: auto;} #cart table td .text_box{float: left;width: 251px;} #cart table td .text_box2{float: left;width:100%;} #cart table td .text_box p{margin-bottom: 8px;} #cart table td .text_box p a{font-weight: bold;color: #014DA2;} #cart table td .text_box .delete a{color: #fff;font-weight: bold;background: #4C4C4C;border-radius: 2px;padding: 4px 10px;} #cart table td select{-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 24px;border: 1px solid #ccc;padding: 0 20px 0 7px; background: url(../img/select_bg.png)no-repeat right 7px center #F7F7F7;outline: none;border-radius: 4px;font-size:12px;width: 48px;display: block;} #cart table td select::-ms-expand{display: none;} #cart .content .total{padding: 16px 0 8px;text-align: right;margin-bottom: 32px;border-bottom: 1px solid #ccc;font-size: 12px;font-weight: bold;} #cart .content .total span.price{color: #CA0813} #cart .content .total span.tax{font-size: 8px;font-weight: normal;color: #4C4C4C;} #cart .content .box{border: 1px solid #ccc;margin-bottom: 24px;} #cart .content .box h3{padding: 10px 16px;border-bottom: 1px solid #ccc;background: #f7f7f7;font-weight: bold;font-size: 15px;} #cart .content .box .inner{padding: 16px;} #cart .content .box .buttonarea{margin: 16px 0 0;} #cart .content .box .buttonarea a{background: #014DA2;height: auto;padding: 10px 0;border: 1px solid #014DA2;} #cart .content .box .buttonarea a:hover{background: inherit;color: #014DA2;} #cart .content .box p{font-size: 12px;} #cart #cartSidebar{float: right;width: 207px;} #cart #cartSidebar .total_box{padding: 16px;border: 1px solid #D9D9D9;background: #f7f7f7;margin-bottom: 16px;} #cart #cartSidebar .total_box .box{margin-bottom: 8px;} #cart #cartSidebar .total_box .box h3{float: left;font-size: 12px;font-weight: bold;} #cart #cartSidebar .total_box .box h3 span.tax{font-size: 8px;color: #4C4C4C;} #cart #cartSidebar .total_box .box p{float: right;text-align: right;font-size: 12px;font-weight: bold;color: #014DA2;} #cart #cartSidebar .total_box .cartButtonArea{margin-top: 16px;} #cart #cartSidebar .total_box .cartButtonArea a{display: block;border-radius: 4px;text-align: center;font-weight: bold;font-size: 15px;color: #fff; padding: 6px 0;} #cart #cartSidebar .total_box .cartButtonArea a.positive{margin-bottom: 8px;background: #014DA2;border: 1px solid #014DA2;} #cart #cartSidebar .total_box .cartButtonArea a.positive:hover{color: #014DA2;background: #fff;} #cart #cartSidebar .total_box .cartButtonArea a.negative{background: #4C4C4C;border: 1px solid #4C4C4C;} #cart #cartSidebar .total_box .cartButtonArea a.negative:hover{color: #4C4C4C;background: #fff;} #cart #cartSidebar .total_box .cartButtonArea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; display: block;border-radius: 4px;text-align: center;font-weight: bold;font-size: 15px;color: #fff;padding: 6px 0;margin-bottom: 8px; background: #014DA2;border: 1px solid #014DA2;width: 100%;outline: none;} #cart #cartSidebar .total_box .cartButtonArea input[type="submit"]:hover{color: #014DA2;background: #fff;cursor: pointer;} #cart #cartSidebar #cartRecommend{padding: 16px 8px;border: 1px solid #D9D9D9;margin-bottom: 16px;} #cart #cartSidebar #cartRecommend h3{font-size: 12px;font-weight: bold;line-height: 1.3em;margin-bottom: 8px;} #cart #cartSidebar #cartRecommend .box{margin-bottom:20px;padding-bottom:20px;border-bottom: 1px dashed #ccc;} #cart #cartSidebar #cartRecommend .box:last-of-type{margin-bottom: 0;padding-bottom:0;border-bottom: 0;} #cart #cartSidebar #cartRecommend .img_box{float: left;width: 70px;margin-right: 8px;} #cart #cartSidebar #cartRecommend .img_box img{max-width: 70px;height: auto;} #cart #cartSidebar #cartRecommend .text{width: 111px;float: left;} #cart #cartSidebar #cartRecommend .text h4{margin-bottom: 8px;} #cart #cartSidebar #cartRecommend .text h4 a{color: #014DA2;font-size: 12px;font-weight: bold;} #cart #cartSidebar #cartRecommend .text .price{color: #CA0813;font-weight: bold;font-size: 12px;border-bottom: 1px solid #ccc;padding-bottom: 8px; margin-bottom: 8px;text-align: right;} #cart #cartSidebar #cartRecommend .text .explanation1{font-size: 12px;} #cart #cartSidebar #cartRecommend .buttonarea{margin-top: 8px;} #cart #cartSidebar #cartRecommend .buttonarea .property{color: #A5A5A5;font-size: 12px;text-align: left;margin-bottom: 8px;} #cart #cartSidebar #cartRecommend .buttonarea input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;display: block;width: 100%;border-radius: 4px;padding: 6px 0; border: 1px solid #014DA2;margin-bottom: 8px;outline: none;} #cart #cartSidebar #cartRecommend .buttonarea input[type="submit"]:hover{background: #fff;color: #014DA2;cursor: pointer;} #cart #cartSidebar #cartRecommend .buttonarea a{border: 1px solid #014DA2;margin-bottom: 8px; background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;display: block;width: 100%;border-radius: 4px;padding: 6px 0;} #cart #cartSidebar #cartRecommend .buttonarea a:hover{background: #fff;color: #014DA2;} #cart #cartSidebar #cartRecommend .buttonarea span.not_click{border-radius: 4px;padding: 6px 0;font-size: 15px;font-weight: bold; background: #D2D2D2;color: #a5a5a5;display: block;} #cart #cartSidebar .cartitem{padding: 14px 8px;border: 1px solid #D9D9D9;} #cart #cartSidebar .cartitem h3{font-size: 12px;font-weight: bold;margin-bottom: 8px;} #cart #cartSidebar .cartitem li{margin-top: 10px;} #cart #cartSidebar .cartitem li:first-of-type{margin-top:0;} #cart #cartSidebar .cartitem .img_box{float: left;width: 50px;margin-right: 8px;} #cart #cartSidebar .cartitem .img_box img{max-width: 50px;height: auto;} #cart #cartSidebar .cartitem .text p{font-size: 12px;line-height: 1.6em;margin-bottom: 16px;} #cart #cartSidebar .cartitem .text_box{padding-bottom: 5px;border-bottom: 1px solid #ccc;} #cart #cartSidebar .cartitem .text_box .price{float: left;max-width: 50%;font-size: 12px;color: #DB3138;} #cart #cartSidebar .cartitem .text_box .price span.tax{font-size: 10px;color: #707070;max-width: 50%;} #cart #cartSidebar .cartitem .text_box .amount{float: right;font-size: 12px;text-align: right;} #cart .innerBox{margin-bottom: 32px;} #cart .innerBox .pointuse{margin-top: -33px;} #cart .innerBox div {margin-bottom: 16px;} #cart .innerBox h3{margin-bottom: 8px;font-size: 15px;font-weight: bold;text-align: left;} #cart .innerBox h3 a{color: #014DA2;} #cart .innerBox table.change_data{margin-top: -1px;} #cart .bottomBtn{margin-top: 32px;/* text-align: center; */width: 520px;margin: 32px auto 0;} /*#cart .bottomBtn a{border-radius: 4px;display: block;background: #4C4C4C;font-size: 15px;font-weight: bold;color: #fff;width: 240px;height: 45px;padding: 11px 0 0;border: 1px solid #4C4C4C;} #cart .bottomBtn a:hover{color: #4C4C4C;background: inherit;} #cart .bottomBtn a.positive{background: #014DA2;border: 1px solid #014DA2;} #cart .bottomBtn a.positive:hover{background: #fff;color: #014DA2;} #cart .bottomBtn input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;border: 1px solid #014DA2;transition: 0.3s; width: 240px;height: 45px;border-radius: 4px;background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;outline: none;padding: 11px 0;}*/ #cart .bottomBtn p{display: table-cell;width: 240px;vertical-align: middle;padding: 0 10px;line-height: 0;} #cart .bottomBtn input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s;width: 240px;height: 45px;outline: none;text-indent: -9999px;} #cart .bottomBtn input[type="submit"].confirm{background: url(../img/cart/btn_confirm.png)center no-repeat;} #cart .bottomBtn input[type="submit"].next{background: url(../img/cart/btn_next.png)center no-repeat;} #cart .bottomBtn input[type="submit"].purchase{background: url(../img/cart/btn_purchase.png)center no-repeat;} #cart .bottomBtn input[type="submit"]:hover{cursor: pointer;opacity: 0.8;} #cart #campaign_box .campaign_text{margin-bottom: 15px;} #cart #campaign_box .campaign_text .ttl{background: #014DA2;color: #fff;padding: 5px 10px;margin-right: 10px;} #cart #campaign_box .campaign_text:last-of-type{margin-bottom: 30px;} #cart #campaign_box .campaign_text a{color: #014DA2;font-weight: bold;} #cart.seisan table td select{display: inline-block;width: auto;} #cart.seisan span.point{font-weight: bold;color: #DB3138;} #cart.seisan .text-indent{padding-left: 16px;font-size: 15px;margin: 16px 0 8px;text-align: left;} #cart.seisan .text-indent.kessai{margin-top: 8px;} #cart.seisan .text-indent.card-supplement{font-size: 12px;font-weight: bold;color: #3C8DC9;} #cart.seisan table.change_data{margin-top: -1px;} #cart.seisan table.member_regist{margin-top: -1px;} #cart.seisan table.credit_info{margin-bottom: 32px;} #cart.seisan table td,#cart.seisan table th{line-height: 2em;} #cart.seisan table td input[type="text"], #cart.seisan table td input[type="password"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;outline: none; height: 30px;background: #F7F7F7;border: 1px solid #ccc;outline: none;padding: 0 10px;} #cart.seisan table td input[type="text"]#L_NAME, #cart.seisan table td input[type="text"]#F_NAME, #cart.seisan table td input[type="text"]#L_KANA, #cart.seisan table td input[type="text"]#F_KANA{width: 180px;} #cart.seisan table td input[type="text"]#PC_MAIL, #cart.seisan table td input[name="PC_MAIL_CONFIRM"]{width: 270px;} #cart.seisan table td input[type="text"]{font-size: 13px;} #cart.seisan button#loginBtn{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;transition: 0.3s;width:200px;margin:20px 0 20px 237px; border-radius: 4px;text-align: center;font-weight: bold;font-size: 15px;color: #fff;padding: 6px 0; background: #014DA2;border: 1px solid #014DA2;outline: none;} #cart.seisan button#loginBtn:hover{color: #014DA2;background: #fff;cursor: pointer;} #cart.seisan table td input[type="button"] {appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none;outline: none; border: 1px solid #CCCCCC;border-radius: 4px;background: #fff;margin: 0 5px;} #cart.seisan table td input[type="button"]:hover,#member_input input[type="checkbox"]:hover,#member_input input[type="radio"]:hover{ cursor: pointer;} #cart.seisan table td textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: none; width: 100%;border: 1px solid #ccc;height: 100px;padding: 10px;font-size: 12px;outline: none;} #cart.seisan .buttonWrapper{background: #F7F7F7;padding: 24px 0;text-align: center;margin-bottom: 32px;} #cart.seisan .buttonWrapper p{margin-bottom: 24px;font-size: 12px;line-height: 1.6em;} #cart.seisan .buttonWrapper a.button.positive{background: #014DA2;border-radius: 4px;color: #fff;font-size: 15px;font-weight: bold;padding: 10px;width: 240px; display: inline-block;margin: 0 10px;} #cart.seisan .sendCopyButton{margin-bottom: 8px;} #cart.seisan .sendCopyButton a{background: #014DA2;width: 154px;display: inline-block;margin-right: 5px;border-radius: 2px;padding: 5px 0;text-align: center; font-size: 12px;font-weight: bold;color: #fff;} #cart.seisan table td .text_box{float: left;width: 375px;} #cart.confirm table td,#cart.confirm table th{line-height: 2em;} #cart.confirm .innerBox .teiki_textBox{margin: 16px 0 9px;} #cart.confirm .innerBox .teiki_textBox p{font-size: 12px;margin-bottom: 7px;} #cart.result .title_under{margin-bottom: 32px;} #cart.result .title_under a{color: #014DA2;font-weight: bold;} #cart.result .number{text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 32px;} #cart.result a.button.positive{background: #014DA2;height: auto;padding: 10px 0;border: 1px solid #014DA2;} #cart.result a.button.positive:hover{background: inherit;color: #014DA2;} #cart.result input[type="submit"].button.positive{background: #014DA2;height: auto;padding: 10px 0;border: 1px solid #014DA2;color: #fff;width: 240px; border-radius: 4px;transition: 0.3s;font-size: 15px;font-weight: bold;} #cart.result input[type="submit"].button.positive:hover{background: inherit;color: #014DA2;cursor: pointer;} /************************************************** カートログイン ***************************************************/ #cart.login .box{width: 560px;margin: 0 auto 32px;background: #F7F7F7;padding: 38px 80px 32px;} #cart.login .box h3{font-weight: bold;font-size: 16px;margin-bottom: 16px;} #cart.login .buttonarea{text-align: center;margin-top: 20px;} #cart.login .buttonarea a{background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 18px 0;border: 1px solid #014DA2;} #cart.login .buttonarea a:hover{background: #fff;color: #014DA2;} #cart.login .buttonarea input[type="submit"]{-webkit-appearance: none;width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;} #cart.login .buttonarea input[type="submit"]:hover{cursor: pointer;background: #fff;color: #014DA2;} #cart.login form dl{margin-bottom: 14px;} #cart.login form dl dt p{font-size: 16px;font-weight: bold;margin-bottom: 4px;color: #000;} #cart.login form dl dd input[type="text"], #cart.login form dl dd input[type="password"]{-webkit-appearance: none;width: 400px !important;height: 50px;padding: 0 10px;font-size: 15px;border-radius: 4px;outline: none; box-shadow: none;border: 1px solid #CCCCCC;} #cart.login p{margin-bottom: 5px;color: #555555;} #cart.login p a{font-size: 15px;color: #555555;} #cart.login p a:hover{text-decoration: underline;} #cart.login .social_provider ul li{width: 190px;float: left;margin-right: 20px;margin-bottom: 10px;} #cart.login .social_provider ul li:nth-of-type(2n){margin-right: 0;} #cart.login .social_provider ul li a{padding-left: 61px;line-height: 44px;border: 1px solid #ccc;border-radius: 3px;width: 100%;display: inline-block;} #cart.login .social_provider ul li.facebook a{background: url(../img/mypage/fb_on.png)no-repeat left center #fff;color: #3B5998;} #cart.login .social_provider ul li.twitter a{background: url(../img/mypage/tw_on.png)no-repeat left center #fff;color: #55ACEE;} #cart.login .social_provider ul li.google a{background: url(../img/mypage/google_on.png)no-repeat left center #fff;color: #DC4E41;} #cart.login .social_provider ul li.yahoo a{background: url(../img/mypage/yahoo_on.png)no-repeat left center #fff;color: #E71017;} #cart.login .social_provider ul li.mixi a{background: url(../img/mypage/mixi_on.png)no-repeat left center #fff;color: #D2AE59;} #cart.login .social_provider ul li.rakuten a{background: url(../img/mypage/rakuten_on.png)no-repeat left center #fff;color: #C00000;} #cart.login .social_provider ul li.line a{background: url(../img/mypage/line_on.png)no-repeat left center #fff;color: #00B400;} #cart.login .social_provider ul li.paypal a{background: url(../img/mypage/paypal_on.png)no-repeat left center #fff;color: #293E81;} /************************************************** トピックス一覧 ***************************************************/ #topics_list .box{border: 1px solid #ccc;margin-bottom: 24px;padding: 16px;} #topics_list .box h3{font-weight: normal;font-size: 16px;margin-bottom: 16px;} #topics_list .box h3 a{color: #014DA2;font-weight: bold;} #topics_list .img{float: right;width: 296px;} #topics_list .img .img_box{float: left;width: 140px;margin-left: 8px;} #topics_list .img .img_box img{width: 140px;height: auto;} #topics_list .text .content{overflow: hidden;width: 100%;} #topics_list .text .content p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;} #topics_list .text .content{margin-bottom: 16px;} #topics_list .text .content a{font-size: 16px;font-weight: bold;color: #014DA2;line-height: 1.8em;} #topics_list .text .pdf{margin-bottom: 16px;font-size: 12px;} #topics_list .text .pdf a{color: #014DA2;font-weight: bold;} #topics_list .text .pdf_info{font-size: 16px;} #topics_list .buttonarea{text-align: center;margin: 64px 0;} #topics_list .buttonarea a{width: 240px;display: inline-block;color: #fff;font-size: 16px;font-weight: bold;background: #4C4C4C; border-radius: 4px;padding: 16px 0;border: 1px solid #4c4c4c;} #topics_list .buttonarea a:hover{color: #4c4c4c;background: inherit;} #topics_list .category_label {padding: 6px 8px 5px;background: #6c8bc6;color: #fff;font-size: 14px;margin-right: 8px;border-radius: 4px;line-height: 1em;} /************************************************** トピックス詳細 ***************************************************/ #topicsDetail{margin-bottom: 64px;} #topicsDetail h3{font-weight: normal;font-size: 20px;margin-bottom: 24px;} #topicsDetail .topics_img .title_img{width: 120px;margin-bottom: 24px;} #topicsDetail .topics_img .title_img img{max-width: 120px;height: auto;} #topicsDetail .topics_img .topics_text{width: 618px;font-size: 16px;} #topicsDetail .topics_img .topics_text a{color: #014DA2;font-weight: bold;} #topicsDetail .topics_img .topics_text .content{margin-bottom: 8px;} #topicsDetail .topics_noimg .text{font-size: 16px;} #topicsDetail .topics_noimg .text a{color: #014DA2;font-weight: bold;} #topicsDetail .topics_noimg .text p{margin-bottom: 16px;} #topicsDetail .buttonarea{text-align: center;margin-top: 64px;} #topicsDetail .buttonarea a{width: 240px;display: inline-block;color: #fff;font-size: 15px;font-weight: bold;background: #4C4C4C; border-radius: 4px;padding: 16px 0;border: 1px solid #4c4c4c;} #topicsDetail .img{text-align: center;} #topicsDetail .img img{max-width: 896px;height: auto;} #topicsDetail .buttonarea a:hover{color: #4c4c4c;background: inherit;} #topicsDetail .news_topics{text-align:center;} #topicsDetail .news_table{border: 1px solid #e7e3e2;width: 100%;margin-top: 60px;} #topicsDetail table.news_table tr{border: 1px solid #e7e3e2; border-top: none;} #topicsDetail table.news_table td:first-child {display: table-cell; vertical-align: middle; padding: 10px 15px; width: 30%; background: #f6f6f6; font-size: 15px; font-weight: bold;} #topicsDetail table.news_table td:last-child {display: table-cell; vertical-align: middle; padding: 10px 15px; font-size: 15px;line-height: 1.8em} #topicsDetail .text img{margin: auto;display: block;} /************************************************** お問い合わせ ***************************************************/ #contact{margin-bottom: 64px;} #contact .title_under{font-size: 15px;line-height: 1.7em;margin-bottom: 28px;} #contact p a{color:#014DA2;font-weight: bold;} #contact table.apply_area{margin-bottom: 20px;} #contact table.apply_area tr{border-bottom: 1px solid #E8E8E8;} #contact table.apply_area tr th{padding: 20px 0;font-weight: normal;font-size: 15px;text-align: left;vertical-align: top;} #contact table.apply_area tr td{padding: 20px 0;font-size: 14px;line-height: 2em;} #contact table.apply_area tr td input[type="text"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline: none;font-size: 12px; padding: 0 10px;width: 400px;height: 32px;border: none;outline: none;border: 1px solid #707070;} #contact table.apply_area tr td input[type="button"]{border: 1px solid #ccc;background: #fff;border-radius: 4px;} #contact table.apply_area tr td textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline: none;font-size: 12px; padding: 10px;width: 100%;height: 200px;border: none;outline: none;border: 1px solid #707070;} #contact table.apply_area tr td select{-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 24px;border: 1px solid #ccc;padding: 0 20px 0 7px; background: url(../img/select_bg.png)no-repeat right 7px center #F7F7F7;outline: none;border-radius: 4px;font-size:10px;width: 120px;display: block;font-size: 12px;margin-bottom: 8px;} #contact table.apply_area tr td select::-ms-expand{display: none;} #contact .table_under{text-align: center;} #contact .table_under p{display: inline-block;text-align: left;font-size: 14px;line-height: 1.8em;} #contact .shoppingGuide{padding: 24px;background: #F7F7F7;margin-bottom: 40px;} #contact .shoppingGuide h3{font-weight: bold;font-size: 16px;margin-bottom: 8px;} #contact .shoppingGuide ul{padding: 0 16px;} #contact .shoppingGuide ul li{display: inline-block;margin-right: 48px;} #contact .shoppingGuide ul li a{font-size: 15px;} #contact .buttonarea{text-align: center;margin-top: 48px;} #contact .buttonarea input[type="submit"].positive{appearance:none;-webkit-appearance:none;-moz-appearance:none;background: #014DA2;height: auto;padding: 18px 0;border: 1px solid #014DA2;color: #fff;width: 240px; border-radius: 4px;transition: 0.3s;font-size: 15px;font-weight: bold;margin: 0 10px;outline: none;} #contact .buttonarea input[type="submit"].positive:hover{background: inherit;color: #014DA2;cursor: pointer;} #contact .buttonarea input[type="submit"].negative{appearance:none;-webkit-appearance:none;-moz-appearance:none;background: #4C4C4C;height: auto;padding: 18px 0;border: 1px solid #4C4C4C;color: #fff;width: 240px; border-radius: 4px;transition: 0.3s;font-size: 15px;font-weight: bold;margin: 0 10px;outline: none;} #contact .buttonarea input[type="submit"].negative:hover{background: inherit;color: #4C4C4C;cursor: pointer;} #contact .buttonarea a.positive{background: #014DA2;height: auto;padding: 18px 0;border: 1px solid #014DA2;color: #fff;width: 240px;display: inline-block; border-radius: 4px;transition: 0.3s;font-size: 15px;font-weight: bold;} #contact .buttonarea a.positive:hover{background: inherit;color: #014DA2;} #contact #FREE_ITEM8{margin-bottom: 8px;} /************************************************** 商品詳細 ***************************************************/ #itemDetail .campaign_text{margin-bottom: 10px;} #itemDetail .campaign_text:first-of-type{margin-top: 20px;} #itemDetail .campaign_text a{color: #014DA2;font-weight: bold;font-size: 14px;} #itemDetail .item_image_area{float: left;width: 500px;} #itemDetail .item_image_area #main_box img{width: 500px;height: auto;} #itemDetail .text{float: right;width: 354px;} #itemDetail .text h3.name{font-weight: bold;font-size: 18px;padding: 17px 0 15px;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;} #itemDetail .text .price{border-bottom: 1px solid #EBEBEB;padding: 10px 0 20px;position: relative;margin-bottom:10px;} #itemDetail .text .price p{font-weight: bold;font-size: 30px;line-height: 1em;} #itemDetail .text .price p .small{font-size: 14px;font-weight: normal;} #itemDetail .text #add_wishList{position: absolute;top: 15px;right: 0;text-align: center;} #itemDetail .text #add_wishList p{font-size: 12px;font-weight: normal;} #itemDetail .text #add_wishList p.img{margin-bottom: 5px;} #itemDetail .text .item_cart{padding: 20px 0;border-bottom: 1px solid #EBEBEB;position: relative;} #itemDetail .text .item_cart .appeal {font-size: 15px; margin-bottom: 10px;} #itemDetail .cart_bnr{display: block;margin-bottom: 16px;} #itemDetail .text .item_cart .cart_btn{display: table;width: 100%;} #itemDetail .text .item_cart .cart_btn .amount{display: table-cell;vertical-align: middle;width: 113px;font-size: 15px;} #itemDetail .text .item_cart .cart_btn .amount select{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width: 40px;height: 30px; background: url(../img/select_bg.png)no-repeat right 5px center #F7F7F7;border: 1px solid #ccc;padding: 5px 10px;outline: none;border-radius: 4px;font-size:12px;} #itemDetail .text .item_cart .cart_btn .amount select::-ms-expand {display: none;} #itemDetail .text .item_cart .cart_btn .btn{vertical-align: middle;} #itemDetail .text .item_cart .cart_btn .btn input{color: #fff;font-weight: bold;font-size: 15px;text-align: center;border-radius: 4px; background: url(../img/detail/cart_icon.png)no-repeat left 42px center #014DA2;width: 240px;padding: 14px 0 14px 30px;border: none;transition: 0.3s; -webkit-background-size: 24px auto; background-size: 24px auto;} #itemDetail .text .item_cart .cart_btn .btn input:hover{cursor: pointer;opacity: 0.8;} #itemDetail .text .item_cart .cart_btn .btn span.not_click{color: #000;font-weight: bold;font-size: 15px;text-align: center;border-radius: 4px; background: url(../img/detail/cart_icon_off.png)no-repeat left 42px center #E8E8E8;width: 240px;padding: 14px 0 14px 30px;border: none;display: inline-block; -webkit-background-size: 24px auto; background-size: 24px auto;} #itemDetail .text .item_cart .cart_btn .btn .login_not_btn{display: block; color: #fff;font-weight: bold;font-size: 15px;text-align: center;border-radius: 4px; background: url(../img/detail/cart_icon.png)no-repeat left 42px center #014DA2;width: 240px;padding: 14px 0 14px 30px;border: none;transition: 0.3s; -webkit-background-size: 24px auto; background-size: 24px auto;} #itemDetail .text .item_cart .cart_btn .btn .login_not_btn:hover{cursor: pointer;opacity: 0.8;} #itemDetail .text .item_cart .cart_btn .nyukaBtn a{border: 1px solid #014DA2;color: #014DA2;font-size: 15px;width: 240px;padding: 14px 0 14px 67px;font-weight: bold;border-radius: 4px;display: block; background: url(../img/detail/nyuka.png)no-repeat left 28px center;-webkit-background-size: 26px 19px; background-size: 26px 19px;} #itemDetail .text .item_cart .cart_btn .nyukaBtn a#mail{width: 100%;display: block;border: 1px solid #014DA2;color: #014DA2;font-size: 13px;padding: 14px 0 14px 35px; font-weight: bold;border-radius: 4px;background: url(../img/detail/nyuka.png)no-repeat left 80px center #fff;-webkit-background-size: 26px 19px;background-size: 26px 19px; text-align:center;} #itemDetail .text .item_cart .cart_btn .property_none_comment{margin: 10px 0;} #itemDetail .text .item_cart .cart_btn .btn_cart_not{border: 1px solid #4C4C4C;color: #fff;font-size: 15px;padding: 14px 0;font-weight: bold;border-radius: 4px;display: block;background: #4C4C4C;text-align:center;} #itemDetail .text .item_cart .cart_btn .nyukaBtn .property_none_comment{margin: 20px 0 5px;} #itemDetail .text #sns_review{padding-top: 16px;} #itemDetail .text #sns_review .snsBtn{display: table-cell;vertical-align: middle;width: 150px;} #itemDetail .text #sns_review .snsBtn p{float: left;width: 40px;margin-right: 8px;} #itemDetail .text #sns_review .review{display: table-cell;vertical-align: middle;width: 204px;text-align: center;} #itemDetail .text #sns_review .review a{background: url(../img/detail/review_icon.png)no-repeat left 40px center #E8E8E8;display: block; border-radius: 4px;padding: 15px 0 15px 20px;font-size: 12px;font-weight: bold;} #itemDetail .cartMessage{background:#fff;border: 3px solid #CCCCCC;border-radius: 2px;padding: 38px;position: absolute;bottom: 0;right: 27px;width: 841px; text-align: center;display:none;z-index: 999;} #itemDetail .cartMessage .title{font-weight: bold;font-size: 24px;margin-bottom: 17px;} #itemDetail .cartMessage .btn{display: inline-block;width: 302px;} #itemDetail .cartMessage .btn.link a{font-size: 16px;font-weight: bold;color: #fff;background: #014DA2;padding: 10px 0;border: 1px solid #CDCDCD; display: block;border-radius: 4px;} #itemDetail .cartMessage .btn.mainclose{border: 1px solid #CDCDCD;background: #F7F7F7;font-size: 16px;padding: 10px 0; border-radius: 4px;margin-right: 20px;} #itemDetail .cartMessage .btn.mainclose:hover{cursor: pointer;} #itemDetail .text table.itemproperty th{vertical-align: middle;font-size: 13px;font-weight: bold;text-align: center;} #itemDetail .text table.itemproperty th img{margin-bottom: 5px;} #itemDetail .text table.itemproperty td{vertical-align: middle;text-align: center;font-size: 13px;} #itemDetail .text table.itemproperty td .cartSubmitButton a{width: 100%;display: block;border: 1px solid #014DA2;color: #014DA2;font-size: 13px;padding: 14px 0 14px 35px; font-weight: bold;border-radius: 4px;background: url(../img/detail/nyuka.png)no-repeat left 15px center #fff;-webkit-background-size: 26px 19px;background-size: 26px 19px;} #itemDetail .text table.itemproperty td table td{padding: 5px 0;} #itemDetail .text table.itemproperty td input[type="button"]{-webkit-appearance: none;-moz-appearance: none;appearance: none; color: #fff;font-weight: bold;font-size: 13px;text-align: center;border-radius: 4px;background: url(../img/detail/cart_icon.png)no-repeat left 27px center #014DA2; width: 100%;padding: 14px 0 14px 35px;border: none;transition: 0.3s;-webkit-background-size: 24px auto;background-size: 24px auto;} #itemDetail .text table.itemproperty td input[type="button"]:hover{opacity: 0.8;cursor: pointer;} #itemDetail #kanrenItem{text-align: left;padding-top: 40px;width: 765px;} #itemDetail #kanrenItem h6{font-weight: bold;font-size: 18px;padding-bottom: 6px;border-bottom: 4px solid #E8E8E8;margin-bottom: 10px;} #itemDetail #kanrenItem .box{width: 180px;float: left;} #itemDetail #kanrenItem .box .img_box{margin-bottom: 5px;} #itemDetail #kanrenItem .box .img_box img{width: 180px;height: auto;} #itemDetail #kanrenItem .box .kanrenItem_text h3{margin-bottom: 10px;} #itemDetail #kanrenItem .box .kanrenItem_text h3 a{font-size: 15px;font-weight: bold;} #itemDetail #kanrenItem .box .kanrenItem_price{font-size: 15px;} #itemDetail #kanrenItem .dv_recommend:nth-of-type(n+2){display: none;} #itemDetail #kanrenItem .dv_recommend{margin-left: -6px;} #itemDetail #kanrenItem .dv_rc_items{width: 180px;float: left;margin: 0 6px;} #itemDetail #kanrenItem .dv_rc_items img{width: 180px;height: auto;margin-bottom: 5px;} #itemDetail #kanrenItem .dv_rc_items .dv_rc_name{margin-bottom: 10px;font-size: 15px;font-weight: bold;} #itemDetail #kanrenItem .dv_rc_items .dv_rc_price{font-size: 15px;} #itemDetail .close{position: absolute;top: 3px;right: 3px;width: 30px;height: 30px;} #itemDetail .item_image_area img{border: 1px solid #DBDBDB;} #itemDetail .item_image_area a{outline: none;} #itemDetail .item_image_area .thumb{width: 454px;margin: 16px auto 0;} #itemDetail .item_image_area .thumb .img_box{padding: 0 2px;} #itemDetail .item_image_area .thumb img{width:88px;} #itemDetail .item_image_area .thumb .slick-current img{border: 2px solid #014DA2;} #itemDetail .item_image_area .slick-prev{width: 16px;height: 28px;background: url(../img/detail/arrow_prev@2x.png)no-repeat center;left: -20px;margin-left: 0; -webkit-background-size: contain; background-size: contain;} #itemDetail .item_image_area .slick-next{width: 16px;height: 28px;background: url(../img/detail/arrow_next.png)no-repeat center;right: -21px;margin-right: 0; -webkit-background-size: contain; background-size: contain;} #itemDetail .propertyWrapper .clearfix{margin-bottom: 24px;} #itemDetail .propertyWrapper .propertyName{font-size: 15px;margin-bottom: 10px;} #itemDetail .propertyWrapper .colorSelect{float: left;width: 50px;margin-right: 8px;min-height:110px;} #itemDetail .propertyWrapper .colorSelect:last-of-type{margin-right: 0;} #itemDetail .propertyWrapper .colorSelect p{font-size: 10px;text-align: center;letter-spacing: -0.01em;} #itemDetail .propertyWrapper .colorSelect .color{border-radius: 50%;border: 1px solid #DBDBDB;width: 50px;height: 50px;position: relative;margin-bottom: 8px;} #itemDetail .propertyWrapper .colorSelect .color div{border-radius: 50%;width: 42px;height: 42px;position: absolute;top: 50%;left: 50%;margin: -21px 0 0 -21px;} #itemDetail .propertyWrapper .colorSelect.black .color div{background: #000;} #itemDetail .propertyWrapper .colorSelect.blue .color div{background: #015A94;} #itemDetail .propertyWrapper .colorSelect.silver .color div{background: #BBB0AA;} #itemDetail .propertyWrapper .colorSelect.active .color{border: 2px solid #014DA2;} #itemDetail .propertyWrapper .sizeSelect{float: left;margin-right: 10px;width: 54px;height: 54px;display: table;background: #E8E8E8;margin-bottom: 10px;} #itemDetail .propertyWrapper .sizeSelect:last-of-type{margin-right: 0;} #itemDetail .propertyWrapper .sizeSelect div{display: table-cell;vertical-align: middle;text-align: center;} #itemDetail .propertyWrapper .sizeSelect p{font-size: 12px;font-weight: bold;line-height: 1.2em;} #itemDetail .propertyWrapper .sizeSelect.active{background: #014DA2;color: #fff;} #itemDetail .propertyWrapper .sizeSelect.active .none{border: 2px solid #014DA2 !important;} #itemDetail .propertyWrapper .sizeSelect.none{background: #fff;border: 1px solid #DBDBDB;color: #ccc;} #itemDetail .propertyWrapper .sizeSelect.none.active{border: 2px solid #014DA2;} #itemDetail .propertyWrapper#property-size .sizeSelect:hover{cursor: pointer;} #itemDetail .propertyWrapper#property-size .sizeSelect .none{background: #fff;border: 1px solid #DBDBDB;color: #ccc;} #itemDetail .item_icon{border: 1px solid #ccc;background: #fff;color: #000;font-size: 13px;border-radius: 2px;} .zoomContainer{width: 10px !important;height:10px !important;} #review.itemdetail{padding: 40px 0 0;} #review.itemdetail h2{font-size: 24px;font-weight: bold;margin-bottom: 24px;text-align: center;} #review.itemdetail p{margin-bottom: 10px;font-size: 15px;} #review.itemdetail p.item_name{font-size: 16px;font-weight: bold;} #review.itemdetail h3{font-size: 15px;font-weight: bold;display: table-cell;vertical-align: middle;padding-right: 10px;} #review.itemdetail ul.star{display: table-cell;vertical-align: middle;padding-right: 10px;margin-right: 0;} #review.itemdetail ul.star li{display: block; float: left; width: 15px; height: 15px; text-indent: -9999px;padding-right: 7px;} #review.itemdetail ul.star li.good{background: url("../images/review_good.png") no-repeat;} #review.itemdetail ul.star li.bad{background: url("../images/review_bad.png") no-repeat;} #review.itemdetail .average{display: table-cell;vertical-align: middle;font-size: 20px;font-weight: bold;} #review.itemdetail p.title_under{margin-top: 10px;} #review.itemdetail .inner{margin-bottom: 30px;} #review.itemdetail .box{margin-bottom: 16px;} #review.itemdetail .box .review_name{font-size: 15px;} #review.itemdetail .box .review_name span{font-weight: bold;color: #014DA2;} #review.itemdetail .box .name{font-size: 15px;} #review.itemdetail .box .review-image img{width: 80px;height: auto;} #review.itemdetail .goodButton{font-size: 12px;} #review.itemdetail .more{text-align: right;} #review.itemdetail .more a{font-size: 15px;color: #024EA2;} #review.itemdetail .more a:hover{text-decoration: underline;} #review.itemdetail .contribution{margin-top: 40px;} #review.itemdetail .contribution p{margin-bottom: 20px;} #review.itemdetail .contribution p a{color: #014DA2;font-weight: bold;} #review.itemdetail .contribution th{font-weight: bold;font-size: 15px;width: 154px;text-align: left;vertical-align: top;padding: 8px 0;} #review.itemdetail .contribution td{padding: 8px 0;} #review.itemdetail .contribution input[type="text"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #ccc; height: 36px;padding: 10px;font-size: 15px;outline: none;background: #F7F7F7;} #review.itemdetail .contribution #NICKNAME{width: 236px;} #review.itemdetail .contribution #REVIEW_TITLE{width: 500px;} #review.itemdetail .contribution textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #F7F7F7;border: 1px solid #ccc; outline: none;padding: 10px;font-size: 12px;width: 500px;} #review.itemdetail .contribution .buttonarea{text-align: center;margin-top: 24px;} #review.itemdetail .contribution .buttonarea input[type="submit"]{-webkit-appearance: none;width: 220px;height: 50px;border-radius: 4px;color: #fff;font-weight: bold; font-size: 15px;transition: 0.3s;outline: none;background: #014DA2;border: none;} #review.itemdetail .contribution .title{text-align: center;} #review.itemdetail .contribution h2{background: url(../img/detail/icon_open.png) no-repeat right 30px center#014DA2;transition: 0.3s;border-radius: 5px;padding: 15px 100px 15px 50px;font-size: 18px;color: #fff;display: inline-block; -webkit-background-size: auto 50%; background-size: auto 50%;} #review.itemdetail .contribution h2.active{background: url(../img/detail/icon_close.png) no-repeat right 30px center#014DA2; -webkit-background-size: auto 50%; background-size: auto 50%;} #review.itemdetail .contribution h2:hover{cursor: pointer;opacity: 0.8;} #itemRecommendList h2{font-size: 24px;font-weight: bold;margin-bottom: 20px;text-align: center;} #itemRecommendList a{outline: none;} /*#itemRecommendList .slick-slider .slick-track{width: 896px !important;}*/ #itemRecommendList .box{width: 200px !important;} #itemRecommendList .box .img_box{margin-bottom: 16px;} #itemRecommendList .box .img_box img{width: 200px;height: auto;} #itemRecommendList .box h3{margin-bottom: 10px;} #itemRecommendList .box h3 a{font-size: 15px;font-weight: bold;} #itemRecommendList .box .price{text-align: right;font-size: 15px;} #itemRecommendList .slick-dots{bottom: -30px;} #itemRecommendList .slick-dots li button:before{background: #D5D5D5;} #itemRecommendList .slick-dots li.slick-active button:before{background: #014DA2;} #item_info{padding-top: 20px;} #item_info .content .disnone{display: none;} #item_info .tab{position: relative;z-index: 1;} #item_info .tab li{display: table-cell;padding: 10px 23px;font-size: 15px;font-weight: bold;color: #014DA2;} #item_info .tab li:hover{cursor: pointer;} #item_info .tab li.select{border: 1px solid #ccc;border-bottom: 1px solid #fff;color: #000;} #item_info .content{border-top: 1px solid #ccc;margin-top: -1px;padding: 32px 0 64px;} #item_info .content li{font-size: 15px;line-height: 1.8em;} #item_info .content li a{font-weight: bold;color: #014DA2;} #item_info .center{text-align: center;} #item_info .explanation3{width: 896px;margin: 0 auto 40px;} .explanation2 table {border: 1px solid #e7e3e2;width: 100%;} .explanation2 table tr {border: 1px solid #e7e3e2; border-top: none;} .explanation2 table td:first-child {display: table-cell; vertical-align: middle; padding: 10px 15px; width: 200px; background: #f6f6f6; font-size: 15px; font-weight: bold;} .explanation2 table td:last-child {display: table-cell; vertical-align: middle; padding: 10px 15px; font-size: 15px;} #item_detailInfo{border-top: 1px solid #e7e3e2;} #item_detailInfo dl{border: 1px solid #e7e3e2;border-top: none;} #item_detailInfo dl dt{display: table-cell;vertical-align: middle;padding: 10px 15px;width: 200px;background: #f6f6f6;font-size: 15px;font-weight: bold;} #item_detailInfo dl dd{display: table-cell;vertical-align: middle;padding: 10px 15px;font-size: 15px;} div.ex_link01 , div.ex_link02{width:448px;float: left;margin-top: 30px; } .ex_link_tl{margin-bottom: 30px;} .ex_link_tl{margin-bottom: 0px;float: left;} div.ex_link01 ul li {display: block;list-style: none;margin-bottom: 20px;} div.ex_link01 ul li.one{width:448px; } div.ex_link01 ul li.two , div.ex_link01 ul li.three{float: left; } div.ex_link02 ul li {display: block;list-style: none;margin-bottom: 20px;} div.ex_link02 ul li.one{width:448px; } div.ex_link02 ul li.two , div.ex_link02 ul li.three{float: left; } /*商品詳細　キャンペーンバナー*/ #campaignBnr{margin-top: 32px;} #campaignBnr img{width: 354px;height: auto;} #campaignBnr p{margin-bottom: 10px;} #campaignBnr.header p{width: 198px;} #campaignBnr.header p img{width: 198px;height: auto;} #campaignBnr.header p:nth-of-type(n+3){display:none;} /* calendar - カレンダー -------------------------------------------------------------*/ .ui-datepicker .day_color1 .ui-state-default{background-image: none; background-color: #FF7F7E; color: #C00;} .ui-datepicker .day_color2 .ui-state-default{background-image: none; background-color: #D7FFED;} .ui-datepicker .day_color3 .ui-state-default{background-image: none; background-color: #FFFBB2;} .ui-datepicker .day_color4 .ui-state-default{background-image: none; background-color: #1C4888; color: #FFF;} .ui-datepicker .day_color5 .ui-state-default{background-image: none; background-color: #E7FFFF;} .ui-datepicker .day_color6 .ui-state-default{background-image: none; background-color: #F0D6FF;} /* jquery-ui-1.8.4.custom.css　上書き用（カレンダー） -------------------------------------------------------------*/ .ui-datepicker .ui-datepicker-header{padding: .3em 0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{padding: 4px 2px; border: none; background: #FFF;display: block;}/* 日付背景 */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #ffffff;}/* 選択した日付背景 */ #nyuka {margin-bottom: 80px;} #nyuka .formBox{width: 560px;margin: auto;background: #F7F7F7;padding: 38px 80px 5px;} #nyuka .title_under{font-size: 15px;margin-bottom: 32px;} #nyuka .formBox input[type="submit"]{-webkit-appearance: none;width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;} #nyuka .formBox input[type="submit"]:hover{cursor: pointer;background: #fff;color: #014DA2;} #nyuka .formBox .buttonarea a{width: 238px;height: 50px;background: #014DA2;border-radius: 4px; color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none;} #nyuka .formBox .buttonarea a:hover{cursor: pointer;background: #fff;color: #014DA2;} #nyuka .formBox h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #000;} #nyuka .formBox table{margin: 10px 0;} #nyuka .formBox table th{text-align: left;padding: 5px 0;} #nyuka .formBox table td{padding: 5px 0;} #nyuka .formBox table td [type="text"], #nyuka .formBox table td input[type="password"]{-webkit-appearance: none;width: 300px;height: 50px;padding: 0 10px;font-size: 15px;border-radius: 4px;outline: none; box-shadow: none;border: 1px solid #CCCCCC;} #nyuka table.itembox{width: 560px;margin: 0 auto 20px;} #nyuka table.itembox th{font-weight: bold;font-size: 15px;text-align: left;width: 100px;color: #014DA2;padding: 5px 0;} #nyuka table.itembox td {font-size: 15px} #nyuka .buttonarea{text-align: center;margin: 20px 0 49px;} #nyuka .buttonarea a{width: 300px;background: #014DA2;border-radius: 4px;color: #fff;font-weight: bold;border: 1px solid #014DA2;font-size: 15px;transition: 0.3s;outline: none; display: inline-block;padding: 15px 0;} .zoomLens{border-color: #dbdbdb !important;} .zoomWindow{border-color: #dbdbdb !important;margin-left: 10px !important;} #teikiDetail{padding-bottom: 80px;} #teikiDetail table{border: 1px solid #ccc;margin-bottom:20px;} #teikiDetail table tr{border: 1px solid #ccc;} #teikiDetail table tr th{padding: 15px 0 15px 15px;background: #F7F7F7;text-align: left;font-size: 12px;font-weight: normal;} #teikiDetail table tr td a{color: #014DA2;font-weight: bold;} #teikiDetail table tr td{border-right: 1px solid #CCCCCC;padding: 15px;vertical-align: middle;text-align: left;font-size: 12px;line-height: 2.4em;} #teikiDetail h3{margin: 20px 0 10px;font-size: 15px;} #teikiDetail h5{margin-bottom: 10px;} #teikiDetail input[type="text"], #teikiDetail input[type="password"]{background: #F7F7F7;border: 1px solid #CCCCCC;height: 30px;padding: 10px;font-size: 12px;outline: none;} #teikiDetail select{-webkit-appearance: none;-moz-appearance: none;appearance: none; width: 190px;height: 30px;background: url(../img/select_bg.png)no-repeat right 10px center #F7F7F7;border: 1px solid #ccc;padding: 0 10px;outline: none;border-radius: 4px;font-size:12px;} #teikiDetail p{margin-bottom: 10px;} #teikiDetail .buttonarea{text-align: center;} #teikiDetail .buttonarea a.negative{width: 238px;background: #4C4C4C;border-radius: 4px;display: inline-block;padding: 15px 0;margin-right: 5px; color: #fff;font-weight: bold;border: 1px solid #4C4C4C;font-size: 15px;transition: 0.3s;outline: none;letter-spacing: 0.2em;display: inline-block;} #teikiDetail .buttonarea a.negative:hover{background: #fff;color: #4C4C4C;} #teikiDetail .buttonarea a.positive{background: #014DA2;font-size: 15px;font-weight: bold;color: #fff;border-radius: 4px;width: 240px; display: inline-block;margin-right: 20px;margin-top: 1px;padding: 15px 0;border: 1px solid #014DA2;} #teikiDetail .buttonarea a.positive:hover{background: inherit;color: #014DA2;} /*MOTOO*/ #itemDetail .propertyWrapper .colorSelect { cursor: pointer } #itemDetail .propertyWrapper.property2Matrix .sizeSelectWrapper { display: none } #itemDetail .propertyWrapper.property2Matrix .sizeSelect { cursor: pointer } #itemDetail .propertyWrapper.property2Matrix .sizeSelect label { display: none } #itemDetail .propertyWrapper.property1Matrix .sizeSelect .zaiko_none_text, #itemDetail .propertyWrapper.property2Matrix .sizeSelect .zaiko_none_text{font-size: 10px;} #itemDetail .propertyWrapper.property2Matrix .cartBtnWrapper { display: none; width: 100% } #itemDetail .propertyWrapper.property2Matrix .cartBtnWrapper label { display: none } #itemDetail .propertyWrapper .cartBtnWrapper .cartSubmitButton{display: table-cell;width: 241px;} #itemDetail .propertyWrapper .cartBtnWrapper .cartSubmitButton input[type="button"]{-webkit-appearance: none;-moz-appearance: none;appearance: none; color: #fff;font-weight: bold;font-size: 13px;text-align: center;border-radius: 4px;background: url(../img/detail/cart_icon.png)no-repeat left 27px center #014DA2; width: 100%;padding: 14px 0 14px 35px;border: none;transition: 0.3s;-webkit-background-size: 24px auto;background-size: 24px auto;} #itemDetail .propertyWrapper .cartBtnWrapper .cartSubmitButton input[type="button"]:hover{cursor: pointer;} #itemDetail .propertyWrapper .cartBtnWrapper .cartSubmitButton a#mail{width: 100%;display: block;border: 1px solid #014DA2;color: #014DA2;font-size: 13px;padding: 14px 0 14px 35px; font-weight: bold;border-radius: 4px;background: url(../img/detail/nyuka.png)no-repeat left 80px center #fff;-webkit-background-size: 26px 19px;background-size: 26px 19px; text-align:center} #itemDetail .propertyWrapper .cartBtnWrapper .amountWrap { display: table-cell; } #itemDetail .propertyWrapper .cartBtnWrapper span.cartSubmitButton{display: inherit;} #itemDetail .propertyWrapper .cartBtnWrapper .cartSubmitButton .login_not_btn{ color: #fff;font-weight: bold;font-size: 13px;text-align: center;border-radius: 4px;background: url(../img/detail/cart_icon.png)no-repeat left 27px center #014DA2; width: 100%;padding: 14px 0 14px 35px;border: none;transition: 0.3s;-webkit-background-size: 24px auto;background-size: 24px auto;display: inline-block} /* 静的ページ */ #ext.company{padding-bottom: 80px;} #ext.company table{border: 1px solid #ccc;margin-bottom: 10px;} #ext.company table th{text-align: left;font-weight: normal;font-size: 12px;background: #f7f7f7;padding: 16px;border: 1px solid #ccc; border-right: none;line-height: 2em;font-size: 13px;} #ext.company table td{padding: 16px;border: 1px solid #ccc;vertical-align: top;font-size: 12px;border-left: none;line-height: 2em;font-size: 13px;} #ext.company table td li{margin-bottom: 20px;} #ext.company table td li a{color: #014DA2;font-weight: bold;} #ext.company table td li span.ttl{font-weight: bold;font-size: 15px;} #ext.company p{text-align: right;} #ext.birthday{padding-bottom: 64px;} #ext.birthday .title_bnr{text-align: center;background: #ECF2FA;margin-bottom: 32px;} #ext.birthday .ttlBox{padding: 16px 0;background: #014DA2;text-align: center;} #ext.birthday .ttlBox p{color: #fff;font-weight: bold;font-size: 24px;line-height: 1.2em;} #ext.birthday .ttlBox p span{font-weight: normal;font-size: 15px;} #ext.birthday .innerBox{padding: 20px 64px 40px;border: 1px solid #ccc;border-top: none;margin-bottom: 40px;} #ext.birthday .point_ttl{text-align: center;margin-bottom: 26px;} #ext.birthday .point_ttl p{text-align: left;display: inline-block;padding-left: 52px;background: url(../img/ext/birthday/icon.png)no-repeat left center; -webkit-background-size: 40px;background-size: 40px;color: #014DA2;font-weight: bold;font-size: 24px;line-height: 1em;} #ext.birthday .point_ttl p span{font-weight: normal;font-size: 13px;} #ext.birthday .info{background: #FFFEEC;border: 1px solid #E2D06A;padding: 18px 37px;margin-bottom: 20px;} #ext.birthday .info .ttl{color: #E82929;font-size: 16px;font-weight: bold;display: inline-table;width: 68px;vertical-align: middle;} #ext.birthday .info .text{display: inline-table;vertical-align: middle;width: 615px;} #ext.birthday .info .text p{line-height: 1.8em;text-indent: -1em;padding-left: 1em;} #ext.birthday .left{width: 364px;float: left;} #ext.birthday .left .img{margin-bottom: 16px;} #ext.birthday .left .btn a{padding: 13px 19px 11px;} #ext.birthday .right{width: 364px;float: right;} #ext.birthday .right .img{margin-bottom: 16px;} #ext.birthday .right .btn a{padding: 13px 19px 11px;} #ext.birthday h4{text-align: center;font-weight: bold;font-size: 16px;background: #ECF2FA;color: #014DA2;padding: 16px 0;} #ext.birthday .bg-yel{background: #FFFEEC;padding: 18px 26px 32px;} #ext.birthday .bg-yel .text{margin-bottom: 20px;font-size: 15px;} #ext.birthday .bg-yel .img{text-align: center;} #ext.birthday .btn{text-align: center;} #ext.birthday .btn a{border-radius: 4px;background: #EB9B15;color: #fff;font-weight: bold;font-size: 15px;border-bottom: 3px solid #D38501;display: inline-block;} #ext.birthday .attention{text-align: center;font-size: 16px;font-weight: bold;color: #E82929;margin: 22px 0 20px;} #ext.birthday .point_btn{text-align: right;} #ext.birthday .point_btn a{color: #fff;background: #014DA2;border-radius: 4px;font-size: 15px;padding: 13px 14px;font-weight: bold;display: inline-block;} #ext.birthday .bg-bl{background: #ECF2FA;padding: 25px 0 32px;text-align: center;} #ext.birthday .bg-bl h5{font-weight: normal;font-size: 20px;margin-bottom: 10px;} #ext.birthday .bg-bl .text{font-size: 13px;margin-bottom: 20px;} #ext.birthday .bg-bl .btn a{padding: 17px 26px 14px;font-size: 18px;} .w600{width: 600px;margin: auto;} #ext.guide{margin-bottom: 52px;} #ext.guide .mb4{margin-bottom: 4px;} #ext.guide .mb8{margin-bottom: 8px;} #ext.guide .mb10{margin-bottom: 10px;} #ext.guide .mb12{margin-bottom: 12px;} #ext.guide .mb16{margin-bottom: 16px;} #ext.guide .mb18{margin-bottom: 18px;} #ext.guide .mb20{margin-bottom: 20px;} #ext.guide .mb24{margin-bottom: 24px;} #ext.guide .mb26{margin-bottom: 26px;} #ext.guide .mb30{margin-bottom: 30px;} #ext.guide .mb32{margin-bottom: 32px;} #ext.guide .mb40{margin-bottom: 40px;} #ext.guide .mb42{margin-bottom: 42px;} #ext.guide .mb64{margin-bottom: 64px;} #ext.guide p{font-size: 14px;line-height: 1.8em;} #ext.guide p.center{text-align: center;} #ext.guide a{color: #014DA2;;} #ext.guide p.small{font-size: 13px;} #ext.guide span.attention{color: #E82929;font-weight: bold;} #ext.guide .indent{padding: 0 24px;} #ext.guide .menu ul li{float: left;width: 412px;margin-right:24px; } #ext.guide .menu ul li:nth-of-type(2){margin-right: 0;} #ext.guide .menu ul li a{display: block;text-align: center;color: #014DA2;font-size: 16px;font-weight: bold;padding: 17px 0 16px;} #ext.guide .menu ul li.menu1 a{background-image: url(../img/ext/guide/icon01_2.png),url(../img/ext/guide/arrow_down2.png);background-color: #ECF2FA; background-repeat: no-repeat;background-position: left 30px center,right 30px center;-webkit-background-size: 40px,13px 8px;background-size: 44px,13px 8px;} #ext.guide .menu ul li.menu2 a{background-image: url(../img/ext/guide/icon02_2.png),url(../img/ext/guide/arrow_down2.png);background-color: #ECF2FA; background-repeat: no-repeat;background-position: left 30px center,right 30px center;-webkit-background-size: 40px,13px 8px;background-size: 44px,13px 8px;} #ext.guide .menu ul li.menu3 a{background-image: url(../img/ext/guide/icon03_2.png),url(../img/ext/guide/arrow_down2.png);background-color: #ECF2FA; background-repeat: no-repeat;background-position: left 30px center,right 30px center;-webkit-background-size: 40px,13px 8px;background-size: 44px,13px 8px;} #ext.guide .menu ul li.menu4 a{background-image: url(../img/ext/guide/icon04_2.png),url(../img/ext/guide/arrow_down2.png);background-color: #ECF2FA; background-repeat: no-repeat;background-position: left 30px center,right 30px center;-webkit-background-size: 40px,13px 8px;background-size: 44px,13px 8px;} #ext.guide h4{color: #fff;font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 32px;padding: 14px 0 12px;} #ext.guide #soryo,#ext.guide #shiharai,#ext.guide #henpin,#ext.guide #point{margin-top: -130px;padding-top: 130px;} #ext.guide #soryo h4{background: url(../img/ext/guide/icon01_w2.png) no-repeat left 250px center #014DA2;} #ext.guide #shiharai h4{background: url(../img/ext/guide/icon02_w2.png) no-repeat left 297px center #014DA2;} #ext.guide #henpin h4{background: url(../img/ext/guide/icon03_w2.png) no-repeat left 313px center #014DA2;} #ext.guide #point h4{background: url(../img/ext/guide/icon04_w2.png) no-repeat left 287px center #014DA2;} #ext.guide #point #point2 h4{background: #014DA2;} #ext.guide table.table1{border: 1px solid #ccc;} #ext.guide table.table1 td{border: 1px solid #ccc;padding: 15px 0; text-align: center;font-size: 15px;} #ext.guide table.table1 td span.red{font-weight: bold;color: #E82929;} #ext.guide table.table1 th{vertical-align: middle;background: #ECF2FA;text-align: center;font-weight: bold;font-size: 26px;color: #014DA2;} #ext.guide table.table2{border: 1px solid #ccc;} #ext.guide table.table2 td{border: 1px solid #ccc;padding: 18px 0; text-align: center;vertical-align: middle;} #ext.guide table.table2 td span.red{font-weight: bold;color: #E82929;} #ext.guide table.table2 td span.small{font-size: 12px;} #ext.guide table.table2 th{vertical-align: middle;background: #ECF2FA;text-align: center;font-weight: normal;border: 1px solid #ccc;padding: 24px 0 23px;} #ext.guide table.table2 th.ttl{color: #fff;background: #EB9B15;font-weight: bold;font-size: 14px;} #ext.guide table.table4{border: 1px solid #ccc;} #ext.guide table.table4 th{padding: 24px 15px;background: #ECF2FA;font-weight: bold;font-size: 14px;text-align: left;border: 1px solid #ccc;vertical-align: middle;} #ext.guide table.table4 td{border: 1px solid #ccc;font-size: 14px;padding: 24px;line-height: 2em;vertical-align: middle;} #ext.guide table.table4 td span.red{color: #E82929;} #ext.guide table.table4 td span.small{font-size: 13px;} #ext.guide .box table.table3 td{vertical-align: middle;padding: 10px 0;text-align: left;} #ext.guide .box table.table3 td:first-of-type{font-weight: bold;font-size: 15px;} #ext.guide .box table.table3 td a{font-size: 16px;font-weight: bold;color: #000;} #ext.guide .box h5{font-size: 15px;font-weight: bold;color: #014DA2;background: #ECF2FA;padding: 14px 24px 12px;} #ext.guide .box .inner{padding: 24px;border: 1px solid #ccc;border-top: none;} #ext.guide .box .b_line{padding-bottom: 24px;margin-bottom: 25px;border-bottom: 1px solid #ccc;} #ext.guide .box img.icon{margin-top: -5px;vertical-align: middle;} #ext.guide .box table th{background: #ECF2FA;color: #014DA2;font-weight: bold;font-size: 16px;text-align: center;vertical-align: middle;height: 85px;} #ext.guide .box table td{vertical-align: middle;padding-left: 24px;} #ext.guide .attentionBox{background: #FFFEEC;border: 1px solid #E2D06A;padding: 32px;} #ext.guide .attentionBox h6{font-size: 14px;font-weight: bold;} #ext.guide .attentionBox a{font-size: 13px;} #ext.guide .attentionBox .text-indent{padding-left: 0.5em;text-indent: -0.5em;} #ext.guide #point .ttl_big{font-weight: bold;font-size: 28px;color: #014DA2;} #ext.guide #point p.bold{font-weight: bold;} #ext.guide #point .img{width: 185px;float: left;} #ext.guide #point .text{width: 383px;float: right;} #ext.guide #point #point2 .or_ttl2{border-bottom: 2px solid #014DA2;padding-left: 72px;background: url(../img/ext/guide/point/icon.png)no-repeat left center; -webkit-background-size: 67px 49px;background-size: 67px 49px;line-height: 70px;font-size: 18px;} #ext.guide #point #point2 .or_ttl2 span{font-weight: bold;font-size: 22px;color: #EB9B15;} #ext.guide #point #point2 .btn{text-align: center;margin-bottom: 42px;} #ext.guide #point #point2 .btn a{display: inline-block;border-radius: 4px;background: #EB9B15;color: #fff;font-weight: bold;font-size: 18px;padding: 14px 43px;border-bottom: 3px solid #D38501;} #ext.guide #point #point2 .b_box{padding: 32px;background: #ECF2FA;} #ext.guide #point #point2 .b_box .inner{background: #fff;padding: 24px;} #ext.guide #point #point2 .b_box .inner .or_ttl{font-size: 20px;font-weight: bold;color: #EB9B15;} #ext.guide #point #point2 .b_box .inner .red{color: #E82929;} #ext.teiki .center{text-align: center;} #ext.teiki .point p{font-size: 16px;line-height: 1.8em;} #ext.teiki .point .ttlbox{position: relative;background: #014DA2;border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 14px 0;} #ext.teiki .point .ttlbox p{color: #fff;font-weight: bold;font-size: 24px;line-height: 1.4em;} #ext.teiki .point .ttlbox .icon{position: absolute;bottom: 0;left: 64px;} #ext.teiki .point .box1{border: 1px solid #ccc;border-top: none;padding: 8px 64px 16px 64px;} #ext.teiki .point .box1 .text{display: table-cell;width: 542px;vertical-align: middle;padding-right: 50px;} #ext.teiki .point .box1 .img{display: table-cell;vertical-align: middle;} #ext.teiki .point .box1 .text .attention{background: #FFFEEC;border: 1px solid #E2D06A;padding: 16px 20px;} #ext.teiki .point .box1 .text .attention p{display: table-cell;vertical-align: middle;font-size: 14px;line-height: 1.6em;} #ext.teiki .point .box1 .text .attention p.red{color: #E82929;font-weight: bold;font-size: 16px;width: 50px;} #ext.teiki .point .box2{border: 1px solid #ccc;border-top: none;padding: 32px 64px 30px 64px;} #ext.teiki .point .box3{border: 1px solid #ccc;border-top: none;padding: 40px 110px 30px 64px;} #ext.teiki .point .box3 .text{display: table-cell;width: 507px;vertical-align: middle;padding-right: 101px;} #ext.teiki .point .box3 .text .attention{background: #FFFEEC;border: 1px solid #E2D06A;padding: 16px 20px;} #ext.teiki .point .box3 .text .attention p{display: table-cell;vertical-align: middle;font-size: 14px;line-height: 1.6em;} #ext.teiki .point .box3 .text .attention p.red{color: #E82929;font-weight: bold;font-size: 16px;width: 50px;} #ext.teiki .point .box3 .img{display: table-cell;vertical-align: middle;} #ext.teiki .point .box4{border: 1px solid #ccc;border-top: none;padding: 40px 64px 36px 64px;} #ext.teiki .point .box4 .text{display: table-cell;vertical-align: top;padding-right:37px;width: 620px;} #ext.teiki .point .box4 .img{display: table-cell;vertical-align: top;width:175px;} #ext.teiki .point .box6{border: 1px solid #ccc;border-top: none;padding: 40px 80px 30px 64px;} #ext.teiki .point .box6 .text{display: table-cell;vertical-align: top;padding-right:50px;width: 520px;} #ext.teiki .point .box6 .img{display: table-cell;vertical-align: top;width:310px;} #ext.teiki .point .box6 .text .attention{background: #FFFEEC;border: 1px solid #E2D06A;padding: 16px 20px;} #ext.teiki .point .box6 .text .attention p{display: table-cell;vertical-align: middle;font-size: 14px;line-height: 1.6em;} #ext.teiki .point .box6 .text .attention p.red{color: #E82929;font-weight: bold;font-size: 16px;width: 50px;} #ext.teiki .bg_blue{padding: 35px 0 40px;background: #ECF2FA;} #ext.teiki .bg_white{padding: 35px 0 40px;background: #ffffff;} #ext.teiki .bg_blue .ttl , #ext.teiki .bg_white .ttl{font-weight: bold;font-size: 28px;color: #014DA2;} #ext.teiki .bg_blue h5{background: #014da2;color: #fff;font-weight: bold;font-size: 28px;text-align: center;padding: 14px 0;position: relative;} #ext.teiki .bg_white h5{background: #98BCEB;color: #fff;font-weight: bold;font-size: 28px;text-align: center;padding: 14px 0;position: relative;} #ext.teiki .bg_blue h5:after{content: " ";position: absolute;border: 10px solid #014da2;bottom: -10px;left: 50%;margin-left: -5px; -webkit-transform: rotate(135deg); transform: rotate(135deg);} #ext.teiki .bg_white h5:after{content: " ";position: absolute;border: 10px solid #98BCEB;bottom: -10px;left: 50%;margin-left: -5px; -webkit-transform: rotate(135deg); transform: rotate(135deg);} #ext.teiki .bg_blue .box , #ext.teiki .bg_white .box{width: 274px;float: left;margin-right: 37px;} #ext.teiki .bg_blue .box:last-of-type , #ext.teiki .bg_white .box:last-of-type{margin-right: 0;} #ext.teiki .bg_blue .box h5 , #ext.teiki .bg_white .box h5{font-size: 20px;padding: 2px 0 8px;} #ext.teiki .bg_blue .box h5 span , #ext.teiki .bg_white .box h5 span{font-weight: normal;color: #000;font-size: 14px;} #ext.teiki .bg_blue .box .inner , #ext.teiki .bg_white .box .inner{background: #fff;padding: 12px 12px 14px;} #ext.teiki .bg_blue .box .inner .blue , #ext.teiki .bg_white .box .inner .blue{font-weight: bold;font-size: 18px;color: #014DA2;} #ext.teiki .innerBox{background: #ECF2FA;padding: 20px 47px 40px;} #ext.teiki .innerBox .ttl p{display: table-cell;vertical-align: middle;font-size: 18px;} #ext.teiki .innerBox .ttl p.icon{width: 142px;} #ext.teiki .innerBox .img{float: left;width: 359px;} #ext.teiki .innerBox .text{float: right;width: 359px;line-height: 2em;font-size: 14px;} #ext.teiki .itembox1{float: left;width: 574px;} #ext.teiki .itembox1 .ttl{font-size: 20px;background: #FFF49B;padding: 16px 0;} #ext.teiki .itembox1 .inner{border: 1px solid #ccc;border-top: none;padding: 20px 32px;} #ext.teiki .itembox1 .inner ul li{float: left;width: 247px;} #ext.teiki .itembox1 .inner ul li:nth-of-type(2){float: right;} #ext.teiki .itembox2{float: right;width: 290px;} #ext.teiki .itembox2 .ttl{font-size: 20px;background: #FFF49B;padding: 16px 0;} #ext.teiki .itembox2 .inner{border: 1px solid #ccc;border-top: none;padding: 20px 22px;} #ext.teiki .attentionBox{background: #FFFEEC;border: 1px solid #E2D06A;padding: 32px;} #ext.teiki .attentionBox h6{font-weight: bold;font-size: 18px;} #ext.teiki .attentionBox p{font-size: 14px;} #ext.teiki .attentionBox p.red{color: #FF0000;} #ext.teiki .attentionBox .img{float: left;width: 307px;margin-right: 16px;} #ext.teiki h5.or_ttl{font-size: 28px;font-weight: bold;color: #F28100;position: relative;} #ext.teiki h5.or_ttl:after{content: " ";position: absolute;top: 50%;left: 0;width: 310px;border: 1px solid #F28100;} #ext.teiki h5.or_ttl:before{content: " ";position: absolute;top: 50%;right: 0;width: 310px;border: 1px solid #F28100;} #ext.teiki h4{font-weight: bold;font-size: 28px;color: #014DA2;margin-bottom: 16px;} #ext.teiki h4 span{font-size: 58px;font-style: italic;} #ext.teiki .teiki_clum p.ttl{font-weight: bold;font-size: 28px;color: #014DA2;} #ext.teiki .teiki_gbox h5{font-size: 28px;font-weight: bold;color: #ffffff;padding: 14px 24px 12px;} #ext.teiki .teiki_gbox_inner p{font-size: 16px;line-height: 1.8em;} #ext.teiki .teiki_gbox_inner a{text-decoration: underline;color: #014DA2;} #ext.teiki .teiki_gbox_inner{padding: 24px;border: 1px solid #ccc;border-top: none;background: #ffffff} #ext.teiki .teiki_gbox_inner table th{background: #ECF2FA;color: #014DA2;font-weight: bold;font-size: 16px;text-align: center;vertical-align: middle;height: 85px;} #ext.teiki .teiki_gbox_inner table td {vertical-align: middle;padding-left: 24px;} #ext.teiki .teiki_gbox_inner .attention{background: #FFFEEC;border: 1px solid #E2D06A;padding: 16px 20px;} #ext.teiki .teiki_gbox_inner .attention p{display: table-cell;vertical-align: middle;font-size: 14px;line-height: 1.6em;} #ext.teiki .teiki_gbox_inner .attention p.red{color: #E82929;font-weight: bold;font-size: 16px;width: 50px;} #ext.teiki .teiki_top:after{clear: both;display: block;content: "";visibility: hidden;height: 0;} #ext.teiki .teiki_top p{font-size: 16px;} #ext.teiki .teiki_top p.teiki_top_ttl{text-align: center;font-weight: bold;font-size: 52px;} #ext.teiki .teiki_top p.teiki_top_ttl span{display: block;font-size: 20px;line-height: 2.5em;} #ext.teiki .teiki_top ul.teiki_top_list li{display:block;float: left;width: 50%;padding: 0%;} #ext.teiki .teiki_top ul.teiki_top_list li img{width: 100%;height: auto;} #itemRecommendList .dv_recommend{overflow: hidden;} #itemRecommendList .dv_rc_items{width: 200px !important;float: left;margin-right: 32px;} #itemRecommendList .dv_rc_items:nth-of-type(6){margin-right: 0;} #itemRecommendList .dv_rc_img{margin-bottom: 16px;} #itemRecommendList .dv_rc_img img{width: 200px;height: auto;} #itemRecommendList .dv_rc_name{margin-bottom: 10px;font-size: 15px;font-weight: bold;} #itemRecommendList .dv_rc_price{text-align: right;font-size: 15px;} #magazine p {font-size: 15px;margin-bottom: 32px;} #magazine form {text-align: left; width: 500px; margin: 0 auto 64px;} #magazine form h3 {font-size: 15px} #magazine input#magazine_form {width: 100%; height: 30px;margin-bottom: 10px;} #magazine .select_area {margin-bottom: 32px;line-height: 200%;} #magazine .buttonarea {text-align: center;} #cookie_bnr{position: fixed;bottom: 0;right: 0;height: 280px;width:280px;display: none;box-shadow:0px 0px 3px 0px #ababab;z-index: 9999;} #cookie_bnr .close{position: absolute; top: 0px;right: 0;width: 35px;height: 35px;} #cookie_bnr .cookie_img img{width: 100%; height: auto;} #u_recommend #review.itemdetail ul.reco_cont li h3{min-height: 55px;display: block;} ul.reco_cont {display: flex;flex-wrap: wrap;} .reco_cont li { width: 224px; height: 100%; position: relative; padding-left: 10px; padding-right: 10px; margin-bottom:20px;} ul.reco_cont img { width: 100%; border: 1px solid #DBDBDB; margin-bottom:16px;} .reco_cont p.kakaku{ text-align:right;} #review.itemdetail:after{ display:block; content:""; clear:both; visibility:hidden; height:0;} #u_recommend .title , #new .title{ text-align: center; margin-bottom: 24px;} #new .title{ text-align: center; margin-bottom: 50px;} #u_recommend .title h2 , #new .title h2{font-size: 28px;font-weight: bold;} #u_recommend .title p , #new .title p{font-size: 12px;font-weight: bold;} #u_recommend #review.itemdetail { padding-top:0;} .overlay { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; z-index: 9998 } .btn_area { width: 600px; height: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; z-index: 9999 } .btn_area .ttl { font-weight: bold } .btn_area p { padding: 15px } .btn_area button { display: block; margin: 0 auto; background: #333; color: #fff; padding: 20px 40px; border: none } .btn_area button:hover { background: #777 }