/* --------- resets --------------------------------------------- */
*, ::before, ::after {margin: 0; padding: 0; box-sizing: border-box; border-style: solid; border-width: 0;}
html {line-height: 1; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
body {color: #6e5546; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}
p, table, blockquote, th, td, ul, ol, li, address, pre, iframe, form, figure, dl, dt, h1, h2, h3, h4, h5, h6 {font-size: 100%;}
h2 {font-size: 1.2rem;}
ul, ol {list-style: none;}
a:link,a:visited,a:active {color:#6e5546; text-decoration:none;} 
a:hover {color:#FA5A00; text-decoration:underline;} 
img {width:100%; height:auto;vertical-align: bottom;}
main {display: block;}

/* --------- contents --------------------------------------------- */
.content {width: 94%; margin: auto;}
.contentCream {padding:1% 3%; margin: 1rem 0; background-color: #fefbdd; border: solid 2px #d0ced4;}
.contentOrange {padding:1% 3% 2rem; margin: 0 0 1rem ; background-color: #fefbdd; border: solid 2px #f29600;}
p, blockquote, th, td, ol, li, address, pre, dl, dt {font-size: .875rem; line-height: 1.7;}
.wrapper {width: 100%; height: 100%; overflow-x: hidden;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.between {justify-content: space-between;}
.around {justify-content: space-around;}
.end {justify-content: end;}
.center {align-items: center;}
.mA {margin: auto;}
.mL-10 {margin-left:10px;}
.mR-10 {margin-right:10px;}
.mT-10 {margin-top: 10px;}
.mT-20 {margin-top: 20px;}
.mB-10 {margin-bottom: 10px;}
.mB-20 {margin-bottom: 20px;}
.mB-30 {margin-bottom: 30px;}
.pB-10 {padding-bottom:10px;}
.pB-20 {padding-bottom:20px;}
.pT-10 {padding-top:10px;}
.pT-20 {padding-top:20px;}
.pT-30 {padding-top:30px;}
.pT-40 {padding-top:40px;}
.pR-10 {padding-right:10px;}
.pR-20 {padding-right:20px;}
.pL-10 {padding-left:10px;}
.pL-20 {padding-left:20px;}
.pA-10 {padding: 10px;}
.pA-20 {padding: 20px;}
.w10 {width: 10%; height: auto;}
.w20 {width: 20%; height: auto;}
.w30 {width: 30%; height: auto;}
.w40 {width: 40%; height: auto;}
.w45 {width: 45%; height: auto;}
.w48 {width: 48%; height: auto;}
.w49 {width: 49%; height: auto;}
.w50 {width: 50%; height: auto;}
.w60 {width: 60%; height: auto;}
.w70 {width: 70%; height: auto;}
.w80 {width: 80%; height: auto;}
.w90 {width: 90%; height: auto;}
.size1_3 {font-size: 1.3rem;}
.size1 {font-size: 1rem;}
.lH1_5 {line-height: 1.5;}
.strong {font-weight: 700;}
.w130pix {width: 130px;}
.aLeft {text-align: left;}
.aRight {text-align: right;}
.aCenter {text-align: center;}
.inlBlock {display: inline-flex;}
.dotted {border-top: dotted #f39700 4px; border-left: dotted #f39700 4px; padding-bottom: .6rem;}
.yelBack {background-color: #fff67f; padding: .8rem 0 .8rem .8rem; color: #6e5546;}
.orangeBox {border: 2px solid #f29600;}
.orangeBelt {font-size: 1.05rem; padding: .6rem 0 .6rem 1rem; color: #FFF; background-color: #f29600;}
.hrOrange {width: 100%; height: 2px; background-color: #eb8c12;}
.red {color: #df201f;}
.boxOriginal {padding:0 3% 1%; margin: 1rem 0; background-color: #fff; border: solid 2px #d0ced4; border-radius: 6px;}
.sp-shopTitle {background-color: #ffe579; border-top: solid 2px #b4b3b4; padding: 2% 3%;}
.sp-shopTitle-text {font-size: 4vw; line-height: 1.5;}
.sp-shopTitle-pic {float: right; width: 120PX; margin-top: -3.5rem;}
.uLine-grey {border-bottom: solid 2px #b4b3b4;}
.disc li {list-style-type: disc; list-style-position: outside; margin-left: 2em;}
.logistics {border-collapse: collapse;}
.logistics th {background-color: #fce1e6; font-weight: normal; border: solid 1px #b4b3b4; text-align: left; padding: .2rem; white-space: nowrap;}
.logistics td {background-color: #fef4f6; font-weight: normal; border: solid 1px #b4b3b4; padding: .2rem;}
.pageTitle {line-height: 1.5; font-size: 4.8vw;}
.orangeBtn {display: block; padding: .3rem 1rem; background-color: #f29600; border-radius: 4px;}
.orangeBtn a {color: #FFF;}
.greyBox {background-color: #eaeae4; border: #b4b3b4 solid 2px; padding: .4rem 1rem;}
.greyBox li {font-size: .9rem; font-weight: 700; border-bottom: dotted 1px #b4b3b4;}
.greyBox li:last-child {border-bottom: none;}
.shop-back img {vertical-align: middle;}
.shop-back a {font-size: .8rem; width: 100%;}
.yellowbar {background-color: #f7e07c;}
.greyBelt {width:100%; background-color: #dfd5ae;}
.package-content {border-top: solid 1px #666;}
.package-content dt {font-weight: 700; padding: 1rem 0 0;}
.package-content dd {border-bottom: solid 1px #666; padding: 0 0 1rem;}
.qa {border-bottom: solid 1px #666; padding: 1rem 0;}
.qa dt {font-weight: 700; padding: 1rem 0 0; font-size: 1rem; line-height: 1.3; position: relative; margin-bottom: 2rem; display: flex; align-items: center; }
.qa dd {position: relative; margin-top: 1rem; display: flex; align-items: center;}
.sales_floor_children {padding-bottom: 2rem;}
.children_head {background-color: #f29602; padding: 1rem; font-size: 1.01rem; color: #FFF; line-height: 1; font-weight: 600; border-radius: 4px;}
.children_body {padding: .65rem;}
.children_body img {border-radius: 10px;} 
.children_body p {padding-top: .65rem;}
.children_image.small {float: right; width: 125px; height: auto; margin-top: .2rem; z-index: 10; position: relative;}

/* --------- header --------------------------------------------- */
header {height: 60px; background: url("../img/_head-logo-bg.png") repeat left; background-size: 100% 60px; position: relative;}
.header-logo img {height: 60px; width: auto;}
.subNav {width: 90px; position: absolute; right: 70px; top: 5px;}
.spMenu {width: 50px; height: 50px; position: absolute; right: 5px; top: 5px; background: url("../img/_hum-btn.png") no-repeat; background-size: contain;}
.spMenu.active {width: 50px; height: 50px; position: fixed; right: 5px; top: 5px; background: url("../img/_hum-btn-x.png") no-repeat; background-size: contain; z-index: 999;}
.gNav {display: none;}
.gNav.active {padding: 80px 10% 10%; background-color: #fff100; position: fixed; top:0; width: 100%; height: 100%; display: flex; flex-flow: column; z-index: 998;}
.gNav.active li {padding: .8rem 0; border-bottom: dotted 1px #6e5546;}

/* --------- footer --------------------------------------------- */
footer {padding: 1rem 0 0;} 
.to-top {width: 100px; height: auto; margin: 0 auto;}
.fUpper {background: url("../img/footer_bg01.gif") repeat-x ; padding: 1rem 1rem .5rem; margin: 0;}
.fUpper li,.fLower li {font-size: .8rem; padding-bottom: .3rem;}
.fUpper li::before {content: "▶︎"; font-size: .7rem;padding-right: .2rem;}
.fLower {background: #6e5546; padding: 1rem 1rem; margin: 0;}
.fLower, .fLower a {color: #FFF;}
.fLower p {font-size: .6rem;}

.p-contact__form {padding: 3rem 0 1rem;}
.p-contact__form p {font-size: 1rem; text-align: center;}
.p-contact__form .p-contact__form-btn {width: 100%;}
.p-contact__form .p-contact__form-btn li {width: 90%; text-align: center; margin: 2rem auto; border-radius: 10px;}
.p-contact__form .p-contact__form-btn li:first-child {background: #d7110a;}
.p-contact__form .p-contact__form-btn li:last-child {background: #6e5546;}
.p-contact__form .p-contact__form-btn li a {font-size: 1rem; text-decoration: none; color: #FFF; display: block; width: 100%; height: 100%; margin: 0; padding: 1rem 0;}
.p-contact__form .p-contact__form-btn li:hover {opacity: .75;}
.p-contact__form .p-contact__form-btn li a span {white-space: nowrap;}