body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 13px; line-height: 22px; letter-spacing: 0.05em;} /*body{font-family: '游明朝', 'YuMincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background-color: #fff;}*/ body{font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; background-color: #fff;} ul{margin: 0;} li{list-style: none;} img{vertical-align: top;} a{color: #000;} a:hover{text-decoration: none; color: #aaa;} a:active, a:focus{text-decoration: none;} .img-ow{margin: 0 auto;} .fl{float: left;} .fr{float: right;} .font_g{font-family: YuGothic, 'Yu Gothic', serif;} .btn-primary{background-color: #f4a535; color: #fff; padding: 20px 0; font-weight: normal; border-radius: 0; border: none; text-align: center; font-size: 14px; line-height: 1;} .btn-info{background-color: #333; color: #fff; padding: 20px 0; font-weight: normal; border-radius: 0; border: none; text-align: center; font-size: 14px; line-height: 1;} .btn-primary:hover{background-color: #f4a535; opacity: 0.6;} .btn-info:hover{background-color: #333; opacity: 0.6;} @media only screen and (max-width: 767px) { .btn-primary, .btn-info{padding: 15px 0; font-size: 13px;} } @media only screen and (min-width: 1200px) { .container{width: 1140px;} } @media only screen and (min-width: 768px) { a[href^="tel:"] {pointer-events: none;} } /* Slider */ #page_homepage .slick-list,.slick-slider,.slick-track{position:relative;display:block} #page_homepage .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} #page_homepage .slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} #page_homepage .slick-list{overflow:hidden;margin:0;padding:0} #page_homepage .slick-list:focus{outline:0} #page_homepage .slick-list.dragging{cursor:pointer;cursor:hand} #page_homepage .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} #page_homepage .slick-track{top:0;left:0} #page_homepage .slick-track:after,.slick-track:before{display:table;content:''} #page_homepage .slick-track:after{clear:both} #page_homepage .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] #page_homepage .slick-slide{float:right} #page_homepage .slick-slide img{display:block} #page_homepage .slick-slide.slick-loading img{display:none} #page_homepage .slick-slide.dragging img{pointer-events:none} #page_homepage .slick-initialized .slick-slide{display:block} #page_homepage .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} #page_homepage .slick-arrow.slick-hidden{display:none} /* --- Dots --- */ #page_homepage .slick-dots{list-style:none;display:block;text-align:center;padding:0;width:100%;z-index:100;} #page_homepage .slick-dots li{position:relative;display:inline-block;height:6px;width:6px;margin:0 10px;padding:0;cursor:pointer;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} #page_homepage .slick-dots li button{background:0 0;border:1px solid #d5d5d5; background-color: #d5d5d5; display:block;height:4px;width:4px;overflow:hidden;line-height:0;font-size:0;color:transparent;cursor:pointer;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} #page_homepage .slick-dots li.slick-active button{outline:0;border:1px solid #000;background:#000} #page_homepage .slick-dots li button:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} #page_homepage .slick-dots li.slick-active button:before{border:1px solid #000;content:""} #page_homepage .slick-prev, #page_homepage .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 60px; height: 60px; padding: 0; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #ddd 1px solid; border: none; background: #fefefe; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 2; } #page_homepage .slick-prev:before, #page_homepage .slick-next:before { font-family: FontAwesome; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #page_homepage .slick-prev { left: 0; margin-left: -30px; } #page_homepage .slick-prev:before { content: "\f104"; } #page_homepage .slick-next { margin-right: -30px; right: 0; } #page_homepage .slick-next:before { content: "\f105"; } @media only screen and (max-width: 767px) { #page_homepage .slick-arrow{display: none!important;} #page_homepage .slick-prev, #page_homepage .slick-next {display: none!important;} } @media only screen and (min-width: 768px) { #page_homepage .slick-dots{display: none!important;} } /*common*/ header{padding-top: 40px; padding-bottom: 40px; position: relative;} header .logo{width: 200px; text-align: center;} header h1{font-weight: bold; margin-bottom: 5px;} header .menu-trg-area {width: 30px; height: 24px; position: absolute; top: 5px; right: 5px; background: none; display: none!important;} header .menu-trigger, header .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;} header .menu-trigger { position: absolute; right: 10px; top: 14px; width: 30px; height: 24px; z-index: 2;} header .menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #000033;} header .menu-trigger span:nth-of-type(1) { top: 0;} header .menu-trigger span:nth-of-type(2) { top: 10px;} header .menu-trigger span:nth-of-type(3) { bottom: 0;} header .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: -8px;} header .menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;} header .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -11px;} header .menu li{float: left;} header .smenu{position: absolute; top: 40px; right: 15px;} header .smenu li{margin-right: 15px; padding-right: 25px; position: relative;} header .smenu li:last-child{margin-right: 0; padding-right: 0;} header .smenu a{font-family: YuGothic, 'Yu Gothic', serif; font-size: 12px; line-height: 1; color: #666;} header .smenu a:hover{text-decoration: underline;} header .smenu li.official:after{content: "｜"; display: block; position: absolute; top: 1px; right: 0;} header .smenu li.mypage{background: url(../img/common/icon_mypage.svg) left 4px no-repeat; padding-left: 17px;} header .smenu li.logout{background: url(../img/common/icon_logout.svg) left 4px no-repeat; padding-left: 17px;} header .smenu li.mypage:after, header .smenu li.logout:after{content: "／"; display: block; position: absolute; top: 0; right: 0;} header .smenu li.cart{background: url(../img/common/icon_cart.svg) left 4px no-repeat; padding-left: 19px;} header .smenu img{line-height: 1;} header .gmenu{position: absolute; top: 85px; right: 15px;} header .gmenu li{margin-right: 50px;} header .gmenu li:nth-child(6){margin-right: 0;} header .gmenu a{font-size: 14px; letter-spacing: 0.08em; font-weight: bold;} footer .fmenu{border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 30px 0; text-align: center;} footer .fmenu li{display: inline-block; margin: 0 10px; position: relative; padding-right: 37px;} footer .fmenu li:after{content: "／"; display: block; position: absolute; top: 1px; right: 0;} footer .fmenu li:last-child{padding-right: 0;} footer .fmenu li:last-child:after{display: none;} footer .fmenu a{font-size: 12px;} footer .info{padding-top: 50px; padding-bottom: 50px; position: relative;} footer .info dt{width: 200px; text-align: left; padding-top: 3px;} footer .info dd{margin-left: 220px; font-size: 12px; line-height: 20px; letter-spacing: 0.1em;} footer .info .copyright{position: absolute; bottom: 40px; right: 15px; font-size: 11px; color: #9d9d9d; letter-spacing: 0.08em;} .ttl_l{border-top: 1px solid #e1e1e1;} .ttl_l:before{content: ""; width: 190px; height: 1px; background-color: #000; display: block; margin-top: -1px;} .ttl_l h1{font-size: 18px; margin: 25px 0 40px; letter-spacing: 0.1em; font-weight: bold;} .product_col li{margin-bottom: 40px;} .product_col a{margin-bottom: 12px; display: block;} .product_col a:hover img{opacity: 0.5;} .product_col .product_price span{font-size: 10px;} .pagination ul {padding-top: 30px;} .pagination ul li{float: left; margin-right: 20px;} .pagination ul li.active{text-decoration: underline;} .page_navi {padding-top: 30px;} .page_navi li{float: left; margin-right: 20px;} .page_navi li.active{text-decoration: underline;} article{padding-bottom: 70px;} .contents{width: 810px; float: left;} .side{width: 220px; float: right;} .side_menu li a{display: block; padding: 28px 0 28px 20px; border-top: 1px dotted #666; line-height: 1; background: url(../img/common/icon_sidemenu.svg) left 26px no-repeat; letter-spacing: 0;} .side_menu li:last-child a{border-bottom: 1px dotted #666;} .side_menu.other{margin-top: 70px;} .side_menu .menu_child a{background: none;} .free{margin-top: 50px; border: 1px solid #e1e1e1; text-align: center; padding-top: 25px;} .free .top_text p{font-size: 15px; letter-spacing: 0.1em;} .free .top_text p.large{font-size: 30px; letter-spacing: 0; margin-bottom: 5px; font-weight: bold;} .free .top_text p.large span{font-size: 20px;} .free .top_text p.large span.tax{font-size: 12px;} .free .bottom_text{background-color: #393939; padding: 18px 0; margin-top: 15px;} .free .bottom_text p{color: #fff; font-size: 28px; letter-spacing: -0.05em; font-weight: normal;} .free .bottom_text p.small_text{font-size: 12px; line-height: 15px; margin-top: 10px; letter-spacing: 0.05rem;} .fax{margin-top: 30px;} .fax a{display: block; border: 1px solid #e1e1e1; text-align: center; padding: 25px 0; font-size: 15px;} @media only screen and (max-width: 1199px) { header .gmenu li{margin-right: 35px;} .ttl_l h1{margin: 25px 0 35px;} article{padding-bottom: 50px;} .contents{width: 700px;} .side{width: 190px;} .side_menu li a{padding: 24px 0 24px 17px; background-position: left 22px;} .side_menu.other{margin-top: 60px;} .free{margin-top: 40px;} .free .top_text p{font-size: 14px;} .free .top_text p.large{font-size: 28px;} .free .top_text p.large span{font-size: 18px;} .free .bottom_text{padding: 16px 0;} .free .bottom_text p{font-size: 26px;} .free .bottom_text p.small_text{font-size: 11px; letter-spacing: 0;} } @media only screen and (max-width: 991px) { header{padding-top: 30px; padding-bottom: 30px;} header .logo{width: 180px;} header .logo h1{font-size: 12px;} header .logo img{width: 165px;} header .smenu{top: 34px;} header .smenu li{margin-right: 12px; padding-right: 22px;} header .gmenu{top: 68px;} header .gmenu li{margin-right: 21px;} header .gmenu li:first-child{display: none;} header .gmenu a{font-size: 13px; letter-spacing: 0.05em;} footer .fmenu{padding: 25px 0;} footer .info{padding-top: 35px; padding-bottom: 35px;} footer .info dt{width: 170px; padding-top: 4px;} footer .info dd{margin-left: 190px; font-size: 11px; line-height: 19px; letter-spacing: 0.05em;} footer .info .copyright{font-size: 10px; letter-spacing: 0.06em;} .ttl_l:before{width: 170px;} .ttl_l h1{font-size: 16px; margin: 20px 0 30px;} .product_col li{margin-bottom: 30px;} .product_col a{margin-bottom: 8px;} .product_col .product_name, .product_col .product_price{font-size: 12px;} article{padding-bottom: 40px;} .contents{width: 500px;} .side{width: 180px;} .side_menu li a{padding: 20px 0 20px 16px; background-position: left 19px; font-size: 12px;} .side_menu.other{margin-top: 50px;} .free{margin-top: 35px; padding-top: 20px;} .free .top_text p{font-size: 13px;} .free .top_text p.large{font-size: 26px; margin-bottom: 0;} .free .top_text p.large span{font-size: 16px;} .free .bottom_text{padding: 12px 0;} .free .bottom_text p{font-size: 24px;} .free .bottom_text p.small_text{margin-top: 5px;} } @media only screen and (max-width: 767px) { header{padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #fff;} header .logo{text-align: left;} header .logo h1{font-size: 11px; letter-spacing: 0; line-height: 18px; margin-bottom: 2px;} header .logo img{width: 124px;} header .menu-trg-area { display: inline-block!important; } header .smenu{display: none;} header .smenu_sp{position: absolute; top: 14px; right: 60px;} header .smenu_sp li.mypage, header .smenu_sp li.logout{margin-right: 5px;} header .smenu_sp li a{display: block;/* background-color: #f4a535;*/ border: 1px solid #ddd; padding: 10px; border-radius: 3px; line-height: 1;} header .smenu_sp li.mypage a, header .smenu_sp li.logout a{padding: 10px 11px;} header .smenu_sp li img{height: 14px; width: auto;} header .gmenu{height: 0; display: block; visibility: hidden; opacity: 0; right: auto; left: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; width: 100%; top: 63px; background-color: #fff;} header .gmenu li{float: none; width: 100%; margin-right: 0; padding-top: 0; text-align: center;} header .gmenu li:first-child{display: block;} header .gmenu li a{padding: 15px 0; display: block;} header .gmenu.active{ height: 100vh; visibility: visible; opacity: 1; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s;} footer .fmenu{padding: 20px 0 15px;} footer .fmenu li{ margin: 0 3px; padding-right: 27px; margin-bottom: 5px;} footer .fmenu a{font-size: 11px;} footer .info{padding-top: 20px; padding-bottom: 20px;} footer .info dt{width: 100%; padding-top: 0px;} footer .info dt img{width: 150px; height: auto;} footer .info dd{margin-left: 0; margin: 5px 0 10px; text-align: center;} footer .info .copyright{letter-spacing: 0.05em; position: static; bottom: auto; right: auto; text-align: center;} .ttl_l:before{width: 100px;} .ttl_l h1{font-size: 14px; margin: 15px 0;} .page_navi{padding-top: 10px;} .page_navi li{margin-right: 15px;} .page_navi li a{font-size: 12px;} article{margin-top: 63px;} .contents{width: 100%; float: none;} .side{width: 100%; float: none; margin-top: 40px;} .side_menu{border-top: 1px solid #ddd; border-right: 1px solid #ddd;} .side_menu li{float: left; width: 50%;} .side_menu li a{padding: 16px 0 16px 23px; background-position: 8px 14px; border-bottom: 1px solid #ddd; border-top: none; font-size: 11px; border-left: 1px solid #ddd;} .side_menu li:last-child a{border-bottom: 1px solid #ddd;} /*.side_menu.product_cat li:nth-child(13){width: 100%;}*/ .side_menu.other{margin-top: 30px;} .side_menu.other li:first-child, .side_menu.other li:nth-child(6){width: 100%;} .product_col{margin: 0 -10px;} .product_col li{margin-bottom: 25px; padding: 0 10px;} .product_col a{margin-bottom: 5px;} .product_col .product_name, .product_col .product_price{line-height: 18px; font-size: 11px;} .free{padding-top: 0;} .free .top_text, .free .bottom_text{float: left; width: 50%;} .free .top_text{padding-top: 14px;} .free .bottom_text{margin-top: 0; padding: 7px 0;} .free .bottom_text p{font-size: 20px;} } /*home*/ .t_concept{margin: 80px 0;} .t_concept .right{padding-left: 40px;} .t_concept h1{font-size: 20px; line-height: 40px; margin-top: -10px; margin-bottom: 40px; letter-spacing: 0.2em; font-weight: bold;} .t_concept h1:after{content: ""; display: block; width: 70px; height: 1px; background-color: #000; margin-top: 30px;} .t_concept h2{font-size: 16px; margin-bottom: 15px; letter-spacing: 0.1em; font-weight: bold; margin-left: -0.5em;} .t_concept p{letter-spacing: 0; line-height: 25px;} .t_concept .link_text{text-align: right; margin-top: 35px} .t_concept .link_text a{text-decoration: underline;} .giftset{margin-top: 70px;} .giftset .product_price{text-align: center;} @media only screen and (max-width: 1199px) { .t_concept h1{font-size: 18px; line-height: 34px; margin-top: -7px; margin-bottom: 30px; letter-spacing: 0.15em;} .t_concept h1:after{margin-top: 20px; width: 60px;} .t_concept h2{font-size: 15px; margin-bottom: 10px;} .t_concept p{line-height: 23px;} .t_concept .link_text{margin-top: 25px} } @media only screen and (max-width: 991px) { .t_concept{margin: 60px 0;} .t_concept .right{padding-left: 20px;} .t_concept h1{font-size: 16px; line-height: 26px; margin-top: -5px; margin-bottom: 25px; letter-spacing: 0.1em;} .t_concept h1:after{margin-top: 15px;} .t_concept h2{font-size: 14px; margin-bottom: 5px;} .t_concept p{line-height: 20px; font-size: 12px;} .t_concept .link_text{margin-top: 15px} .t_concept .link_text a{font-size: 12px;} .giftset{margin-top: 50px;} } @media only screen and (max-width: 767px) { .t_concept{margin: 25px 0 40px;} .t_concept h1{font-size: 14px; line-height: 24px; margin-top: 0; margin-bottom: 10px;} .t_concept h1:after{display: none;} .t_concept h2, .t_concept p{display: none;} .t_concept .link_text{margin-top: 0; text-align: left; margin-bottom: 15px;} .t_concept .link_text a{font-size: 12px;} .giftset{margin-top: 40px;} } /*about*/ #page_help_about .greeting{margin: 100px 0;} #page_help_about .greeting h1{margin-bottom: 40px;} #page_help_about .greeting h1 img{width: 260px; height: auto;} #page_help_about .greeting p{font-size: 15px; line-height: 40px; text-align: center; letter-spacing: 0.1em;} #page_help_about .t_concept{margin: 0 0 60px;} #page_help_about .photo{margin: 0 -25px;} #page_help_about .photo li{padding: 0 25px; margin-top: 50px;} #page_help_about .photo li.left{padding-right: 40px;} #page_help_about .photo li.right{padding-left: 10px;} @media only screen and (max-width: 1199px) { #page_help_about .greeting{margin: 80px 0;} #page_help_about .greeting h1{margin-bottom: 30px;} #page_help_about .greeting p{line-height: 38px;} #page_help_about .t_concept{margin: 80px 0 60px;} } @media only screen and (max-width: 991px) { #page_help_about .greeting{margin: 60px 0;} #page_help_about .greeting h1{margin-bottom: 25px;} #page_help_about .greeting h1 img{width: 220px; height: auto;} #page_help_about .greeting p{font-size: 14px; line-height: 32px;} #page_help_about .t_concept{margin: 0 0 40px;} #page_help_about .photo{margin: 0 -15px;} #page_help_about .photo li{padding: 0 15px; margin-top: 30px;} #page_help_about .photo li.left{padding-right: 22px;} #page_help_about .photo li.right{padding-left: 8px;} } @media only screen and (max-width: 767px) { #page_help_about .greeting{margin: 40px 0;} #page_help_about .greeting h1{margin-bottom: 20px;} #page_help_about .greeting h1 img{width: 200px; height: auto;} #page_help_about .greeting p{font-size: 13px; line-height: 24px;} #page_help_about .t_concept{margin: 0;} #page_help_about .t_concept h1{margin-bottom: 20px;} #page_help_about .t_concept h1:after{display: block;} #page_help_about .t_concept p{display: block; margin-bottom: 15px;} #page_help_about .photo{margin: 0 -5px;} #page_help_about .photo li{padding: 0 5px; margin-top: 10px;} #page_help_about .photo li.left{padding-right: 5px;} } /*product*/ #page_product_list .main_img{margin-bottom: 80px;} #page_product_list .last-visible .ttl_l { display: none;} #page_product_list .last-visible .ttl_l:last-child { display: block;} @media only screen and (max-width: 991px) { #page_product_list .main_img{margin-bottom: 60px;} } @media only screen and (max-width: 767px) { #page_product_list .main_img{margin-bottom: 40px;} } /*product_detail*/ .product_info{margin-top: 80px; margin-bottom: 80px;} .product_info .left{padding-right: 40px;} .product_info .detail{border: 1px solid #e1e1e1; padding: 20px;} .product_info .detail .tp_detail li{margin-bottom: 15px;} .product_info .detail .tp_detail li:last-child{margin-bottom: 0px;} .product_info .detail .tp_detail dt{text-align: left; font-size: 11px; line-height: 20px; width: 70px;} .product_info .detail .tp_detail dd{margin-left: 70px; font-size: 11px; line-height: 20px;} .product_info .detail .text_l { text-align: right; margin-top: 3px; font-size: 11px;} .product_info .detail table{width: 100%;} .product_info .detail th{background-color: #ededed;} .product_info .detail th, .product_info .detail td{font-size: 11px; line-height: 1; text-align: center; padding: 8px 0; border: 1px solid #e1e1e1;} .product_info .detail .bt_detail { font-size: 0; letter-spacing: 0;} .product_info .detail .bt_detail li { width: 33.3333%; display: inline-block; font-size: 13px; line-height: 22px; letter-spacing: .65px;} .product_info .detail .bt_detail li:first-child { margin-top: 30px;} .product_info .detail .bt_detail dt { background-color: #ededed; border-bottom: 0!important;} .product_info .detail .bt_detail dt, .product_info .detail .bt_detail dd { font-size: 11px; line-height: 1; text-align: center; padding: 8px 0; border: 1px solid #e1e1e1; border-right: none;} .product_info .detail .bt_detail li:nth-child(3) dt, .product_info .detail .bt_detail li:nth-child(3) dd, .product_info .detail .bt_detail li:last-child dt, .product_info .detail .bt_detail li:last-child dd { border-right: 1px solid #e1e1e1;} .product_info .detail .bt_detail li:nth-child(4),.product_info .detail .bt_detail li:nth-child(5),.product_info .detail .bt_detail li:nth-child(6) { position: relative; top: -2px;} .product_info .right{padding-top: 10px;} .product_info .right dt{text-align: left; font-size: 13px; font-weight: normal;} .product_info .right dd{text-align: right;} .product_info .right li.price{border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;} .product_info .right li.price dt{padding-top: 8px; line-height: 1; width: 100px;} .product_info .right li.price dd{font-size: 22px; font-weight: bold; margin-left: 100px;} .product_info .right li.price dd span{font-size: 12px;} .product_info .right li.price dd .eraser { display: inline-block; text-decoration: line-through;} .product_info .right li.num dt{line-height: 30px;} .product_info .right li.num input{width: 80px; height: 30px; padding-left: 15px; font-size: 14px; display: inline-block; text-align: left;} .product_info .btn_cartin{display: block; background-color: #f4a535; color: #fff; padding: 30px 0; text-align: center; font-size: 14px; line-height: 1; margin: 25px 0; width: 100%; border: none;} .product_info .btn_cartin:hover{opacity: 0.6;} .product_info .text_link{text-decoration: underline; font-size: 12px; line-height: 26px;} .product_info .freearea{margin-top: 60px;} .product_info .freearea p{line-height: 26px; margin-bottom: 40px;} .product_info .right .noshi{border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 20px;} .product_info .right .noshi .inner{background-color: #f7f7f7; padding: 15px 20px 20px} .product_info .right .noshi h3{text-align: center; border-bottom: 1px solid #b6b6b6; padding-bottom: 5px; margin-bottom: 15px;} .product_info .right .noshi ul{margin-top: 10px;} .product_info .right .noshi li{float: left; width: 80%} .product_info .right .noshi li.item{padding-top: 7px; width: 20%; font-size: 12px;} .product_info .right .noshi ul:nth-child(4) li{float: none; width: 100%!important;} .product_info .right .noshi .form-control{width: auto;} .product_info .right .noshi li select{height: 36px; width: 100%; font-size: 12px; border-color: #c9cbca; background-color: #fff;} .product_info .right .noshi li input{width: 100%; height: 36px; font-size: 13px;} .product_info .right .noshi li textarea{width: 100%!important; text-align: left; border-color: #c9cbca; margin-top: 4px; height: 80px; font-size: 13px;} .product_info .right .noshi p{font-size: 11px; line-height: 18px; margin-top: 5px;} @media only screen and (max-width: 1199px) { .product_info .right .noshi .inner{padding: 10px 15px 15px} .product_info .right .noshi h3{font-size: 12px;} } @media only screen and (max-width: 991px) { .product_info{margin-top: 60px; margin-bottom: 60px;} .product_info .left{padding-right: 15px;} .product_info .detail{margin-top: 25px;} .product_info .detail .tp_detail li{margin-bottom: 10px;} .product_info .detail .tp_detail li:last-child{margin-bottom: 15px;} .product_info .right .tp_detail dt{font-size: 12px;} .product_info .right li.price{padding-bottom: 15px; margin-bottom: 15px;} .product_info .right li.price dd{font-size: 20px;} .product_info .right li.price dd span{font-size: 11px;} .product_info .btn_cartin{padding: 20px 0; margin-bottom: 15px;} .product_info .freearea{margin-top: 40px;} .product_info .freearea p{line-height: 23px; margin-bottom: 30px; font-size: 12px;} .product_info .right .noshi dt{font-size: 11px;} } @media only screen and (max-width: 767px) { .product_info{margin-top: 30px; margin-bottom: 30px;} .product_info .detail{padding: 15px;} .product_info .detail .tp_detail dt{float: left; line-height: 18px;} .product_info .detail .tp_detail dd{line-height: 18px;} .product_info .right dt{float: left;} .product_info .right li.price{padding-bottom: 10px; margin-bottom: 10px;} .product_info .right li.price dd{font-size: 18px;} .product_info .right li.price dd span{font-size: 10px;} .product_info .right li.num input{padding-left: 10px; font-size: 12px;} .product_info .btn_cartin{padding: 17px 0; margin: 10px 0 15px; font-size: 13px;} .product_info .text_link{font-size: 11px; line-height: 22px;} .product_info .freearea{margin-top: 30px;} .product_info .freearea p{line-height: 21px; margin-bottom: 25px;} #page_product_detail .slick-dots{margin-top: 4px;} #page_product_detail .slick-dots li{width: 25%; display: inline-block;} #page_product_detail .slick-dots li button:focus { outline: none;} #page_product_detail .slick-dots li .thumbnail { border: none; margin-bottom: 4px;} } /*common 追加*/ .freearea h1{font-size: 14px; background-color: #cc4a4a; padding: 10px 0 10px 8px; font-weight: bold; margin-bottom: 15px; color: #fff;} .freearea h3{color: #ff0000; font-weight: bold; font-size: 13px;} .ttl_m,.freearea h2{font-size: 14px; border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; font-weight: bold; margin-bottom: 15px;} .table_basic{width: 100%;} .table_basic th{background-color: #fbfaf5; font-weight: normal;} .table_basic th, .table_basic td{padding: 25px 30px; border: 1px solid #d4d4d4;} .table_basic td a{text-decoration: underline;} .table_basic td li{margin-bottom: 20px;} .table_basic td li:last-child{margin-bottom: 0;} @media only screen and (max-width: 991px) { .ttl_m,.freearea h2{font-size: 13px; padding-bottom: 6px; margin-bottom: 10px;} .table_basic th, .table_basic td{padding: 20px 15px; font-size: 12px;} .table_basic td li{font-size: 12px; margin-bottom: 15px;} } @media only screen and (max-width: 767px) { .table_basic th, .table_basic td{padding: 10px; font-size: 11px; line-height: 17px; letter-spacing: 0;} .table_basic td li{font-size: 11px; line-height: 17px; margin-bottom: 10px;} } /*tradelaw*/ #page_help_tradelaw .contents th{width: 28%;} #page_help_tradelaw .contents td{width: 72%;} @media only screen and (max-width: 991px) { #page_help_tradelaw .contents th{width: 30%;} #page_help_tradelaw .contents td{width: 70%;} } @media only screen and (max-width: 767px) { .ttl_m,.freearea h2{font-size: 12px; padding-bottom: 4px; margin-bottom: 8px;} } /*guide*/ #page_help_guide .contents .col{margin-bottom: 100px;} #page_help_guide .contents .col.last{margin-bottom: 0;} #page_help_guide .contents h2{font-size: 16px; margin-bottom: 15px; font-weight: bold;} #page_help_guide .contents h3{margin-top: 50px;} #page_help_guide .contents h3.first{margin-top: 30px;} #page_help_guide .contents p{line-height: 26px;} #page_help_guide .contents .kome{font-size: 12px; line-height: 22px; margin-top: 5px;} #page_help_guide .contents .card_img{margin: 20px 0;} #page_help_guide .contents .mt{margin-top: 30px;} #page_help_guide .contents th{vertical-align: middle;} #page_help_guide .contents th.area{vertical-align: top;} #page_help_guide .contents td{padding: 30px 0;} #page_help_guide .contents th, #page_help_guide .contents td{text-align: center; white-space: nowrap;} #page_help_guide .contents .bank th{padding: 20px 0; width: 40%;} #page_help_guide .contents .bank td{padding: 20px 0; width: 60%;} #page_help_guide .contents a{text-decoration: underline;} @media only screen and (max-width: 991px) { #page_help_guide .contents .col{margin-bottom: 80px;} #page_help_guide .contents h2{font-size: 15px; margin-bottom: 10px;} #page_help_guide .contents h3{margin-top: 40px;} #page_help_guide .contents h3.first{margin-top: 20px;} #page_help_guide .contents p{line-height: 23px;} #page_help_guide .contents .kome{line-height: 20px;} #page_help_guide .contents .card_img{margin: 15px 0;} #page_help_guide .contents .mt{margin-top: 20px;} #page_help_guide .contents .table-responsive { width: 100%; margin-bottom: 10px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } #page_help_guide .contents table{margin-bottom: 0;} #page_help_guide .contents td{padding: 20px 15px;} } @media only screen and (max-width: 767px) { #page_help_guide .contents .col{margin-bottom: 50px;} #page_help_guide .contents h2{font-size: 13px; margin-bottom: 5px;} #page_help_guide .contents h3{margin-top: 30px;} #page_help_guide .contents h3.first{margin-top: 15px;} #page_help_guide .contents p{line-height: 20px; font-size: 12px;} #page_help_guide .contents .kome{line-height: 18px; font-size: 11px;} #page_help_guide .contents .card_img{margin: 10px 0;} #page_help_guide .contents th, #page_help_guide .contents td{font-size: 12px; padding: 10px;} } /*privacy*/ #page_help_privacy .contents h2{margin-top: 50px;} #page_help_privacy .contents p, #page_help_privacy .contents ul{margin-bottom: 20px;} #page_help_privacy .contents a{text-decoration: underline;} @media only screen and (max-width: 991px) { #page_help_privacy .contents h2{margin-top: 40px;} } @media only screen and (max-width: 767px) { #page_help_privacy .contents h2{margin-top: 30px;} #page_help_privacy .contents p, #page_help_privacy .contents li{font-size: 12px; line-height: 20px;} #page_help_privacy .contents p, #page_help_privacy .contents ul{margin-bottom: 15px;} } /*contact*/ #page_contact .contents .dl_table{margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;} #page_contact .contents dt, #page_contact .contents dd{border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 25px 30px;} #page_contact .contents dt{background-color: #fbfaf5; font-weight: normal; vertical-align: middle; width: 28%;} #page_contact .contents dd{width: 72%;} #page_contact .contents dd input, #page_contact .contents dd select, #page_contact .contents dd textarea, #page_contact .contents dd .zip-search button{font-size: 13px;} #page_contact .contents dd .zip-search button{background-color: #333; color: #fff; border: none;} #page_contact .contents dd .form-group{margin-bottom: 0;} #page_contact .contents .confirm_box{text-align: center;} #page_contact .contents .confirm_box li{margin: 0 10px; width: 250px; display: inline-block;} #page_contact_complete .contents h2{text-align: center; font-size: 15px; font-weight: bold; margin-bottom: 30px;} #page_contact_complete .contents p{text-align: center; line-height: 26px;} #page_contact_complete .contents a{margin: 30px auto 0; width: 250px;} @media only screen and (max-width: 991px) { #page_contact .contents dt{width: 30%;} #page_contact .contents dd{width: 70%;} #page_contact .contents dt, #page_contact .contents dd{padding: 20px 15px; font-size: 12px;} #page_contact .contents dd input, #page_contact .contents dd select, #page_contact .contents dd textarea, #page_contact .contents dd .zip-search button{font-size: 12px;} #page_contact .contents dt label{margin-bottom: 0;} #page_contact .contents dt span{display: block; margin-left: 0;} #page_contact .contents dd .mini{font-size: 12px; line-height: 20px; margin-top: 10px; margin-bottom: 0;} #page_contact .contents .btn{font-size: 14px;} #page_contact .contents .confirm_box li{margin: 0 5px; width: 200px;} #page_contact_complete .contents .btn{font-size: 14px;} } @media only screen and (max-width: 767px) { #page_contact .contents p{font-size: 12px; line-height: 18px;} #page_contact .contents .dl_table dl{padding: 0; border-bottom: none;} #page_contact .contents dt, #page_contact .contents dd{padding: 10px; font-size: 11px; line-height: 17px; letter-spacing: 0; width: 100%;} #page_contact .contents dd.form-group{margin-bottom: 0;} #page_contact .contents dt span{display: inline; margin-left: 10px; font-size: 11px;} #page_contact .contents dd .mini{font-size: 11px; line-height: 18px;} #page_contact .contents .btn{font-size: 12px;} #page_contact .contents .confirm_box li{margin: 0 5px; width: 140px;} #page_contact_complete .contents h2{font-size: 14px; margin-bottom: 20px;} #page_contact_complete .contents p{text-align: left; line-height: 20px; font-size: 12px;} #page_contact_complete .contents p br{display: none;} #page_contact_complete .contents a{margin: 20px auto 0; width: 200px;} #page_contact_complete .contents .btn{font-size: 12px;} } /*cart関連*/ .cart_page .total_price dd{color: #000;} @media only screen and (max-width: 767px) { .cart_page #cart_box{padding-bottom: 0;} .cart_page #form_cart .message{font-size: 12px;} .cart_page #form_cart .icon_edit{padding-left: 0;} .cart_page #form_cart .item_detail dt, .cart_page #form_cart .item_detail dd{font-size: 12px; line-height: 20px;} .cart_page #form_cart .item_quantity{font-size: 12px; padding-left: 0; padding-right: 0;} .cart_page .total_box, .cart_page .total_box .btn_group{padding-bottom: 0;} } /*entry*/ .form_common .dl_table{margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;} .form_common dt, .form_common dd{border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 25px 30px;} .form_common dt{background-color: #fbfaf5; font-weight: normal; vertical-align: middle; width: 28%;} .form_common dd{width: 72%;} .form_common dd input, .form_common dd select, .form_common dd textarea, .form_common dd .zip-search button{font-size: 13px;} .form_common dd .zip-search button{background-color: #333; color: #fff; border: none;} .form_common dd .form-group{margin-bottom: 0;} .form_common .confirm_box{text-align: center; margin-top: 20px;} .form_common .confirm_box li{margin: 0 10px; width: 250px; display: inline-block;} .form_common .form_terms_link a{text-decoration: underline;} @media only screen and (max-width: 991px) { .form_common dt{width: 30%;} .form_common dd{width: 70%;} .form_common dt, .form_common dd{padding: 20px 15px; font-size: 12px;} .form_common dd input, .form_common dd select, .form_common dd textarea, .form_common dd .zip-search button{font-size: 12px;} .form_common dt label{margin-bottom: 0;} .form_common dt span{display: block; margin-left: 0;} .form_common dd .mini{font-size: 12px; line-height: 20px; margin-top: 10px; margin-bottom: 0;} .form_common .btn{font-size: 14px;} .form_common .confirm_box li{margin: 0 5px; width: 200px;} } @media only screen and (max-width: 767px) { .form_common p{font-size: 12px; line-height: 18px;} .form_common .dl_table dl{padding: 0; border-bottom: none;} .form_common dt{margin-bottom: 0!important;} .form_common dt, .form_common dd{padding: 10px; font-size: 11px; line-height: 17px; letter-spacing: 0; width: 100%;} .form_common dd.form-group{margin-bottom: 0;} /*.table_basic td li{font-size: 11px; line-height: 17px; margin-bottom: 10px;}*/ .form_common dt span{display: inline; margin-left: 10px; font-size: 11px;} .form_common dd .mini{font-size: 11px; line-height: 18px;} .form_common .btn{font-size: 12px;} .form_common .confirm_box li{margin: 0 5px; width: 140px;} .form_common #confirm_box__message{font-size: 12px; line-height: 18px;} } .complete_message h2{font-size: 20px; margin: 50px 0;} .complete_message a{width: 300px; margin: 20px auto 0;} @media only screen and (max-width: 767px) { .complete_message h2{font-size: 16px; margin: 30px 0;} .complete_message p{text-align: left; font-size: 12px; line-height: 20px;} .complete_message a{width: 250px;} } /*mypage*/ .mypage .message{padding: 30px 0;} .local_nav li.active a{background-color: #f4a535; color: #fff;} #page_mypage_delivery .intro{text-align: center;} #page_mypage_delivery #delivery_box__new_button{margin-bottom: 20px;} #page_mypage_delivery #delivery_box__new_button a{display: block; width: 250px; margin: 0 auto;} #page_mypage_delivery #delivery_box__new_button button{font-size: 13px; width: 100%;} #page_mypage_withdraw .withdraw_box h2{font-size: 20px; margin: 20px 0 50px;} #page_mypage_withdraw .withdraw_box a{width: 300px; margin: 20px auto 0;} #page_mypage_withdraw .btn_box{text-align: center; margin-top: 30px;} #page_mypage_withdraw .btn_box li{margin: 0 10px; display: inline-block; width: 250px;} #page_mypage_withdraw .btn_box li .btn-info{background-color: #ddd; color: #000;} @media only screen and (max-width: 767px) { #page_mypage_withdraw .withdraw_box h2{font-size: 16px; margin: 30px 0;} #page_mypage_withdraw .withdraw_box p{text-align: left; font-size: 12px; line-height: 20px;} #page_mypage_withdraw .withdraw_box a{width: 250px;} } @media only screen and (min-width: 767px) { .local_nav.favorite li{width: 25%;} } /*page_shopping*/ #page_shopping #shopping_confirm h2{margin-top: 70px;} #page_shopping #shopping_confirm h3{background-color: #eee; padding: 12px 10px!important; margin-bottom: 10px;} #page_shopping .is-edit .btn_edit{top: 7px; right: 7px;} #page_shopping .is-edit .btn_edit a{padding: 6px 12px; font-size: 13px; background-color: #fff;} #page_shopping .is-edit select{font-size: 13px; margin-bottom: 0;} #page_shopping #contact_message textarea{font-size: 14px; line-height: 22px;} #page_shopping_shipping .confirm_box{text-align: center; margin-top: 20px;} #page_shopping_shipping .confirm_box li{margin: 0 10px; width: 250px; display: inline-block;} #page_shopping_shipping #list_box__add_button{margin-bottom: 20px;} #page_shopping_shipping #list_box__add_button a{font-size: 13px;} @media only screen and (max-width: 991px) { #page_shopping_shipping .confirm_box li{margin: 0 5px; width: 200px;} } @media only screen and (max-width: 767px) { #page_shopping_shipping .confirm_box li{margin: 0 5px 10px; width: 200px;} #page_shopping_shipping #confirm_box__message{font-size: 12px; line-height: 18px;} #page_shopping_shipping #list_box__add_button a{font-size: 12px;} #page_shopping_shipping .address_table p{font-size: 12px; line-height: 18px;} } .dl_table_common{margin-bottom: 20px; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;} .dl_table_common dt, .dl_table_common dd{border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 25px 30px;} .dl_table_common dt{background-color: #fbfaf5; font-weight: normal; vertical-align: middle; width: 28%;} .dl_table_common dd{width: 72%;} .dl_table_common dd input, .dl_table_common dd select, .dl_table_common dd textarea, .dl_table_common dd .zip-search button{font-size: 13px;} .dl_table_common dd .zip-search button{background-color: #333; color: #fff; border: none;} .dl_table_common dd .form-group{margin-bottom: 0;} .dl_table_common dd input{width: 300px;} .dl_table_common dd p{margin-top: 10px;} @media only screen and (max-width: 991px) { .dl_table_common dt{width: 30%;} .dl_table_common dd{width: 70%;} .dl_table_common dd input, .dl_table_common dd select, .dl_table_common dd textarea, .dl_table_common dd .zip-search button{font-size: 12px;} .dl_table_common dt label{margin-bottom: 0;} .dl_table_common dt span{display: block; margin-left: 0;} } @media only screen and (max-width: 767px) { .dl_table_common dl{padding: 0; border-bottom: none;} .dl_table_common dt{margin-bottom: 0!important;} .dl_table_common dt, .dl_table_common dd{padding: 10px; font-size: 11px; line-height: 17px; letter-spacing: 0; width: 100%;} .dl_table_common dd input{width: 250px;} .dl_table_common dt span{display: inline; margin-left: 10px; font-size: 11px;} .dl_table_common dd p{font-size: 11px; line-height: 18px;} .dl_table_common dd.form-group{margin-bottom: 0;} } /*page_shopping_shipping_edit*/ #page_shopping_shipping_edit .confirm_box{text-align: center; margin-top: 20px;} #page_shopping_shipping_edit .confirm_box li{margin: 0 10px; width: 250px; display: inline-block;} @media only screen and (max-width: 991px) { #page_shopping_shipping_edit .confirm_box li{margin: 0 5px; width: 200px;} } @media only screen and (max-width: 767px) { #page_shopping_shipping_edit .confirm_box li{margin: 0 5px 10px; width: 200px;} #page_shopping_shipping_edit #confirm_box__message{font-size: 12px; line-height: 18px;} } /*page_yamato_shopping_payment*/ #page_yamato_shopping_payment .confirm_box{text-align: center; margin-top: 20px;} #page_yamato_shopping_payment .confirm_box li{margin: 0 10px; width: 250px; display: inline-block;} #page_yamato_shopping_payment .text{text-align: center; } @media only screen and (max-width: 991px) { #page_yamato_shopping_payment .confirm_box li{margin: 0 5px; width: 200px;} } @media only screen and (max-width: 767px) { #page_yamato_shopping_payment .confirm_box li{margin: 0 5px 10px; width: 200px;} #page_yamato_shopping_payment #confirm_box__message{font-size: 12px; line-height: 18px;} } /*page_forgot*/ #page_forgot article p{text-align: center;} #page_forgot article form{width: 720px; margin: 30px auto;} #page_forgot article form.form-group{margin-bottom: 0;} /*page_shopping_complete*/ #page_shopping_complete #deliveradd_input h2{font-size: 18px; margin: 40px 0 30px;} #page_shopping_complete #deliveradd_input p{margin-bottom: 30px;} @media only screen and (max-width: 767px) { #page_shopping_complete #deliveradd_input h2{font-size: 14px; margin: 25px 0 15px;} #page_shopping_complete #deliveradd_input p{margin-bottom: 20px;} #page_shopping_complete #deliveradd_input p br{display: none;} } .shipping-text{ background-color: #f5f1e7; padding: 20px; text-align: center; margin-bottom: 60px; } .shipping-text dt{ border-bottom: 1px solid #000; display: inline-block; font-size: 15px; letter-spacing: 0.1rem; } .shipping-text dd{ margin-top: 10px; font-size: 16px; letter-spacing: 0.1rem; } .shipping-text dd span{ font-size: 13px; } .mail-message{ background-color: #f4a535; } .shipping-text.mail-message dt{ border-bottom: 1px solid #fff; color: #fff; } .shipping-text.mail-message dd{ color: #fff; line-height: 2; } .shipping-text.mail-message dd a{ color: #fff; text-decoration: underline; } #page_entry .mail-message{ margin-top: 50px; } @media only screen and (max-width: 991px) { .shipping-text{ padding: 15px; margin-bottom: 50px; } .shipping-text dt{ font-size: 14px; } .shipping-text dd{ margin-top: 10px; font-size: 15px; } .shipping-text dd span{ font-size: 12px; } } @media only screen and (max-width: 767px) { .shipping-text{ padding: 10px; margin-bottom: 40px; } .shipping-text dt{ font-size: 13px; } .shipping-text dd{ margin-top: 10px; font-size: 13px; line-height: 21px; } .shipping-text dd span{ font-size: 11px; } } @media only screen and (max-width: 500px) { .shipping-text dt{ font-size: 12px; } .shipping-text dd{ font-size: 12px; line-height: 19px; } .shipping-text dd span{ display: block; } } .tv-banner{ margin-bottom: 40px; text-align: center; } .tv-banner .dis-sp{ display: none; } @media only screen and (max-width: 767px) { .tv-banner .dis-sp{ display: block; } .tv-banner .dis-pc{ display: none; } } .kaitei-banner{ max-width: 500px; width: 100%; margin: 0 auto 60px; text-align: center; } .kaitei-banner p{ font-size: 16px; font-weight: bold; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .kaitei-banner p{ font-size: 14px; margin-bottom: 10px; } } @media only screen and (max-width: 500px) { .kaitei-banner{ max-width: 370px; margin: 0 auto 40px; } }