/*<!--fcp
var DEEP_COLOR = "#018a33";
var LIGHT_COLOR = "#8dc21f";
var COLUMN_BG_COLOR = "#f4fbe5";
-->*/

@charset "utf-8";

/*カラーチャート
メイン：#fff;
サブ（グリーン）：#018a33
サブ2（ライトグリーン）：#8dc21f
サブ3（ライトグリーン2）：#f4fbe5
セカンド（イエロー）：#fff474
イマジンブルー：##0063a7
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900%7COswald:400,500,600,700&display=swap&subset=japanese');
/*汎用設定*/
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}

/*ヘッダー部分*/
header {width:100%;}
.header-top .inner,.header-main {width:980px;height:148px;margin:0 auto;overflow:hidden;}
.header-main {position:relative;padding:10px 0;}
.header-top {width:100%;height:30px;position:absolute;color:#000;background:#f4fbe5;border-top:3px solid #018a33;}
.header-top .inner h1 {font-size:0.8rem;line-height:1.6;letter-spacing:0.2rem;font-weight:normal;padding:3px 0 0;}

/*サイトロゴ*/
.header-main h2.logo,.footer-info h2.logo {display:block;float:left;color:#018a33;width:170px;font-size:3rem;line-height:1.2;text-indent:-1px;text-align:center;font-family:'Noto Serif JP',serif;font-weight:700;letter-spacing:-0.4rem;margin:30px 0 0;-ms-font-feature-settings:normal;}
.header-main h2 a {display:block;color:#018a33;}
.header-main h2 a:hover {text-decoration:none;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
.logo-bottom {font-size:1.2rem;font-weight:600;letter-spacing:-0.08rem;}

/*グローバルナビゲーション*/
#global-nav {width:100%;height:62px;padding:3px 0 1px;border-top:1px solid #ddd;background:#efefef;background-image:-webkit-linear-gradient(top,#fff,#efefef);background-image:-moz-linear-gradient(top,#fff,#efefef);background-image:-ms-linear-gradient(top,#fff,#efefef);background-image:-o-linear-gradient(top,#fff,#efefef);background-image:linear-gradient(to bottom,#fff,#efefef);}
#global-nav ul {width:980px;display:flex;list-style:none;justify-content:space-around;text-align:center;padding:0;margin:0 auto;}
#global-nav ul li {flex-grow:1;height:48px;list-style:none;text-align:center;font-weight:500;margin:2px 6px 0 0;box-shadow:1px 1px 1px #ccc;border-radius:4px;background:#f4fbe5;background-image:-webkit-linear-gradient(top,#fff,#f4fbe5);background-image:-moz-linear-gradient(top,#fff,#f4fbe5);background-image:-ms-linear-gradient(top,#fff,#f4fbe5);background-image:-o-linear-gradient(top,#fff,#f4fbe5);background-image:linear-gradient(to bottom,#fff,#f4fbe5);}
#global-nav ul li a {display:block;color:#222;line-height:48px;}
#global-nav ul li.active {background:#fff474;}
#global-nav ul li:hover {box-shadow:none;background:#fff474;transform:translate3d(0,1px,0);}
#global-nav ul li a:hover {text-decoration:none;}

/*フリーダイヤル部分*/
.free-dial {display:block;float:left;width:282px;margin:30px 0 0 18px;}
.dial-number {color:#222;font-size:2.3rem;line-height:1.4;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:-0.05rem;background:url("../img/icon/icon_free-dial.png") no-repeat 0 14px;padding-left:62px;background-size:56px 32px;}
.reception-time {font-size:1rem;line-height:1.6;font-family:'Noto Sans JP',sans-serif;}
.reception-time i {color:#018a33;font-size:0.8rem;font-style:normal;text-align:center;border:1px solid #018a33;padding:2px 8px;margin-right:8px;}
.reception-time small {text-align:right;}

/*ボタン*/
a.btn {display:block;color:#fff;font-size:1.3rem;line-height:1.6;letter-spacing:0.1rem;text-align:center;text-shadow:1px 1px 1px #444;border-radius:6px;background:#777;padding:5px 0;}
a.green {background:#02de52;background-image:-webkit-linear-gradient(top,#02de52,#018a33);background-image:-moz-linear-gradient(top, #02de52,#018a33);background-image:-ms-linear-gradient(top,#02de52,#018a33);background-image:-o-linear-gradient(top,#02de52,#018a33);background-image:linear-gradient(to bottom,#02de52,#018a33);text-shadow:1px 1px 1px #00250e;-webkit-box-shadow:0 1px 3px #033533;-moz-box-shadow:0 1px 3px #033533;box-shadow:0 2px 3px #033533;}
a.orange {background:#f90;background-image:-webkit-linear-gradient(top,#ff9900,#ff4600);background-image:-moz-linear-gradient(top, #ff9900, #ff4600);background-image:-ms-linear-gradient(top,#ff9900,#ff4600);background-image:-o-linear-gradient(top, #ff9900, #ff4600);background-image:linear-gradient(to bottom,#ff9900,#ff4600);text-shadow:1px 1px 1px #7d0d00;-webkit-box-shadow:1px 1px 1px #7d0d00;-moz-box-shadow:1px 1px 1px #7d0d00;box-shadow:0 2px 3px #7d0d00;}
a.red {}
a.vermilion {background:#f90;background-image:-webkit-linear-gradient(top,#fd5224,#dc4a21);background-image:-moz-linear-gradient(top, #fd5224,#dc4a21);background-image:-ms-linear-gradient(top,#fd5224,#dc4a21);background-image:-o-linear-gradient(top,#fd5224,#dc4a21);background-image:linear-gradient(to bottom,#fd5224,#dc4a21);-webkit-box-shadow:0 1px 3px #62171b;-moz-box-shadow:0 1px 3px #62171b;box-shadow:0 2px 3px #62171b;}
a.silver {background:#999;background-image:-webkit-linear-gradient(top,#fd5224,#dc4a21);background-image:-moz-linear-gradient(top, #fd5224,#dc4a21);background-image:-ms-linear-gradient(top,#fd5224,#dc4a21);background-image:-o-linear-gradient(top,#fd5224,#dc4a21);background-image:linear-gradient(to bottom,#fd5224,#dc4a21);-webkit-box-shadow:0 1px 3px #62171b;-moz-box-shadow:0 1px 3px #62171b;box-shadow:0 2px 3px #62171b;}
a.btn:hover,a.vermilion:hover,a.green:hover,a.orange:hover {text-decoration:none;transform:translate3d(1px,1px,0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

/*会員ナビゲーション*/
.member-nav {display:block;float:left;width:318px;height:auto;font-family:'Noto Sans JP',sans-serif;padding:0;margin:22px 0 0 0;}
.member-btn {display:block;height:auto;padding:19px 0 5px;overflow:hidden;}
.btn.signup,.btn.login {width:154px;float:left;font-size:1.2rem;line-height:1.6;letter-spacing:0;padding:6px 0;margin:0;}
.btn.signup {margin-right:8px;border:1px solid #018a33;}
.btn.signup span,.btn.login span {display:block;color:#000;font-size:0.8rem;line-height:1.4;text-shadow:none;letter-spacing:-0.05rem;}
.btn.login {border:1px solid #d5481b;}
/*ログイン時表示エリア*/
.login-area {margin-bottom:10px;}
.login-area p {font-size:0.9rem;line-height:1.2;margin-bottom:0;}
.login-area p.name span,.login-area p.point span {color:#018a33;font-size:1.1rem}
.login-area p.btn_logout {line-height:2;margin-left:230px;}
.login-area p.btn_logout a {color:#fff;background:#777;padding:1px 5px;border-radius:4px;}
.login-area p.btn_logout a:hover {text-decoration:none;background:#999;}

.member-nav ul {display:block;text-align:left;padding:0;margin:2px 0 0;} 
.member-nav li {display:inline-block;list-style:none;font-size:0.9rem;line-height:1.2;font-family:'Noto Sans JP',sans-serif;margin:0 10px 0 0;}
.member-nav li:last-child {margin-right:0;}
.member-nav li a {color:#018a33;line-height:1.8;}
.nav_mypage {background:url("../img/icon/icon_mypage.png") no-repeat 0 center;}
.nav_guide {background:url("../img/icon/icon_guide.png") no-repeat 0 center;}
.nav_contact {background:url("../img/icon/icon_mail.png") no-repeat 0 center;}
.nav_mypage,.nav_guide,.nav_contact {background-size:16px 16px;padding-left:18px;}
.btn_header-cart {margin-bottom:0;}
.btn_header-cart a {display:block;color:#fff;font-size:1rem;line-height:2.4;background:#f90;background-image:-webkit-linear-gradient(top,#ff9900,#ff4600);background-image:-moz-linear-gradient(top,#ff9900,#ff4600);background-image:-ms-linear-gradient(top,#ff9900,#ff4600);background-image:-o-linear-gradient(top,#ff9900,#ff4600);background-image:linear-gradient(to bottom,#ff9900,#ff4600);-webkit-box-shadow:1px 1px 1px #7d0d00;-moz-box-shadow:1px 1px 1px #7d0d00;box-shadow:1px 1px 1px #7d0d00;border-radius:6px;}
.btn_header-cart a:hover {text-decoration:none;transform:translate3d(1px,1px,0);box-shadow:none;}

/*ヘッダー：カート部分*/
#header nav.nav-cart {width:180px;display:block;position:absolute;right:0;top:0;font-family:'Noto Sans JP',sans-serif;border:2px solid #f90;border-top:none;background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
#header nav.nav-cart .cart-area p.deliv {font-size:0.9rem;color:#f00;font-weight:bold;margin-bottom:0;}
#header nav.nav-cart .cart-area {text-align:center;padding:0 8px 8px;}
#header nav.nav-cart .cart-area ul {padding:0;margin-bottom:5px;}
#header nav.nav-cart .cart-area li{display:inline-block;font-size:0.7rem;margin-top:4px;}
#header nav.nav-cart .cart-area li.num {margin-right:8px;}
#header nav.nav-cart .cart-area li.num span,#header nav.nav-cart .cart-area li.price span {color:#018a33;font-size:1.2rem;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:-0.05rem;}

/* bottom_nav */
#bottom_nav{width:100%;height:320px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;background:#fff;}
#bottom_nav ul{width:980px;list-style:none;padding:0;margin:auto;}
#bottom_nav ul:after{content: "";display:block;clear:both;}
#bottom_nav ul li{width:245px;height:320px;float:left;border-right:1px solid #cdcdcd;text-align:center;}
#bottom_nav ul li:first-child{border-left:1px solid #cdcdcd;}
#bottom_nav ul li h4{margin:auto auto 15px;font-size:20px;font-weight:bold;}
#bottom_nav ul li p{margin:auto;width:181px;text-align:left;}
#bottom_nav ul li p span{color:#e8410b;font-weight:bold;}
#bottom_nav ul li a {color:#212529;padding-top:140px;display:block;height:320px;}
#bottom_nav ul li a:hover {text-decoration:none;border:2px solid #fff474;}
#bottom_nav ul li.payment a {background:url("../img/icon/icon_payment.png") center 27px no-repeat;}
#bottom_nav ul li.postage a {background:url("../img/icon/icon_postage.png") center 27px no-repeat;}
#bottom_nav ul li.returned a {background:url("../img/icon/icon_returned.png") center 27px no-repeat;}
#bottom_nav ul li.faq a {background:url("../img/icon/icon_faq.png") center 27px no-repeat;}

/*ご注文・お問合せ*/
#global-contact {font-family:'Noto Sans JP',sans-serif;background:#fefefe;padding:60px 0;}
#global-contact .inner {width:980px;height:auto;margin:0 auto;overflow:hidden;}
#global-contact h3 {font-size:2.2rem;line-height:1.2;border-left:10px solid #018a33;padding:0 0 0 10px;}
#global-contact .contact-header,#global-contact .contact-box {display:block;padding:10px 0 0;overflow:hidden;}
#global-contact .contact-txt,#global-contact .contact-tel {float:left;font-size:0.9rem;line-height:1.4;width:632px;padding:0 40px 0 0;}
#global-contact .contact-btn,#global-contact .contact-fax {float:right;white-space:nowrap;padding:0 2px 0 0;}
#global-contact .contact-btn a {width:308px;height:58px;font-size:1.4rem;line-height:50px;}
#global-contact .contact-box dl dt {font-size:1.6rem;line-height:1.4;font-weight:500;vertical-align:middle;}
#global-contact .contact-box dl dt i {position:relative;top:-3px;color:#018a33;font-size:0.9rem;font-style:normal;border:1px solid #018a33;padding:2px 8px;margin:0 0 0 12px;}
#global-contact .free-dial {float:none;width:100%;margin:0;}
#global-contact .dial-number {float:left;width:340px;height:70px;font-size:3rem;background-size:70px 40px;padding-left:74px;}
#global-contact .reception-time {float:left;width:252px;height:70px;font-size:1.3rem;padding:12px 0 0 20px;}
#global-contact .reception-time span {display:block;font-size:1rem;line-height:1.1;}
#global-contact .reception-time small {font-size:0.9rem;}
#global-contact .record-voice {width:100%;}
#global-contact .contact-fax {width:308px;}
#global-contact dd.fax-order .dial-number {float:none;background:none;padding-left:0;}
#global-contact dd.fax-order .fax-print a {font-size:1rem;}

/*フッター*/
/*footer {width:100%;height:auto;border-top:3px solid #018a33;font-family:'Noto Sans JP',sans-serif;}*/
/*.inner-footer {width:980px;padding:40px 0;margin:0 auto;overflow:hidden;}
.footer_sns_menu ul {display:flex;list-style:none;padding:0;}
.footer_sns_menu ul li {width:200px;text-align:center;margin-right:20px;}
.footer_sns_menu ul li:last-of-type {margin-right:0;}
.footer_sns_menu ul li a {font-size:1.2rem;padding:5px 15px;}
.footer_sns_menu ul li a:before {content:'';display:inline-block;width:20px;height:20px;vertical-align:-3px;background-repeat:no-repeat;margin-right:5px;}
.footer_sns_menu ul li.fb a {background-color:#4267b2;text-shadow:1px 1px 1px #29487d;}
.footer_sns_menu ul li.fb a:before {background-image:url("../svg/icon_fb.svg");}
.footer_sns_menu ul li.tw a {background-color:#1da1f2;text-shadow:1px 1px 1px #005fd1;}
.footer_sns_menu ul li.tw a:before {background-image:url("../svg/icon_tw.svg");} 
.footer-menu {display:flex;justify-content:space-between;}
.footer-menu ul {font-size:1.1rem;list-style:none;padding:0 0 0 20px;margin-bottom:0;}
.footer-menu ul li {position:relative;line-height:2;}
.footer-menu ul li:after {display:block;content:'';position:absolute;top:0.82rem;left:-1rem;width:6px;height:6px;border-right:1px solid #222;border-bottom:1px solid #222;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.footer-menu ul li a {color:#018a33}
.footer-sub-menu {color:#fff;font-size:0.9rem;line-height:2;background:#018a33;text-align:center;padding:10px 0;}
.footer-sub-menu ul {list-style:none;padding:0;margin:0;}
.footer-sub-menu ul li {display:inline;padding:0 10px;}
.footer-sub-menu ul li a {color:#fff;}
.copyright {color:#018a33;font-size:0.8rem;line-height:2.4;font-family:'Noto Serif JP',serif;font-weight:400;text-align:center;padding:20px 0;margin:0 auto;-ms-font-feature-settings:"normal";}
*/
/*footer-info*/
/*.footer-info {}
.footer-info h2.logo {margin:0;}
.footer-info-contact {display:block;float:right;width:780px;color:#222;font-family:'Noto Sans JP',sans-serif;}
.footer-info-contact h3 {font-size:1rem;font-weight:600;}
.footer-info-contact h3 span {font-size:0.9rem;font-weight:400;padding-left:30px;}
.footer-info-contact p {margin:0;}
.footer-info-contact p.footer-free-dial {font-size:1.2rem;line-height:1.6;}
.footer-info-contact p.footer-free-dial span {font-size:1rem;}
.footer-info-contact p.record {font-size:0.9rem;}
*/
/*---------- icon ----------*/
.ico_required {display:inline-block !important;padding:0 5px;background:#f00;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:600;font-size:0.9rem;color:#fff;}

/*------------------------- information_bar -------------------------*/
#information_bar {position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.8);z-index:100;}
#information_bar:after {content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;opacity:.2;}
#information_bar span {display:block;padding:24px 0;font-size:18px;color:#fff;text-align:center;text-decoration:none;letter-spacing:.1em;}
#information_bar .btn_close {display:block;position:absolute;top:40%;right:40px;width:27px;height:27px;background: url("../img/common/ico_close_information.png") no-repeat;text-indent:-9999px;cursor:pointer;}

/*---------- margin / padding ----------*/
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt13 {margin-top:13px !important;}
.mt15 {margin-top:15px !important;}
.mt17 {margin-top:17px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt-1 {margin-top:-1px !important;}
.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-60 {margin-top:-60px !important;}
.mt-90 {margin-top:-90px !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb90 {margin-bottom:90px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10 !important;}
.aln_r {text-align:right!important;}
.aln_c {text-align:center!important;}
.aln_l {text-align:left !important;}
.valn_t{vertical-align:top !important;}
.valn_m{vertical-align:middle !important;}
.valn_b{vertical-align:bottom !important;}
.valn_tt{vertical-align:text-top !important;}
.valn_tb{vertical-align:text-bottom !important;}

/*---------- font-size ----------*/
.ft_xxsmall {font-size:0.8rem !important;}
.ft_xsmall {font-size:0.9rem !important;}
.ft_small {font-size:1rem !important;}
.ft_middle {font-size:1.1rem !important;}
.ft_large {font-size:1.2rem !important;}
.ft_xlarge {font-size:1.4rem !important;}
.ft_xxlarge {font-size:1.6rem !important;}
.ft_xxxlarge {font-size:1.8rem !important;line-height:130%;}
.ft_xxxxlarge {font-size:2rem !important;}
.ft_xxxxxlarge {font-size:2.2rem !important;}

/*---------- font-color ----------*/
.ft_red {color:#f00;}
.ft_red2 {color:#cc000a;}
.ft_blue {color:#8c9eff;}
.ft_gray {color:#707070;}
.ft_c90000 {color:#c90000;}
.ft_29b9c1 {color:#29b9c1;}

/*---------- font-weight ----------*/
.ft_bold {font-weight:bold;}
.ft_500 {font-weight:500;}
.ft_600 {font-weight:600;}
.ft_normal {font-weight:normal;}

/*---------- font-family ----------*/
.ft_mincho {font-family:'Noto Serif JP',serif;-ms-font-feature-settings:"normal";}
.ft_ttl_large {background:#f4fbe5;padding:30px 40px 28px;color:#018a33;font-weight:bold;}
.ft_ttl_middle {background:#f4fbe5;padding:28px 30px 26px;color:#018a33;font-weight:bold;}

/* ---------------------------------------------------------
1:Global Elements Style
----------------------------------------------------------*/
select {background:#f4fbe5 url("../img/common/ico_select01.png") right center no-repeat !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/*---------- clearfix ----------*/
.clearfix:after {content:" ";display:block;clear:both;}

/*---------- pagetop ----------*/
#btn_pagetop {position:fixed;width:83px;height:73px;right:30px;bottom:30px;cursor:pointer;z-index:11;transition:all 0.15s ease;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;background:#fff;font-size:0.8rem;line-height:1.2;text-align:center;border:1px solid #018a33;padding:15px 0 0 0;}
#btn_pagetop:hover {bottom:35px;background:#fff474;}
#btn_pagetop a {color:#018a33;text-decoration:none;}
.top-arrow {width:15px;height:15px;border:2px solid;border-color:#018a33 #018a33 transparent transparent;transform:rotate(-45deg);margin:0 auto;}

/*---------- asterisk ----------*/
.asterisk {text-indent:-1em;margin-left:1em;}

/*---------- layout ----------*/
#main {margin:0 auto;overflow: hidden;line-height:1.4;}

/*---------- breadcrumb ----------*/
.breadcrumb {font-family:'Noto Sans JP',sans-serif;margin:0 auto 60px;padding:15px 0;letter-spacing:0;background:#018a33;}
.breadcrumb ul {font-size:0.9rem;line-height:16px;width:980px;padding:0;margin:0 auto;}
.breadcrumb ul li {display:inline-block;color:#f4fbe5;margin-right:10px;}
.breadcrumb ul li a {display:block;padding-right:18px;color:#fff;background:url("../img/common/arrow_breadcrumb.png") right center no-repeat;}
.breadcrumb ul li:last-child a {background:none;}

/*------------------------- mess_error -------------------------*/
.mess_error {padding:22px 30px 20px;border:3px solid #f04;background:#f4fbe5;color:#ff5252;font-size:16px;}
/*------------------------- mess_txt -------------------------*/
.mess_txt {margin-bottom:20px;padding:22px 30px 20px;border:3px solid #ff0044;background:#fff;color:#ff5252;font-size:1rem;}
.mess_txt ul {padding-inline-start:10px;margin-bottom:0;}
.mess_txt ul li {margin-bottom:0.8rem;}
.mess_txt ul li:last-child {margin-bottom:0;}

/*---------- IE11 ----------*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .member-nav li {line-height:1.4;}
	.login-area p.btn_logout a {line-height:1.4;}
	#global-nav ul li a {line-height:52px;}
	#global-contact h3 {line-height:1;padding:12px 0 0 10px;}
	#global-contact .contact-box dl dt i {top:-5px;padding:6px 8px 2px;}
	.ico_required {vertical-align:middle;padding:4px 5px 0;}
}