@charset "utf-8"; /* ============================================== ▼お問い合わせ =============================================== */ .LC_Page_Contact .topTxt { line-height:1.6;} .LC_Page_Contact .topTxtPolicy { font-size:1.2rem; line-height:1.6; margin:1.2em 0 0;} .LC_Page_Contact table textarea { width:100%;} .LC_Page_Contact #undercolumn .contactTelBox { border:#E0DDD0 4px solid; background:#fff; border-radius:4px; padding:12px; text-align:center; margin:1.3em 0 1.4em;} .LC_Page_Contact #undercolumn .contactTelBox .txt,.LC_Page_Contact #undercolumn .contactTelBox .tel,.LC_Page_Contact #undercolumn .contactTelBox .time { display:inline-block; white-space:nowrap; line-height:1.0; vertical-align:middle; margin:0 2px;} .LC_Page_Contact #undercolumn .contactTelBox .txt { font-size:1.4rem; font-weight:500;} .LC_Page_Contact #undercolumn .contactTelBox .tel img { width:28px; margin-right:6px; display:inline-block; vertical-align:middle;} .LC_Page_Contact #undercolumn .contactTelBox .telLink { font-family: 'Fira Sans', 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size:2.9rem; letter-spacing:0.3px; font-weight:600; color:#66B368; line-height:1.0; text-decoration:none; display:inline-block; vertical-align:middle;} .LC_Page_Contact #undercolumn .contactTelBox .time { font-size:1.2rem;} .LC_Page_Contact #undercolumn .contactTelBox .time .mini2 { font-size:1.1rem;} @media screen and ( max-width:640px ){ .LC_Page_Contact #undercolumn .contactTelBox { padding:10px; margin:3% 0 6%;} .LC_Page_Contact #undercolumn .contactTelBox .txt { font-size:1.2rem; margin-bottom:0.4em;} .LC_Page_Contact #undercolumn .contactTelBox .tel img { width:22px; margin-right:4px;} .LC_Page_Contact #undercolumn .contactTelBox .telLink { font-size:2.4rem; letter-spacing:0.2px;} .LC_Page_Contact #undercolumn .contactTelBox .time { font-size:1.1rem;} .LC_Page_Contact #undercolumn .contactTelBox .time .mini2 { font-size:1.0rem;} } /* ============================================== ▼会員登録 =============================================== */ div#undercolumn_entry .kiyaku_text { margin: 20px auto 10px; padding: 15px; border: solid 4px #DCD9CB; font-size:1.3rem; width: 100%; max-height:400px !important; overflow-y:scroll;} div#undercolumn_entry textarea:focus { outline: 0; } div#undercolumn_entry .message { margin-bottom: 20px; font-weight: bold; font-size: 1.7rem;} div#undercolumn_entry .topTxt { line-height:1.6; margin-bottom:1.2em;} div#undercolumn_entry .tableTopTxt {} @media screen and ( max-width:640px ){ div#undercolumn_entry .kiyaku_text { margin: 18px auto 0px; padding: 10px; border: solid 4px #D6D6D6; font-size:1.1rem; max-height:35vh !important;} div#undercolumn_entry .message { margin-bottom: 10px; font-size: 1.4rem;} div#undercolumn_entry .topTxt { line-height:1.5; font-size:1.2rem;} } /* ============================================== ▼特定商取引に関する法律に基づく表記 =============================================== */ .LC_Page_Order h1.pageH1 { padding:0 54px;} .LC_Page_Order h1.pageH1 strong { font-size:2.8rem; letter-spacing:1px;} @media screen and ( max-width:640px ){ .LC_Page_Order h1.pageH1 { padding:0 39px;} .LC_Page_Order h1.pageH1 strong { font-size:2.1rem; letter-spacing:0.5px;} } /* ============================================== ▼ログイン =============================================== */ #login_areaWrap { font-size:0; letter-spacing:0;} #login_areaWrap .login_area { display:inline-block; vertical-align:top; font-size:1.3rem; width:49.5%; background:#FDF9DF; border-radius:8px; padding:15px; border:#E5D191 1px solid; } #login_areaWrap .login_area:nth-of-type(1) { margin-right:1%;} #login_areaWrap .login_area:nth-of-type(1) .btn_area { margin:18px 0;} #login_areaWrap .login_area h2 { font-size:1.9rem; letter-spacing:0.8px; font-weight:bold; padding:8px 0 18px; /*border-bottom:#D9A661 2px solid; margin-bottom:16px;*/ text-align:center;} #login_areaWrap .login_area .inputtext { line-height:1.5;} #login_areaWrap .login_area#newMember h3 { font-size:1.5rem; letter-spacing:0.5px; color:inherit; margin-bottom:8px; padding-left:16px; position:relative;} #login_areaWrap .login_area#newMember h3:before { content:""; width:8px; height:8px; background:#D0AC49; border-radius:50%; display:inline-block; vertical-align:0.1em; position:absolute; left:4px; top:0.35em;} #login_areaWrap .inputtext { line-height:1.6; padding:0 2px; font-size:1.3rem;} #login_areaWrap .login_area .inputbox { margin: 20px auto 10px auto;} #login_areaWrap .login_area .formlist { width:98%; margin:0 0 10px 2%;} #login_areaWrap .login_area .formlist dt { display:inline-block; vertical-align:top; padding-top:0.7em; width:8.5em; font-size:1.2rem;} #login_areaWrap .login_area .formlist dd { display:inline-block; vertical-align:top; width:calc( 100% - 9em);} #login_areaWrap .login_area .formlist dd input[type="text"] { width:100%;} #login_areaWrap .login_area .formlist dd input[type="password"] { width:60%;} #login_areaWrap .login_area .formlist dd .login_memory { display:none;} #login_areaWrap .login_area .btn_area { padding-bottom:10px; margin-top:24px;} @media screen and ( max-width:900px ){ #login_areaWrap .komeList { font-size:1.2rem;} } @media screen and ( max-width:640px ){ #login_areaWrap .login_area { width:100%; display:block; margin-bottom:5%; padding:10px;} #login_areaWrap .login_area:nth-of-type(1) { margin-right:0;} #login_areaWrap .login_area h2 { font-size:1.6rem; padding:8px 0 8px; margin-bottom:8px;} #login_areaWrap .login_area .formlist dt { display:block; padding-top:0; width:auto; margin-bottom:5px;} #login_areaWrap .login_area .formlist dd { display:block; width:100%;} #login_areaWrap .login_area .inputbox { margin: 18px auto 6px auto;} #login_areaWrap .login_area#newMember .inputbox { margin:10px auto 2px;} } /* ============================================== ▼エラー =============================================== */ div#undercolumn_error .message_area { margin: 30px auto; padding: 50px 30px 34px; background:#fff; border: 1px solid #C7C2B3; border-radius:8px; text-align: center; } div#undercolumn_error .imgError { width:68px; margin:0 auto 28px;} div#undercolumn_error .message_area .error { font-size:1.4rem; padding-bottom:20px;} div#undercolumn_error .message_area .error2 { font-size:1.5rem; padding-bottom:20px;} div#undercolumn_error .message_area .error2 strong { font-size:1.8rem; display:inline-block; padding:0 1px 0 3px;} div#undercolumn_error .message_area .error2 strong .mini { font-size:1.4rem;} @media screen and ( max-width:540px ){ div#undercolumn_error .message_area { text-align:left;padding: 20px 15px; margin:3% auto 5%;} div#undercolumn_error .imgError { width:68px; margin:0 auto 5%;} div#undercolumn_error .message_area .error { font-size:1.3rem; line-height:1.6; padding-bottom:8px;} } /* ============================================== ▼商品一覧 =============================================== */ .LC_Page_Products_List .bnr { margin:28px 0 0;} /* ページ送り ----------------------------------------------- */ .pagenumber_area { background: #61B363; color: #fff; border-radius: 3px; height: 36px; padding: 0 8px 0 14px; margin-top: 30px; font-size:1.2rem;} .pagenumber_area .itemSum { width:7em; float:left; line-height: 36px;} .pagenumber_area .itemSum strong { display: inline-block; padding: 0 3px; font-size: 1.5rem; line-height: 36px; } .pagenumber_area .change { text-align:right; width:calc(100% - 8em); float:right; letter-spacing: 2px;} .pagenumber_area .change strong,.pagenumber_area .change a { display:inline-block; color:inherit; line-height: 36px; padding: 0 15px; margin: 0 0 0 2px;} .pagenumber_area .change strong { background: #72CFD4;} @media screen and ( max-width:900px ){ .pagenumber_area { font-size:1.3rem; font-weight: 500; height: 40px;} .pagenumber_area * { line-height: 40px !important;} .pagenumber_area .itemSum strong { font-size: 1.4rem; } } @media screen and ( max-width:540px ){ .LC_Page_Products_List .bnr { margin:5% 0;} .pagenumber_area { margin-top: 4%; padding: 0 6px 0 10px; height: 34px;} .pagenumber_area * { line-height: 34px !important;} .pagenumber_area .itemSum strong { padding: 0 2px; } .pagenumber_area .change strong,.pagenumber_area .change a { padding: 0 13px; margin: 0 0 0 0px; letter-spacing: 1px;} } /* レイアウト ----------------------------------------------- */ .LC_Page_Products_List .pagecond_area { padding:20px 5px 0; margin-bottom:-10px;} .LC_Page_Products_List .pagecond_area li { margin-bottom:4px; line-height:1.4;} .LC_Page_Products_List .listWrap { padding:18px 0 22px; font-size:0; letter-spacing:0;} .LC_Page_Products_List .itemList { width:30.8%; margin:0 3.8% 3.5% 0; display:inline-block; float:left; vertical-align:top;} .LC_Page_Products_List .itemList:nth-child(3n) { margin-right:0;} .LC_Page_Products_List .itemList a { color:inherit; text-decoration:none; display:block; position:relative; z-index: 1;} .LC_Page_Products_List .itemList div.img { margin-bottom:8px; padding:12px; background: #fff; border: #C7C2B3 1px solid; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align:center; } .LC_Page_Products_List .itemList div.img p { position: relative; width: 100%; padding-top: 79.76%;} .LC_Page_Products_List .itemList div.img img { max-width: 100%; max-height: 100%; height: auto; width: auto; margin: 0 auto; text-align:center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .LC_Page_Products_List .itemList .name { font-size:1.3rem; line-height:1.4; margin-bottom:8px; font-weight:500;} .LC_Page_Products_List .itemList .clearfix {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;} .LC_Page_Products_List .itemList .price { font-size:1.4rem; width:52%; float: left; font-weight:500;} .LC_Page_Products_List .itemList .price .mini { margin-left: 3px; font-size:0.9rem;} .LC_Page_Products_List .itemList .btn { font-weight: 500; text-align: center; width: 48%; float: right; padding-left: 3px;} .LC_Page_Products_List .itemList .btn a,.LC_Page_Products_List .itemList .btn button { background: #F59631; color: #fff; border-radius: 3px; padding: 0.75em 0.3em; line-height: 1.0; position: relative; font-size:1.1rem; letter-spacing:0.5px; display:block; width:100%;} .LC_Page_Products_List .itemList.teiki .btn a,.LC_Page_Products_List .itemList .btn.teiki button { background: #3CAFBA; } .LC_Page_Products_List .itemList .btn i { display:none;} .pc.LC_Page_Products_List .itemList .btn a:hover,.LC_Page_Products_List .itemList .btn button:hover {color: #fff;} .pc.LC_Page_Products_List .itemList a:hover img { opacity:0.8; vertical-align:top;} .pc.LC_Page_Products_List .itemList a:hover { color:#D36E01;} @media screen and ( max-width:900px ){ .LC_Page_Products_List .itemList { width:22.6%; margin:0 3.2% 5% 0;} .LC_Page_Products_List .itemList:nth-child(n) { margin-right:3.2%;} .LC_Page_Products_List .itemList:nth-child(4n) { margin-right:0;} .LC_Page_Products_List .itemList .name { margin-bottom:4px;} .LC_Page_Products_List .itemList div.img { margin-bottom:6px; padding:8px;} .LC_Page_Products_List .itemList .price { font-size:1.5rem; width:100%; text-align:center; margin-bottom:6px;} .LC_Page_Products_List .itemList .btn { width: 100%; text-align:center;} .LC_Page_Products_List .itemList .btn i { display:inline-block; margin-right:3px;} .LC_Page_Products_List .itemList .btn a,.LC_Page_Products_List .itemList .btn button { padding: 0.6em 8px 0.6em; font-size:1.2rem; font-weight:500; } } @media screen and ( max-width:710px ){ .LC_Page_Products_List .itemList { width:30.8%; margin:0 3.8% 5% 0;} .LC_Page_Products_List .itemList:nth-child(n) { margin-right:3.8%;} .LC_Page_Products_List .itemList:nth-child(3n) { margin-right:0;} } @media screen and ( max-width:540px ){ .LC_Page_Products_List .pagecond_area { padding:6% 5px 1%; margin-bottom:0px;} .LC_Page_Products_List .pagecond_area li { font-size:1.2rem;} .LC_Page_Products_List .listWrap { padding:14px 0 24px;} .LC_Page_Products_List .itemList { width:48.5%; margin:0 3% 6% 0;} .LC_Page_Products_List .itemList:nth-child(n) { margin-right:3%;} .LC_Page_Products_List .itemList:nth-child(2n) { margin-right:0;} .LC_Page_Products_List .itemList div.img { margin-bottom:6px;} .LC_Page_Products_List .itemList .name { margin-bottom:6px; font-size: 1.2rem;} .LC_Page_Products_List .itemList .btn a,.LC_Page_Products_List .itemList .btn button { letter-spacing:0.2px; } } /* ============================================== ▼商品詳細 =============================================== */ .LC_Page_Products_Detail #h1BoxWrap { width:48%; padding-left:4%; float: right;} .LC_Page_Products_Detail #h1Box { border-bottom: #C7C2B3 1px solid; padding-bottom: 1em; position:relative;} .LC_Page_Products_Detail .iconList { font-size: 0; letter-spacing: 0; margin-bottom: 2px; position:absolute; left:0; top:0; transform: translate(0%, -105%);} .LC_Page_Products_Detail .iconList li { display: inline-block; margin-right: 2px; font-size: 1.2rem; line-height: 1.0; color: #fff; background: #F59631; border-radius: 2px; padding: 0.3em 1em; font-weight: 500;} .LC_Page_Products_Detail h1 { line-height:1.2; font-size:2.0rem; letter-spacing:1.2px; padding-top:0.4em; margin-bottom:0; font-weight:bold;} #sliderWrap { width: 52%; float: left; padding-bottom:3.5em;} #sliderWrap * {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; outline:none;} /*#sliderWrap img { width:100%;}*/ #photoSlider { border: #C7C2B3 1px solid; background: #fff; padding: 20px 0px; margin-bottom: 14px; opacity:0;} #sliderWrap li p { position: relative; padding-top:79.76%; width: 100%; } #sliderWrap li img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } #photoSliderThum { opacity:0;} #photoSliderThum li { background: #fff; border: #fff 1px solid; cursor: pointer; padding: 0; margin: 0 5px;} #photoSliderThum li.slick-current { border-color: #7ABF7D;} .pc #photoSliderThum li:hover { background: #7ABF7D;} .pc #photoSliderThum li:hover img { opacity: 0.8;} .LC_Page_Products_Detail #kakakuCartArea { width:48%; padding-left:4%; float: right; padding-top: 1.2em; padding-bottom:3em; min-height:480px;} .LC_Page_Products_Detail .description { font-size: 1.3rem; line-height: 1.6;} .LC_Page_Products_Detail .description p.title { color:#69AD6B; font-weight: bold; font-size:1.5rem; line-height:1.5; margin-bottom:5px;} .LC_Page_Products_Detail .description h2 { font-size: 1.6rem; font-weight: 700; line-height: 1.4; margin-bottom: 0.6em; color: #428026;} .LC_Page_Products_Detail .selectWrapBox { background: #EBE8DC; padding: 10px 14px 3px; margin-top:1.2em;} .LC_Page_Products_Detail .selectWrapBox ul { margin-bottom:8px;} .LC_Page_Products_Detail .selectWrapBox li span.dt, .LC_Page_Products_Detail .selectWrapBox .quantity dt { display:inline-block; min-width:5em; padding-right: 0.5em;} .LC_Page_Products_Detail .selectWrapBox .quantity dd { display:inline-block;} .LC_Page_Products_Detail .selectWrapBox .quantity .select-options li:first-child { color:#261F1D;} .LC_Page_Products_Detail .selectWrapBox .attention { display: inline-block; font-weight: 500; padding-left: 2px; margin: 3px 0 0;} .LC_Page_Products_Detail #normalCartBox { border:#CCC8B9 1px solid; padding:13px; position:relative; margin:1.6em 0 0;} .LC_Page_Products_Detail .kakakuArea { float:left; float:left; width:calc(100% - 48px);} .LC_Page_Products_Detail .sale_price { margin-bottom:4px; font-size:1.2rem;} .LC_Page_Products_Detail .sale_price dt { display:inline-block; } .LC_Page_Products_Detail .sale_price dd { display:inline-block;} .LC_Page_Products_Detail .sale_price dd span:not(.mini) { font-size:1.9rem; display:inline-block; margin-right:3px; letter-spacing: 0.2px; font-weight: 700;} .LC_Page_Products_Detail .sale_price dd span.mini { font-weight:normal; font-size: 1.3rem;} .LC_Page_Products_Detail .sale_price dd span.taxIn { font-size:1.5rem;} .LC_Page_Products_Detail .normal_price { display:inline-block; font-size:1.2rem; position: relative;} .LC_Page_Products_Detail .normal_price:before { content: ""; width: 100%; height: 1px; background: #FF2B2B; position: absolute; left: 0; bottom: 0.9em;} .LC_Page_Products_Detail .normal_price dt { display:inline-block;} .LC_Page_Products_Detail .normal_price dd { display:inline-block;} .LC_Page_Products_Detail .normal_price dd span:not(.mini) { font-size:1.5rem; display:inline-block; margin-right:2px; letter-spacing: 0.2px; font-weight: 700;} .LC_Page_Products_Detail .normal_price dd span.taxIn { font-size:1.3rem;} .LC_Page_Products_Detail .favorite_btn,.LC_Page_Products_Detail .favorite_btn2 { width: 44px; height:44px; float:right; text-align:center; margin:-4px -4px 0 0;} .LC_Page_Products_Detail .favorite_btn a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 44px; height:44px; text-decoration:none; color:#FF7575; border:#D5D2C3 1px solid; background:#FEFEFB; border-radius:50%; } .LC_Page_Products_Detail .favorite_btn2 a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 44px; height:44px; text-decoration:none; color:#fff; border:#FF7575 1px solid; background:#FF7575; border-radius:50%; } .LC_Page_Products_Detail .favorite_btn a i,.LC_Page_Products_Detail .favorite_btn2 a i { font-size: 2.2rem; line-height: 1.0; letter-spacing:0; margin: 0;} .LC_Page_Products_Detail .favorite_btn a i:before,.LC_Page_Products_Detail .favorite_btn2 a i:before { line-height:1.0; margin:0; transform: translate(0, 1px);} .pc.LC_Page_Products_Detail .favorite_btn a:hover { color: #fff; border:#FF7575 1px solid; background:#FF7575;} .pc.LC_Page_Products_Detail .favorite_btn2 a:hover { opacity:0.8;} .tippy-tooltip.maiserina-theme { background-color: #A8A497; border: none; border-radius:4px; color:#fff; font-size:1.2rem; font-weight:500; line-height:1.0; padding:0.6em 0.7em; } .tippy-popper[x-placement^=top] .tippy-tooltip.maiserina-theme .tippy-arrow { border-top: 7px solid #A8A497; border-right: 7px solid transparent; border-left: 7px solid transparent; } .LC_Page_Products_Detail .pointNum { font-size:1.2rem; padding:0.8em 0 0;} .LC_Page_Products_Detail .pointNum strong { font-size:1.5rem;} .LC_Page_Products_Detail .productCode { font-size:1.1rem; color:#777; font-weight:500; padding:0.8em 0 0;} .LC_Page_Products_Detail .cart_area { clear:both; padding-top:7px; width:100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; } .LC_Page_Products_Detail .cart_area .select { width:60px; margin-right:12px; } .LC_Page_Products_Detail .cart_area .btnBox { -webkit-flex-grow: 1; flex-grow: 1;} .LC_Page_Products_Detail .cart_area .btnBox a { display:block; background:#F5860F; padding:0.75em 2em; border-radius:4px; color:#fff; font-size:1.4rem; font-weight:500; text-align:center; letter-spacing:1.2px; text-decoration:none; } .LC_Page_Products_Detail .cart_area .btnBox a i { margin-right:6px;} .LC_Page_Products_Detail .cart_area #cartAttentionArea { background:#C7C2B3; padding:0.75em 2em; border-radius:4px; color:#fff; font-size:1.3rem; font-weight:500; text-align:center; letter-spacing:1.2px;} .LC_Page_Products_Detail .cart_area #cartAttentionArea span { white-space: nowrap; display: inline-block;} .LC_Page_Products_Detail .cart_area .attention { font-size:1.4rem; background:none; border:none; padding:0; margin-top:1em;} .LC_Page_Products_Detail #teikiCartBoxTtl { width:100%; background:#4CB580; color:#fff; font-size:1.7rem; letter-spacing:1px; font-weight:500; text-align:center; padding:0.5em; position:relative; border-radius:3px 3px 0 0; margin-top:1.1em;} .LC_Page_Products_Detail #teikiCartBoxTtl:before { content:""; display:block; width: 0;height: 0;border-style: solid;border-width: 12px 14px 0 14px;border-color: #4CB580 transparent transparent transparent; position:absolute; left:50%; bottom:0; transform: translate(-50%, 100%);} .LC_Page_Products_Detail #teikiCartBox { border:#4CB580 1px solid; border-top:none; background:#F5F1DC; padding:14px 13px 13px;} .LC_Page_Products_Detail #teikiCartBox .cart_area .btnBox a { background:#3CAFBA; } .LC_Page_Products_Detail #normalCartBox .attention, .LC_Page_Products_Detail #teikiCartBox .attention { margin-top:6px;} .LC_Page_Products_Detail #otherTxtArea { font-size:1.3rem; line-height:1.7; padding: 0 0.9em; margin-bottom:16px;} .LC_Page_Products_Detail #otherTxtArea * { font-size:1.3rem; line-height:1.7;} .LC_Page_Products_Detail #otherTxtArea p.title { color:#69AD6B; font-weight: bold; font-size:1.4rem !important;} .LC_Page_Products_Detail .subTtl { background: #7ABF7D; border-radius: 3px; font-size:1.4rem; line-height:1.3; padding:0.7em 0.9em 0.6em; color:#fff; clear:both; margin:34px 0 15px;} .LC_Page_Products_Detail .subComment { font-size:1.3rem; line-height:1.7; padding:0 0.9em; clear:both;} .LC_Page_Products_Detail .subComment * { line-height:1.7;} .LC_Page_Products_Detail .subComment .img { width:38%; max-width:340px; float:right; margin:0 0 1% 3%;} .LC_Page_Products_Detail .subComment img { width:100%;} @media screen and ( max-width:900px ){ .LC_Page_Products_Detail .iconList { position:relative; transform: translate(0%, 0%);} .LC_Page_Products_Detail #kakakuCartArea { min-height:460px;} } @media screen and ( max-width:660px ){ .LC_Page_Products_Detail #h1BoxWrap { width:100%; padding-left:0; float: none;} .LC_Page_Products_Detail #h1Box { border:none; padding-bottom:0.5em;} .LC_Page_Products_Detail .iconList { margin-bottom: 10px;} .LC_Page_Products_Detail .iconList li { font-size: 1.1rem; padding: 0.3em 1em; font-weight: 500;} .LC_Page_Products_Detail h1 { line-height:1.2; font-size:1.9rem; font-weight: 500; letter-spacing:1px; margin-bottom:0.4em; padding-top:0.1em;} #sliderWrap,.LC_Page_Products_Detail #kakakuCartArea { width:100%; float:none; padding:0; min-height:0px;} #sliderWrap { margin-bottom:12%;} #photoSlider { padding: 4%; margin-bottom: 25px; text-align:center;} /*#photoSlider img { width:80%; margin:0 auto;}*/ #photoSlider .slick-dots { bottom: -26px;} #photoSlider .slick-dots li,#photoSlider .slick-dots li button { width: 13px; height: 13px;} #photoSlider .slick-dots li button:before { background:#D6B55E; opacity:1; border:#FAF8ED 1px solid; width: 13px; height: 13px;} #photoSlider .slick-dots li button:hover:before { opacity: 0.75;} #photoSlider .slick-dots li.slick-active button:before{ opacity: 1; background:none; border:#F58253 3px solid;} #photoSliderThum { display:none;} .LC_Page_Products_Detail .description { padding-top:0.7em;} .LC_Page_Products_Detail #normalCartBox { padding:12px; margin:1.3em 0 1.3em;} .LC_Page_Products_Detail #teikiCartBox { padding:13px 12px 12px;} .LC_Page_Products_Detail #otherTxtArea { padding: 2em 0.8em 0; margin-bottom:0;} .LC_Page_Products_Detail .subTtl { font-size:1.4rem; font-weight:500; line-height:1.3; padding:0.7em 0.9em 0.8em; margin:8% 0 4%;} .LC_Page_Products_Detail .subComment { padding:0 0.8em; margin-bottom:5%;} .LC_Page_Products_Detail .subComment .img { width:80%; max-width:auto; margin:0 auto 10px; float:none;} } .LC_Page_Products_Detail .subTtl2 { font-size:1.7rem; font-weight:bold; color:#3B271F; margin:38px 0 0; padding:0;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;} .LC_Page_Products_Detail .subTtl2 span { font-size:1.2rem; color:#BD8E13; font-weight:bold; display:inline-block; margin-left:10px;} #reviewBox { margin:10px 0 0; padding:14px 0 0 0; border:#C7C2B3 1px solid; background:#fff; border-radius: 4px;} #reviewBox .btnArea { padding:0 14px 14px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;} #reviewBox .btnArea .txt { display:inline-block; line-height:1.5; font-size: 1.3rem;} #reviewBox .btnArea .btn { display:inline-block;} #reviewBox .btnArea .btn a { display:inline-block; background:#CB8F2F; color:#fff; font-size:1.1rem; font-weight:500; padding:0.8em 2.4em; border-radius:4px; text-decoration:none; line-height:1.0;} #reviewBox .bgBox { background:#DCD9CA; padding:8px; border-radius:0 0 4px 4px;} #reviewBox .commentAreaWrap { height:auto; max-height:270px; overflow-y:auto; background:#fff; border-radius:4px;} #reviewBox .commentArea { padding:24px 20px 23px; border-top:#DCD9CA 1px solid;} #reviewBox .commentArea:first-child { border:none;} #reviewBox .commentArea .ttl { font-size:1.3rem; font-weight:bold; line-height:1.4; margin-bottom:12px; color:#57AD59;} #reviewBox .commentArea .ttl span { display:inline-block; margin-right:12px; color:#D49F15; letter-spacing:4px;} #reviewBox .commentArea .comment { line-height:1.6; font-size:1.2rem;} #reviewBox .commentArea .date { text-align:right; font-size:1.1rem; margin-top:8px;} @media screen and ( max-width:900px ){ #reviewBox .commentAreaWrap::-webkit-scrollbar { background:#E6E6E6; width:6px;} #reviewBox .commentAreaWrap::-webkit-scrollbar-thumb { background:#aaa; border-radius:3px;} } @media screen and ( max-width:560px ){ #reviewBox { margin:10px 0 8%;} .LC_Page_Products_Detail .subTtl2 { margin:7% 0 0; } #reviewBox .btnArea { display:block; text-align:center;} #reviewBox .btnArea .txt { width:100%; display:block; margin-bottom:8px; font-size:1.1rem;} #reviewBox .commentAreaWrap { max-height:35vh;} #reviewBox .commentArea { padding:18px 14px 17px;} #reviewBox .commentArea .ttl span { display:block; margin-bottom:3px;} } @media screen and ( max-width:380px ){ #reviewBox { margin:10px 0 10%;} .LC_Page_Products_Detail .subTtl2 { margin:9% 0 0; } } .LC_Page_Products_Detail .moreProductList { font-size:0; letter-spacing:0; padding:15px 20px 0; display:none;} .LC_Page_Products_Detail .moreProductList li { margin:0 9px;} .LC_Page_Products_Detail .moreProductList .slick-prev,.LC_Page_Products_Detail .moreProductList .slick-next{ top: 44%;} .LC_Page_Products_Detail .moreProductList li a { display:block; text-decoration:none; color:#261F1D;} .pc.LC_Page_Products_Detail .moreProductList li a:hover { color:#69AD6B;} .LC_Page_Products_Detail .moreProductList li .img { background:#fff; border:#C7C2B3 1px solid; text-align:center; padding:5px; margin-bottom:8px;} .LC_Page_Products_Detail .moreProductList li img { width:90%; margin:0 auto;} .LC_Page_Products_Detail .moreProductList li .name { font-size:1.2rem; font-weight:500; line-height:1.4;} @media screen and ( max-width:900px ){ .LC_Page_Products_Detail .moreProductList li { margin:0 7px;} .LC_Page_Products_Detail .moreProductList .slick-prev,.LC_Page_Products_Detail .moreProductList .slick-next{ top: 42%;} } @media screen and ( max-width:450px ){ .LC_Page_Products_Detail .moreProductList { padding:10px 20px 0;} .LC_Page_Products_Detail .moreProductList li { margin:0 4px;} .LC_Page_Products_Detail .moreProductList li .img { padding:5px; margin-bottom:5px;} } /* *********************************************** ▼カートの中 /*********************************************** */ /* 現在のカゴの中 ----------------------------------------------- */ div#undercolumn_cart .point_announce { margin: 20px 0 30px; clear:both; padding: 13px 20px; border: solid 1px #E5D191; background-color: #FDF9DF; border-radius:4px;} div#undercolumn_cart .point_announce .point { font-size:1.3rem;} div#undercolumn_cart .point_announce p { line-height:1.5;} div#undercolumn_cart .point_announce .pointP { margin-top:4px;} div#undercolumn_cart .point_announce .price { display:inline-block; margin:0 2px; font-size:1.5rem; font-weight:bold;} div#undercolumn_cart .point_announce .price .mini2 { display:inline-block; margin-left:1px;} div#undercolumn_cart .totalmoney_area { margin-bottom: 30px;} div#undercolumn_cart .totalmoney_area div.attention { margin:6px 0;} div#undercolumn_cart .totalmoney_area .attentionSt { font-size:1.4rem; line-height:1.5;} div#undercolumn ul#quantity_level li { padding: 3px; display: inline;} div#undercolumn .empty { text-align: left; padding:30px 0;} div#undercolumn_cart div.attention { margin:0 0 15px;} div#undercolumn_cart .topTxt { line-height:1.7;} div#undercolumn_cart strong.price { font-size:1.4rem; display:inline-block; margin:0 2px;} div#undercolumn_cart .cartTbl td.btnP a { font-size:1.1rem; padding: 11px 16px 12px 20px; letter-spacing:4px; border-radius: 3px;} div#undercolumn_cart .cartTbl .productImg { width:100%; max-width:130px; padding-right:12px;} div#undercolumn_cart .cartTbl td .count { font-size:1.4rem; transform: translate(0%, -2px); display:inline-block;} div#undercolumn_cart .cartTbl td.product div {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;} /*div#undercolumn_cart table.responsiveTbl td.product .name span.cate { color:#471619; display:block; margin-top:6px;} div#undercolumn_cart table.responsiveTbl td.product .name span.cate span { display:inline-block; padding-right:1em; white-space:nowrap;}*/ div#undercolumn_cart table.responsiveTbl td.product .name span.price { font-size:1.2rem; display:block; margin-top:5px;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .mini2 { font-size:1.1rem;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .price01 { font-size:1.4rem; font-weight:500;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .price02 { font-size:1.3rem; font-weight:500;} div#undercolumn_cart table.responsiveTbl td .sPrice { font-size:1.4rem; display:inline-block; margin-right:1px;} div#undercolumn_cart table.responsiveTbl .price { font-size:1.4rem; display:inline-block; margin-right:1px;} div#undercolumn_cart .cartTbl .quantity_level { text-align:center; margin:6px 0 9px; font-size:0; letter-spacing:0;} div#undercolumn_cart .cartTbl .quantity_level li { width:50%; display:inline-block; padding:0 3%;} div#undercolumn_cart .cartTbl .quantity_level li.plus {} div#undercolumn_cart .cartTbl .quantity_level .btnP a { font-size:1.4rem; padding:4px 6px 4px 9px; line-height:1.0; letter-spacing:3px; width:100% !important; max-width:70px !important; border-radius:3px;} div#undercolumn_cart .cartTbl .txtDel { letter-spacing:2px; display:inline-block; padding-left:2px;} div#undercolumn_cart .tableBottomTxt { margin:30px 0 0; text-align:center;} @media screen and ( max-width:900px ){ div#undercolumn .empty { padding:60px 0 160px;} } @media screen and ( max-width:640px ){ div#undercolumn_cart .point_announce { margin: 4% 0 6%; padding: 11px 12px;} div#undercolumn_cart .point_announce .pointP { margin-top:10px;} div#undercolumn_cart .point_announce .price { white-space:nowrap; margin:0;} div#undercolumn .empty { padding:20px 0 30px;} div#undercolumn_cart .cartTbl td .count {transform: translate(0%, 0);} div#undercolumn_cart table.responsiveTbl tr { border-top: none; clear:both; } div#undercolumn_cart table.responsiveTbl tr.productTR { border-top:1px solid #C7C2B3; margin-bottom:5px;} div#undercolumn_cart table.responsiveTbl tr.goukeiTR { border-top:1px solid #C7C2B3;} div#undercolumn_cart table.responsiveTbl tbody th { display:block; width:50%; border-left: 1px solid #C7C2B3; float:left; text-align:left; padding: 12px 10px;} div#undercolumn_cart table.responsiveTbl td .name { text-align:left;} div#undercolumn_cart table.responsiveTbl td.numTD { text-align:center !important; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position:relative; padding-left:30px;} div#undercolumn_cart .cartTbl .quantity_level { margin:0;} div#undercolumn_cart table.responsiveTbl td.numTD:before { position:absolute; left:10px; top:50%; float:none; transform: translate(0%, -50%);} div#undercolumn_cart table.responsiveTbl td.numTD .count { display:inline-block; width:30%;} div#undercolumn_cart table.responsiveTbl td.numTD ul { display:inline-block; width:39%;} div#undercolumn_cart table.responsiveTbl td.numTD .delA { isplay:inline-block; width:30%; text-align:right;} div#undercolumn_cart table.responsiveTbl td.numTD .btnP.back a { min-width:0;} div#undercolumn_cart table.responsiveTbl td.product .name span.price { font-size:1.1rem; margin-top:4px;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .mini2 { font-size:1.0rem;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .price01 { font-size:1.3rem;} div#undercolumn_cart table.responsiveTbl td.product .name span.price .price02 { font-size:1.2rem;} div#undercolumn_cart table.responsiveTbl td .sPrice { font-size:1.3rem;} div#undercolumn_cart table.responsiveTbl .goukeiTR .price { font-size:1.3rem;} div#undercolumn_cart .tableBottomTxt { margin:6% 0 0; } } /* お客様情報入力 ----------------------------------------------- */ div#undercolumn_customer {} .flow_area { margin: 0 0 20px 0;} div#undercolumn_customer th em { color: #000; font-weight: bold;} /* お支払い方法・お届け時間等の指定 ----------------------------------------------- */ div#undercolumn_shopping .pay_area { margin: 0 auto 30px; width: 100%;} div#undercolumn_shopping .pay_area02 { margin: 40px auto 30px auto;} div#undercolumn_shopping .pay_area02 .txtarea { width: 100%; height: 150px;} div#undercolumn_shopping .pay_area02 .select-msg { margin-bottom: 10px;} div#undercolumn_shopping .pay_area02 .attention { margin-top:10px;} div#undercolumn_shopping .point_area { margin: 40px auto 0 auto;} div#undercolumn_shopping .point_area .point_announce { padding: 20px; border: 1px solid #ccc;} div#undercolumn_shopping .point_area p,div#undercolumn_shopping .pay_area02 p { margin-bottom: 9px; line-height:1.7;} div#undercolumn_shopping .point_area .point_announce li { margin-bottom: 5px;} div#undercolumn_shopping .point_area .point_announce .point, div#undercolumn_shopping .point_area .point_announce .price { font-size:1.3rem;} div#undercolumn_shopping .point_area .point_announce .konkai { display:inline-block; margin-left:20px; vertical-align:middle;} div#undercolumn_shopping .otodokeTime { display:inline-block; margin-left:20px;} @media screen and ( max-width:640px ){ .LC_Page_Shopping_Payment#paymentPage h1.pageH1 { padding:0 43px 0 40px;} .LC_Page_Shopping_Payment#paymentPage h1.pageH1 strong { font-size:2.3rem; letter-spacing:0.5px; } div#undercolumn_shopping .point_area .point_announce { padding: 10px 14px; } div#undercolumn_shopping .otodokeTime { display:block; margin-left:0; margin-top:8px;} div#undercolumn_shopping .point_area .point_announce li .nowrap { margin-top:5px;} div#undercolumn_shopping .point_area .point_announce .konkai { display:block; margin:5px 0 14px 18px;} } /* お届け先の指定 ----------------------------------------------- */ #address_area { margin-bottom: 20px; width: 100%;} #address_area .information p { margin-bottom:8px; line-height:1.7;} #undercolumn_shopping .information { margin-bottom: 15px;}」 #undercolumn_shopping table { margin-bottom:30px;} #undercolumn_shopping table label { display:inline-block; width:100%; height:100%; padding:0.6em; white-space:nowrap; vertical-align:middle;} #undercolumn_shopping table td strong { font-size:1.3rem; display:inline-block; margin-top:4px;} #undercolumn_shopping table .btnP { width:120px;} #undercolumn_shopping table .btnP a { padding: 10px 14px 10px 18px; width: 92%; font-size: 1.1rem; letter-spacing: 2px; } #undercolumn_shopping table .addressTD { border-right:0;} #undercolumn_shopping table .btnP.back { padding-left:0;} #undercolumn_shopping table .btnP:not(.back) { width:130px; border-right:0; padding-right:0;} #undercolumn_shopping table .btnP.widthLong { width:auto;} #undercolumn_shopping table input[type="radio"] { margin:0 2px 0 0;} #address_area p.addbtn { font-weight: bold; font-size: 10px;} #load_payment_modulePage table label { padding:0.4em; font-size:1.4rem;} #load_payment_modulePage .cardAlredy { margin:10px 10px -10px;} #load_payment_modulePage .cardAlredy li { font-size:1.4rem;} #load_payment_modulePage .cardAlredy li label { padding:0.3em; white-space:normal;} #load_payment_modulePage table.tableUnder td { padding:12px;} @media screen and ( max-width:900px ){ #undercolumn_shopping .addbtn a { max-width:250px;} } @media screen and ( max-width:640px ){ #undercolumn_shopping table { margin-bottom:16px;} #undercolumn_shopping table label { padding:0; margin:0;} #undercolumn_shopping table#payment label { white-space:normal;} #undercolumn_shopping table.responsiveTbl tr { border-top: 1px solid #C7C2B3; clear:both; margin-bottom:10px; } #undercolumn_shopping table.responsiveTbl tr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;} /*clearfix*/ #undercolumn_shopping table.responsiveTbl td.addressTypeTD, #undercolumn_shopping table.responsiveTbl td.radioTD { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} #undercolumn_shopping table.responsiveTbl td.btnNon { display:none;} #undercolumn_shopping table.responsiveTbl td.radioTD { width:20% !important; float:left; clear:none; border-right:0; text-align:center; padding:12px 10px; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} #undercolumn_shopping table.responsiveTbl td.addressTypeTD { width:80% !important; float:right; text-align:left; clear:none; border-right: 1px solid #C7C2B3 !important; padding:10px 10px;} #undercolumn_shopping table.responsiveTbl td.addressTD { width:100% !important; float:none; text-align:left; border-right: 1px solid #C7C2B3 !important; padding:10px 10px;} #undercolumn_shopping table.responsiveTbl td.btnP.txtL { width:50% !important; clear:both; text-align:center; padding:12px 0 12px 6px;} #undercolumn_shopping table.responsiveTbl td.btnP.txtR { width:50% !important; text-align:center; padding:12px 6px 12px 0;} #undercolumn_shopping .btn_area .btnP input, #undercolumn_shopping .btn_area .btnP a { font-size:1.2rem; padding:12px 19px 13px 20px;} #load_payment_modulePage table label { font-size:1.3rem;} #load_payment_modulePage .cardAlredy li { font-size:1.3rem;} } @media screen and ( max-width:350px ){ .btnP.back a, .btnP.back input, .btnP.back button { min-width:80px;} } /* 確認 ----------------------------------------------- */ .btn_area.topBtn { margin:28px 0 22px;} #undercolumn_shopping .information2 { font-size:1.4rem; font-weight:500;} #undercolumn_shopping .detailTbl td { padding:11px 8px;} #undercolumn_shopping .detailTbl td.product { padding:8px 8px;} #undercolumn_shopping .detailTbl td.product div {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;} #undercolumn_shopping table td.product strong { font-size:1.3rem; display:block; margin-top:0px; margin-bottom:2px;} #undercolumn_shopping table td.product .productPrice { font-size:1.2rem;margin-top: 0.5em;} #undercolumn_shopping table td.product .productPrice .mini { font-size:1.1rem;} #undercolumn_shopping table td.product .productPrice .price01 { font-size: 1.3rem; display: inline-block; margin-left: 4px;} #undercolumn_shopping table td.product .productPrice .price02 { font-size: 1.3rem;} #undercolumn_shopping table th p.soryoAtt { font-size: 1.2rem; margin-top: 3px;} #undercolumn_shopping table th p.soryoAtt span.num { font-size:1.3rem;} #undercolumn_shopping .detailTbl td img { width:18%; max-width:110px; margin-right:12px; vertical-align:middle; float:left; display:inline-block;} #undercolumn_shopping .detailTbl td a { line-height:1.5;} #undercolumn_shopping .detailTbl .btnP input { width: auto; min-width:0; padding: 0.6em 1.6em 0.6em 1.6em; margin-top:5px;} #undercolumn_shopping .detailTbl td .gokei { font-size: 1.5rem;} #undercolumn_shopping #codeBox { border:#C7C2B3 1px solid; background:#fff; border-radius:2px; margin:24px 0; position:relative;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} #undercolumn_shopping #codeBox h3 { font-size:1.6rem; margin:0; padding:16px 40px 15px 14px; color:#261F1D; line-height:1.4; letter-spacing:0.5px; cursor:pointer; position:relative; z-index:10;} #undercolumn_shopping #codeBox .fugo { font-size: 1.5rem;font-weight: bold;width: 2.3em;height: 2.3em;line-height: 2.3em;letter-spacing: 0; position: absolute;right: 7px;top: 8px; z-index:0; background: #7ABF7D;color: #fff; display: -webkit-inline-flex;display: inline-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center; border-radius: 3px; cursor: pointer; } #undercolumn_shopping #codeBoxInner { display:none; padding:4px 20px 15px;} #undercolumn_shopping #codeBoxInner .txt { line-height:1.6;} #undercolumn_shopping #codeBoxInner .inputBox { padding:14px 0 6px;} #undercolumn_shopping #codeBoxInner .inputBox .btnP input { width: auto; min-width:0; padding: 0.8em 2.1em 0.8em 2.2em; margin-left:5px;} #undercolumn_shopping #codeBoxInner .tekiyouBox { background:rgba(237,236,228,0.8); padding:13px 0; margin-top:15px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;} #undercolumn_shopping #codeBoxInner .tekiyouBox p { margin-left:15px; line-height:1.6;} @media screen and ( max-width:640px ){ #undercolumn_shopping th { font-size:1.1rem;} #undercolumn_shopping .detailTbl { margin:10px auto 10px;} #undercolumn_shopping .detailTbl th { padding:6px 7px;} #undercolumn_shopping table#pointTbl colgroup { display:none;} #undercolumn_shopping table#pointTbl th.alignL { width:14em !important; font-size:1.1rem;} #undercolumn_shopping .detailTbl td.product div {display:block;} #undercolumn_shopping table td.product strong { font-size:1.2rem; display:block;} #undercolumn_shopping table td.product .productPrice { font-size:1.1rem;} #undercolumn_shopping table td.product .productPrice .mini { font-size:1.0rem;} #undercolumn_shopping table td.product .productPrice .price01 { font-size: 1.2rem;} #undercolumn_shopping table td.product .productPrice .price02 { font-size: 1.2rem;} #undercolumn_shopping .detailTbl td img { width:40%; max-width:110px; margin:0 auto 5px; vertical-align:middle; float:none; display:block;} #undercolumn_shopping .detailTbl td { font-size:1.1rem; padding:8px 7px;} #undercolumn_shopping #codeBox h3 { font-size:1.5rem; padding:15px 40px 14px 12px;} #undercolumn_shopping #codeBoxInner { padding:2px 14px 12px;} #undercolumn_shopping #codeBoxInner .txt { font-size:1.2rem;} #undercolumn_shopping #codeBoxInner input#coupon_code { width:52%; max-width:180px;} #undercolumn_shopping .inputBox span.nowrap { display:inline-block; padding:5px 0 0;} } @media screen and ( max-width:400px ){ #undercolumn_shopping .detailTbl td .gokei { font-size: 1.3rem;} #undercolumn_shopping table th p.soryoAtt {text-align: left; font-size:1.0rem; padding-left: 1em;text-indent: -1em;} #undercolumn_shopping table th p.soryoAtt.pointNum { text-align:right;} #undercolumn_shopping table th p.soryoAtt span.num { font-size:1.2rem;} } #completePage #undercolumn_shopping .message { margin-bottom: 20px; font-weight: bold; font-size: 1.8rem; padding:30px 0 20px;} @media screen and ( max-width:640px ){ #completePage #undercolumn_shopping .message { margin-bottom: 10px; font-weight: bold; font-size: 1.8rem; padding:20px 0 10px;} } /* ============================================== ▼検索結果 =============================================== */ p.condition_area { margin: 0 auto; padding: 5px; border: solid 1px #333; width: 566px; } /* *********************************************** ▼ お友達紹介特典 /*********************************************** */ #pageFriends h1 { font-size:0; letter-spacing:0; text-align:center; width:98%; max-width:622px; margin:-10px auto 26px;} #pageFriends .topTxt { font-size:1.4rem; text-align:center; line-height:1.6; font-weight:500; margin-bottom:16px;} #pageFriends #tokutenList { font-size:0; letter-spacing:0; margin:0 auto 50px; text-align:center;} #pageFriends #tokutenList li { text-align:top; width:48.5%; max-width:320px; display:inline-block;} #pageFriends #tokutenList li:first-child { margin-right:3%;} #pageFriends h2 { background:#F87777; color:#fff; font-size:2.8rem; letter-spacing:0; font-weight:500; text-align:center; border-radius:6px 6px 0 0; padding:10px 6px 3px 18px;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; line-height:1.0;} #pageFriends h2 strong { font-size:3.6rem; letter-spacing:1px; display:inline-block; vertical-align:middle; margin-left:3px; white-space:nowrap;} #pageFriends h2 span { display:inline-block; vertical-align:middle; padding:6px 0;} #pageFriends h2 img { width:58px; transform: translate(0%, -8px) rotate(15deg); display:inline-block; margin-left:8px; vertical-align:middle;} #pageFriends .borderBox { border:#C7C2B3 1px solid; background:#fff; border-top:none; border-radius:0 0 4px 4px; padding:44px 18px 36px; margin-bottom:20px;} #pageFriends .topTxt2Wrap { text-align:center; margin-bottom:40px; } #pageFriends .borderBox .topTxt2 {border-top:#D6B55E 1px solid; border-bottom:#D6B55E 1px solid; display:inline-block; margin:0 auto; padding:14px 2px 13px 8px; font-size:1.4rem; font-weight:500; position:relative;} #pageFriends .borderBox .topTxt2 strong { color:#6FBF72; display:inline-block; margin-right:2px;} #pageFriends .borderBox .topTxt2:before { content:url(../img/friends/k01.svg); position:absolute; left:50%; top:0; transform: translate(-50%, -100%); width:182px; height:12px;} #pageFriends .borderBox .topTxt2:after { content:url(../img/friends/k02.svg); position:absolute; left:50%; bottom:0; transform: translate(-50%, 70%); width:182px; height:12px;} #pageFriends .borderBox h3 { font-size:1.5rem; position:relative; padding-left:12px; font-weight:500; margin-bottom:18px;} #pageFriends .borderBox h3:before { content:""; background:#7ABF7D; width:8px; height:8px; border-radius:50%; position:absolute; left:0; top:0.6em; transform: translate(0%, -50%); line-height:1.0;} #pageFriends .borderBox h3 strong { color:#F07B00; display:inline-block; margin:0 1px 0 3px;} #pageFriends .stepList { width:100%; background:#EFEDE9; font-size:0; letter-spacing:0; margin-bottom:48px;} #pageFriends .stepList li { display:inline-block; width:22.75%; height:22.75%; vertical-align:top; margin-right:3%; background:#fff; border:#C7C2B3 1px solid; border-radius:50%; position:relative;} #pageFriends .stepList li:before { content:""; width: 0; height: 0; border-style: solid; border-width: 6.5px 0 6.5px 10px; border-color: transparent transparent transparent #F87777; position:absolute; right:-7%; top:50%; transform: translate(50%, -50%); box-sizing:border-box;} #pageFriends .stepList li:nth-child(4) { margin:0;} #pageFriends .stepList li:nth-child(4):before { content:none;} #pageFriends .borderBox2 { border:#E0DDD0 4px solid; border-radius:4px; padding:18px 20px 15px; margin-bottom:48px; text-align:center; background:#FEFEFB;} #pageFriends .borderBox2 .txt { font-size:1.4rem; font-weight:500; margin-bottom:8px;} #pageFriends .borderBox2 .txt strong { color:#F87777; font-weight:500;} #pageFriends .borderBox2 .tel img,#pageFriends .imgBox p img { width:30px; vertical-align:middle; display:inline-block; margin-right:6px;} #pageFriends .borderBox2 .tel,#pageFriends .imgBox strong { font-size:3.4rem; color:#66B368; font-family: 'Fira Sans', 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold; line-height:1.0;} #pageFriends .borderBox2 .tel a { color:inherit; text-decoration:none;} #pageFriends .borderBox2 .telTime { font-size:1.1rem; font-weight:500;} #pageFriends .imgBox { font-size:1.3rem; line-height:1.7; padding:10px 12px 0;} #pageFriends .imgBox .img { width:106px; float:right; margin:-10px 0 5px 10px; display:inline-block; vertical-align:middle;} #pageFriends .imgBox p { font-size:1.4rem; font-weight:bold; margin-top:20px; line-height:1.0;} #pageFriends .imgBox p img { margin-left:10px;} #pageFriends .bottomDL { padding-left:10px;} #pageFriends .bottomDL dt { font-size:1.3rem; margin-bottom:6px;} #pageFriends .bottomDL dd { font-size:1.2rem; line-height:1.4; margin-bottom:3px; padding-left:16px; position:relative;} #pageFriends .bottomDL dd:before { content:""; width:4px; height:4px; border-radius:50%; background:#7ABF7D; display:inline-block; position:absolute; left:8px; top:0.4em;} @media screen and ( max-width:900px ){ #pageFriends h1 { margin:0px auto 22px;} #pageFriends #tokutenList { margin:0 auto 38px;} } @media screen and ( max-width:700px ){ #pageFriends h2 { font-size:2.5rem;} #pageFriends h2 strong { font-size:3.2rem;} #pageFriends h2 span { padding:3px 0;} #pageFriends h2 img { width:54px; transform: translate(0%, -5px) rotate(15deg);} #pageFriends .borderBox { padding:34px 14px 26px; margin-bottom:20px;} } @media screen and ( max-width:500px ){ #pageFriends { margin-top:-4px;} #pageFriends h1 { width:110vw; position:relative; left:50%; transform: translate(-50%, 0%); margin-bottom:4.5%;} #pageFriends .topTxt { font-size:1.4rem; margin:0 auto 3%; text-align:left; width:94%; } #pageFriends #tokutenList { margin:0 auto 6%; width:86%; } #pageFriends #tokutenList li { width:100%; max-width:330px; margin:0 0 4% 0 !important;} #pageFriends h2 { font-size:1.9rem;} #pageFriends h2 strong { font-size:2.6rem;} #pageFriends h2 span { padding:3px 0 0; display:block; font-weight:700; margin-bottom:-2px;} #pageFriends h2 img { width:42px; margin-left:5px; transform: translate(0%, -5px) rotate(15deg);} #pageFriends .borderBox { padding:9% 4% 6%; margin-bottom:5%;} #pageFriends .topTxt2Wrap { margin-bottom:10%; } #pageFriends .stepList { margin-bottom:10%; padding:2%;} #pageFriends .stepList li { width:42%; height:42%; margin-right:0; margin-bottom:1%; } #pageFriends .stepList li:before { border-width: 7px 0 7px 12px; right:-10%; } #pageFriends .stepList li:nth-child(3):before,#pageFriends .stepList li:nth-child(4):before { right:auto; left:-9.5%; content:""; transform: translate(-50%, -50%); } #pageFriends .stepList li:nth-child(1),#pageFriends .stepList li:nth-child(2) { margin-right:8%;} #pageFriends .stepList li:nth-child(3),#pageFriends .stepList li:nth-child(4) { margin-left:8%;} #pageFriends .stepList li:nth-child(2):before { content:none;} #pageFriends .borderBox h3 { padding-left:12px; margin-bottom:4%;} #pageFriends .borderBox2 { margin-bottom:10%; padding:18px 10px 15px;} #pageFriends .borderBox2 .tel { font-size:3.0rem; } #pageFriends .imgBox strong { font-size:2.8rem; vertical-align:middle;} #pageFriends .imgBox p img { margin-left:0; vertical-align:middle;} #pageFriends .imgBox p span { display:block;} #pageFriends .bottomDL { padding-left:0px;} #pageFriends .bottomDL dt { font-size:1.2rem; margin-bottom:5px;} #pageFriends .bottomDL dd { font-size:1.1rem; letter-spacing:0.3px;} } /* *********************************************** ▼ 定期便のご案内 /*********************************************** */ #pageTeiki h1 { font-size:0; letter-spacing:0; text-align:center; width:100%; max-width:570px; margin:25px auto 26px;} #pageTeiki .topTxt { font-size:1.4rem; text-align:center; line-height:1.6; font-weight:500; margin-bottom:16px;} #pageTeiki .topTxt img { display:inline-block; padding:13px 0 16px; width:100%; max-width:424px;} #pageTeiki #tokutenList { font-size:0; letter-spacing:0; padding:20px 0 10px;} #pageTeiki #tokutenList li { display:inline-block; position:relative; vertical-align:top; z-index:0; width:49%; margin:0 2% 2% 0;} #pageTeiki #tokutenList li:nth-child(2n) { margin-right:0;} #pageTeiki #tokutenList li span { display:block; position:absolute; width:25%; left:0; top:0; transform: translate(-6%, -20%);} #pageTeiki #numList { font-size:1.2rem;} #pageTeiki #numList li { margin-bottom:3px;} #pageTeiki #numList .num { display:block; width:2.3em; float:left;} #pageTeiki #numList .txt { display:block; overflow:auto; overflow-y:hidden; line-height:1.5;} #pageTeiki .borderBox { border-top:#DCD9CB 3px solid; margin-top:28px; padding-left:5px;} #pageTeiki .borderBox dt { font-size:1.6rem; font-weight:500; margin:2em 0 0.6em;} #pageTeiki .borderBox dt strong { color:#F07B00; font-weight:bold;} #pageTeiki .borderBox dt:before { content:""; display:inline-block; width:8px; height:8px; background:#7ABF7D; border-radius:50%; margin-right:5px; line-height:0; transform: translate(0%, -20%);} #pageTeiki .borderBox dd { font-size:1.3rem; line-height:1.5;} #pageTeiki .telBox { border:#E0DDD0 4px solid; background:#fff; border-radius:4px; padding:19px 10px 15px; text-align:center; margin-top:38px;} #pageTeiki .telBox .topTxt2 { font-size:1.4rem; margin-bottom:0.2em; font-weight:500;} #pageTeiki .telBox .tel img { width:30px; vertical-align:middle; display:inline-block; margin-right:6px;} #pageTeiki .telBox .tel strong,#pageTeiki .telBox .tel a { vertical-align:middle; color:#66B368; font-size:3.4rem; font-family: 'Fira Sans', 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold; line-height:1.0; text-decoration:none;} #pageTeiki .telBox .time { font-size:1.2rem; margin-top:0.3em;} @media screen and ( max-width:640px ){ #pageTeiki h1 { margin:1% auto 5%;} #pageTeiki .topTxt { text-align:left; font-size:1.3rem;} #pageTeiki #tokutenList { padding:2% 0; max-width:400px; margin:0 auto;} #pageTeiki #tokutenList li { width:100%; margin:0 0 4% 0;} #pageTeiki #numList { font-size:1.1rem;} #pageTeiki .borderBox { margin-top:6%; padding-left:0;} #pageTeiki .borderBox dt { font-size:1.5rem; margin:1.4em 0 0.5em;} #pageTeiki .telBox { border:#E0DDD0 3px solid; padding:16px 6px 13px; margin-top:6%;} #pageTeiki .telBox .topTxt2 { font-size:1.3rem; margin-bottom:0.2em;} #pageTeiki .telBox .tel img { width:26px;} #pageTeiki .telBox .tel strong,#pageTeiki .telBox .tel a { font-size:3.2rem; } } /* *********************************************** ▼ 会社案内 /*********************************************** */ .LC_Page_Abouts .pageTab { font-size:0; letter-spacing:0; text-align:center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} .LC_Page_Abouts .pageTab li { display:inline-block; margin:0 0.8% 5px 0; -webkit-flex-grow: 1; flex-grow: 1;} .LC_Page_Abouts .pageTab li:nth-child(4) { margin-right:0;} .LC_Page_Abouts .pageTab li a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background:#7ABF7D; color:#fff; font-size:1.3rem; font-weight:500; position:relative; text-decoration:none; border-radius:4px; padding:0 1.4em 0 0.9em; height:3.0em; letter-spacing:1px; line-height:1.0;} .LC_Page_Abouts .pageTab li a:after { content: '\e808'; font-family: "iconfonts"; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; text-transform: none; line-height: 1em !important; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:5px; top:50%; transform: translate(0%, -50%);} .pc.LC_Page_Abouts .pageTab li a:hover { background:#99D49C;} .LC_Page_Abouts .h2Wrap { text-align:center; margin:60px auto 38px;} .LC_Page_Abouts .h2Wrap#message { margin-top:50px;} .LC_Page_Abouts #main_column h2 { display:inline-block; padding:25px 50px 16px; min-width:270px; z-index:0; position:relative; border:#A2D3A1 1px solid;} .LC_Page_Abouts #main_column h2 strong { display:block; color:#69AD6B; font-size:2.2rem; font-weight:bold; line-height:1.0; margin-bottom:-2px; position:relative; z-index:100;} .LC_Page_Abouts #main_column h2 span { color:#CCA02D; font-size:1.2rem; font-weight:500; line-height:1.0; position:relative; z-index:100; letter-spacing:0.5px;} .LC_Page_Abouts #main_column h2:before { content:""; width:86%; height:110%; background:#FAF8ED; position:absolute; left:50%; top:50%; z-index:0; transform: translate(-50%, -50%);} .LC_Page_Abouts .bgWrap { position:relative; z-index:-10;} .LC_Page_Abouts .catchTxt { text-align:center; color:#EE87B4; font-size:2.0rem; font-weight:bold; line-height:1.4; margin-bottom:24px; position:relative; z-index:100;} .LC_Page_Abouts .bgWrap .img { width:65%; position:absolute; left:0; top:50%; transform: translate(-12%, -53%); z-index:0;} .LC_Page_Abouts .bgWrap .txt { font-size:1.3rem; line-height:1.8; width:66%; margin:0 0 0 auto; position:relative; z-index:100;} .LC_Page_Abouts .bgWrap .name { width:200px; display:block; margin:23px 0 0 auto;} .LC_Page_Abouts .promiseTxt { text-align:center; font-size:1.6rem; letter-spacing:1px;} .LC_Page_Abouts #promiseList { width:108%; position:relative; left:50%; transform: translate(-50%, 0); font-size:0; letter-spacing:0; padding-top:20px; margin-bottom:-20px;} .LC_Page_Abouts #promiseList li { width:40%; display:block; position:relative;} .LC_Page_Abouts #promiseList li:nth-child(1) { float:left; margin-bottom:-15%; left:3%;} .LC_Page_Abouts #promiseList li:nth-child(2) { float:right; margin-bottom:-15%; right:3%;} .LC_Page_Abouts #promiseList li:nth-child(3) { clear:both; left:50%; transform: translate(-50%, 0); margin-bottom:-15%;} .LC_Page_Abouts #promiseList li:nth-child(4) { float:left; left:3%;} .LC_Page_Abouts #promiseList li:nth-child(5) { float:right; right:3%;} .LC_Page_Abouts #promiseList li:nth-child(2) span { display:inline-block; width:36%; position:absolute; right:0; bottom:0; transform: translate(-25%, -16%); z-index:100;} .LC_Page_Abouts .qualityBox { font-size:1.3rem; margin-bottom:-30px;} .LC_Page_Abouts .qualityBox p { line-height:1.8; position:relative; z-index:10;} .LC_Page_Abouts .qualityBox img { position:relative; z-index:0;} .LC_Page_Abouts .qualityBox .img01 { width:204px; float:right; margin:-30px -30px -30px -20px;} .LC_Page_Abouts .qualityBox .img02 { width:294px; float:left; margin:-25px 14px -14px -14px;} .LC_Page_Abouts .qualityBox .img03 { width:302px; float:right; margin:-60px -30px -14px -26px;} .LC_Page_Abouts .qualityBox p:nth-of-type(2) { padding-top:18px;} .LC_Page_Abouts #outlineTbl { padding-bottom:20px;} .LC_Page_Abouts #outlineTbl dl { border-bottom:#C7C2B3 1px solid; margin-bottom:4px; font-size:1.3rem; display: -webkit-flex; display: flex;} .LC_Page_Abouts #outlineTbl dt { width:25%; background:#EBE9DF; line-height:1.0; letter-spacing:1px; text-align:center;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} .LC_Page_Abouts #outlineTbl dd { width:75%; line-height:1.4; padding:1em 0.5em 1em 1.5em; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;} .LC_Page_Abouts #outlineTbl dd p { width:100%; line-height:1.4; margin-bottom:0.2em;} @media screen and ( max-width:1000px ){ .LC_Page_Abouts #promiseList { width:114%;} } @media screen and ( max-width:900px ){ .LC_Page_Abouts .h2Wrap { margin-top:6%;} .LC_Page_Abouts #promiseList { width:104%;} .LC_Page_Abouts .pageTab li a { font-size:1.2rem; padding:0 1.4em 0 0.9em; letter-spacing:0.3px;} } @media screen and ( max-width:700px ){ .LC_Page_Abouts .h2Wrap { margin-top:7%; margin-bottom:6%;} .LC_Page_Abouts #main_column h2 { padding:20px 35px 12px; min-width:240px;} .LC_Page_Abouts .catchTxt { width:100%; text-align:left; font-size:1.9rem; margin:0 0 20px;} .LC_Page_Abouts .bgWrap .img { position:relative; float:left; width:65%; top:0; transform: translate(-12%, -6%); margin:0 -30% -4% 0;} .LC_Page_Abouts .bgWrap .txt { line-height:1.7; width:100%;} .LC_Page_Abouts #promiseList { width:110%;} .LC_Page_Abouts .qualityBox { margin-bottom:-10px;} .LC_Page_Abouts #outlineTbl { padding-bottom:10px;} } @media screen and ( max-width:500px ){ .LC_Page_Abouts .h2Wrap { margin-top:13%; margin-bottom:9%;} .LC_Page_Abouts #main_column h2 { padding:16px 15px 10px; min-width:210px;} .LC_Page_Abouts #main_column h2 strong { font-size:1.9rem; margin-bottom:-2px;} .LC_Page_Abouts #main_column h2 span { font-size:1.1rem;} .LC_Page_Abouts .pageTab li { margin:0 0.8% 3px 0;} .LC_Page_Abouts .pageTab li a { font-size:1.2rem; } .LC_Page_Abouts .catchTxt { font-size:1.8rem; margin:0 0 16px;} .LC_Page_Abouts .bgWrap .img { width:110%; transform: translate(-16%, -10%); margin:0 -64% -8% 0;} .LC_Page_Abouts .bgWrap .name { margin:15px 0 0 auto;} .LC_Page_Abouts .promiseTxt { font-size:1.5rem; line-height:1.4; letter-spacing:1px;} .LC_Page_Abouts #promiseList { padding-top:7%;} .LC_Page_Abouts .qualityBox { margin-bottom:0px;} .LC_Page_Abouts .qualityBox .img01 { width:180px; margin:-30px -30px -30px -20px;} .LC_Page_Abouts .qualityBox .img02 { width:294px; float:none; margin:-25px auto -44px; display:block;} .LC_Page_Abouts .qualityBox .img03 { width:302px; float:none; margin:-34px auto -24px; display:block;} .LC_Page_Abouts .qualityBox p:nth-of-type(2) { padding-top:18px;} .LC_Page_Abouts #outlineTbl dt { font-size:1.1rem; letter-spacing:0.4px;} .LC_Page_Abouts #outlineTbl dd { padding:0.9em 0.5em 0.9em 0.7em;} } @media screen and ( max-width:400px ){ .LC_Page_Abouts #promiseList { padding-top:5%;} .LC_Page_Abouts #promiseList li { width:90%; margin:0 auto !important; float:none !important; left:auto !important; right:auto !important; transform:none !important; } .LC_Page_Abouts #promiseList li:nth-child(2) { margin:5% auto -7% !important;} .LC_Page_Abouts #promiseList li:nth-child(4) { margin:1% auto -10% !important;} } /* *********************************************** ▼ ご利用ガイド /*********************************************** */ #pageGuide .h2WrapBox { padding:20px 0 40px;} #pageGuide #orderH2Wrap { padding-top:0;} #pageGuide h2 { font-size:2.2rem; font-weight:bold; color:#5DAD60; margin:0 0 22px;} #pageGuide h2:before { content:""; display:inline-block; vertical-align:-0.25em; width:36px; padding-top:34px; margin-right:4px; background:url(../img/guide/maiserina.png) no-repeat center center; background-size:contain;} #pageGuide h3 { font-size:1.7rem; font-weight:500; margin:38px 3px 14px;} #pageGuide h3 strong { display:inline-block; margin:0 2px;} #pageGuide h3:before { content:""; width:9px; height:9px; display:inline-block; vertical-align:0.15em; background:#7ABF7D; border-radius:50%; margin-right:4px;} #pageGuide h3 .ttlImg { display:inline-block; margin-left:18px; height:16px; vertical-align:top; line-height:1.0; font-size:0; padding-top:3px;} #pageGuide h3 .ttlImg img { height:16px; width:auto;} #pageGuide .h3Box { margin-left:15px;} #pageGuide p { line-height:1.7;} #pageGuide p .tesuryo { font-size:1.4rem; font-weight:500; display:inline-block; margin-top:8px;} #pageGuide p .tesuryo strong { font-size:1.6rem;} #pageGuide ul.dotList { margin-top:10px; padding-left:3px;} #pageGuide ul.dotList li { line-height:1.5; margin-bottom:6px; padding-left:1.0em; position:relative;} #pageGuide ul.dotList li:before { content:""; width:4px; height:4px; display:inline-block; margin-right:-4px; background:#261F1D; border-radius:50%; transform: translate(-200%, -50%);} #pageGuide h4 { font-size:1.4rem; font-weight:bold; margin: 22px 0 6px;} #pageGuide .h3Box li span.mini { font-weight:normal;} #pageGuide .kome { padding-left:1em; text-indent:-1em; margin-top:5px; font-size:1.2rem; line-height:1.5;} #pageGuide #webFlow div { border:#C7C2B3 1px solid; background:#fff; border-radius:4px; padding:0.8em 1em; font-size:1.3rem; font-weight:500; position:relative; margin-bottom:22px;} #pageGuide #webFlow div:after { content:""; display:block; width: 0;height: 0;border-style: solid;border-width: 9px 6px 0 6px;border-color: #7ABF7D transparent transparent transparent; position:absolute; left:50%; bottom:-12px;transform: translate(-50%, 50%);} #pageGuide #webFlow div:last-of-type:after { content:none;} #pageGuide #webFlow div p { margin-top:0.9em; font-size:1.2rem; text-indent:-1em; padding-left:1em;} #pageGuide .borderBox { border:#E0DDD0 4px solid; border-radius:4px; background:#fff; padding:18px 10px 14px; text-align:center; margin:8px 0 0;} #pageGuide .borderBox .txt { font-size:1.4rem; font-weight:500; line-height:1.0;} #pageGuide .tel, #pageFAQ .borderBox .tel { font-size:3.4rem; font-family: 'Fira Sans', 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color:#66B368; font-weight:bold; letter-spacing:1px; line-height:1.0; text-align:center;} #pageGuide .tel img, #pageFAQ .borderBox .tel img { vertical-align:middle; width:30px; display:inline-block; margin-right:7px;} #pageGuide .tel *, #pageFAQ .borderBox .tel *{ line-height:1.0;} #pageGuide .tel a, #pageFAQ .borderBox .tel a { color:#66B368; font-weight:bold; text-decoration:none;} #pageGuide .borderBox .txt { margin-bottom:7px;} #pageGuide .borderBox .time, #pageFAQ .borderBox .time { font-size:1.2rem; margin-top:2px;} #pageGuide .tel.komeTel { font-size:2.2rem; text-align:left; padding:3px 0 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; text-indent:0;} #pageGuide .tel.komeTel img { width:20px; margin-right:3px;} #pageGuide .tel.komeTel .telLink { display:inline-block; margin-right:3px;} #pageGuide .tel.komeTel .time { font-size:1.2rem; margin-top:2px; font-weight:normal; color:#261F1D;} #pageGuide .borderBox2 { border:#C7C2B3 1px solid; border-radius:4px; background:#fff; padding:1em; margin:5px 0 0;} #pageGuide .borderBox2#soryoBB2 { display:inline-block;} #pageGuide .borderBox2.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center;} #pageGuide .borderBox2.flex2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} #pageGuide .borderBox2 .soryo:before { content:""; width:22px; height:1px; border-top:#261F1D 1px dotted; display:inline-block; vertical-align:middle; opacity:0.4; margin:0 5px;} #pageGuide .borderBox2 .tel, #pageFAQ .borderBox .flexInner .tel { clear:both; font-size:2.8rem;} #pageGuide .borderBox2 .tel strong, #pageGuide .borderBox2 .tel a, #pageFAQ .borderBox .flexInner .tel a, #pageFAQ .borderBox .flexInner .tel strong { display:inline-block; vertical-align:middle; margin-right:14px;} #pageGuide .borderBox2 .time, #pageFAQ .borderBox .time { font-size:1.1rem; display:inline-block; vertical-align:middle; white-space:nowrap; font-weight:normal; color:#261F1D;} #pageFAQ .borderBox .time .mini2 { font-size:1.1rem;} #pageGuide .borderBox2 .hensousaki { display:inline-block; float:left; width:9.5em; padding-top:10px; text-align:center;} #pageGuide .borderBox2 .hensousakiDiv { overflow:auto; overflow-y:hidden; font-size:1.4rem; line-height:1.5; padding-top:10px;} #pageGuide .borderBox2 .customer { display:inline-block; float:left; width:11em;} #pageGuide .borderBox2 .customerTel { overflow:auto; overflow-y:hidden; clear:none !important;} #pageGuide .borderBox2 .flexInner, #pageFAQ .borderBox .flexInner { display: -webkit-flex; display: flex; /*-webkit-flex-wrap: wrap; flex-wrap: wrap;*/ -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; padding-top:8px;} #pageGuide .borderBox2 .flexInner .leftBox, #pageFAQ .borderBox .flexInner .leftBox { padding-right:20px; text-align:center;} #pageGuide .borderBox2 .flexInner .leftBox .otherTel, #pageFAQ .borderBox .flexInner .otherTel { border-bottom:#C7C2B3 1px solid; padding-bottom:5px; margin-bottom:5px;} #pageGuide .borderBox2 .flexInner .leftBox .otherFax strong.txt, #pageFAQ .borderBox .flexInner .leftBox .otherFax strong.txt { font-size:1.2rem; color:#261F1D;} #pageGuide .borderBox2 .flexInner .leftBox .otherFax.tel, #pageFAQ .borderBox .flexInner .leftBox .otherFax.tel { font-size:2.6rem;} #pageGuide .borderBox2 .flexInner .leftBox .otherFax.tel img, #pageFAQ .borderBox .flexInner .leftBox .otherFax.tel img { width:24px;} #pageGuide .borderBox2 .flexInner .btnP a, #pageFAQ .borderBox .flexInner .btnP a{ padding: 1em 2em 1em 2.1em; max-width:none;} #pageGuide .borderBox2 .flexInner .btnP a i, #pageFAQ .borderBox .flexInner .btnP a i { margin-right:5px;} #pageGuide p.logoP { border:#C7C2B3 1px solid; border-radius:3px; background:#fff; padding:0.5em 1em; line-height:1.0; display:inline-block;} #pageGuide #delivList { font-size:0; letter-spacing:0; padding:0; margin:15px 0 26px;} #pageGuide #delivList li { display:inline-block; vertical-align:top; width:18%; max-width:100px; margin-right:2.5%; text-align:center; font-size:1.2rem; font-weight:bold; padding:0;} #pageGuide #delivList li:before { content:none;} #pageGuide #delivList li:nth-child(5) { margin-right:0;} #pageGuide #delivList li img { display:block; margin-bottom:5px;} #pageGuide #delivList li span { font-size:1.1rem; display:block;} #pageGuide .strongList { margin:1em 0 1.5em; font-size:1.4rem; font-weight:bold;} #pageGuide .strongList li { margin-bottom:6px; padding-left:10px;} #pageGuide .strongList li:before { content:""; width:7px; height:7px; display:inline-block; vertical-align:0.15em; background:#7ABF7D; border-radius:50%; margin-right:4px; margin-left:-10px;} #pageGuide .numList { padding-left:5px; padding-top:3px;} #pageGuide .numList li { font-size:1.2rem; margin-bottom:6px; text-align:left;} #pageGuide .numList li span.num { display:block; width:1.6em; float:left; line-height:1.5;} #pageGuide .numList li p { display:block; overflow:auto; overflow-y:hidden; line-height:1.5;} #pageGuide .borderBox#onlineMember { margin-top:25px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} #pageGuide .borderBox#onlineMember .txt { font-size:1.8rem; font-weight:bold; color:#F87777; margin:0.2em 0 0.8em;} #pageGuide .borderBox#onlineMember .numList li { font-size:1.5rem; margin-bottom:4px;} #pageGuide .borderBox#onlineMember .numList li span.num { width:1.8em; font-weight:bold;} @media screen and ( max-width:550px ){ #pageGuide .h2WrapBox { padding:3% 0 5%;} #pageGuide h2 { font-size:1.9rem; margin:0 0 4%;} #pageGuide h2:before { vertical-align:-0.25em; width:32px; padding-top:34px; margin-right:4px; background:url(../img/guide/maiserina.png) no-repeat center center; background-size:contain;} #pageGuide h3 { font-size:1.6rem; margin:7% 0 3%;} #pageGuide .h3Box { margin-left:0px;} #pageGuide h3 .ttlImg { display:block; margin-left:0; height:16px; padding:7px 0 3px 14px;} #pageGuide p { line-height:1.6;} #pageGuide .borderBox2 .flexInner, #pageFAQ .borderBox .flexInner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; padding-top:8px;} #pageGuide .borderBox2 .flexInner .leftBox, #pageFAQ .borderBox .flexInner .leftBox { padding-right:0; margin-bottom:20px;} #pageGuide .borderBox2 .flexInner .btnP a, #pageFAQ .borderBox .flexInner .btnP a { padding: 1em 1.2em 1em 1.2em;} #pageGuide .borderBox#onlineMember { margin-top:4%; } #pageGuide .borderBox2 .hensousaki { padding-top:4px;} #pageGuide .borderBox2 .tel strong,#pageGuide .borderBox2 .tel a, #pageFAQ .borderBox .flexInner .tel strong, #pageFAQ .borderBox .flexInner .tel a { margin-right:0px;} #pageGuide .borderBox2 .time, #pageFAQ .borderBox .time { display:block; margin-top:5px;} #pageGuide .borderBox2 .flexInner .leftBox .otherTel, #pageFAQ .borderBox .flexInner .leftBox .otherTel { padding-bottom:9px; margin-bottom:7px;} #pageGuide .borderBox2 .flexInner .leftBox .otherFax .txt, #pageFAQ .borderBox .flexInner .leftBox .otherFax .txt { padding:0 10px;} #pageGuide .borderBox2#soryoBB2 { display:block;} #pageGuide .borderBox2 .soryoPriceWrap { display:block; text-align:right;} #pageGuide .borderBox2 .soryoPrice { display:inline-block; white-space:nowrap;} #pageGuide .borderBox2 .nnBr { display:none;} #pageGuide .borderBox .txt, #pageFAQ .borderBox .txt { font-size:1.3rem; margin-bottom:5px;} #pageGuide .borderBox .time, #pageFAQ .borderBox .time { margin-top:3px; font-size:1.0rem;} #pageFAQ .borderBox .time .mini2 { font-size:0.9rem;} #pageGuide .tel, #pageFAQ .borderBox .tel { font-size:3.1rem;} #pageGuide #delivList li span { font-size:0.9rem; font-weight:normal; padding-top:2px;} #pageGuide .borderBox#onlineMember .numList li { font-size:1.4rem; margin-bottom:3px; line-height:1.4;} #pageGuide .borderBox#onlineMember .numList li span.num { width:1.6em;} #pageGuide .tel.komeTel .time { font-size:1.1rem; margin-top:2px;} } #fixPageNav { background:#79C27B; position:fixed; left:0; bottom:-100px; z-index:500 !important; color:#fff; width:100%; padding:10px 4px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} #fixPageNav ul { font-size:0; letter-spacing:0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} #fixPageNav li { display:inline-block; font-size:1.2rem; font-weight:700; min-width:11em; margin:2px 2px;} #fixPageNav li a { display:block; color:#261F1D; text-decoration:none; padding:0.85em; line-height:1.0; border:#FAF8ED 1px solid; background:#FAF8ED; border-radius:3px; white-space:nowrap; letter-spacing:0.4px; text-align:center;} #fixPageNav li a.current, .pc #fixPageNav li a:hover { color:#F56C2C;} @media screen and ( max-width:1280px ){ body:not(.sp) #fixPageNav li { min-width:23.4%;} } @media screen and ( max-width:880px ){ body:not(.sp) #fixPageNav { padding:0;} body:not(.sp) #fixPageNav ul { -webkit-justify-content: space-between; justify-content: space-between; margin:0 -1px -1px 0; overflow:hidden; border-top:#C7C2B3 1px solid;} body:not(.sp) #fixPageNav li { display:block; margin:0; font-size:1.1rem; -webkit-flex-grow: 1; flex-grow: 1;} body:not(.sp) #fixPageNav li a { border-radius:0; border-left:0; border-top:0; padding:1.0em 0.5em 0.9em; border-color:#C5DDBB; color:#fff; background:#79C27B;} body:not(.sp) #fixPageNav li a.current, .pc #fixPageNav li a:hover { color:#fff; background:#F56C2C;} } @media screen and ( max-width:500px ){ body:not(.sp) #fixPageNav li { font-size:1.0rem;} } @media screen and ( max-width:900px ){ .sp #fixPageNav { width:100vw; position:relative; left:50%; transform: translate(-50%, 0); bottom:auto; background:none; padding:0; margin:-10px 0 28px;} .sp #fixPageNav li { margin:1px; width:24%;} .sp #fixPageNav li a { background:#7ABF7D; border:none; padding:0.8em 0.6em; color:#fff; font-weight:500;} } @media screen and ( max-width:800px ){ .sp #fixPageNav li { width:32%;} } @media screen and ( max-width:600px ){ .sp #fixPageNav { margin:-4px 0 8%;} .sp #fixPageNav li { font-size:1.1rem; margin:1px; width:51%;} .sp #fixPageNav li:nth-child(2n) { width:46%;} .sp #fixPageNav li a { letter-spacing:0.2px;} } /* *********************************************** ▼ よくある質問 /*********************************************** */ #pageFAQ .pageTab { font-size:0; letter-spacing:0; text-align:center;} #pageFAQ .pageTab li { display:inline-block; width:24.4%; margin-right:0.8%;} #pageFAQ .pageTab li:nth-child(4) { margin-right:0;} #pageFAQ .pageTab li a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background:#7ABF7D; color:#fff; font-size:1.3rem; font-weight:500; position:relative; text-decoration:none; border-radius:4px; padding:0 1.5em 0 1.0em; height:3.0em; letter-spacing:1px; line-height:1.0;} #pageFAQ .pageTab li a:after { content: '\e808'; font-family: "iconfonts"; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; text-transform: none; line-height: 1em !important; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:5px; top:50%; transform: translate(0%, -50%);} #pageFAQ .pageTab li a:hover { background:#99D49C;} @media screen and ( max-width:700px ){ #pageFAQ .pageTab li a { font-size:1.2rem; letter-spacing:0.6px;} } @media screen and ( max-width:600px ){ #pageFAQ .pageTab { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;} #pageFAQ .pageTab li { width:auto; -webkit-flex-grow: 1; flex-grow: 1;} } @media screen and ( max-width:500px ){ #pageFAQ .pageTab li { width:49.6%; margin-bottom:3px; } #pageFAQ .pageTab li:nth-child(2n) { margin-right:0;} #pageFAQ .pageTab li a { font-size:1.1rem; letter-spacing:0.4px;} } #pageFAQ .h2WrapBox { padding:20px 0 15px;} #pageFAQ #aOrder { padding-top:40px;} #pageFAQ h2 { font-size:2.2rem; font-weight:bold; color:#5DAD60; margin:0 0 26px;} #pageFAQ .faqWrapBox { border:#C7C2B3 1px solid; border-radius:4px; background:#fff; padding:2px; margin-bottom:20px;} #pageFAQ .faqWrapBox .qBox { font-size:1.5rem; font-weight:bold; position:relative; padding:1em 50px; cursor:pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} .pc #pageFAQ .faqWrapBox .qBox:hover { color:#7ABF7D;} #pageFAQ .faqWrapBox .qBox:before { content:"Q"; color:#7ABF7D; font-size:2.7rem; font-weight:bold; position:absolute; left:12px; top:5px; width:1em; text-align:center; letter-spacing:0;} #pageFAQ .faqWrapBox .qBox .fugo { position:absolute; right:6px; top:6px; width:36px; height:36px; border-radius:3px; background:#7ABF7D; color:#fff; font-size:1.8rem; letter-spacing:0; font-weight:bold; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} .pc #pageFAQ .faqWrapBox .qBox:hover .fugo { background:#9AD99D;} #pageFAQ .anserBox { background:#E4F4E5; border-top:#C6D1BC 1px solid; padding:12px; display:none;} #pageFAQ .anserBox .answer { font-size:1.4rem; line-height:1.6; position:relative; padding:0.5em 0 0.3em 38px; } #pageFAQ .anserBox .answer:before { content:"A"; color:#FF9C33; font-size:2.7rem; font-weight:bold; position:absolute; left:0; top:-5px; width:1em; text-align:center; letter-spacing:0;} #pageFAQ .anserBox .borderBox { border:#C7C2B3 1px solid; border-radius:4px; background:#fff; padding:14px; margin:15px 0 0;} #pageFAQ .anserBox .answer ul { margin:1.3em 0;} #pageFAQ .anserBox .answer ul.mNon { margin-bottom:0;} #pageFAQ .anserBox .answer ul li { padding-left:1em; line-height:1.5; margin-bottom:5px;} #pageFAQ .anserBox .answer ul li:before { content:""; width:3px; height:3px; font-size:0; letter-spacing:0; background:#261F1D; display:inline-block; vertical-align:middle; border-radius:50%; position:relative; margin-left:-3px; transform: translate(-150%, -50%);} @media screen and ( max-width:500px ){ #pageFAQ .h2WrapBox { padding:4% 0 4%;} #pageFAQ #aOrder { padding-top:9%;} #pageFAQ h2 { font-size:2.1rem; margin:0 0 5%;} #pageFAQ .faqWrapBox { margin-bottom:4%;} #pageFAQ .faqWrapBox .qBox { font-size:1.4rem; padding:1em 46px 1em 33px; } #pageFAQ .faqWrapBox .qBox:before { font-size:2.5rem; font-weight:500; left:3px; top:5px;} #pageFAQ .faqWrapBox .qBox .fugo { right:6px; top:6px; width:34px; height:34px; font-size:1.7rem;} #pageFAQ .anserBox { padding:10px 7px 10px 7px;} #pageFAQ .anserBox .answer { font-size:1.3rem; padding:0.5em 0 0.3em 26px; } #pageFAQ .anserBox .answer:before { font-size:2.5rem; font-weight:500; left:-4px; top:-3px;} } /* *********************************************** ▼ プライバシーポリシー /*********************************************** */ #pagePolicy h1.title { letter-spacing:1px;} #pagePolicy .topTxt { line-height:1.8;} #pagePolicy h2 { font-size:1.9rem; font-weight:bold; color:#3B271F; padding:20px 0 10px; letter-spacing:1px;} #pagePolicy h2.policyH2 { padding-top:10px;} #pagePolicy h3 { font-size:1.4rem; font-weight:bold; padding:24px 0 6px;} #pagePolicy h3 .num { width:2em; display:block; vertical-align:top; float:left; } #pagePolicy h3 .txt { display:block; vertical-align:top; overflow:auto; overflow-y:hidden;} #pagePolicy .h3Box { line-height:1.7;} #pagePolicy .boxInner { padding:1.2em 1em 0;} #pagePolicy .boxInner .ttl { font-weight:bold; margin-bottom:0.6em;} #pagePolicy .ttl2 { font-size:1.4rem; display:block; } #pagePolicy img.telImg { width:26px; vertical-align:middle; margin-right:5px;} #pagePolicy .telLink { font-size:2.5rem; font-weight:bold; vertical-align:middle; letter-spacing:1px;} #pagePolicy a.telLink,#pagePolicy strong.telLink { color:#66B368; text-decoration:none; font-family:'Fira Sans', 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;} #pagePolicy .time { vertical-align:middle; font-size:1.2rem; line-height:1.0; white-space:nowrap; display:inline-block;} #pagePolicy .seiteiTxt { padding:30px 0 30px; text-align:right; line-height:1.6;} #pagePolicy .seiteiTxt .name { line-height:1.5; margin-top:0.4em;} #pagePolicy .seiteiTxt strong { font-size:1.5rem; white-space:nowrap;} #pagePolicy .numP { padding:0.3em; } #pagePolicy .numP .num { width:2em; display:block; vertical-align:top; float:left; } #pagePolicy .numP .txt { display:block; vertical-align:top; overflow:auto; overflow-y:hidden;} #pagePolicy .numList { padding:0.8em 0 0.2em 0.5em;} #pagePolicy .numList li { margin-bottom:6px; line-height:1.4;} /*#pagePolicy .numList li span { display:block;}*/ #pagePolicy .numList li .num { width:1.6em; display:block; vertical-align:top; float:left;} #pagePolicy .numList li .txt { display:block; vertical-align:top; overflow:auto; overflow-y:hidden;} #pagePolicy .numList li .telBox { display:inline-block; padding-top:0.6em;} #pagePolicy .mailTxt { font-size:1.4rem; white-space:nowrap; display:block; margin-top:-8px; padding-bottom:6px;} #pagePolicy .mailTxt i { color:#66B368; font-size:1.8rem; vertical-align:bottom; margin-right:2px;} @media screen and ( max-width:500px ){ #pagePolicy h2 { font-size:1.7rem; padding:8% 0 3%;} #pagePolicy h3 { font-size:1.3rem; padding:6% 0 3%;} #pagePolicy .h3Box { line-height:1.6; font-size:1.2rem;} #pagePolicy .numList li { font-size:1.2rem;} #pagePolicy .numList li .telBox { padding-top:0.8em;} #pagePolicy .ttl2 { font-size:1.3rem; } #pagePolicy .boxInner { padding:1.2em 1em 0.4em;} #pagePolicy .seiteiTxt { padding:8% 0; font-size:1.2rem; line-height:1.5;} #pagePolicy .seiteiTxt .name strong { font-size:1.4rem; display:block;} #pagePolicy .mailTxt { margin-top:0px; padding-bottom:6px;} }