@charset "utf-8";
/*
Theme Name: 葉山家具
Description: 店舗お客様用端末システム用スタイル
Version: 1.0
License: (C)HAYAMA GARDEN All Rights Reserved.
License URI: https://hayamagarden.co.jp/
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-size:100%;vertical-align:baseline;font-weight: 400;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

.sni{background: #FFF; color: #FF0000; padding: 16px;margin-bottom: 16px;line-height: 1.6;border: 3px double #FF0000;}

/* *********************************
/* 001:BASIC
*********************************** */
html{height:100%;font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 400;}
body{margin:0 auto;text-align:center;font-size:16px;color:#4B4B4B;padding:0;background: #647893; line-height: 1;-webkit-text-size-adjust: 100%;}
body.staff{background: #435163;}
input,textarea,select{font-family: "Zen Kaku Gothic New", sans-serif;color:#4B4B4B;font-weight: 400; font-size: 16px;-webkit-appearance: none; appearance: none;}
input[type="radio"],input[type="checkbox"]{position: relative;top: 2px;margin-right: 8px;}
input[type="checkbox"]{all: revert;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
input[type="date"],input[type="time"]{appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 2.6em;}
input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align: left;}
input[type="text"],input[type="date"],input[type="password"],input[type="time"],input[type="number"],
select,textarea{border: 1px solid #CCC; background: #FFF;box-shadow: none;transition: all 0.5s;}
label{cursor: pointer; margin-right: 1em; display: inline-block;}
label:hover{color:#99AABC;}
input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,
select:focus,textarea:focus{border: 1px solid #99AABC;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
strong{font-weight:normal;}
em{color:#F86C6B;font-style:normal; font-weight: bold;}
svg{fill: currentColor;}
a{text-decoration: none;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
.error{color:#FFF;}
select::-ms-expand {display: block;}
select{-moz-appearance: menulist;-webkit-appearance: menulist;}
input[type="radio"]{appearance: revert;}
::placeholder{color: #CCC; font-size: 13px;}
select.readonly {background: #EEE;}
input:read-only {background: #EEE;}
textarea:read-only {background: #EEE;}

/* *********************************
/* 002:COMMON
*********************************** */
#main {width: 96%;margin: 0 auto;max-width: 1080px;padding: 24px 0 48px;}
#main .logo{margin:0 auto 32px; width: 100%; max-width: 72px;}
#main .logo img{width: 100%;height: auto;}
#main .box01{margin-bottom: 24px;}
#main .box02{background: #FFF; padding-top: 24px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0px 0px 4px 0 rgba(0,0,0,0.1); margin-bottom: 24px;}
#main .boxInner{padding: 8px 8px 16px;}
#main .nav01{margin-bottom: 32px;}
#main .nav01 li{margin-bottom: 16px;}
#main .nav01 li:last-child{margin-bottom: 0;}
#main .nav01 li a{border: 1px solid #C1CBD7;background: #B0BCCA; color: #FFF;display: block; padding: 32px 8px;}
#main .nav01 li a:hover{background: #C2CBD6;}
#main .ttl01{color: #FFF; margin-bottom: 16px;line-height: 1.8;font-size: 20px;text-align: center; padding-bottom: 8px;border-bottom: 3px double #C1CBD7;}
#main .txt01{color: #FFF; margin-bottom: 16px;line-height: 1.8;font-size: 15px;}
#main .txt02{color: #FFF; line-height: 1.8;font-size: 15px;text-align: left;}
#main .staff{color: #FFF; margin:0 auto 16px;line-height: 1.8;font-size: 15px;text-align: center;border: 3px double #C1CBD7; padding: 8px 4px;}

#main .panel{width: 100%;}
#main .panel > dt{padding: 16px 8px 20px 8px; font-size: 15px; cursor: pointer;color: #FFF;border: 1px solid #C1CBD7;position: relative;}
#main .panel > dt::before{content: "";display: inline-block;position: absolute;bottom: 8px; left: 50%;-webkit-transform: translateX(-50%) rotate(135deg);-ms-transform: translateX(-50%) rotate(135deg);transform: translateX(-50%) rotate(135deg);;color: #FFF;line-height: 1;width: 0.5em;height: 0.5em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;}
#main .panel > dt:hover{background: #B0BCCA;}
#main .panel > dd{border-left: 1px solid #C1CBD7;border-right: 1px solid #C1CBD7;border-bottom: 1px solid #C1CBD7;padding: 16px;}

#main .noPanel{width: 100%;}
#main .noPanel > dt{padding: 16px 8px 20px 8px; font-size: 15px;color: #FFF;border: 1px solid #C1CBD7;position: relative;}
#main .noPanel > dd{border-left: 1px solid #C1CBD7;border-right: 1px solid #C1CBD7;border-bottom: 1px solid #C1CBD7;padding: 16px;}
#main .noPanel .add select{margin-bottom: 4px;}
#main input.addAtb{cursor: pointer;font-size: 11px;color: #FFF; border-radius: 8px;display: inline-block;padding: 3px 8px 4px; background: #B0BCCA; border: none;}
#main input.addAtb:hover{background: #CCC;}

#main .panel.mdSer > dt{padding: 8px 8px 14px 8px; font-size: 14px;margin-top: 8px;background: #74869E;}
#main .panel.mdSer > dt::before{bottom: 6px;}
#main .panel.mdSer > dt:hover{background: #B0BCCA;}

#main .panel .nav01{margin-bottom: 0;}
#main .panel .nav01 li{margin-bottom: 16px;}
#main .panel .nav01 li:last-child{margin-bottom: 0;}
#main .panel .nav01 li a{border: 1px solid #C1CBD7;background: #B0BCCA; color: #FFF;display: block; padding: 24px 8px;}
#main .panel .nav01 li a:hover{background: #C2CBD6;}

#main .cmnDl{width: 100%;color: #FFF;}
#main .cmnDl > dt{padding: 8px 8px 10px 8px; font-size: 15px; border: 1px solid #C1CBD7;}
#main .cmnDl > dd{border-left: 1px solid #C1CBD7;border-right: 1px solid #C1CBD7;border-bottom: 1px solid #C1CBD7;padding: 12px;}

#main .cmnTbl01{width: 100%; border-collapse: collapse; line-height: 1.4; margin-bottom: 16px;}
#main .cmnTbl01 th{font-size: 14px;color: #FFF;padding:4px 8px; vertical-align: middle; min-width: 12em;}
#main .cmnTbl01 th.vaT{vertical-align: top; padding-top: 20px;}
#main .cmnTbl01 th p{float: left;}
#main .cmnTbl01 th span{font-size: 11px; display: inline-block;margin-top: 2px;  padding: 0 4px 1px; border-radius: 4px; float: right;}
#main .cmnTbl01 th .hss{color: #FFF; background: #EC7C7C;}
#main .cmnTbl01 td{padding:4px 8px;text-align: left; vertical-align: middle;}
#main .cmnTbl01 td .adrsUl li{margin-bottom: 8px;}
#main .cmnTbl01 td .adrsUl li:last-child{margin-bottom: 0;}
#main .cmnTbl01 td a{color: #277FBE; text-decoration: underline;}
#main .cmnTbl01 td a:hover{color: #3297E1; text-decoration: none;}
#main .cmnTbl02{width: 100%; border-collapse: collapse; line-height: 1.4; margin-bottom: 16px;border-top: 1px solid #C1CBD7;}
#main .cmnTbl02 th{font-size: 14px;color: #FFF;padding:16px 8px; vertical-align: middle; min-width: 12em;border-bottom: 1px solid #C1CBD7;}
#main .cmnTbl02 th.vaT{vertical-align: top; padding-top: 20px;}
#main .cmnTbl02 td{font-size: 16px;color: #FFF;padding:16px 8px;text-align: left; vertical-align: middle;border-bottom: 1px solid #C1CBD7;}
#main .hlf{display: table;}
#main .hlf li{display: table-cell;width: 50%;padding: 0 8px 0 0;}
#main .hlf li:last-child{padding: 0 0 0 0;}
#main .caution{margin-bottom: 4px;}
#main .alt{margin-bottom: 8px; font-size: 14px;}


#main label{cursor: pointer;display: inline-block; margin-right: 1em; margin-bottom: 4px;}
#main label input[type="checkbox"],#main label input[type="radio"]{position:relative;top:-2px;}
#main label:hover{color: #EC7C7C;}
#main label.red:hover{color: #EC7C7C;}
#main input[type="checkbox"]{vertical-align: middle;}
#main input[type="text"],#main input[type="email"],#main input[type="date"],#main input[type="time"],#main input[type="password"],#main input[type="tel"],#main select,#main textarea{padding:4px; border: 1px solid #EBEDF1; background:#DADFE7;box-shadow: none;transition: all 0.5s; font-size: 16px;}
#main input[type="text"]:focus,#main input[type="email"]:focus,#main input[type="date"]:focus,#main input[type="time"]:focus,#main input[type="password"]:focus,#main input[type="tel"]:focus,
#main select:focus,#main textarea:focus{ background: #EBEDF1; border: 1px solid #FFF;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
#main input[type="radio"]{top: 2px;position: relative;transform: scale(1.5);accent-color: #EC7C7C; padding-left: 10px;}
#main .iptS,#main .slcS{width: 3em;}
#main .iptSM,#main .slcSM{width: 5em;}
#main .iptM,#main .slcM{width: 100%; max-width: 13.4em;}
#main .iptML{width: 100%; max-width: 24em;}
#main .iptL,#main .slcL{width: 100%;}
#main .iptLL,#main .slcLL{width: 100%;min-width: 10em;}
#main textarea{width: 100%;}
#main textarea.txaS{height: 6em;}
#main textarea.txaM{height: 10em;}
#main textarea.txaL{height: 30em;}
#main ::placeholder{color: #BBB;}
#main .btnBox{text-align: center; padding: 8px 0 8px;width: 100%; max-width: 320px; margin: 0 auto; font-size: 15px;}
#main .btn01{border: 1px solid #C1CBD7;cursor: pointer;background: #B0BCCA; color: #FFF;display: block; padding: 16px 8px;width: 100%;}
#main .btn01:hover{background: #C2CBD6;}
#main .btn02{border: 1px solid #C1CBD7;background: none; color: #FFF;font-size: 13px; cursor: pointer;olor: #FFF;display: block; padding: 8px 8px;width: 100%;}
#main .btn02:hover{background: #B0BCCA;}

#reset{position: fixed;top: 20px;right: 16px;}
#reset input{display: inline-block; border: 0;cursor: pointer;min-width: 8em;border-radius: 8px;background: #EC7C7C;color: #FFF;font-size: 14px; padding: 8px 16px;}
#reset input:hover{background: #E96363;}
#back{position: fixed;top: 20px;left: 16px;}
#back input{display: inline-block; border: 0;cursor: pointer;min-width: 8em;border-radius: 8px;background: #B0BCCA;color: #FFF;font-size: 14px; padding: 8px 16px;}
#back input:hover{background: #C2CBD6;}
#cart{position: fixed;bottom: 16px;right: 16px;}
#cart a{display: inline-block; border: 0;cursor: pointer;border-radius: 100%;background: #FFF;font-size: 14px; padding: 16px 16px;}
#cart a img{width: 100%; height: auto;max-width: 32px;}
#cart a:hover{background: #DADFE7;}
#delivery{position: fixed;bottom: 16px;left: 16px;}
#delivery a{display: inline-block; border: 0;cursor: pointer;border-radius: 100%;background: #EC7C7C;font-size: 14px; padding: 16px 16px;}
#delivery a img{width: 100%; height: auto;max-width: 32px;}
#delivery a:hover{background: #E96363;}

#main .editBox li{width: 48%; margin: 0 1%;float: left;text-align: left;}
#main .editBox li.col1{width: 98%; margin: 0 1%;}
#main .editBox li.col3{width: 31%; margin: 0 1%;}
#main .editBox li ul li{width: 49%; margin: 0 1% 0 0;}
#main .editBox li ul li.col1{width: 100%; margin: 0;}
#main .editBox li dl{display: table;width: 100%;}
#main .editBox li dl dt{display: table-cell;padding:4px 2px;width: 8.5em; vertical-align: middle;color: #FFF;font-size: 13px;}
#main .editBox li dd{display: table-cell;vertical-align: middle;border-bottom:none;padding:4px 2px;}
#main .editBox li.cfm dt,
#main .editBox li.cfm dd{padding:14px 2px 14px;}
#main .editBox li .yen{font-size: 18px;}
#main .editBox li .note{font-size: 12px; color: #999; display: inline-block;padding-left: 8px;}
#main .newEnt{text-align: right;padding-top: 16px;}
#main .newEnt input{font-size: 13px;border-radius: 4px; border: 1px solid #C1CBD7;cursor: pointer;background: #B0BCCA; color: #FFF;display: inline-block; padding: 4px 14px;}
#main .newEnt input:hover{background: #C2CBD6;}
#main .fcW{color: #FFF;}

#attribute{padding: 16px;text-align: left;color: #FFF;}
#attribute .atbBox h1{font-size: 17px;line-height: 1.4;margin: 0 0 8px;border-bottom: 3px double #C2CCD7;padding: 0 4px 6px;}
#attribute .atbBox p{line-height: 1.6; margin-bottom: 4px;}
#attribute .atbBox .note{font-size: 13px; color: #EC7C7C; margin-bottom: 8px;}
#attribute .atbBox .scrl{background-color:#DADFE7;color: #666; border: 1px solid #EEE;height:200px;overflow:auto;overflow-y:scroll;overflow-x:hidden; margin-bottom: 16px; padding: 16px;}
#attribute .atbBox dl.atbDl dt{margin-bottom: 8px;color: #506076; padding: 2px 4px;}
#attribute .atbBox dl.atbDl dd ul{border-top: 3px double #C2CCD7;}
#attribute .atbBox dl.atbDl dd ul li{padding: 8px; border-bottom: 1px dotted #CCC;}
#attribute .atbBox dl.entDl dt{margin-bottom: 8px;}
#attribute .atbBox dl.entDl dd input{cursor: pointer; border: 0;font-size: 13px; border-radius: 8px;display: block; width: 100%; background: #506076;color: #FFF;padding: 10px 16px;}
#attribute .atbBox dl.entDl dd input:hover{background: #313A48;}

/* *********************************
/* 003:START
*********************************** */
#start #main {width: 96%;margin: 0 auto;max-width: 1080px;padding: 80px 0 48px;}
#start #main .logo{margin:0 auto 48px; width: 100%; max-width: 120px;}
#start #main .box01 > .nav01{margin-bottom: 64px;}

/* *********************************
/* 004:LOGIN
*********************************** */
#login #main {width: 96%;margin: 0 auto;max-width: 1080px;padding: 80px 0 48px;}
#login #main .logo{margin:0 auto 48px; width: 100%; max-width: 120px;}
#login #main .staff{width: 98%;}
#login .loginInner li{margin-bottom: 10px;}
#login .loginInner li input{margin:0 auto 5px; width: 98%;}
#login .loginInner li.liBtn input{font-size: 15px; color: #FFF; padding: 10px; background: #647893; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; border: none;border-bottom: 1px solid #3F4B5C; text-shadow: -1px -1px 0 #506076; cursor: pointer;}
#login .loginInner li.liBtn input:hover{background: #506076;}

/* *********************************
/* 005:ENTRY
*********************************** */
#main .panel.entry{margin-bottom: 32px;}

/* MODAL */
.modal{position: fixed;z-index: 9;left: 0;top: 0;height: 100%;width: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);font-size: 14px;}
.modal-content{background-color: #FFF;margin: 2% auto;width: 96%;box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);animation-name: modalopen;animation-duration: 1s; border-radius: 8px;}
@keyframes modalopen{from {opacity: 0}to {opacity: 1}}
.modal-header h1{margin: 1rem 0 0.2rem;font-size: 20px;color: #99AABC;border-bottom: 3px double #99AABC; padding:0 0 16px 0;text-align: center}
.modal-header {padding: 8px 24px 4px;}
.modal-body {padding: 8px 24px 16px;text-align: left;line-height: 1.6;}
.modal-body p{text-align: left; margin-bottom: 8px;}
.modal-body a{text-decoration: underline; color: #99AABC;}
.modal-body a:hover{text-decoration: none; color: #99AABC;}
.modal-inner{margin-bottom: 8px;padding: 8px 4px 0;}
.modal-inner dl{margin-bottom: 24px;}
.modal-inner dl.mb36{margin-bottom: 36px;}
.modal-inner dl dt{margin-bottom: 4px;border-left: 4px solid #99AABC; padding:3px 4px 3px 12px;font-size: 17px;}
.modal-inner dl dd{padding-left: 0.8em;margin-bottom: 8px; line-height: 1.5;}
.modal-inner ol{margin-left: 1.2em;}
.modal-inner ol li{margin-bottom: 4px;}
.modal-inner ul{margin-left: 1.2em;padding-top: 4px;}
.modal-inner ul li{margin-bottom: 4px;}
.modal-inner ul li:before {content: '・';margin-left:-1em;}
.modal-footer{padding:8px 0 32px;text-align: center;}
.modal-footer label{display: inline-block; cursor: pointer;margin-bottom: 16px;}
.modal-footer input{background: #99AABC;color: #FFF;border: none; border-radius: 16px; cursor: pointer; display: inline-block; padding: 12px 24px;}
.modal-footer input:hover{background: #506076;}

/* *********************************
/* 004:SALE
*********************************** */
#main .staffLogin{width: 100%; max-width: 360px; margin: 0 auto 24px;}
#main .staffLogin li{margin-bottom: 16px;}
#main .staffLogin li dl dt{color: #FFF;font-size: 15px; margin-bottom: 8px;}
#main .serchDtl{margin-bottom: 24px;}
#main .serchDtl .btnBox{margin-bottom: 0;}
#main .serchDtl .editBox li dl dd{color: #FFF;font-size: 14px;}
#main .serchDtl .btn01{padding: 8px 8px;font-size: 14px;}
#main .salTbl{text-align: left; color: #FFF;width: 100%;}
#main .salTbl th{font-size: 13px; white-space: nowrap;padding:8px 4px;border-bottom: 1px solid #C1CBD7;}
#main .salTbl .taC{text-align: center;}
#main .salTbl .taR{text-align: right;white-space: nowrap;}
#main .salTbl .taC input{text-align: center;}
#main .salTbl .taR input{text-align: right;}
#main .salTbl td{padding:8px 4px;vertical-align: middle;border-bottom: 1px dotted #C1CBD7;font-size: 14px;line-height: 1.5;}
#main .salTbl .bdT td{border-top: 1px solid #C1CBD7;}
#main .salTbl .total td{border-top: 1px solid #C1CBD7;border-bottom: none;}
#main .salTbl td strong{font-size: 15px;}
#main .salTbl td a{color: #FFF; text-decoration: underline;}
#main .salTbl td a:hover{color: #FFF; text-decoration: none;}
#main .salTbl .dltBtn{border: 0; background: none; display: inline-block;margin-left: 0.8em;color: #EC7C7C;text-decoration:underline; cursor: pointer;font-size: 13px;}
#main .salTbl .dltBtn:hover{text-decoration: none; color:#EEB0B0; }
#main .salTbl input[type="text"].zero{color: #E96363; border: 1px solid #E96363; background: #FCEBEB;}
#main .marTtl{font-size: 14px; margin-bottom: 8px;color: #FFF;display: inline-block; background: #B0BCCA; padding: 4px 16px 6px;}
#main .marName{font-size: 18px; margin-bottom: 16px;line-height: 1.5;color: #FFF;}
#main .marName .iptS{text-align: center;font-size: 18px;}
#main .stcTbl{color: #FFF;margin: 0 auto 36px;text-align: left;}
#main .stcTbl th{padding: 8px 32px;border-bottom: 1px solid #C1CBD7;font-size: 14px;}
#main .stcTbl td{padding: 16px 32px;border-bottom: 1px solid #C1CBD7;}
#main .stcTbl .taC{text-align: center;}
#main .stcTbl td a{color: #FFF;text-decoration: underline;}
#main .stcTbl td a:hover{color: #C1CBD7;text-decoration: none;}
#main .prtBox{color: #FFF; text-align: left; line-height: 1.8;}
#main .prtBox p{text-align: left; margin-bottom: 8px;}
#main .prtBox dl{margin-bottom: 24px;}
#main .prtBox .mb36{margin-bottom: 36px;}
#main .prtBox dl dt{margin-bottom: 4px;border-left: 4px solid #99AABC; padding:3px 4px 3px 12px;font-size: 19px;}
#main .prtBox dl dd{padding-left: 1em;margin-bottom: 8px; line-height: 1.5;}
#main .prtBox ol{margin-left: 1.2em;}
#main .prtBox ol li{margin-bottom: 4px;}
#main .prtBox ul{margin-left: 1em;padding-top: 4px;}
#main .prtBox ul li{margin-bottom: 4px;}
#main .prtBox ul li:before {content: '・';margin-left:-1em;}
#main .prtBox label{margin-bottom: 24px;}
#main .prtBox label:hover{color: #C2CBD6;}
#main .prtBox label input[type="checkbox"] {position: relative;margin-right: 4px;width: 20px;height: 20px;border: 1px solid #FFF;vertical-align: -9px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#main .prtBox label input[type="checkbox"]:checked:before {position: absolute;top: -1px;left: 4px;transform: rotate(50deg);width: 8px;height: 12px;border-right: 2px solid #666;border-bottom: 2px solid #666;content: '';}
#main .exhUl li{margin-bottom: 16px;text-align: left;}
#main .exhUl li dl dd .exhIf{margin-bottom: 8px;}
#main .exhUl li dl dd .exhIf input{background: #435163; color: #FFF;}
#main .exhUl li dl dd .exhIf .thum{display: table;padding-top: 8px;}
#main .exhUl li dl dd .exhIf .thum .thumDt{display: table-cell;width:36px;vertical-align: middle;}
#main .exhUl li dl dd .exhIf .thum .thumDt img{width: 100%; height: auto;}
#main .exhUl li dl dd .exhIf .thum .thumDd{display: table-cell;vertical-align: middle;padding-left: 4px;font-size: 13px;}
#main .exhUl li dl dd .exhIfm{text-align: center;}
#main .exhUl li dl dd .exhIfm img{width: auto; max-width: 1040px; height: auto; margin: 0 auto;}
#main .exhUl li dl dd .exhTa{line-height: 1.6;}

#main input.dlvChk[type="checkbox"] {position: relative;cursor: pointer;margin-right: 4px;width: 20px;height: 20px;border: 1px solid #FFF;vertical-align: -9px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#main input.dlvChk[type="checkbox"]:checked:before {position: absolute;top: -1px;left: 4px;transform: rotate(50deg);width: 8px;height: 12px;border-right: 2px solid #666;border-bottom: 2px solid #666;content: '';}
#main .dlvSlt{margin-bottom: 8px;}
#main .dlvSlt li{display: inline-block;}
#main .dlvAdrsLabel{color:#FFF;display: inline-block;padding: 0.5rem 1rem;margin-right: 18px;border-radius: 3px;transition: all .2s;border: 1px solid #C1CBD7;}
#main .dlvAdrsLabel:hover{color: #FFF;background: #B0BCCA;}
#main .dlvSlt li input[type="radio"]{display: none;}
#main .dlvSlt li input[type="radio"]:checked + label{background: #B0BCCA;color: #FFF;border: 1px solid #C1CBD7;}
#main .mapBtn{display: inline-block;margin-left: 1em;padding: 4px 16px; border: 1px solid #C1CBD7;background: #B0BCCA;color: #FFF;border-radius: 8px;}
#main .mapBtn:hover{background: #C2CBD6;}
#payWayU,#payWayH,#payWayL{display: none;}

#main .cmnDl > dd.paySlt .salTbl{max-width:480px; margin: 0 auto;border-top: 1px dotted #C1CBD7;}
#main .cmnDl > dd.paySlt .salTbl input{text-align: right;}

#main .dlvBox{padding-top: 16px; color: #FFF;}
#main .dlvBox .dlvDl01{margin-bottom: 24px;}
#main .dlvBox .dlvDl01 dd{padding-top: 8px;}
#main .dlvBox dl.dlvDl02{display: table;width: 100%;text-align: left;}
#main .dlvBox dl.dlvDl02 dt{display: table-cell;width: 10em; font-size: 14px;color: #FFF;padding:16px 8px; vertical-align: middle; min-width: 12em;border-bottom: 1px solid #C1CBD7;}
#main .dlvBox dl.dlvDl02 dd{display: table-cell;font-size: 16px;color: #FFF;padding:16px 8px;text-align: left; vertical-align: middle;border-bottom: 1px solid #C1CBD7;}

#main .dlvBox dl.dlvDl02.fst dt{border-top: 1px solid #C1CBD7;}
#main .dlvBox dl.dlvDl02.fst dd{border-top: 1px solid #C1CBD7;}
#main .dlvBox .content1,
#main .dlvBox .content2{margin-bottom: 32px;}

#main .dlvBox dl.dlvDl03{text-align: left;margin-bottom: 24px;}
#main .dlvBox dl.dlvDl03 > dt{margin-bottom: 8px;border-left: 4px solid #99AABC; padding:3px 4px 3px 12px;font-size: 19px;}
#main .dlvBox dl.dlvDl03 > dd{padding-left: 1em;margin-bottom: 8px; line-height: 1.5;}
#main .dlvBox dl.dlvDl03 dl,
#main .dlvBox dl.pickup2{display: table;}
#main .dlvBox dl.pickup2{margin-bottom: 36px;padding: 3px 4px 3px 16px;}
#main .dlvBox dl.dlvDl03 dl dt,
#main .dlvBox dl.pickup2 dt{display: table-cell;padding-right: 4px;}
#main .dlvBox dl.dlvDl03 dl dd,
#main .dlvBox dl.pickup2 dd{display: table-cell;}
#main .dlvBox dl.dlvDl03 dl dd .content2{padding-top: 24px;}

#main .dlvDl03 input[type="checkbox"] ,
#main .pickup2 input[type="checkbox"] {position: relative;cursor: pointer;margin-right: 4px;width: 20px;height: 20px;border: 1px solid #FFF;vertical-align: -9px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#main .dlvDl03 input[type="checkbox"]:checked:before,
#main .pickup2 input[type="checkbox"]:checked:before{position: absolute;top: -1px;left: 4px;transform: rotate(50deg);width: 8px;height: 12px;border-right: 2px solid #666;border-bottom: 2px solid #666;content: '';}

#main .output{margin-bottom: 8px;}
#main .output li{display: inline-block;}
#main .output li a{color:#FFF;background: #B0BCCA;display: inline-block;padding: 1rem 3rem;margin-right: 18px;border-radius: 3px;transition: all .2s;border: 1px solid #C1CBD7;}
#main .output li a:hover{background: #C2CBD6;}



/* *********************************
/* 009:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 640px) {

}

@media screen and (min-width: 768px) {
#main input[type="text"],#main input[type="email"],#main input[type="date"],#main input[type="time"],#main input[type="password"],#main input[type="tel"],#main select,#main textarea{padding: 8px;font-size: 17px;}
#main .salTbl td strong{font-size: 20px;}
}

@media screen and (min-width: 880px) {

}

@media screen and (min-width: 896px) {

}

@media screen and (min-width:980px){
/* LAYOUT */

}


/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}