@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:600');

/*　共通項目　*/
html { scroll-padding-top: 130px; }
.css3 input,
.css3 textarea,
.css3 select,
.css3 button {
	font-family: inherit;
}
/*input, button { outline: 0;}*/
.css3 button { cursor:pointer;}
/*IEとFirefoxでselectの矢印を消すとき*/
.css3 select { text-indent: 0.01px; text-overflow: ''; cursor:pointer;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.css3 select::-ms-expand { display: none;}

/* Firefox */
.css3 input::-moz-focus-inner, button::-moz-focus-inner { border: 0;}

/* iOSでのデフォルトスタイルをリセット */
.css3 input[type="submit"],
.css3 input[type="button"]{
border-radius: 0;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
outline: 0;
}

.css3 label { cursor: pointer;}
.css3 input[type="image"] {  outline: 0;}
.css3 input[type="submit"]::-webkit-search-decoration,
.css3 input[type="button"]::-webkit-search-decoration {
	display: none;
}
.css3 input[type="submit"]::focus,
.css3 input[type="button"]::focus {
	outline-offset: -2px;
}

.css3 input[type="text"], .css3 input[type="password"] {
	border: #989898 1px solid;
	box-shadow:1px 1px 0px 0px #e5e5e4 inset;
	padding: 3px 1px 2px 8px;
	font-size: 14px;
	margin-right: 6px;
}
.css3 input[type="number"] {
	border: #989898 1px solid;
	box-shadow:1px 1px 0px 1px #e5e5e4 inset;
	padding: 3px 1px 2px 8px;
	font-size: 14px;
	margin-right: 6px;
}
.css3 select {
	background: url(../img/common2/select.png) no-repeat right top,linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#ebeae9 50%,#ebeae9 100%);
	background-size: contain;
	border: #989898 1px solid;
	border-radius: 4px;
	font-size: 14px;
	padding: 3px 45px 3px 5px;
	text-align: left;
}
.css3 textarea {border: #989898 1px solid; background: #fff; box-shadow:0px 0px 0px 2px #e5e5e4 inset; padding: 3px 6px; width: 100%; }
.css3 option { padding: 0; vertical-align: middle; padding: 3px 6px;}

::-webkit-input-placeholder {color:#8F8F8F; font-size: 14px;}
:-ms-input-placeholder {color:#8F8F8F; font-size: 14px;}
::placeholder{color:#8F8F8F; font-size: 14px;}

img {max-width: 100%;}
#footerWrap {background-color: #FFF;}

/* --------------------
		margin settings
-------------------- */
.mrgB05	{ margin-bottom:5px;}
.mrgB10	{ margin-bottom:10px;}
.mrgB15	{ margin-bottom:15px;}
.mrgB20	{ margin-bottom:20px;}
.mrgB25	{ margin-bottom:25px;}
.mrgB30	{ margin-bottom:30px;}
.mrgB35	{ margin-bottom:35px;}
.mrgB40	{ margin-bottom:40px;}
.mrgB45	{ margin-bottom:45px;}
.mrgB50	{ margin-bottom:50px;}
.mrgB55	{ margin-bottom:55px;}
.mrgB60	{ margin-bottom:60px;}
.mrgB65	{ margin-bottom:65px;}
.mrgB70	{ margin-bottom:70px;}
.mrgB75	{ margin-bottom:75px;}
.mrgB80	{ margin-bottom:80px;}
.mrgB90	{ margin-bottom:90px;}
.mrgB190 { margin-bottom:190px;}
.mrgB250 { margin-bottom:250px;}
.mrgB270 { margin-bottom:270px;}
.mrgB310 { margin-bottom:310px;}
.mrgB350 { margin-bottom:350px;}
.mrgB380 { margin-bottom:380px;}
.mrgB410 { margin-bottom:410px;}

.mrgL85	{ margin-left:85px;}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}





.box80 { width: 80px;}
.f13 { font-size: 13px !important;}
.f15 { font-size: 15px !important;}
.fwB { font-weight: bold;}
.pT50 { padding-top: 50px;}
.pT60 { padding-top: 60px;}

.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}


.css3 .goTop { text-align: right; font-size: 13px; font-weight: bold;}
.css3 .goTop a { display: inline-block; margin-left: auto;}

.css3 .alignL { text-align: left !important;}
.css3 .alignC { text-align: center !important;}
.css3 .alignR { text-align: right !important;}
.css3 .alignT { vertical-align: top !important;}

.css3 { letter-spacing: 0.2px; line-height: 1.5; font-size: 14px;}
.css3 * { box-sizing: border-box;}
.css3 a	{
	text-decoration:underline;
	verflow:hidden;
	outline:none;
}
.css3 a:link		{ text-decoration:underline; color: #643C32;}
.css3 a:visited	{ text-decoration:underline; color: #643C32;}
a:hover	{ text-decoration:none;}
.css3 a:active	{ text-decoration:none;}
.css3 a:link:hover, a[href]:hover { color: #643C32; opacity: 0.8;}

.css3 a.borderLinkBtn { background: #fff; border: #643C32 1px solid; border-radius: 5px; padding: 0.7em 1em; box-shadow:2px 2px 3px -1px #b3b3b3; color: #643C32; font-weight: bold; text-decoration: none; font-size: 16px; line-height: 1.0;}


.css3 .min2 {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.css3 th.vaT { vertical-align: top;}
.css3 td textarea { width: 100%;}

.p20Inner { padding-left: 20px; padding-right: 20px;}
.w1020 { width: 1020px; margin-left: auto; margin-right: auto; position: relative;}
.w1040 { width: 1040px; margin-left: auto; margin-right: auto; position: relative;}
.w980 { width: 980px; margin-left: auto; margin-right: auto; position: relative;}
.w800 { width: 800px; margin-left: auto; margin-right: auto;}

.lineH1 { border-bottom:#643C32 1px solid; border-top:#643C32 1px solid; font-weight: bold; padding: 5px 10px; font-size: 0;}
.lineH1 img { height: 27px;}

h2.lineH1 { border-top: none; padding-bottom: 7px; padding-left: 3px;}
h2.lineH1 img { height: 20px;}

.nowrap { display: inline-block; white-space: nowrap;}
.css3 .kome { font-size: 12px; line-height: 1.4; text-indent: -1em; padding-left: 1em;}
.css3 .w100 { width: 100%;}
.css3 .btn,.css3 .btn a { text-decoration: none; text-align: center;}
.css3 .btn a { display: block;}
.css3 .btn a:hover,
.css3 .btn input:hover,
.css3 .btn button:hover{ opacity: 0.7;}

.css3 span.borderBtn { display: inline-block;}
.css3 p.borderBtn { display: block;}
.css3 .borderBtn a { border: #643C32 1px solid; border-radius: 3px; text-decoration: none; padding: 0.5em 1.4em 0.5em 1.6em;box-shadow : 1px 1px 1px rgba(71, 71, 71, 0.5);background : linear-gradient(180deg, rgba(255, 255, 255, 1) 4.78%, rgba(237, 237, 237, 1) 100%);display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}

h1.non { display: none;}
.pT15 { padding-top:15px; }

.css3 .komeList li { padding-left: 1em; text-indent: -1em; line-height: 1.4; margin-bottom: 5px;}

.css3 .blown { color: #643C32}
.css3 .green02 { color: #3F8D3E;}
.css3 .starC { color: #F7931E;}
.css3 .bgBrown {background-color: #F0EBEA;}
.css3 .bgGreen {background-color: #E3EED9;}
.css3 .bgForm { background-color: #F7F4F3; border: #DFD8D6 1px solid;}
.css3 .bgForm.type02 { border: #BFB7B7 1px solid; background: none;}
.css3 .bgForm.shadow { box-shadow : 1px 2px 1px rgba(0, 0, 0, 0.2);}
.css3 .hissu01 { display: inline-block; background: #F59090; color: #fff; font-size: 12px; line-height: 1.1; padding:2px 6px; border-radius: 2px; font-weight: normal; margin-left: 8px; vertical-align: 1.5px;}
.css3 .brownBtn a,.css3 .brownBtn input { background: #93766F; color: #fff; text-decoration: none;}
.css3 .grayBtn a,.css3 .grayBtn input { background: #A8A8A8; color: #fff; text-decoration: none;}

.css3 .brownBtn a:hover, .css3 .grayBtn a:hover { color: #fff;}


.css3 .bgForm input[type="text"],
.css3 .bgForm input[type="password"] {
	border: #B3ACAC 1px solid;
	box-shadow: none;
	padding: 5px 2px 5px 8px;
	margin-right: 6px;
}
.css3 .bgForm input[type="checkbox"] {
    border: #B3ACAC 1px solid;
    transform:scale(1.4,1.4);
    margin-right: 5px;
}
.css3 .bgForm input[ type="radio"] { display: none;}
.css3 .bgForm input[ type="radio"] + label.radio { position: relative; display : inline-block; vertical-align: middle; overflow : hidden; box-sizing : border-box; padding-left: calc(20px + 8px);}
.css3 .bgForm input[ type="radio"] + label.radio:before,
.css3 .bgForm input[ type="radio"] + label.radio:after{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.css3 .bgForm input[type="radio"] + label.radio:before {
    width: 20px; height: 20px;
    border: #B3ACAC 1px solid;
    left: 11px;
}
.css3 .bgForm input[type="radio"]:checked + label.radio:before  {
    border: #643C32 1px solid;
}
.css3 .bgForm input[type="radio"]:checked + label.radio:after {
    width: 10px; height: 10px;
    background: #643C32;
    left: 11px;
}
.css3 .bgForm select {
	background: url(../img/common2/select.png) no-repeat right top #fff;
	background-size: contain;
	border: #B3ACAC 1px solid;
	border-radius: 4px;
	font-size: 14px;
	padding: 4px 45px 4px 10px;
	text-align: left;
}

.css3 .bgForm select.numSelect {
    background: url(../img/common2/select_arrow.svg) no-repeat right 8px center;
    background-size: 5px 5px;
    border-radius: 0;
}
.css3 .bgForm textarea { border: #B3ACAC 1px solid; box-shadow: none; }

/*.css3 .bgForm input[type="file"] { display: none; }
.css3 .bgForm label.fileLabel { display: inline-block; border: #B3ACAC 1px solid; border-radius: 3px; font-size: 14px; background: linear-gradient(to bottom, #ffffff 1%,#ffffff 50%,#ebe6e6 50%,#ebe6e6 100%);}*/

.css3 .bgForm .bdB { border-bottom: #DFD8D6 1px solid; }
.css3 .bgForm .bdB:last-child { border: none;}

.css3 .attentionP { background: #FFF5F5; border: #E08E91 1px solid; border-radius:5px; padding: 1em; font-size: 15px; font-weight: bold; margin-bottom: 1.5em; padding-left: 44px;}
.css3 .attentionP img { width: 22px; margin-right: 8px; margin-left: -28px;}

.css3 .maruIcon { position: relative; padding-left: 1em; }
.css3 .maruIcon:before { content: ""; display: block; text-align: center; position: absolute; left: 0.5em; top: 0.7em; transform: translate(-50%, -50%); width:4px; height: 4px; border-radius: 50%; background-color:#333;  }

.css3 .attention { color: #D61119;}
.css3 .form-group { display: block; width: 100%;}

.css3 .error2 { color: #D61119; font-size: 13px; font-weight: bold; padding: 2px 0.4em; margin-bottom: 2px;}
.css3 .formBox .error2{ background: #FFF5F5; padding: 3px 6px; margin-top: 2px;}
.css3 .likeTable .error2 { background: #FFF5F5; padding: 3px 6px; margin-top: 1em; margin-bottom: -0.7em;}
.css3 .contactPage .error2 { margin-top: 10px; margin-bottom: -6px;}


.css3 .text-danger { color: #D61119; margin-top: 5px; background: #FFF5F5; padding: 5px 6px; display: block;}


.contactPage h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 187.5%;
    font-weight: bold;
    padding-bottom: 0.125em;
}
.contactPage h3 {
    margin-top: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 131.25%;
    font-weight: bold;
}
.contactPage ul li {
    border-bottom: #E9E4E1 3px solid;
    padding: 1em 0 0.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    list-style-type: disc;
    font-size: 1.125rem;
}
.contactPage ul li a {
    text-decoration: none!important;
}
.otherQA {
    text-decoration: none;
    margin: 2em 0 2em;
}


/* necessary plugin styles */
.ellip {display: block;height: 100%;}
.ellip-line {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.ellip,.ellip-line {position: relative;overflow: hidden;max-width: 100%;}


/* フッターシンプルバージョン
========================================================================== */
#simpleInfoWrap { position: relative; margin-right: 20px; margin-top: -5px; padding-top: 34px;}
#simpleInfoWrap:before,#simpleInfoWrap:after { content: ""; display: block; width:280px; height: 59px; background: url(../img/common2/tuta.png) no-repeat left top; position: absolute; top: 0; left: -10px; transform: translate(0, -50%);}
#simpleInfoWrap:after { left: auto; right: -10px; background-position: top right;}
#simpleInfoWrap ul { font-size: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#simpleInfoWrap ul li { font-size: 12px; margin: 0 15px; line-height: 1.0;}
#simpleInfoWrap ul li a { font-size: 14px;}

#simpleInfoWrap .jadmaBox { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 26px 0;}
#simpleInfoWrap .jadmaBox p.txt { width: 166px; font-size: 12px; margin: 0 13px 0 10px; letter-spacing: 0.2px;}
#simpleInfoWrap .jadmaBox p.img { width: 180px;}

/* お買い物かご
========================================================================== */
#cartPage { padding-top: 5px;}
#cartPage #cartItemArea { margin-top:30px; }
#cartPage #cartItemNon { border: #E0E0E0 5px solid; border-radius: 5px;display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 20vh; font-size: 18px; margin: 50px auto 60px;}
#cartPage #cartItemNon .gray { color: #999; font-weight: bold;}
#cartPage #cartItemNon .gray img { width:40px; margin-right: 10px; }
#cartPage #cartItemArea .leftArea { width: 650px; float: left;}
#cartPage #cartItemArea .rightArea { width: 270px; float: right; padding-top: 4px; font-size: 16px; line-height: 1.3;}
#cartPage .itemBox { border-top: dotted #999 2px; padding: 22px 0 0; margin-top: 22px; }
#cartPage .itemBox:first-child { border: none; padding-top: 0; margin-top: 0;}
#cartPage .itemBox .img { width: 160px; float: left; margin-right: 60px; margin-top: 6px;}
#cartPage .itemBox .nameBox { float: right; width: 430px; }
#cartPage .itemBox .iName { font-size: 24px; line-height: 1.5;}
#cartPage .itemBox .iCapacity { font-size: 14px; line-height: 1.4;}
#cartPage .itemBox .iPrice { font-size: 14px; line-height: 1.4; letter-spacing: 0.1px; margin: 0.8em 0 0.6em;}
#cartPage .itemBox .iPrice strong { font-size: 18px;}
#cartPage .itemBox .iInput { padding: 4px 0; font-size: 0;}
#cartPage .itemBox .iInput .ttl { display: inline-block; width: 5.2em; margin-right: 5px; font-size: 19px;}
#cartPage .itemBox .iInput input { width: 3.5em; font-size: 16px;}
#cartPage .itemBox .iInput select { font-size: 15px;}
#cartPage .itemBox .iInput .kome { display: inline-block; margin-left: 10px;}
#cartPage .itemBox .iInput .del { font-size: 14px; display: inline-block; margin-left: 1.1em;}

#cartPage #cartItemArea .rightArea .btn { margin-bottom: 16px; margin-left: -10px;}
.css3 .priceBtnArea div:not(.sidebar__inner) {
	display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center;
}
.css3 .priceBtnArea .gokei p { font-weight: bold; font-size: 30px;}
.css3 .priceBtnArea .gokei p:first-child { font-size: 21px; }
.css3 .priceBtnArea .points { font-size: 18px; padding: 0.2em 0 0;}
.css3 .priceBtnArea .showkei { border-top: #999 1px solid; padding-top: 0.8em; margin-top: 0.9em; position: relative; font-size: 18px; font-weight: bold; margin-bottom: 0.7em;}
.css3 .priceBtnArea .showkei:before { content: ""; display: block; height: 1px; width: 100%; background: #999; position: absolute; left: 0; top: -4px;}
.css3 .priceBtnArea .waribiki { border: #643C32 1px solid; margin: 0.8em 0 0.7em; }
.css3 .priceBtnArea .waribiki p:not(.red) { background: #643C32; color: #fff; width:54%; text-align: center; padding: 0.6em 0.3em; }
.css3 .priceBtnArea .waribiki p.red { font-size: 24px; padding: 0 0.5em; font-weight: bold;}
.css3 .priceBtnArea .kome { font-size: 13px; margin-top: 0.6em;}

#delivPage .priceBtnArea .gokei p { font-size: 26px; padding-top: 8px;}
#delivPage .priceBtnArea .gokei p:first-child { font-size: 17px; }
#delivPage .priceBtnArea .points { font-size: 16px; padding: 0.2em 0 0;}

#cartPage #recommendArea { position: relative; clear: both; margin-top: 40px;padding-bottom: 1.2em;}
#cartPage #recommendArea:before { content: ""; display: block; width: 0;height: 0;border-style: solid;border-width: 24px 35px 0 35px;border-color: #643C32 transparent transparent transparent; position: absolute; left: 50px; top:0; transform: translate(0%, -60%);}
#cartPage #recommendArea .leftArea { width: 630px; float: left; padding: 20px 0 0 30px;}
#cartPage #recommendArea .rightArea { width: 290px; float: right; padding: 16px 20px 0 0 ; font-size: 16px; line-height: 1.3;}
#cartPage #recommendArea .leftArea .title { font-size: 24px; font-weight: bold; border-bottom: #808080 1px solid; padding:0 2px 2px; letter-spacing: 1px; margin-bottom: 14px;}
#cartPage #recommendArea .reItemBox {
	display: -webkit-flex; display: flex; -webkit-justify-content: space-between;; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start;
}
#cartPage #recommendArea .reItemBox div.img { width: 160px; margin-top: 30px;}
#cartPage #recommendArea .reItemBox div.img .txt { font-size: 18px; margin: 20px 0 15px;}
#cartPage #recommendArea .reItemBox div.img .txt span { display: block; font-size:14px; margin-top: 0.7em; }
#cartPage #recommendArea .reItemBox .txtArea { width: 410px; padding-bottom: 3px;}
#cartPage #recommendArea .reItemBox .txtArea .brown { font-size:18px; font-weight: bold; margin-bottom: 0.4em; }
#cartPage #recommendArea .reItemBox .txtArea .brown img { width:22px; display: inline-block; vertical-align: middle; margin-right: 0.35em;}
#cartPage #recommendArea .reItemBox .txtArea .txt { font-size: 16px;}
#cartPage #recommendArea .staffBox {border: #B3B3B3 1px solid; background: #fff; padding: 10px 8px 10px 10px; margin-top: 1.1em;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items:flex-start;}
#cartPage #recommendArea .imgBox { text-align: center; margin-right: 10px; width: 120px;}
#cartPage #recommendArea .imgBox span { width: 116px;}
#cartPage #recommendArea .imgBox .img100 { width: 100px;}
#cartPage #recommendArea .ope { flex: 1; font-size: 12px;}
#cartPage #recommendArea .ope .strong { font-weight: bold; margin-bottom: 0.6em; padding: 0.15em 0 0;}
#cartPage #recommendArea .rightArea .btn { margin-left: -10px; margin-top: 1.1em;}
#cartPage #recommendArea .rightArea .bgGray { background:#999; color: #fff; font-size: 18px; padding: 0.3em 0.6em; margin-bottom: 0.6em; font-weight: bold;}
#cartPage #recommendArea .komeUnder { font-size: 14px; text-align: right; padding: 0.9em 1em 0 0; clear: both;}
#guideLinkArea { margin-top: 38px;}
#guideLinkArea .title { border: #C1B1AD 1px solid; background: #E0D8D6; padding: 0.4em 0.6em; font-size: 18px; font-weight: bold;}
#guideLinkArea .tableBox {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:stretch; align-items: stretch; margin-top: -1px; border-right: #C1B1AD 1px solid;}
#guideLinkArea .tableBox div { border: #C1B1AD 1px solid; border-right: none; padding: 18px 16px 15px; width: 20%; position: relative;}
#guideLinkArea .tableBox div .link { font-size: 16px;display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; margin-bottom: 0.6em;}
#guideLinkArea .tableBox div .link img { height: 15px; vertical-align: middle; margin-right: 5px;}
#guideLinkArea .tableBox div .link a { text-decoration: underline; color: inherit;}
#guideLinkArea .tableBox div .txt { font-size: 14px; line-height: 1.6;}
#guideLinkArea .tableBox div .kome { font-size: 13px; margin-top: 0.9em;}
#guideLinkArea .tableBox div .img { height: 54px; width: 100%; text-align: center; position: absolute; left: 50%; bottom:12px;transform: translate(-50%, 0%); }
#guideLinkArea .tableBox div .img img { height: 54px;}

.keepShopping { text-align: right; margin-top: 3em; margin-bottom: -0.5em; }
.keepShopping a { display: inline-block; }

#cartPage #sankouArea { margin-top: 52px; padding-bottom: 6px;}
#cartPage #sankouArea .txtTtl { font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-bottom: 0.4em;}
#cartPage #sankoItemWrap {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items:  flex-start; align-items: flex-start;}
#cartPage #sankoItemWrap .sankoItem { width: 215px; font-size: 18px;}
#cartPage .sankoItem .img { border: #CCC 1px solid;}
#cartPage .sankoItem .iName { font-weight: bold; padding: 0.4em 0 0.2em;}
#cartPage .sankoItem .iCapacity { font-size: 14px; line-height: 1.4;}
#cartPage .sankoItem .iPrice { text-align: right; font-size: 14px; line-height: 1.4; letter-spacing: 0.1px; margin: 0.8em 0 0.6em;}
#cartPage .sankoItem .iPrice strong { font-size: 18px;}
#cartPage .sankoItem .iInput { padding: 4px 0; font-size: 0;display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
#cartPage .sankoItem .iInput .ttl { display: inline-block; white-space: nowrap; width: 5.1em; margin-right: 3px; font-size: 17px;}
#cartPage .sankoItem .iInput input { width: 3.5em; font-size: 15px;}
#cartPage .sankoItem .iInput select { font-size: 14px; padding-right: 30px; max-width: 122px;}
#cartPage .sankoItem .btn { margin-top: 0.6em;}

/* ログイン
========================================================================== */
#hStep { width: 760px; position: absolute; right: -25px; top: -76px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
#hStep .stepImg { position: relative;}
#hStep .stepImg img { height: 50px;}
#hStep .stepImg.visit img {height:70px; }
#hStep .stepImg:after { content: ""; display: block; width: 0; height: 0; border-style: solid;border-width: 9px 0 9px 15px;border-color: transparent transparent transparent #d1c4c1; position: absolute; right: -13px; top: 50%;transform: translate(50%, -50%);}
#hStep .stepImg:last-child:after { content: none;}

#loginPage .txtTop { font-size: 14px; margin: 1.1em 0 0.9em; line-height: 1.6;}
#loginPage .bgBrown { padding: 18px 25px 22px;}
#loginPage .bgBrown .leftArea { width: 400px; float: left;}
#loginPage .bgBrown .form-group { margin-top: 10px; margin-bottom: -7px;}
#loginPage .leftArea .inputDiv .txt { font-size: 14px; font-weight: bold;}
#loginPage .leftArea .inputDiv:first-child { margin-bottom: 0.8em;}
#loginPage .leftArea .checkP { margin-top: 5px;}
#loginPage .rightArea { width: 400px; float: right; text-align: right; margin-bottom: -8px;}
#loginPage .rightArea .btn { width:212px; margin-left: auto; margin-bottom: 1.5em; }
#loginPage .rightArea .txtLink { line-height: 1.8;}
#loginPage #ippanArea { margin-top: 44px;}
#loginPage #ippanArea table { margin: 0 0 30px; border: none;}
#loginPage #ippanArea th { border: none;background: none; font-weight: bold; width: 170px; vertical-align: top; padding: 0;}
#loginPage #ippanArea th span.hissu { background: #C1272D; color: #fff; font-size: 12px; letter-spacing: 3px;padding: 0 2px 0 5px; height: 16px; line-height: 12px; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-left: 0.7em;}
#loginPage #ippanArea th p { font-weight: normal; line-height: 1.4; font-size: 13px;}
#loginPage #ippanArea td { border: none; }
#loginPage #ippanArea td input.top { margin-bottom: 10px;}
#loginPage #ippanArea td input[type="text"],#loginPage #ippanArea td input[type="password"] {padding: 3px 1px 2px 8px;font-size: 15px;margin-right: 0px;}
.inputTtl { display: inline-block; width: 3.2em;}
.inputTtl2 { display: inline-block; width: 7.2em;}
.inputTtl3 { display: inline-block; width: 9.2em;}
.inlineFlex {display: -webkit-flex; display: flex; -webkit-justify-content:  flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
.searchAdd { display: inline-block; margin: 0 5px 0 20px;}
#loginPage #ippanArea td .mailSec { margin: 6px 0 2px;}
#loginPage #ippanArea .pTR th, #loginPage #ippanArea .pTR td { padding: 6px 0 8px;}
#loginPage #ippanArea .kiyakuDoui { font-size: 18px; font-weight: bold; display: -webkit-flex; display: flex;  -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
#loginPage #ippanArea .kiyakuDoui span { font-size:29px; display: inline-block; vertical-align: middle; margin: 0 15px;}
#loginPage #ippanArea #kiyakuBox { width: 880px; height: 220px; overflow-y: scroll; margin: 8px auto 30px; background: #fff; border: #989898 1px solid; padding: 18px 20px; line-height: 1.6; font-size: 13px;}
#loginPage #ippanArea #kiyakuBox .ttlP { font-weight: bold; margin: 1.4em 0 0.4em;}
#loginPage #ippanArea #kiyakuBox p.mt { margin-top: 0.8em;}
#loginPage #ippanArea #kiyakuBox ul { margin: 1em 0;}
#loginPage #ippanArea #kiyakuBox li { margin-bottom: 0.4em;}
#loginPage #ippanArea #kiyakuBox li.numList {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start;}
#loginPage #ippanArea #kiyakuBox li.numList p:first-child { width: 3em;}
#loginPage #ippanArea #kiyakuBox li.numList div { width: 100%;}
#loginPage #ippanArea #kiyakuBox .dotList li { position: relative; padding-left: 1em;}
#loginPage #ippanArea #kiyakuBox .dotList li:before { content: ""; display: block; width: 3px; height: 3px; background:#111; border-radius: 50%; position: absolute; left: 0.5em; top: 0.75em; transform: translate(-50%, -50%);}
#loginPage #ippanArea #kiyakuBox .fusoku { margin-top: 2.0em;}


#loginPage #ippanArea .douiBtn { margin: 0 auto 25px; text-align: center;}

.my-toggle {
    background: transparent;
    border: 0;
    font-size: 0;
    padding: 0 5px 0 0;
    width: 63px; height: 16px;
    margin-right: 0.5em;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../img/login/password.png);
    background-repeat: no-repeat;
    background-size: 58px 32px;
     background-position: left top;
}
.my-toggle:hover, .my-toggle:focus { outline: transparent;}
.my-toggle:hover { opacity: 0.8;}
.hideShowPassword-toggle, .my-toggle {z-index: 3;}
.my-toggle.hideShowPassword-toggle-show { background-position: left top;}
.my-toggle.hideShowPassword-toggle-hide { background-position: left bottom;}


/* お届け先情報
========================================================================== */
#shoppingDiv {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items:  flex-start; align-items: flex-start;}
#shoppingDiv .bgBrown { padding: 15px 25px 22px; width: 100%;}
#delivPage #shoppingDiv .leftArea { width:740px; }
#delivPage #shoppingDiv .rightArea { width:212px; }
#delivPage #shoppingDiv .rightArea .sidebar__inner {padding-top: 34px;}
#shoppingDiv .borderBox { border-bottom: #C1B1AD 1px solid; position: relative;}
#shoppingDiv .borderBox:last-child { border: none;}
#shoppingDiv .borderBox .takuhaiKome { font-size: 14px; display: inline-block; margin-left: 30px; font-weight: normal;}
#shoppingDiv ul { margin: 0 0 0.9em;}
#shoppingDiv li { font-size: 18px; font-weight: bold; padding: 0.2em 0;/*display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;*/}
#shoppingDiv li a { font-size: 14px; font-weight: normal; display: inline-block; margin-left: 14px;}
#shoppingDiv input[ type="radio"],#shoppingDiv input[ type="checkbox"] { display: none;}
#shoppingDiv input[ type="radio"] + label.radio { position: relative; display : inline-block; vertical-align: middle; overflow : hidden; box-sizing : border-box; padding-left: calc(24px + 8px);}
#shoppingDiv input[ type="radio"] + label.radio:before,
#shoppingDiv input[ type="radio"] + label.radio:after,
#shoppingDiv input[ type="checkbox"] + label.check:before,
#shoppingDiv input[ type="checkbox"] + label.check:after{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
#shoppingDiv input[ type="radio"] + label.radio:before {
    width: 24px; height: 24px;
    background: linear-gradient(to bottom, #ffffff 50%,#dadada 50%);
    box-shadow:0px 0px 7px 2px #ffffff inset;
    border: #B3B3B3 1px solid;
    left: 13px;
}
#shoppingDiv input[ type="radio"]:checked + label.radio:after {
    width: 10px;height: 10px;
    background: #ED1C24;
    left: 13px;
}
#shoppingDiv input[ type="checkbox"] + label.check { position: relative; display : inline-block; vertical-align: middle; overflow : hidden; box-sizing : border-box; padding-left: calc(18px + 8px);}
#shoppingDiv input[ type="checkbox"] + label.check:before,
#shoppingDiv input[ type="checkbox"] + label.check:after { border-radius: 3px;}
#shoppingDiv input[ type="checkbox"] + label.check:before {
    width: 18px; height: 18px;
    background: linear-gradient(to bottom, #ffffff 50%,#dadada 50%);
    box-shadow:0px 0px 7px 2px #ffffff inset;
    border: #B3B3B3 1px solid;
    left: 13px;
}
#shoppingDiv input[ type="checkbox"]:checked + label.check:after {
    width: 7px; height: 13px;
    left:8px; top: 8%;
    transform: rotate(40deg) skew(10deg,-5deg);
    border-bottom: 3px solid #231815;
    border-right: 3px solid #231815;
}
#shoppingDiv .radioInner { margin: 10px 0 11px 32px; border: #D9C8C4 2px solid; border-radius: 8px; padding: 14px 11px; background: #F9E9E5; }
#shoppingDiv .radioInner .cardZumi { padding-left: 38px; margin: 12px 0 25px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; font-size: 15px; font-weight: normal;}
#shoppingDiv .radioInner .cardZumi span { display: inline-block; margin-left: 1.5em;}
#shoppingDiv .radioInner .cardZumi img { height: 27px; margin-right: 10px;}

#shoppingDiv #delivWish { margin-top: 16px; margin-bottom: 0;}
#shoppingDiv #delivWish select {  font-weight: normal;}
#shoppingDiv .rightArea .kome { font-size: 13px; margin-top: 1.6em;}

#shoppingDiv .formBox { margin-left: 32px; margin-bottom: 25px;}
.formBox input { margin-right: 0;}
.formBox .inputName { font-weight: bold; margin: 8px 0 2px;}
.formBox .inputName span.hissu { background: #C1272D; color: #fff; font-size: 12px; letter-spacing: 3px;padding: 0 2px 0 5px; height: 16px; line-height: 12px; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-left: 0.7em; font-weight: bold;}
.formBox .inputName span:not(.hissu) { font-weight: normal; display: inline-block; margin-left: 10px;}
.formBox div.addArea { margin-left: 28px; padding: 4px 0 8px;}

/* 最終確認
========================================================================== */
#confirmPage #shoppingDiv .leftArea { width:700px; }
#confirmPage #shoppingDiv .rightArea { width:260px; }
#confirmPage #shoppingDiv .rightArea .sidebar__inner {padding-top: 34px;}
#confirmPage .bgBrown { padding: 20px 25px 22px; margin-bottom: 8px;}
#confirmPage .bgBrown.pinkBG { background:#F7E3DF; }
#confirmPage .bgBrown:first-of-type { padding-top: 2px;}
#confirmPage .floatDiv { width:320px; float: left; padding-top: 24px; }
#confirmPage p.cateTtl { font-size:18px; font-weight: bold; margin-bottom: 3px;}
#confirmPage p.cateTtl span { font-size:13px; font-weight: normal; display: inline-block; margin-left: 2em;}
#confirmPage p.cateTtl a { display: inline-block; margin-left: 1.2em; font-size: 14px; font-weight: normal; vertical-align: 2px;}
#confirmPage .floatDiv ul { margin-bottom: 0;}
#confirmPage .floatDiv li {
    font-size: 14px;
    font-weight: normal;
    padding: 0.1em 0;
    line-height: 1.4;
}
#confirmPage .floatDiv li input { width: 80px; margin-right: 0; font-weight: bold; text-align: right; padding-right: 5px; font-size: 18px;}
#confirmPage .floatDiv li input[type="number"]::-webkit-outer-spin-button,
#confirmPage .floatDiv li input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#confirmPage .floatDiv li input[type="number"] {-moz-appearance:textfield;}
#confirmPage .floatDiv li strong { font-size: 18px; letter-spacing: 0.1px;}
#confirmPage .floatDiv li span { font-weight: bold; font-size: 16px; display: inline-block; margin-left: 3px;}
#confirmPage #cardError { padding: 8px 0 5px 32px; font-size: 14px; color: #C1272D;}
#confirmPage #shoppingDiv .cadeKome { font-size: 14px; font-weight: normal; padding-left: 32px; margin: 4px 0 8px;}
#confirmPage #shoppingDiv .pinkBG ul { margin-top: 0.7em; margin-bottom: 0;}
#confirmPage #shoppingDiv .pinkBG .dataCredit { padding-left: 28px; margin: 0.5em 0 0.2em; }
#confirmPage #shoppingDiv .pinkBG .dataCredit li { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; font-size:14px; font-weight: normal; padding: 0.25em 0;}
#confirmPage #shoppingDiv .pinkBG .dataCredit .cttl { display: inline-block; width: 10.5em; text-align: right; margin-right: 3px;}
#confirmPage #shoppingDiv .pinkBG .dataCredit li input[type="text"] { margin-right: 0;}

#confirmPage .itemBoxWrap { padding-top: 10px;}
#confirmPage .itemBox {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 24px; }
#confirmPage .itemBox:last-child{ margin-bottom: 0;}
#confirmPage .itemBox .img { width: 116px; margin-right:30px; }
#confirmPage .itemBox .rightTxt { flex: 1;}
#confirmPage .itemBox .iPriceArea { font-size: 18px; margin-top: 1.6em; }
#confirmPage .itemBox .iPriceArea p { display: inline-block;}
#confirmPage .itemBox .iPriceArea span { display: inline-block; font-size: 16px;}
#confirmPage .itemBox .iPrice span { margin: 0 1.2em 0 0.2em;}
#confirmPage .itemBox .iType { margin: 0 0.6em 0 2.6em;}
#confirmPage #otodokeType { padding-top: 0; font-size:18px; }
#confirmPage #otodokeType p:not(.cateTtl) { padding-left: 0.3em;}
#confirmPage #customerInfo .flex {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
#confirmPage #customerInfo .flex div { padding-right: 1.5em; padding-top: 5px; padding-bottom: 15px;}
#confirmPage #customerInfo .flex div p { font-weight: bold; margin-bottom: 3px; position: relative;}
#confirmPage #customerInfo .flex div p:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align: 1px; background:#231815; margin-right: 3px; }
#confirmPage #shoppingDiv #mermagaBox ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items:  flex-start; align-items: flex-start; width: 100%; padding-top: 5px; margin-bottom: 0;}
#confirmPage #shoppingDiv #mermagaBox li { font-size: 14px; font-weight: normal; padding: 0.1em 0; width: 50%;}

#confirmPage .rightArea .btn { margin-bottom: 15px;}
#confirmPage .priceBtnArea .showkei { margin-top: 0.5em;}

#confirmPage .priceBtnArea .showkei2 { border-top: #999 1px solid; padding: 0.8em 0; margin-top: 1em; position: relative; font-size: 16px; font-weight: bold; }
#confirmPage .priceBtnArea .showkei2 .red { font-size: 18px;}
#confirmPage .priceBtnArea .showkei2 span { display: inline-block; margin-left: 2px;}
#confirmPage .priceBtnArea .showkei2:before { content: ""; display: block; height: 1px; width: 100%; background: #999; position: absolute; left: 0; bottom: 0px;}

/* ご注文完了
========================================================================== */
#thanksPage { position: relative;}
#thanksPage #hStep { right: 25px; }
#shoppingThanks { padding-top: 12px; width: 1060px; margin-right: 0px; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:  flex-end; align-items: flex-end; font-size: 15px;}
#shoppingThanks .leftArea { width:530px;}
#shoppingThanks .leftArea h2 { margin: 0 0 28px; padding: 0; text-align: center;}
#shoppingThanks .rightArea { width:504px; background: #EEE1D3;}
#shoppingThanks .orderNum { background: url(../img/common2/dotline.svg) repeat-x left top, url(../img/common2/dotline.svg) repeat-x left bottom; background-size: 8px 2px,8px 2px; 1.5em; font-size:16px; text-align: center; line-height: 1.0; padding: 1.35em; margin:1.4em 0; }
#shoppingThanks .orderNum strong { font-size: 17px;}

#shoppingThanks .reviewBox { background: #E0D8D6; border-radius: 18px; padding:14px 14px 16px 10px;display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start; margin-top: 26px; }
#shoppingThanks .reviewBox .left { width:248px; }
#shoppingThanks .reviewBox .img01 { width: 230px; }
#shoppingThanks .reviewBox .img02 { width: 208px; margin:10px 0 14px 18px;  }
#shoppingThanks .reviewBox .btn a { background:#3F8D3E; color: #fff; font-size: 16px; font-weight: bold; padding: 6px; padding-right: 2px; display: block; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 5px; letter-spacing: 1px; }
#shoppingThanks .reviewBox .right { width:240px; padding-top: 12px; }
#shoppingThanks .reviewBox .right .txt { width: 260px; margin-left: -20px;}
#shoppingThanks .reviewBox .right .txt strong { color: #D9345D; font-size: 16px; letter-spacing: 0.1px;}
#shoppingThanks .itemBox { background: #fff; border-radius: 6px; padding:8px 6px 8px 10px; margin-top: 1em; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
#shoppingThanks .itemBox .img { width: 90px; margin-right: 8px;}
#shoppingThanks .itemBox .iName { font-weight: bold; margin-bottom: 0.4em; line-height: 1.3;}
#shoppingThanks .itemBox .star .nowrap { font-size:13px;  }
#shoppingThanks .rightArea .ribon { width: 466px; margin: -10px auto -18px; position: relative; z-index: 100;}
#shoppingThanks .rightArea .osusumeWrap { margin: 0 20px;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items: stretch; align-items:stretch; padding-bottom: 4px;}
#shoppingThanks .rightArea .itembox { background: #fff; border-radius: 12px; margin-bottom: 10px; width: 226px; }
#shoppingThanks .rightArea .itembox a { display: block; text-decoration: none; padding:8px 10px 8px; }
#shoppingThanks .rightArea .itembox .img { width: 174px; margin: 0 auto; }
#shoppingThanks .rightArea .itembox .name { font-size: 17px; font-weight: bold; margin: 0.65em 0 0.15em; line-height: 1.3;}
#shoppingThanks .rightArea .itembox .price { font-size: 15px;}
#shoppingThanks .rightArea .itembox .price .num { font-size:18px; font-weight: bold; letter-spacing: 0.1px; display: inline-block; margin-right: 2px;}
#shoppingThanks .rightArea .itembox .price .mini { display: inline-block; margin-left: -1px;}
#shoppingThanks .rightArea .itembox .star {font-size: 17px;}
#shoppingThanks .rightArea .itembox .star .nowrap { font-size: 12px;}


/* 総合お問い合わせ
========================================================================== */
.contactPage { padding-top: 5px; font-size: 15px;}
.contactPage h1 { margin: 0 0 20px; padding: 0; font-size: 0; }
.contactPage h1 img { height: 23px;}
.css3.contactPage .maruIcon { font-size:17px; margin: 2em 0 0.8em; }
.css3.contactPage .maruIcon:before {left: 0.4em; top: 0.75em; width:13px; height: 13px; border-radius: 50%; background-color:#C79A70;  }

.contactPage .blownBtnList {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start; padding-bottom: 6px;}
.contactPage .blownBtnList li { margin-right: 13px; width: 258px;}
.contactPage .blownBtnList li:nth-child(3) { margin-right: 0;}
.contactPage .blownBtnList a { display: block; background: #A28A84; color: #fff; font-size: 14px; font-weight: bold; border-radius:8px; padding: 1em; text-align: center; text-decoration: none;box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.2);}
.contactPage .blownBtnList li:last-child { width: 800px; margin-right: 0; margin-top: 10px;}
.contactPage .blownBtnList li:last-child a { padding: 1.4em;}

.contactPage table{ border-left: #B29D98 1px solid; border-top: #B29D98 1px solid;}
.contactPage th { background: #F4EBE2; border-right: none; border-bottom: #B29D98 1px solid; font-size: 15px; padding: 1em 1.2em 1em 0.8em; width: 262px;}
.contactPage th span.red { display: inline-block; margin-right: 3px;}
.contactPage td { border-right: #B29D98 1px solid; border-bottom: #B29D98 1px solid; padding: 10px 10px 10px 14px;}
.contactPage td select { margin-bottom: 0;}
.contactPage td .kome { margin-top: 0.5em; font-size: 13px; letter-spacing: 0.1px;}

.contactPage .btn { width: 600px; text-align: center; margin: 30px auto 0;}
.contactPage .btn button,
#contactPage03 .btn a {
    width: 100%;
    display: block;
    background:#AD845E;
    color: #fff;
    box-shadow:0px 0px 0px 1px #fff inset,2px 2px 2px rgba(0, 0, 0, 0.2);
    border: #AD845E 2px solid;
    border-radius: 6px;
    font-size: 23px;
    font-weight: normal;
    padding: 0.4em;
    letter-spacing: 2px;
}
.contactPage .henji { margin: 34px 0 25px; text-align: center;}
.contactPage .henji dt { font-size:20px; margin-bottom: 0.65em;}

.contactPage .freeDialBox { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content:space-between; align-items: flex-start; padding: 25px; line-height: 1.2;}
.contactPage .freeDialBox .img { width:52px; display: inline-block; margin-right: 3px; vertical-align:0px;}
.contactPage .freeDialBox span:not(.img) { font-size: 16px; color: #222;}

.contactPage .freeDialBox strong:not(.num) { background: #643C32; color: #fff; font-size: 23px; display: inline-block; padding: 3px 5px 2px; margin-right: 8px; vertical-align: 6px;}
.contactPage .freeDialBox strong.num { font-family: 'Fira Sans', sans-serif; letter-spacing: 0.1px; font-size: 44px; font-weight: bold; }
.contactPage .freeDialBox strong.num.eMail { font-size: 37px;}

.contactPage .shikakuLine { background: url(../img/common2/bg_sikaku.svg) repeat-x left top; background-size: 40px 5px; padding-top: 36px; margin-top: 36px; }

#contactPage03 .dlBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items:stretch; align-items:stretch;}
#contactPage03 .dlBox dl { background: #fff; border-radius: 10px; box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5); padding: 20px 15px 20px; width: 52%; margin: 0 1.6% 1.7% 0; }
#contactPage03 .dlBox dl:nth-child(2n) { margin-right: 0; width: 46.4%;}
#contactPage03 .dlBox dt { text-align: center; font-size: 18px; padding:0 0 0.7em 0; border-bottom: #643C32 dashed 1px; margin-bottom: 1.1em; }
#contactPage03 .dlBox dd { font-size: 14px; padding: 0 8px; }
#contactPage03 .btn { margin: 30px auto 52px;}
#con3OtherList { margin: 1em 1em 1.1em;}
#con3OtherList li { font-size: 15px; font-weight: bold; margin-bottom: 0.15em;}


/* お客様のご意見箱
========================================================================== */
#contactPage01 h1 img {width: 370px; height: 50px;}
#contactPage01 ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; }
#contactPage01 li {width: 224px;}
#contactPage01 li img {margin-bottom: 1.1em;}
#contactPage01 li p {margin-left: 1em;}


#kiji_honbun {
    width: 864px;
    /* margin-top: 66px; */
    /* margin: 66px auto; */
    margin: 0 auto 66px;
    padding: 0 2rem;
    font-size: 1.0rem;
    font-family: 'Noto Sans JP', sans-serif !important;
    line-height: 1.8;
    color: #333;
    text-align: justify;
}

/* 総合ご利用ガイド
========================================================================== */
.guidePage { padding: 50px; font-size: 14px; background: #fff;}
.guidePage h1 { margin: 0 0 28px; padding: 0; font-size: 0; }
.guidePage h1 img { height: 35px;}
.guidePage h2.brown { font-size:18px; margin-bottom: 30px; }
.guidePage h3 { font-weight: normal; margin: 30px 0 15px; }
.guidePage .shikakuLine { background: url(../img/common2/bg_sikaku.svg) repeat-x left top; background-size: 40px 5px; padding-top: 36px; margin-top: 36px; }
.guidePage .box { margin-bottom: 40px;}
.guidePage .rightArea { text-align: right;}
.guidePage .centerArea { text-align: center;}
.guidePage .ico_arrow {background: url(../img/guide/ico_arrow.svg) no-repeat left center; background-size:15px 15px ;padding: 0 0 0 20px;}
.guidePage .attentionSt {color: #C1272D; }
.css3.guidePage .strong { font-weight: bold;}
.css3.guidePage .m_btm { margin-bottom: 15px;}
.css3.guidePage .fs28 { font-size: 28px;}
.css3.guidePage .fs24 { font-size: 24px;}
.css3.guidePage .fs19 { font-size: 19px;}
.css3.guidePage .fs18 { font-size: 18px;}
.css3.guidePage .fs14 { font-size: 14px;}
.css3.guidePage .fs12 { font-size: 12px;}
/* 関連のナビ */
.css3.guidePage .relation_nav {position: relative; margin-top: 58px; margin-bottom: -18px; padding: 40px 0 0; font-size: 18px;color: #643C32;}
.css3.guidePage .relation_nav:before {content: ""; position: absolute; top:0;width: 100%; height: 6px; background:#E9E4E2;border-top: 1px solid #DED6D4;}
.css3.guidePage .relation_nav li {margin-bottom: 15px;list-style: none;}
.css3.guidePage .relation_nav p {display: inline-block;vertical-align: middle;}
.css3.guidePage .relation_nav .arrow_right {width: 30px;height: 24px; display: inline-block; margin: 0 15px 11px; }
.css3.guidePage .relation_nav .btn_relation{width: 220px;height: 46px;line-height: 46px;border-radius: 5px;color: #fff;text-align: center;font-size: 15px;display: inline-block;vertical-align: middle;box-shadow : 1px 1px 2px rgba(0, 0, 0, 0.4);background: #92766F;text-decoration: none;}
.css3.guidePage .relation_nav .rightArea {margin-top: 10px;}

.css3.guidePage .pageInLink { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content:center; -webkit-align-items: stretch; align-items:stretch;}
.css3.guidePage .pageInLink li { flex: 1; text-align: center; margin: 0 5px;}
.css3.guidePage .pageInLink li span { font-size: 15px;}
.css3.guidePage .pageInLink a { display: block; background: #8CBB8B; color: #fff; border-radius: 3px; font-size: 18px; line-height: 1.0; padding: 0.9em 0.5em 0.8em; text-decoration: none;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.css3.guidePage h2.tutaH2 { border-bottom: #643C32 1px solid; color: #643C32; font-size: 24px; font-weight: bold; padding: 30px 5px 6px; margin-top: 20px; margin-bottom: 20px; line-height: 1.3; background: url(../img/common2/sou01.png) no-repeat right bottom 1px;}
.css3.guidePage p.tutaH3 { color: #643C32; font-size: 20px; font-weight: bold; padding: 30px 5px 6px; margin-top: 20px; line-height: 1.3;}

.css3.guidePage .maruList { margin-left: 1.1em; margin-top: 1.5em;}
.css3.guidePage .maruList li { padding-left: 14px; text-indent: -14px; line-height: 1.4; margin-bottom: 5px;}
.css3.guidePage .maruList li:before { content: ""; display:inline-block; vertical-align: 0px; width: 9px; height: 9px; border-radius: 50%; border: #444 1px solid; margin-right: 5px;}
.css3.guidePage .komeList li { margin-bottom: 7px;}
.css3.guidePage .grayTel { border: #CCCCCC 2px solid; border-radius: 6px; padding: 12px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-size: 17px; letter-spacing: 0.1px; font-weight: bold; margin-top: 25px;}
.css3.guidePage .grayTel strong{ font-size: 21px;}
.css3.guidePage .grayTel span { font-size: 14px; font-weight: normal; display: inline-block; margin-left: 1em;}


/* ご利用ガイドTOP
========================================================================== */
#guidePage00 {position: relative;}
#guidePage00 h1 { margin-bottom: 20px;}
#guidePage00 .btn_kadomaru {position: absolute; top: 0; right: 0;}
#guidePage00 .btn_kadomaru li {width: 150px; height: 40px; margin: 0 0 0 15px; display: inline-block;}

#guidePage00 .guide_area {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;}
#guidePage00 .guide_box {width: 314px; height: auto; padding-bottom:40px; margin-bottom: 15px; border-radius: 6px; border: 1px solid #E8E2E0; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);position: relative;}
#guidePage00 .guide_box h2{width: 100%; height:40px; line-height: 1; background: #E8E2E0; border-radius: 6px 6px 0 0;font-size:18px;padding:10px 15px;}
#guidePage00 .guide_box h2 img {display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}

#guidePage00 .guide_boxin {padding: 20px 25px; }
#guidePage00 .guide_boxin h3{font-size:18px; margin: 0 0 10px; letter-spacing: -0.03em;}
#guidePage00 .guide_boxin p{margin:10px 0;}
#guidePage00 .guide_boxin ul{margin:15px 0;}
#guidePage00 .guide_boxin li {text-indent: -1em; padding-left: 1em; }
#guidePage00 .guide_boxin hr{height: 0; border: 0;margin:15px 0 0;padding:15px 0 0; border-top: 2px dotted #643C32;}
#guidePage00 .guide_boxin .centerArea {font-size:18px;color: #643C32; font-weight: bold;background: #E2EEE2;border-radius: 5px;padding: 5px;margin-bottom: 5px;}
#guidePage00 .guide_boxin .rightArea {position: absolute; bottom: 10px;right:25px;}
#guidePage00 .guide_boxin .guide_boxin_list li {border-bottom: 2px dotted #643C32;margin-bottom: 10px; padding-bottom: 10px;}

/* ご購入ガイド
========================================================================== */
#guidePage01 .topDiv { position: relative; margin-bottom: 30px; }
#guidePage01 .topDiv .txtBox { width: 744px; font-size: 15px;}
#guidePage01 .topDiv .img {position:absolute; right: -14px; bottom: -20px;}
#guidePage01 .otoiawaseBox { border: #643C32 1px solid; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: stretch; align-items:stretch;}
#guidePage01 .otoiawaseBox .arrowTtl { background:#643C32; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; position: relative;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0.2em 0.2em 0.2em 1em; position: relative;}
#guidePage01 .otoiawaseBox .arrowTtl.w240 { width: 230px; text-align: left;}
#guidePage01 .otoiawaseBox .arrow { width: 29px; vertical-align: top; margin: 0; padding: 0;}
#guidePage01 .otoiawaseBox .rightArea { flex-grow: 1; flex: 1; font-size: 17px; padding: 8px 20px 8px 15px; font-weight: bold; text-align: left;display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;}
#guidePage01 .otoiawaseBox .rightArea p { display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center;}
#guidePage01 .freeDial { width: 44px;}
#guidePage01 .w7em { display: inline-block; width: 7em;}
#guidePage01 .otoiawaseBox .rightArea strong { font-size: 28px; font-weight: normal; letter-spacing: -0.8px;}
#guidePage01 .otoiawaseBox .rightArea .nomal { color: #444; font-size: 15px; font-weight: normal; display: inline-block; margin-left: 0.5em;}
#guidePage01 .otoiawaseBox .rightArea.border p:first-child { border-bottom: #C5B6B2 1px solid; margin-bottom: 0.35em;}
#guidePage01 .stepWrap { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:flex-start;align-items:flex-start; margin-top: 40px;}
#guidePage01 .stepWrap .leftArea { width: 682px; padding-left: 58px; padding-top: 20px; font-size: 15px; line-height: 1.6;}
#guidePage01 .stepWrap .rightArea { width: 240px; text-align: center;}
#guidePage01 .stepWrap .rightArea .arrow { padding: 18px 0;}
#guidePage01 .stepWrap .rightArea .arrow img { width: 36px; margin: 0 5px; }
#guidePage01 .stepWrap .namBox { border-bottom: #B29D98 1px solid; padding-bottom: 36px; margin-bottom: 42px;}

#guidePage01 .stepWrap .namBox_howto { padding-bottom: 36px; margin-bottom: 42px;}

#guidePage01 .stepWrap .namBox:last-child { margin-bottom: 0;}
#guidePage01 .stepWrap .namBox .ttl {font-size: 24px; font-weight: bold; line-height: 1.4; margin-bottom: 0.65em; position: relative;}

#guidePage01 .stepWrap .namBox_howto .ttl {font-size: 24px; font-weight: bold; line-height: 1.4; margin-bottom: 0.65em; position: relative;}

#guidePage01 .stepWrap .namBox .ttl .num { display: block; width: 35px; position: absolute; left: -54px; text-align: center; top: 50%; transform: translate(0%, -60%);}
#guidePage01 .stepWrap .namBox .maruList { margin-top: 25px; margin-left: 0; margin-bottom: 18px;}
#guidePage01 .stepWrap .namBox .maruList li { margin-bottom: 10px;}
#guidePage01 .stepWrap .namBox .maruList li:before { width: 13px; height: 13px; background: #E3CEB6; border: none;}
#guidePage01 .stepWrap .lightBox .ttl { font-size: 20px; font-weight: bold; position: relative; margin-bottom: 1em;}
#guidePage01 .stepWrap .lightBox .ttl .num { display: block; width: 40px; position: absolute; left: -54px; text-align: center; top: 50%; transform: translate(0%, -65%);}

#guidePage01 .flexSystem { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin: 30px 0;}
#guidePage01 .flexSystem li { flex-grow: 1; font-size: 21px; padding: 10px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center;}
#guidePage01 .flexSystem li strong { font-size: 30px; letter-spacing: 0; display: inline-block; margin: 0 3px;}
#guidePage01 .flexSystem li:last-child { margin-left: 20px;}
#guidePage01 .flexSystem li span { font-weight: bold; display: inline-block; margin: 0 3px;}

#guidePage01 .keizokuBox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items:flex-start; align-items:flex-start;}
#guidePage01 .keizokuBox .img { width: 180px; margin-right: 26px;}
#guidePage01 .keizokuBox div{ flex-grow: 1; flex: 1;}
#guidePage01 .keizokuBox li { font-size: 19px; font-weight: bold; margin-bottom: 14px;}
#guidePage01 .keizokuBox li span { font-size: 17px; display: block; font-weight: normal; margin-top: 3px;}
#guidePage01 .keizokuBox li:before { background: #643C32; border: none; width: 14px; height: 14px; }

#guidePage01 .reList { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 30px; }
#guidePage01 .reList li { flex: 1; padding: 25px 8px 15px; text-align: center;}
#guidePage01 .reList li img { height:66px; margin-bottom: 20px; }
#guidePage01 .reList li:nth-child(2) { margin: 0 20px;}
#guidePage01 .reList li:nth-child(1) { background: url(../img/guide/index01/maru.svg) no-repeat center center #E3EED9; background-size: 236px 236px;}
#guidePage01 .reList li:nth-child(3) { background: url(../img/guide/index01/batu.svg) no-repeat center center #E3EED9; background-size: 236px 236px;}
#guidePage01 .reList li .ttl { font-size: 23px; font-weight: bold; line-height: 1.3; margin-bottom: 0.8em;}
#guidePage01 .reList li .txt { font-size: 16px; margin-bottom: 0.8em;}

#guidePage01 .borderLinkBtn img { width: 24px; margin-right: 5px; }
#guidePage01 .brownBtn { text-align: center; }
#guidePage01 .brownBtn a { font-size: 19px; padding: 0.5em 2em; line-height: 1.0; border-radius: 4px; box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4);}

/* 商品のお届けと送料・手数料について
========================================================================== */

#guidePage02 h2{ line-height: 1; font-size:21px; color: #643C32;margin: 0 0 20px;}
#guidePage02 h2 img {display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}

#guidePage02 .delivery_area {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;margin: 40px 0;}
#guidePage02 .delivery_box {width: 630px; height: auto; }

#guidePage02 .maruIcon { font-size:16px; letter-spacing: 0.1px; margin: 10px 0;list-style: none; }
#guidePage02 .maruIcon:before {left: 0.4em; top: 0.75em; width:13px; height: 13px; border-radius: 50%;}
#guidePage02 .delivery_box .maruIcon:before {background-color:#643C32; }
#guidePage02 .postin_box .maruIcon:before {border: 1px solid; background-color:#fff; }

#guidePage02 .ph_box {width: 340px;margin: 40px 0 0;}

#guidePage02 .postin_area {margin: 40px 0 20px;}
#guidePage02 .postin_box {border: 8px solid #E9F1E1; position: relative;margin-bottom: 10px; padding: 90px 30px 30px;}
#guidePage02 .postin_box .attentionSt {color:#3F8D3E ;}
#guidePage02 .postin_box h3 {margin: 0;}

/* 宅配便でのお届け *//* ポストインでのお届け */
#guidePage02 .ribon1 { position: absolute; top: 15px; left: -8px;width: 388px; height: 58px}
#guidePage02 .ribon2 { position: absolute; top: 0; left: -8px;width: 445px; height: 99px}
#guidePage02 .flexWrap { display: flex; gap: 10px; align-items: flex-end;}
#guidePage02 .flexWrap img { width: 40%; align-items: flex-end;}
/* 
#guidePage02 .postin_box1 {padding: 90px 30px 30px; background: url(../img/guide/ph02_3.svg) no-repeat 645px bottom; background-size:300px 300px ; }
#guidePage02 .postin_box2 {padding: 110px 30px 40px; background: url(../img/guide/ph02_4.svg) no-repeat 556px 60px; background-size:390px 340px ; } */

/* ポストイン対象商品 */
#guidePage02 .postin_box h4 {position: relative;text-align: center; font-size: 21px; line-height: 1; color: #643C32; width: 880px; margin: 50px auto 30px; }
#guidePage02 .postin_box h4:before,#guidePage02 .postin_box h4:after {content: ""; position: absolute; top:0;width: 320px; height: 23px; background: url(../img/guide/bg_diagonal_line.svg) no-repeat left center; background-size: 320px 23px;}
#guidePage02 .postin_box h4:before { left:0;}
#guidePage02 .postin_box h4:after { right:0;}
#guidePage02 .postin_box .centerArea{margin-top: 40px;}
#guidePage02 .postin_products{width: 880px;margin: 0 auto ; border-bottom: 1px dashed #3F8D3E; display: -webkit-flex; display: flex;}
#guidePage02 .postin_products_box {width: 293px;padding:20px 0 10px; display: -webkit-flex; display: flex;}
#guidePage02 .postin_products_box .ph_box {width: 40px; margin:0 10px 0 5px; }
#guidePage02 .postin_products_box .ph_box img {width: 40px;height: 50px;}
#guidePage02 .postin_products_box .txt_box {width: 238px;}
#guidePage02 .postin_products_box .txt_box h5{font-size: 18px; font-weight: normal;margin: 0;padding: 0;}
#guidePage02 .postin_products_box .txt_box p{font-size: 15px;}
#guidePage02 .arrow_down {width: 168px; height: 53px; margin: 0 auto 20px;display: block;}
/* 送料・手数料の一覧 */
#guidePage02 .price_table_area {background: #E9F1E1;padding: 30px;color: #643C32;}
#guidePage02 .price_table_area h2 {font-size: 25px;margin-bottom: 30px;text-align: center;}
#guidePage02 .price_table_area .price_table{width: 910px; height: 430px; margin: 0 auto 10px;display: block;}
#guidePage02 .rightArea {display: inline-block;}

/* お支払い方法について
========================================================================== */
#guidePage03 .topTxt { font-size:15px; position: relative; margin-bottom: 40px;}
#guidePage03 .topTxt .kome { font-size: 15px; margin-top: 0.75em;}
#guidePage03 .topTxt .img { position: absolute; right: 0; bottom: -22px;}
#guidePage03 .flexBox {display: -webkit-flex; display: flex; -webkit-justify-content:space-between;justify-content:space-between; -webkit-align-items:flex-start; align-items:flex-start;}
#guidePage03 .flexBox .leftArea { flex: 1; padding-top: 5px; font-size: 14px; }
#guidePage03 .flexBox .leftArea .brown { font-size: 21px; line-height: 1.4;}
#guidePage03 .flexBox .leftArea .alignR { font-size: 14px; text-align: right; margin: 0.5em 0 1.6em;}
#guidePage03 .flexBox .leftArea .kome { margin-top: 1em; }

#guidePage03 .flexBox .rightArea { width: 534px; margin-left: 30px; padding: 0 20px 25px; text-align: center;}
#guidePage03 .flexBox .rightArea .brown { font-size: 18px; font-weight: bold; padding: 1.2em 0 0.8em;}
#guidePage03 .flexBox .rightArea .img { background: #fff; padding: 3px;}
#guidePage03 .creditDL { font-size: 12px; margin: 1.4em 0 0;}
#guidePage03 #payNP { margin-bottom: 30px;}
#guidePage03 .npTxt { margin: 1em 0;}
#npWizDL { margin:0 45px; padding-top: 10px; }
#npWizDL dt { font-size: 21px; line-height: 1.3; margin: 30px 0 0.6em; font-weight: bold;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#npWizDL dt img { width: 25px; margin-right: 10px;}
#npWizDL dd { padding-left: 35px;}
#npWizDL dd.icon { padding-left: 52px; text-indent: -14px; margin-bottom: 5px; line-height: 1.4;}
#npWizDL dd.icon:before { content: ""; width:9px; height: 9px; margin-right: 5px; border-radius: 50%; background: #3F8D3E; display: inline-block; vertical-align: 1px;}
#npWizDL dd .nami { display: inline-block; padding-bottom: 2px; background: url(../img/guide/payment/nami.svg) repeat-x left bottom; background-size:11px 3px; text-indent: 0; }
#npWizDL dd:not(.icon) { display: -webkit-flex; display: flex; -webkit-align-itemss:flex-start; align-items:flex-start; margin-bottom: 7px;}
#npWizDL dd .ttl { background: #3F8D3E; color: #fff; font-weight: bold; padding: 0.5em 0; text-align: center; line-height: 1.0; border-radius: 4px; margin-right: 15px; width: 11em;}
#npWizDL dd:not(.icon) p:not(.ttl) { padding: 0.2em 0;}
#guidePage03 .komeList {}

/* 定期コースのご案内
========================================================================== */
#guidePage04 h1 { position: relative; z-index: 10;}
#guidePage04 .topBox { position: relative; width: 100%; padding-top: 100px;}
#guidePage04 .topBox .ribon { position: absolute; left: -50px; top: 0;}
#guidePage04 .topBox .img { position: absolute; right: 0; top: 84px; transform: translate(0%, -100%);}
#guidePage04 .topImg { margin-left: -50px; position: relative; z-index: 0;}
#guidePage04 .merit01 {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:flex-start; align-items:flex-start; padding-top: 20px;}
#guidePage04 .merit01 .img { width: 150px; margin-left: 30px;}
#guidePage04 .txtNum {display: -webkit-flex; display: flex; -webkit-align-items:flex-start;align-items:flex-start; font-size: 30px; line-height: 1.4; font-weight: bold; margin-bottom: 20px;}
#guidePage04 .txtNum .num { height: 36px; width: 30px; text-align: center; margin-right: 10px;}
#guidePage04 .txtNum .num img { height:36px; }
#guidePage04 .merit01 .maruList { margin-left: 40px; margin-top: -5px;}
#guidePage04 .merit01 .maruList li:before { border: none; background: #C69C6D;}
#guidePage04 .ptnbox {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; margin-top: 20px;}
#guidePage04 .ptnbox p { backface-visibility: #fff; border-radius: 20px; box-shadow : 1px 2px 5px rgba(0, 0, 0, 0.5); text-align: center; -webkit-box-flex: 2; flex-grow: 2; padding: 25px 20px 20px;}
#guidePage04 .ptnbox p:first-child { width: 450px; margin-right: 20px; -webkit-box-flex: 0; flex-grow: 0;}
#guidePage04 .bgGreen { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 35px; border-radius: 20px;}

/* 会員クラスとポイントサービスのご案内
========================================================================== */
#guidePage05 .topBox { position: relative; width: 100%; padding-top: 100px;}
#guidePage05 .topBox .ribon { position: absolute; left: -50px; top: 0;}
#guidePage05 .topBox .okamo { position: absolute; right: 0; top: 84px; transform: translate(0%, -100%);}
#guidePage05 .topBox ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
#guidePage05 .topBox li { background: #fff; box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4); border-radius: 18px; flex: 1; padding: 20px 14px; text-align: center;}
#guidePage05 .topBox li:nth-child(2) { margin: 0 26px;}
#guidePage05 .topBox li .top { height: 87px;display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-bottom: 12px; }
#guidePage05 .topBox li .top .brown { font-size: 24px; line-height: 1.3;}
#guidePage05 .topBox li .top .brown .red { font-size: 30px;}
#guidePage05 .topBox li p:not(.top) .red { font-size: 18px;}
#guidePage05 .leafBox { display: -webkit-flex; display: flex; margin: 0 15px;}
#guidePage05 .leafBox dl { margin-right: 60px; padding-top: 20px;}
#guidePage05 .leafBox dt { font-size: 22px; font-weight: bold; margin-bottom: 0.8em; letter-spacing: 2px;}
#guidePage05 .leafBox dt img { width: 15px; margin-right: 10px; vertical-align: -1px;}
#guidePage05 .leafBox dd { font-size: 16px; line-height: 1.8;}
#guidePage05 .leafBox.center {-webkit-align-items: center; align-items: center; margin-bottom: 20px;}
#guidePage05 .leafBox.center dl { margin-right: 40px;  padding-top: 0; }
#guidePage05 .leafBox .arrow { width: 59px; margin-right: 40px; padding-top: 16px;}
#guidePage05 .leafBox .brownBtn { padding-top: 16px;}
#guidePage05 .leafBox .brownBtn a { font-size: 20px; font-weight: bold; padding: 0.8em; width: 320px; border-radius: 5px; line-height: 1.0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.keihin_btn { font-size: 19px; padding: 0.5em 2em; line-height: 1.0; border-radius: 4px; box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4); background:#AD845E; border: #AD845E 2px solid;}
.mrgB15 a:link { color: #fff; }
.mrgB15 a:visited { color: #fff; }
.mrgB15 a:hover { color: #fff; }
.mrgB15 a:active { color: #fff; }

#guidePage05 .maruList li:before { background: #C69C6D; border: none; }
#guidePage05 .maruList.f16 { margin-top: 30px;}
#guidePage05 .maruList.f16 li { margin-bottom: 9px; padding-left: 18px; text-indent: -18px;}
#guidePage05 .maruList.f16 li:before { width: 13px; height: 13px;}

#guidePage05 .ghPointsBox { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 15px 0 10px;}
#guidePage05 .ghPointsBox .leftBox { width: 450px; margin-right: 70px;}
#guidePage05 .ghPointsBox .bgGreen { padding: 1.4em 1em; padding-bottom: 1em; margin-bottom: 18px; font-size: 16px; text-align: center;}
#guidePage05 .inlineFlex a { width: 222px; padding: 0.5em; font-size: 16px; font-weight: bold; text-align: center; border-radius: 5px; letter-spacing: 2px; color: #fff;}
#guidePage05 #howtoJoin { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between; justify-content:space-between; padding: 30px 0 20px; }
#guidePage05 #howtoJoin .sBox {background: #fff; box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4); border-radius: 18px; padding: 22px 18px 20px; font-size: 15px; }
#guidePage05 #howtoJoin .sBox:nth-child(1) { width: 334px;}
#guidePage05 #howtoJoin .sBox:nth-child(2) { width: 620px;}
#guidePage05 #howtoJoin h3 { background: #65A465; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 1.0; padding: 0.45em; text-align: center; position: relative; border-radius: 6px; margin: 0 0 20px;}
#guidePage05 #howtoJoin h3 .img01 { position: absolute; left: 15px; bottom: 0;}
#guidePage05 #howtoJoin h3 .img02 { position: absolute; left: 5px; bottom: 5px;}
#guidePage05 #howtoJoin h3 .img03 { position: absolute; right: 10px; bottom: 5px;}
#guidePage05 #howtoJoin h3 .img04 { position: absolute; left: 30px; bottom: 0;}
#guidePage05 #howtoJoin .flex { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:flex-start; align-items:flex-start;}
#guidePage05 #howtoJoin .sBox.flex .leftBox { margin-right: 28px;}
#guidePage05 #howtoJoin .sBox .p02 { margin: -6px 0;}
#guidePage05 #howtoJoin .sBox:last-child { width: 100%; margin-top: 20px;}
#guidePage05 #howtoJoin .sBox:last-child h3 { width: 100%;}
#guidePage05 #howtoJoin .sBox .flex { padding: 10px 15px;}
#guidePage05 #howtoJoin .sBox .flex .leftBox { padding-top: 10px;}
#guidePage05 #howtoJoin .numTxt { font-size: 22px; font-weight: bold; line-height: 1.4; position: relative; padding-left: 38px; margin-bottom: 22px;}
#guidePage05 #howtoJoin .numTxt span {background: #3F8D3E; width: 30px; height: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; color: #fff; font-size: 18px; line-height: 1.0; border-radius: 50%; position:absolute; left: 0; top: 0; }
#guidePage05 #howtoJoin .txt { padding-left: 38px;}
#guidePage05 #howtoJoin .btnList { width: 800px; margin: 40px auto 20px; display: -webkit-flex; display: flex; webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#guidePage05 #howtoJoin .btnList li { flex: 1; margin: 0 10px; }
#guidePage05 #howtoJoin .btnList a { display: block; flex-grow: 1; border-radius: 5px; font-size: 20px; padding: 0.5em; }

/* レビュー投稿について
========================================================================== */
#guidePage08 .topBox { position: relative; width: 100%; padding-top: 100px; margin-bottom: 40px;}
#guidePage08 .topBox .ribon { position: absolute; left: -50px; top: 0;}
#guidePage08 .topBox strong { font-size: 20px; font-weight: normal;}
#guidePage08 .topBox .img { position: absolute; right: 0; bottom: 0; width: 40%; top: -20%;}
#guidePage08 #whats .txtBox { float: left; padding: 15px 5px 0;}
#guidePage08 #whats .img { float: right;}
#guidePage08 #whats .borderP { display: inline-block; border: #B19D98 1px solid; border-radius: 10px; padding: 0.9em 1.1em 0.9em 1.2em; font-size: 16px; font-weight: bold; margin-top: 28px;}
#guidePage08 .sBox {background: #fff;box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4);border-radius: 18px;padding: 22px 18px 20px;font-size: 17px; margin-bottom: 20px;}
#guidePage08 .sBox h3 {background: #65A465;color: #fff;font-size: 20px;font-weight: bold;letter-spacing: 1px;line-height: 1.0;padding: 0.45em;text-align: center;position: relative;border-radius: 6px;margin: 0 0 20px;}
#guidePage08 .sBox h3 .img04 { position: absolute; left: 18px; bottom: -1px;}
#guidePage08 .sBox h3 .img01 { position: absolute; right: 20px; bottom: -1px;}
#guidePage08 .sBox ul { margin: 0 10px; }
#guidePage08 .sBox ul li { border-bottom: #83635B 1px dashed; padding: 1em 10px; padding-left: 20px; text-indent: -20px;}
#guidePage08 .sBox ul li:last-child {border: none;}
#guidePage08 .sBox ul li:before { content: ""; display: inline-block; vertical-align: 0px; width: 14px; height: 14px; margin: 0 4px 0 2px; background: #643C32; border-radius: 50%;}
#guidePage08 .sBox ul li strong { font-size: 18px; display: inline-block; margin:0 2px 0 1px; text-indent: 0;}
#guidePage08 .sBox li ul { margin: 0.7em 0 0; font-size: 14px;}
#guidePage08 .sBox li li {border: none; line-height: 1.4; padding: 0 0 0 1em; margin: 0 0 3px 0; text-indent: -1em;}
#guidePage08 .sBox li li:before {content: none;}
#guidePage08 .pointList {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding: 10px 0;}
#guidePage08 .pointList li {background: #fff;box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4);border-radius: 18px;padding: 18px 5px 22px;font-size: 15px; line-height: 1.4; text-align: center; flex: 1;}
#guidePage08 .pointList li strong { font-size: 20px; font-weight: normal;}
#guidePage08 .pointList li strong .mini { display: inline-block; margin: 0 3px; font-size: 16px;}
#guidePage08 .pointList li:nth-child(2) { margin: 0 26px;}
#guidePage08 .pointList li .img { width: 86px; margin: 0 auto;}
#guidePage08 .pointList li .txt { margin-top: 15px; line-height: 25px; }
#guidePage08 h3.reaf {font-size: 22px;font-weight: bold;margin-bottom: 0.8em;letter-spacing: 2px; margin-top: 40px;}
#guidePage08 h3.reaf img {width: 15px;margin-right: 10px;vertical-align: -1px;}
#guidePage08 .flexWrap { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
#guidePage08 .flexWrap.txtTop { -webkit-align-items:flex-start; align-items:flex-start;}
#guidePage08 .arrowBox { margin-bottom: 70px; position: relative;}
#guidePage08 .arrowBox:after { content: "";width: 0;height: 0;border-style: solid;border-width: 30px 40px 0 40px;border-color: #643c32 transparent transparent transparent; position: absolute; left: 240px; bottom: -66px; transform: translate(-50%, -50%);}
#guidePage08 .flexWrap .img { width: 480px;}
#guidePage08 .flexWrap .rightBox { width: 430px; font-size: 17px;}
#guidePage08 .gTxt { background: #79AF78; color: #fff; font-size: 22px; font-weight: bold; line-height: 40px; text-align: center; margin-bottom: 24px;}
#guidePage08 .flexWrap .kome { font-size: 14px;}

#guidePage08 .f-wrap {display: flex; width:90%; margin: auto; justify-content: space-between;}
#guidePage08 .f-item {width: 45%; flex: 1; align-self: center;}

/* 返品・交換について
========================================================================== */
#guidePage06 .borderBox {border: #E9E4E1 6px solid; border-radius: 20px; padding:30px 28px 25px; position: relative; font-size: 15px; margin: 20px 0 0;}
#guidePage06 .borderBox ul { margin: 0 !important;}
#guidePage06 .borderBox li { margin-bottom: 6px;}
#guidePage06 li .f18 { letter-spacing: 0.1px;}
#guidePage06 li:before { background:#C69C6D; border: none; width: 12px; height: 12px; }
#guidePage06 .borderBox .bgBrown { padding: 14px 30px; margin: 6px 0 15px; border-radius: 8px; line-height: 1.7; font-size: 15px; display: inline-block;}
#guidePage06 .borderBox .img01 { width:100px; position: absolute; right: -25px; bottom: 14px;}
#guidePage06 .borderBox .img02 { width:160px; position: absolute; right: 60px; top: 40px;}
#guidePage06 .howtoBox { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center; margin-bottom: 25px;}
#guidePage06 .howtoBox .imgBox { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#guidePage06 .howtoBox .imgBox .arrow { width:60px; margin: 24px 0 22px; }
#guidePage06 .txtNum {display: -webkit-flex; display: flex; -webkit-align-items:flex-start;align-items:flex-start; font-size: 23px; line-height: 1.4; font-weight: bold; margin-bottom: 18px;}
#guidePage06 .txtNum .num { height: 42px; width: 40px; text-align: center; margin-right: 7px; margin-top: -6px;}
#guidePage06 .txtNum .num img { height:42px; }
#guidePage06 .txtNum.border { border-top: #C5B5B1 1px solid; margin-top: 28px; padding-top: 35px;}
#guidePage06 .howtoBox .rightArea { width: 630px; margin-left: 36px; text-align: left; padding-top: 25px;}
#guidePage06 .howtoBox ul { margin-left: 48px; margin-top: 0.7em; font-size: 15px;}
#guidePage06 .howtoBox li { margin-bottom: 10px;}
#guidePage06 .howtoBox .kome { font-size: 14px; margin: 30px 0 0 48px;}
#guidePage06 .howtoBox a:link, a:visited  { color: #333 !important;}


/* お客様Q＆A
========================================================================== */
#faqIndexPage .topImgArea { position: relative; min-height: 126px; z-index: 0;}
#faqIndexPage .topImgArea .img { position: absolute; right: 0; top: -85px;}
#faqIndexPage .faqBox { width: 308px; background: #E9E4E1; border-radius: 10px; padding: 4px; box-shadow: 2px 2px 2px rgba( 81, 79, 79, 0.4); text-align: left; margin-bottom: 12px;}
#faqIndexPage .rightArea .faqBox a.wrap { display: block; text-decoration: none; height: 100%;}
#faqIndexPage .faqBox .btnA { background: #fff; border-radius: 9px 9px 0 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 10px 5px; text-decoration: none; font-size: 20px; font-weight: bold; text-align: left;}
#faqIndexPage .faqBox .btnA img { height: 60px; margin-right: 5px;}
#faqIndexPage .faqBox .btnA p { line-height: 1.3;}
#faqIndexPage .faqBox .btnA span { font-size: 15px; font-weight: normal; white-space: nowrap; display: inline-block; margin-left: 2px;}
#faqIndexPage .faqBoxWrap { width: 970px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:flex-start; align-items:flex-start; position: relative; z-index: 10;}
#faqIndexPage .faqBoxWrap .rightArea { width:639px;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between; justify-content:space-between;}
#faqIndexPage .faqBoxWrap ul { padding: 7px 5px 10px 15px; font-size: 14px;}
#faqIndexPage .faqBoxWrap li { padding-left: 13px; text-indent: -13px; line-height: 1.4; margin-top: 8px; text-align: left;}
#faqIndexPage .faqBoxWrap li:before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #AF9882; margin-right: 6px; vertical-align: 2px;}
#faqIndexPage .faqBoxWrap .rightArea ul {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#faqIndexPage .faqBoxWrap .rightArea li:nth-child(2n-1) { margin-right: 2em;}

.faqPage h1 {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.faqPage h1 img.icon { height: 52px; margin-right: 12px; vertical-align: middle;}
.css3.faqPage .pageInLink { -webkit-justify-content:flex-start; justify-content:flex-start; width: 972px; margin: 0 auto; }
.css3.faqPage .pageInLink li { flex: auto; flex-grow: 0; width: 322px; margin: 0 1px 2px;}
.css3.faqPage .pageInLink li a { box-shadow: none; border-radius: 0; font-size: 15px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; padding: 0.9em 20px 0.8em;}
.css3.faqPage .pageInLink li a img { width: 8px; margin-right: 9px; vertical-align: middle; opacity: 0.4;}

.faqPage .borderBox { border: #E9E4E1 6px solid; border-radius: 10px; padding: 30px 22px 20px; margin: 32px auto 12px;}
.faqPage#faqPage01 .borderBox { border-color: #E9E4E1; padding-top: 30px;}
.faqPage .borderBox h2 { padding: 0 12px; font-size: 24px; font-weight: bold; margin-bottom: 22px;}
.faqPage .borderBox h2 strong { font-size: 28px; display: inline-block; margin-right: 5px;}
.faqPage .qBox { border: #BAA591 2px solid; border-radius: 8px; box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.2); background: #fff; padding: 0 25px; margin-bottom: 12px;}
.faqPage .qBox .icon { width: 18px; position:absolute; left: 6px; top: 20px;}
.faqPage .questionBox { position: relative; padding: 25px 55px 22px 45px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.faqPage .questionBox:hover { opacity: 0.9;}
.faqPage .answerBox { position: relative; padding: 25px 10px 25px 45px; border-top: #E9E4E1 5px solid;}
.faqPage .question { font-size: 18px; line-height: 1.4; font-weight: bold;}
.faqPage .question.itemN { margin-bottom: -9px;}
.faqPage .question .itemName { font-size: 15px; display: block; margin: -10px 0 8px; }
.faqPage .answerBox { position: relative; padding: 25px 0px 20px 45px; display: none;}
.faqPage .answer { font-size: 15px; line-height: 1.6;}

.faqPage .acdBtn { width: 46px; height: 46px; position: absolute; right: -10px; top: 12px;}
.faqPage .addBtn a { color: #fff; background: #93766F; font-size: 16px; line-height: 1.0; padding: 0.9em 2em; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; border-radius: 5px;}
.faqPage .addBtn img { width: 15px; margin-right: 7px;}
.faqPage .acdBtn span { width: 24px; height: 15px; background-size: 24px 31px;}

.css3.faqPage .kome { font-size: 13px;}
.css3.faqPage .maruList { margin: 0.9em 0 1em 0.9em;}
.css3.faqPage #rakushu .maruList.list01 li {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 230px; text-indent: 0;}
.css3.faqPage #rakushu .maruList.list01 li span { margin-left: auto;}
.css3.faqPage #rakushu .maruList.list02 li {display: -webkit-flex; display: flex; -webkit-align-items:flex-start; align-items:flex-start; text-indent: 0;}
.css3.faqPage #rakushu .maruList.list02 li:before { margin-top: 4px;}
.css3.faqPage #rakushu .maruList.list02 li span { width: 6em;}
.css3.faqPage #rakushu .maruList.list02 li p { flex: 1;}
.css3.faqPage .maruList.lineD { margin: 1.3em 0 1.2em 0.9em;}
.css3.faqPage .maruList.lineD li { margin-bottom: 12px;}


/* 特定商取引法の表記
========================================================================== */
.guidePage table { margin: 0 auto 30px; border: none;}
.guidePage th { color: #643C32; background:#F4EBE2 url(../img/common2/dotline2.svg) repeat-x left bottom; background-size: 16px 2px;font-size: 16px; padding: 15px 40px; width: 262px; border: none; vertical-align: top;}
.guidePage td { padding: 15px 0 15px 20px; font-size: 14px;border: none; background: url(../img/common2/dotline2.svg) repeat-x left bottom; background-size: 16px 2px; }
.guidePage td li ul {margin:10px 0 15px 20px; font-size: 12px; line-height: 1.7;}

#guidePage10 .address{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; }
#guidePage10 .address img {width: 158px; height: 164px; }

/* 個人情報保護について
========================================================================== */
.shikakuLine .privacy_list {margin-left: 15px;}
.privacy_list {margin-top: 30px; margin-bottom: 30px;}
.privacy_list li {text-indent: -1em; padding-left: 1em; margin-bottom: 10px; }
.privacy_list ul {margin-top: 10px; margin-bottom: 20px;}
.privacy_list ul li {text-indent: -1em; padding-left: 1em; margin-bottom: 7px; line-height: 1.2;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.privacy_list h4 { font-weight: normal;margin-bottom: 15px; }
.privacy_list h5 { font-weight: normal;margin-bottom: 15px; text-indent: 0;}
.privacy_list p { margin-bottom: 20px; text-indent: 0;}
.privacy_list .tel { font-weight: bold; margin-left: 1em; font-size: 16px;}
.privacy_contact { width: 580px; padding: 20px 40px; margin:20px auto 30px; border-radius: 6px; border: #CCCCCC 1px solid;}
.privacy_contact h4 {font-size: 17px; margin-bottom: 10px; color:#643C32; font-weight: bold;}
.privacy_contact .borderBtn { margin-left: 20px; width: auto; text-indent: 0;}
.privacy_contact .borderBtn img { width: 24px; margin-right: 8px; text-indent: 0; }
.privacy_contact .freedial {width: 200px; height: 22px; display: inline-block;margin: 0 0 0 15px;}
.privacy_contact .fs12 {text-align: right; margin: 0;}
#guidePage11 .freeDialBox { width: 100%; border-radius: 6px; border: #CCCCCC 1px solid; padding: 20px 0; margin-top: 50px; text-align: center;}
#guidePage11 .freeDialBox h4{font-size: 18px; display: inline-block; margin: 0 0.5em 10px 0; }
/*#guidePage11 .freeDialBox .img { width:52px; display: inline-block; margin-right: 3px; vertical-align:0px;}*/
#guidePage11 .freeDialBox  strong.num { font-family: 'Fira Sans', sans-serif; letter-spacing: 0.1px; font-size: 22px; font-weight: bold; }

/* クッキー(Cookie)に関するポリシー
========================================================================== */
#guidePage12 h2.brown { margin-bottom: 20px; }
#guidePage12 p {margin-bottom: 20px;}
#guidePage12 ul {margin-top: 20px; margin-bottom: 20px;}
#guidePage12 li {text-indent: -1em; padding-left: 1em; margin-bottom: 10px; }

/* 著作権・商標について
========================================================================== */
#guidePage13 h2.brown { margin-bottom: 20px; }
#guidePage13 p {margin-bottom: 20px;}
#guidePage13 .freeDialBox {width: 490px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between;}
/*#guidePage13 .freeDialBox .img { width:44px; display: inline-block; margin-right: 3px; vertical-align:0px;}*/
#guidePage13 .freeDialBox  strong.num { font-family: 'Fira Sans', sans-serif; letter-spacing: 0.1px; font-size: 26px; font-weight: bold; }
#guidePage13 .freeDialBox .btn_contact { margin:24px 0 0 ; }
#guidePage13 .freeDialBox .btn_contact img {width: 214px; height: 38px;}
#guidePage13 .freeDialBox .borderBtn { display: inline-block; font-size: 14px; font-weight: bold;}
#guidePage13 .freeDialBox .borderBtn img { width:24px; height: auto; margin-right: 10px; }
#guidePage13 .lowBox { width: 610px; padding: 20px; margin:20px 0 0; border-radius: 6px; border: 1px solid #A39A91;}
#guidePage13 .lowBox h4 {font-size: 17px; font-weight: normal; margin-bottom: 20px;}
#guidePage13 .lowBox p { margin: 0 20px;}

/* マイページ
========================================================================== */
.myPage .h1Area { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; margin-bottom: 30px;}
.myPage .h1Area h1 { width: 131px; margin-right: 33px; display: none; }
.myPage .h1Area .welcomeName { font-size: 14px; }
.myPage .h1Area .welcomeName span { display: inline-block; font-size: 16px; margin-right: 6px;}
.myPage .h1Area .topLink { display: inline-block; margin-left: auto; font-size: 13px; text-align: right; position: relative; letter-spacing: 0px;}
.myPage .h1Area .topLink:before { content:url(../img/common2/arrow01.svg); width:14px; height: 14px; display: block; position: absolute; left: 0; top: 50%;transform: translate(-130%, -50%);}
.myPage .h1Area .logOutBtn { margin-left: auto;}
.myPage .h1Area .logOutBtn a { width:160px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;  background:#643C32; color: #fff; font-size: 14px; font-weight: normal; line-height: 1.0; padding: 0.8em 0; border-radius: 4px;box-shadow : 1px 2px 1px rgba(0, 0, 0, 0.3);}

.myPageInner { width: 828px; margin:0 auto;}
.myPageFlex {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start;}
h2.lineH2 { background: url(../img/mypage/ttl_line.svg) repeat-x 2px bottom; background-size:40px 5px; padding:54px 1px 23px; margin-bottom: 25px; width: 100%; }
h2.lineH2:first-child { padding-top: 6px;}
h2.lineH2 img { height:22px; }
.myPage .underBtnArea { margin-top: 80px;}
.myPage .underBtnArea .ttl { position: relative; margin-bottom: 26px;}
.myPage .underBtnArea .ttl:before { content: ""; display: block; height: 1px; width: 100%; background:#643C32; position: absolute; left: 0; top: 50%; z-index: 0;}
.myPage .underBtnArea .ttl span { background: #fff; display: inline-block; position: relative; z-index: 10; padding: 0 10px 0 3px;}
.myPage .underBtnArea .ttl span img{ height: 23px;}
.myPage .underBtnArea ul { width:1050px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items:stretch;}
.myPage .underBtnArea ul li { width:25%; padding: 0 5px; margin-bottom: 20px; }
.myPage .underBtnArea ul li:nth-child(4) ~ li { width:324px; margin-bottom: 7px; }
.myPage .underBtnArea ul li img { height: 24px; display: inline-block; margin-right: 10px;}
.myPage .underBtnArea ul li a { background:#93766F; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; text-decoration: none; line-height: 1.0; padding: 0.8em 1em 0.75em; border-radius: 5px;display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.myPage .underBtnArea ul li span { background:#93766F; color: #fff; font-size: 16px; letter-spacing: 0.4px; text-decoration: none; line-height: 1.0; padding: 0.8em 1em 0.75em; border-radius: 5px;display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; opacity:0.5;}
.myPage .underBtnArea ul li a:hover { color: #fff;}

.myFormBtn { text-align: center;}
.myFormBtn input,
.myFormBtn button,
.myFormBtn a { display: inline-block; background: #AD845E; color: #fff; font-size: 17px; padding: 0.75em 2em; letter-spacing: 1px; border-radius: 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0 0 0 2px #AD845E inset,0 0 0 3px rgba(255, 255, 255, 0.6) inset; width: auto; min-width: 220px; text-decoration: none !important; border: none;}
.myFormBtn input:hover, .myFormBtn a:hover { color: #fff !important; opacity: 0.8 !important;}
.myFormBtn.back a { background: #B3B3B3; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0 0 0 2px #B3B3B3 inset,0 0 0 3px rgba(255, 255, 255, 0.6) inset; color: #fff; }

.btnFormUList { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 40px auto 70px;}
.btnFormUList li { width: 36%; max-width: 330px; margin: 0 6px; }
.btnFormUList li input,
.btnFormUList li a { display: block; width: 100%;}

.myPage .likeTbl { display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; border-bottom: #D2CDCD 1px solid; padding: 1em 5px;}
.myPage .likeTbl .likeTH { width:112px; font-size:15px; }
.myPage .likeTbl .likeTH:before { content:""; background:#C69C6D; width: 10px; height: 10px; display: inline-block; vertical-align: 1px; border-radius: 50%; margin-right: 6px; }
.myPage .likeTbl.thTop { -webkit-align-items:flex-start; align-items:flex-start;}
.myPage .likeTbl.thTop .likeTH { padding-top: 7px;}
.myPage .likeTbl .likeTD { font-size: 14px;}

/* マイページ top
========================================================================== */
#myPage01 .myPageFlex { -webkit-justify-content:space-between; justify-content:space-between;}
#myPage01 .h1Area h1 { display: block; font-size: 0;}
.myPage .leftMenu { width:240px; }
.myPage .leftMenu .topTtl { background:#65A465; color: #fff; text-align: center; font-size:17px; font-weight: bold; padding: 1.1em 1em; letter-spacing: 1px; border-radius: 8px 8px 0 0;}
.myPage .leftMenu .borderBox { border:#E6E6E6 5px solid; border-radius: 0 0 8px 8px; border-top: none; padding: 18px 14px 15px; text-align: center;}
.myPage .leftMenu .uB {border-bottom:#D2D2D2 1px solid; padding-bottom: 10px; margin-bottom: 16px; }
.myPage .leftMenu .uB:last-child { border: none; padding: 0; margin: 0;}
.myPage .leftMenu .uB.oneC { display: -webkit-flex; display: flex;-webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; align-items: center;}
.myPage .leftMenu .ttlP { font-size: 13px; text-align: left;}
.myPage .leftMenu .mNum { font-size:19px; font-weight: bold; line-height: 1.0;}
.myPage .leftMenu .member { display: block; width: 188px; margin: 10px auto 5px; line-height: 1.0; font-size:16px; font-weight: bold; text-align: center; letter-spacing: 0.5px; padding: 0.7em 14px 0.7em 15px; border:4px #B2D1B2 solid; color: #71B070; border-radius: 2em;}
.myPage .leftMenu .member.bronz { color: #BD9468; border-color:#D2BDA7 ;}
.myPage .leftMenu .member.silver { color: #A3A3C2; border-color: #CFCFD5;}
.myPage .leftMenu .member.gold { color:#D6B90B ; border-color: #EDDF7F;}
.myPage .leftMenu .member.platinum { color: #8DA0CF; border-color:#CAD4ED ;}
.myPage .leftMenu .point { font-size: 30px; font-weight: bold; text-align: center; letter-spacing: 0; margin: 2px 0 1px;}
.myPage .leftMenu .point span { font-size: 24px; display: inline-block; margin-left: 5px;}
.myPage .leftMenu .kigen { font-size: 12px; line-height: 1.6;}
.myPage .leftMenu .btn a,
#myPage01 .teikiBox .btn a { border: #B3B3B3 1px solid; border-radius: 4px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.25); background: #fff; font-size: 13px; padding:0.6em 0.2em; width: 94%; margin: 8px auto 2px; color: #4D4D4D; }
.myPage .leftMenu .payType { font-size: 22px; font-weight: bold; margin: 8px 0 1px;}
.myPage .leftMenu .merumaga { font-size: 30px; font-weight: bold; margin: 4px 0 -4px;}
.myPage .leftMenu .merumaga span { font-size:22px; display: inline-block; margin-left: 5px;}
.myPage .leftMenu .passChange a { display: block; text-align: center; background:#E6E6E6; border-radius: 8px; padding: 1.2em 0.5em 1.1em; line-height: 1.0; color: #4D4D4D; margin-top: 14px; }
.myPage .leftMenu .passChange a:hover { text-decoration: none;}
.myPage .rightBox { width: 742px;}

#myPage01 .teikiNowBox { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between; justify-content: space-between; -webkit-align-items: stretch; align-items:stretch; color: #333; padding-top: 6px; margin-bottom: -13px;}
#myPage01 .teikiNowBox .teikiBox { width: 366px; margin-bottom: 13px; border:#CCC 1px solid; border-radius: 8px; padding: 5px 5px 10px;  }
#myPage01 .teikiBox .flexBox { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 8px;}
#myPage01 .teikiBox .flexBox .img { width: 106px; height: 106px; border: #CCC 1px solid; margin: 10px 14px 14px 10px;}
#myPage01 .teikiBox .flexBox div { flex: 1; padding: 6px 0 0;}
#myPage01 .teikiBox .flexBox .type { font-size: 16px; font-weight: bold; line-height: 1.3; }
#myPage01 .teikiBox .flexBox .type strong { font-size:20px; display: inline-block; margin-right: 3px;}
#myPage01 .teikiBox .flexBox .name { font-size:22px; line-height: 1.3; margin-top: 2px; }
#myPage01 .teikiBox .flexBox .nextDay { font-size: 13px; line-height: 1.4; margin-top: 0.6em;}
#myPage01 .teikiBox .flexBox .changeOK { display: inline-block; background: #734E45; color: #fff; font-size: 13px; padding: 6px 1.1em; line-height: 1.0; margin-top: 0.6em;}
#myPage01 .teikiBox .btn a { width: auto; display: inline-block; padding-left: 2em; padding-right: 2em;}
#myPage01 .recommendItem { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center; margin-top: -6px;}
#myPage01 .recommendItem .innerBox { width:472px; }
#myPage01 .recommendItem .staffBox { width: 266px; min-height: 340px; position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#myPage01 .recommendItem .staffBox:before { content: ""; display: block; background: url(../img/mypage/staff_bg.png) no-repeat center center; background-size: contain; width: 290px; height: 339px; position:absolute; right:-7px; top: 0; z-index: -1; }
#myPage01 .recommendItem .staffImg { width:128px;  }
#myPage01 .recommendItem .ttl { width: 11.5em; font-size: 16px; font-weight: bold; line-height: 1.4; color: #3F8D3E; margin-top: 0.8em;}
#myPage01 .recommendItem .txt { font-size: 13px; line-height: 1.5; color: #444; width:16.5em; margin-top: 0.7em; }
#myPage01 .recommendItem .innerBox { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#myPage01 .recommendItem .btn a { border:#8F655C 1px solid; border-radius: 4px; background: #fff; font-size: 15px; font-weight: bold; color: #643C32;box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); padding: 0.62em 0.6em 0.6em; margin-top: 1.4em; line-height: 1.0; width: 300px;}

/* パスワードの変更
========================================================================== */
#passChange01 .bgForm { width:706px; margin: 0 auto 25px;  align-items: flex-start; padding:18px 35px; border-radius: 6px; }
#passChange01 .form-row { display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:  flex-start; }
#passChange01 .txt { width: 706px; margin: 0 auto 14px;}
#passChange01 .bgForm .ttlP { width: 12em; font-size:16px; font-weight: bold; }
#passChange01 .bgForm div { flex: 1;}
#passChange01 .bgForm .top { margin-bottom: 10px;}

#passChange02 .passChangeFinish { margin: 50px auto 30px; text-align: center;}
#passChange02 .passChangeFinish img { height:24px; }
#passChange02 .txt { text-align: center; font-size:15px; }
#passChange02 .btn { margin: 50px auto 30px; }
#passChange02 .btn a { display: inline-block; padding: 0.8em 2em; font-size: 16px; border-radius: 5px; line-height: 1.0; background:#93766F; color: #fff; }

/* 定期コースのご変更
========================================================================== */
.myPage.teikiPage .teikiTop { border-radius: 6px 6px 0 0; padding: 18px 210px 16px 22px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; position: relative;}
.myPage.teikiPage .teikiTop .img { border:#D9D9D9 1px solid; background: #fff; width:150px; height: 150px; margin-right: 36px;  }
.myPage.teikiPage .teikiTop .btn { width: 166px; position: absolute; right: 22px; bottom: 18px;}
.myPage.teikiPage .teikiTop .btn a { background:#8F8F8F; color: #fff; font-size: 15px; display: block; line-height: 1.0; padding: 0.8em 1em; border-radius: 4px; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); }
.myPage.teikiPage .teikiTop .corceName { font-size:20px; font-weight: bold; margin-top: -4px;}
.myPage.teikiPage .teikiTop .corceName strong { font-size: 28px; display: inline-block; letter-spacing: 0;}
.myPage.teikiPage .teikiTop ul { margin-top: 14px; font-size: 17px;}
.myPage.teikiPage .teikiTop li { position: relative; padding-left: 12px; line-height: 1.3; margin-bottom: 0.45em; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start;}
.myPage.teikiPage .teikiTop li:before { content: ""; display: block; width:7px; height: 7px; border-radius: 50%; background: #C69C6D; position: absolute; left: 0px; top: 7px; }
.myPage.teikiPage .teikiTop li p.num { white-space: nowrap; padding-left: 1em; display: inline-block; width: 5.3em;}
.myPage.teikiPage .teikiTop li p.num span:not(.num) { font-size: 13px; display: inline-block; margin-right: auto;}
/*.myPage.teikiPage .teikiTop li p.num span.num { text-align: right; display: inline-block; width: 1.6em;}*/
.myPage.teikiPage .btnLine { border-top: none; padding:20px 20px 19px; font-size: 15px;  display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.myPage.teikiPage .btnLine .btn { width:232px; margin: 0 8px; }
.myPage.teikiPage .btnLine a { display: block; padding: 0.9em 1em; border-radius: 4px; line-height: 1.0; background:#93766F; color: #fff;box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); }

.myPage.teikiPage .likeTable { border-top: none; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: stretch; align-items:stretch;}
.myPage.teikiPage .likeTH { width:210px; flex: 1; padding: 15px 10px 15px 20px; font-size: 15px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.myPage.teikiPage .likeTD { background: #fff; width: calc(100% - 210px); padding: 17px 20px; font-size: 16px;}
.myPage.teikiPage .delivType { display: inline-block; margin-left: 1.8em;}
.myPage.teikiPage .delivTime { margin-left: 28px; margin-top: 5px;}
.myPage.teikiPage .likeTD.p20 { padding: 20px 20px;}
.myPage.teikiPage .likeTD .kome { font-size: 13px;}
.myPage.teikiPage .likeTD.flexTD {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}

.myPage.teikiPage .likeTH p { position: relative; padding-left: 14px;}
.myPage.teikiPage .likeTH p:before { content: ""; display:block; width:10px; height: 10px; background: #C69C6D; border-radius: 50%; position: absolute; left: 0; top: 6px;}
.myPage.teikiPage .likeTD .cycle strong { font-size: 20px; font-weight: normal; letter-spacing: 0; display: inline-block; margin-right: 20px;}
.myPage.teikiPage .likeTD .address { font-size: 15px;}
.myPage.teikiPage .likeTD .address span { display: block;}
.myPage.teikiPage .likeTD .btnList { margin: -1px 0; width: 160px; margin-left: auto;}
.myPage.teikiPage .likeTD .btnList li { margin-bottom: 6px;}
.myPage.teikiPage .likeTD .btnList li:last-child { margin-bottom: 0;}
.myPage.teikiPage .likeTD .btnList li a { display: block; background: #fff; border: #A8A8A8 1px solid; border-radius: 3px; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); font-size: 13px; line-height: 1.0; padding: 0.6em 9px 0.6em 10px; color: #333;}

.myPage.teikiPage .tableIn,.myPage.teikiPage .topTH { -webkit-align-items: flex-start; align-items: flex-start; }
.myPage.teikiPage .tableIn { border-radius:0 0 6px 6px; margin-bottom: 18px;}
.myPage.teikiPage .tableIn .likeTH,.myPage.teikiPage .topTH .likeTH { padding-top: 20px; }
.myPage.teikiPage .tableIn .likeTD { border-radius: 0 0 6px 0;}
.myPage.teikiPage .tableIn table { margin: 0; border: none; width: auto; min-width:500px;}
.myPage.teikiPage .tableIn th { font-size: 13px; color: #555; border: none; border-bottom: #BDB9B9 1px solid; padding: 0 2px 0.3em; background: none; text-align: center;}
.myPage.teikiPage .tableIn td { font-size: 14px; border: none; padding: 0.22em 2px; text-align: left;}
.myPage.teikiPage .tableIn tr:nth-of-type(2) td { padding-top: 0.9em !important; }
.myPage.teikiPage .tableIn tr.teikiTotal td { padding-top: 25px !important; position: relative;}
.myPage.teikiPage .tableIn tr.teikiTotal td:before {content: ""; display: block; position: absolute; left: 0; top: 9px; border-bottom: #BDB9B9 1px solid; width: 100%; height: 1px;}
.myPage.teikiPage .tableIn th.pL { padding-left: 15px;}
.myPage.teikiPage .tableIn td.pR { padding-right: 10px;}
.myPage.teikiPage .tableIn .priceLine div {display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content:flex-end; -webkit-align-items: center; align-items: center; text-align: right;}
.myPage.teikiPage .tableIn .priceLine p:not(.ttlP) { width: 116px;}
.myPage.teikiPage .tableIn .priceLine .ttlP { width:150px; flex: 1;}
.myPage.teikiPage .tableIn select.numSelect { width: 56px; padding: 3px 12px 3px 10px; text-align: right; font-size:15px; margin: 0; }

.myPage.teikiPage .matometai { border: #EEE1D3 6px solid; border-radius: 6px; padding: 28px 350px 22px 40px; background: url(../img/mypage/img_teiki.png) no-repeat right 15px top;background-size:290px 200px; min-height: 190px; font-size: 16px; margin: 50px 0 0;}
.myPage.teikiPage .matometai .brown { font-size:25px; font-weight: bold; margin-bottom: 0.65em; margin-left: -12px; }
.myPage.teikiPage .matometai .txtLink { margin-top: 16px; text-align: right; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center;}
.myPage.teikiPage .matometai .txtLink img { width: 20px; vertical-align: middle; margin-right: 4px;}
.myPage.teikiPage .matometai .txt { line-height: 1.6;}

.myPage.teikiPage input,.myPage.teikiPage select { font-size: 16px;}
.myPage.teikiPage .inputLine { padding: 0.5em 0.2em 0.1em; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start;justify-content:flex-start; -webkit-align-items: center; align-items: center;}
.myPage.teikiPage .inputLine.pL { padding-left: 20px;}
.myPage.teikiPage .inputLine label { width:8em; display: block;}
.myPage.teikiPage .inputLine span { display: inline-block; margin: 0 5px;}
.myPage.teikiPage .radioInner { padding-left: 28px; margin-top: 12px;}

.myPage.teikiPage .grayTbl { margin: 15px auto 0; border-left:none; width: 100%; font-size: 14px;}
.myPage.teikiPage .grayTbl th { border-right: none; padding: 10px 0.2em 10px 0.9em;  width: 112px;}
.myPage.teikiPage .grayTbl td { border-right: none; padding: 8px 10px;}
.myPage.teikiPage .grayTbl input,.myPage.teikiPage .grayTbl select { font-size: 14px;}
.myPage.teikiPage .inlineFlex input { margin-right: 0;}
.myPage.teikiPage .zipcodeQ { padding: 6px 0 1em 18px; }
.myPage.teikiPage .nowPoints { padding:5px 0 0 22px; font-size: 15px;}

.myPage#teiki02 .tableIn table { width: 100%;}

/* ログイン
========================================================================== */
#loginPage.myPage { padding-bottom: 50px; padding-top: 10px;}
#loginPage.myPage .bgForm { border-radius: 6px; padding:30px 20px 16px 36px;}
#loginPage.myPage .bgForm input { font-size: 16px;}
#loginPage.myPage .bgForm .leftBox { width:460px; float: left;}
#loginPage.myPage .bgForm .leftBox .line { margin-bottom: 14px;display: -webkit-flex; display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
#loginPage.myPage .bgForm .leftBox .ttl {font-size:16px; display: inline-block; width: 9.5em; padding-top: 0.15em;}
#loginPage.myPage .bgForm .leftBox .ttl:before { background: #C69C6D; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: 2px; content: "";}
#loginPage.myPage .bgForm .leftBox div { display: inline-block;}
#loginPage.myPage .bgForm .leftBox div p.checkP { margin-top: 4px; padding-left: 3px;}
#loginPage.myPage .bgForm .rightBox { width: 256px; float: right; padding-top: 1.2em;}
#loginPage.myPage .bgForm .myFormBtn button { width: 100%;}
#loginPage.myPage .bgForm .gray { text-align: center; margin-top: 1.2em;}
#loginPage.myPage .bgForm .gray a { color: #717171;}
#loginPage.myPage .txt { text-align: center; font-size: 16px; margin: 3.5em 0 1.4em;}
#loginPage.myPage .btn:not(.myFormBtn) a { display: inline-block; font-size: 16px; line-height: 1.0; background: #93766F; color: #fff; letter-spacing: 1.5px; padding: 1em 50px 1em 52px; border-radius: 4px;}

/* パスワードの再発行
========================================================================== */
.forgotPage { padding-top: 10px; padding-bottom: 30px;}
.forgotPage .txtTop { margin: 2.4em 0 1.2em; font-weight: bold; font-size: 20px;}
#forgot01 p.txt { font-size: 16px; margin-bottom: 0.5em; }
#forgot01 .bgForm { border-radius: 6px; padding:25px 20px 25px 36px; margin: 25px 0 30px; }
#forgot01 .bgForm .leftBox .line {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
#forgot01 .bgForm .leftBox .ttl {font-size:16px; display: inline-block; width: 9.5em; padding-top: 0.15em;}
#forgot01 .bgForm .leftBox .ttl:before { background: #C69C6D; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: 2px; content: "";}
#forgot01 .bgForm .leftBox div { display: inline-block;}

/* お届け先リスト
========================================================================== */
.deliveryPage .bgForm { border-radius:6px; }
.deliveryPage .bgForm .ttlBar { background: #F7F4F3; height: 58px; padding: 0 11px 0 18px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; font-size: 16px; border-radius: 6px 6px 0 0; }
.deliveryPage .bgForm .ttlBar .txtLink { font-size: 15px; margin-left: auto; margin-right: 10px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start;justify-content:flex-start; -webkit-align-items: center; align-items: center; }
.deliveryPage .bgForm .ttlBar .mR { margin-right: 2.3em;}
.deliveryPage .bgForm .ttlBar .mini { font-size: 14px; }
.deliveryPage .bgForm .ttlBar .txtLink img { width:16px; margin-right: 5px; }
.deliveryPage .bgForm .inner { background: #fff; border-top:#DFDBDB 1px solid; padding:5px 20px 3px 30px;  border-radius: 0 0 6px 6px; }
.deliveryPage .bgForm .inner > div { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center;}
.deliveryPage .otodokeInfo { width: 576px;}
.deliveryPage .otodokeInfo li { border-bottom:#D2CDCD 1px solid; padding: 1em 5px; font-size: 15px;display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.deliveryPage .otodokeInfo li:last-child { border: none;}
.deliveryPage .otodokeInfo li .cate { width: 7em; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center;}
.deliveryPage .otodokeInfo li .cate:before { content: ""; width: 10px; height: 10px; display: inline-block; background: #C69C6D; border-radius: 50%; margin-right: 5px;}
.deliveryPage .inner .btn { width:154px; font-size: 14px; }
.deliveryPage .inner .btn li:first-child { margin-bottom: 9px;}
.deliveryPage .inner .btn a { border: #A8A8A8 1px solid; border-radius: 3px; background: #fff; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); color: #333; line-height: 1.0; padding: 0.6em;}

.deliveryPage .bgForm.shadow { margin-top:20px;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.deliveryPage .bgForm.shadow .inner { display: none;}
.deliveryPage .bgForm.shadow .ttlBar { cursor: pointer;}
.deliveryPage .bgForm.shadow.close .ttlBar { border-radius: 6px;}

.acdBtn { background:#875144; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; border-radius: 5px; cursor: pointer;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.35);}
.acdBtn:hover { opacity: 0.8;}
.acdBtn span { display: block; width: 22px; height: 14px; overflow: hidden; background: url(../img/common2/acd_arrow.svg) no-repeat center bottom; background-size: 22px 28px;}
.acdBtn.open span { background-position: center top;}

.deliveryPage .acdBtn { width: 38px; height: 38px; margin-left: auto;}
.deliveryPage .addBtn { margin: 30px auto 50px; }
.deliveryPage .addBtn a { color: #fff; background: #93766F; font-size: 16px; line-height: 1.0; padding: 0.9em 2em; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; border-radius: 5px;}
.deliveryPage .addBtn img { width: 15px; margin-right: 7px;}

#delivery02 .bgForm { padding:3px 35px 2px;}
#delivery02 .bgForm .likeTbl:last-child { border-bottom: none;}
#delivery02 .bgForm input { margin-right: 0;}
#delivery02 .bgForm .zipcodeQ { display: inline-block; margin-left: 10px;}
#delivery02 .bgForm select { font-size: 15px;}

/* レビュー投稿
========================================================================== */
.reviewPage .lineH2 { position: relative;}
.reviewPage .lineH2:after { content:""; background: url(../img/mypage/post.png) no-repeat center top; width: 119px; height: 155px; background-size: contain; display: block; position: absolute; right: -64px; top: -4px;}
#review01 .topTxt {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; padding-right: 70px;}
#review01 .brownBtn a { padding: 1.0em 1.3em; border-radius: 4px; font-size: 14px; line-height: 1.0; letter-spacing: 0.1px;}

.reviewPage .rvInner { width: 706px; margin-left: auto; margin-right: auto;}

#review01 .numTtl { font-size: 20px; font-weight: bold; position: relative;display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; margin: 1.7em 0 10px;}
#review01 .numTtl .num { background: #3F8D3E; color: #fff; width: 30px; height: 30px; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-size: 18px; position: absolute; left: -40px; top: 50%; transform: translate(0%, -50%);}

#review01 .rvItemList { margin-top: 24px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: stretch; align-items:stretch; }
#review01 .rvItemList li { width:346px; margin-bottom: 10px; }
#review01 .rvItemList li input[ type="radio"] { display: none;}
#review01 .rvItemList li label.radio {display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; border: #E6E6E6 4px solid; border-radius: 5px; padding: 4px 10px; font-size: 18px;}
#review01 .rvItemList li label.radio:hover { opacity: 0.8;}
#review01 .rvItemList li label.radio p { line-height: 1.3; padding: 7px 0; }
#review01 .rvItemList li label.radio img { max-width: 54px; max-height: 54px; margin-right: 14px;}
#review01 .rvItemList li input[ type="radio"]:checked + label { border-color: #85CC85;}
#review01 .itemImg img { max-width: 74px;max-height: 74px; vertical-align: middle; margin-right: 10px;}
#review01 .itemImg { font-size: 18px; line-height: 1.3;}

.reviewPage .bgForm { border-radius:6px; }
.reviewPage .bgForm .ttlP { font-size:16px; font-weight: bold;}
.reviewPage .bgForm .inlineFlex .ttlP { min-width: 6.5em; letter-spacing: 0.5px;}
.reviewPage .osusumeDo { border: #B3ACAC 1px solid; border-radius: 5px; background: #fff; margin-left: 30px; padding: 10px 18px 10px 15px;display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center;}
.reviewPage .osusumeDo .num { display: block; width: 1em; text-align: center; font-size: 30px; line-height: 1.0; font-weight: bold; margin-left: 18px;}

.reviewPage .osusumeDo .starBox { display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0;}
.reviewPage .osusumeDo label { width: 32px; height: 28px; margin-right: 4px; overflow: hidden; display: block; background: url(../img/mypage/star.svg) no-repeat center bottom; background-size: 32px 60px; }
.reviewPage .osusumeDo label:hover,
.reviewPage .osusumeDo label:hover ~ label,
.reviewPage .osusumeDo input:checked ~ label { background-position: center top;}
.reviewPage .honbun { padding: 0.5em 0;display: -webkit-flex; display: flex; -webkit-justify-content:flex-start;  justify-content:flex-start; -webkit-align-items: center; align-items: center;}
.reviewPage .honbun .kome { display: inline-block; margin-left: 15px;}
.reviewPage .mojiLimit { font-size: 13px; font-weight: normal; display: inline-block; margin-left: auto;}
.reviewPage .gazoTxt { font-size: 15px; padding: 0.6em 0 0.4em; margin-bottom: 15px;}
#review01 .gazoList li { padding:6px 10px; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; }
#review01 .gazoList li p.ttlP { width:130px; font-size: 15px; font-weight: bold; color: #333; letter-spacing: 0.8px;}
/*#review01 .gazoList .fileP input { display: none;}


#review01 .gazoList .fileP label { font-size: 14px; border: #B3ACAC 1px solid; border-radius: 4px; background: linear-gradient(to bottom, #ffffff 50%,#ebe6e6 50%); width: 150px; height: 34px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
#review01 .gazoList .fileP label:hover { opacity: 0.8;}*/
/*#review01 .gazoList .fileP .img_view { width: 152px; height: 152px; display: -webkit-flex; display: flex -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; border: #D6D2D2 1px solid; background: #fff; }
#review01 .gazoList .fileP .img_view .img { max-width: 150px; max-height: 150px;}*/

#review01 .bgForm .bdB {padding:11px 15px; }
#review01 .bgForm .bdB .attentionP { margin: 0 0 0 6px; padding: 0.4em; padding-left: 44px; font-size: 14px; background: none; border: none;}
#review01 .bgForm .bdB .attentionP span { font-size: 13px; font-weight: normal;}
#review01 .komeList { margin-top: 1em; font-size: 13px; color: #333; padding-left: 5px; margin-bottom: -15px;}
#review01 .komeList li { line-height: 1.7;}

#review02 .bdB.inlineFlex {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: stretch; align-items:stretch;}
#review02 .bdB.inlineFlex02 {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items:flex-start;}
#review02 .bgForm .ttlP { padding:10px 15px; width: 145px; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center;}
#review02 .bdB.inlineFlex02 .ttlP { padding-top: 15px;}
#review02 .likeTD { background: #fff;  flex: 1; padding: 10px 24px; }
#review02 .likeTD .itemName { font-size: 18px; display: inline-block; margin-left: 1em;}

.reviewPage .likeTD .reviewTxt { font-size: 15px; line-height: 1.6; margin-bottom: 5px;}
.reviewPage .likeTD .imgList { margin: 26px 0 8px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items:flex-start; align-items:flex-start;}
.reviewPage .likeTD .imgList li { width: 152px; height: 152px; border: #D6D2D2 1px solid; margin-right: 12px;}
.reviewPage .starBox { margin: 10px 0 20px;}
.reviewPage .starBox p { width: 32px; height: 28px; margin-right: 4px; overflow: hidden; background: url(../img/mypage/star.svg) no-repeat center top; background-size: 32px 60px;}
.reviewPage .starBox .num { font-size: 30px; font-weight: bold; line-height: 1.0; width: 1em; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-left: 7px; padding-top:2px;}

#reviewListPage .bgForm { border: #BFB7B7 1px solid; margin-bottom: 15px; }
#reviewListPage .ttlBar { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 10px 12px 10px 20px; cursor: pointer;}
#reviewListPage .ttlBar .date { font-size: 13px; width: 150px;}
#reviewListPage .ttlBar .rItem { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 17px; line-height: 1.3;}
#reviewListPage .ttlBar .rItem img { max-width: 45px; max-height: 45px; margin-right: 8px;}
#reviewListPage .acdBtn { width: 44px; height: 44px; margin-left: auto;}
#reviewListPage .bgForm .inner { display: none; background: #fff; border-top: #E6E2E1 1px solid; padding: 5px 28px; border-radius: 0 0 6px 6px;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
#reviewListPage .bgForm .fBox { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-bottom: #E6E2E1 1px solid; padding: 15px 3px; padding-right: 20px;  }
#reviewListPage .bgForm .txtBox { display: -webkit-flex; display: flex; padding: 15px 3px; }
#reviewListPage .bgForm .inner .ttl { width: 7.5em; font-size: 13px; display: inline-block;}
#reviewListPage .bgForm .fBox p:first-child { margin-right: auto;}
#reviewListPage .bgForm .fBox p:not(.penName) .ttl { width: 4em;}
#reviewListPage .bgForm .likeTD { flex: 1;}
#reviewListPage .bgForm .txtBox .ttl { margin-top: 6px;}
#reviewListPage .starBox { margin-top: 0px;}
#reviewListPage .bgForm .brownBtn { margin: 10px auto 26px;}
#reviewListPage .bgForm .brownBtn input { font-size: 14px; border-radius: 5px; padding: 0.9em 2em; line-height: 1.0;}


/* お気に入りリスト
========================================================================== */
#favoritPage .myPageInner { width: 902px;}
#favoritPage .fBox { border: #B3ABAB 1px solid; border-radius: 6px; padding: 10px 12px 16px 20px; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-bottom: 18px;}
#favoritPage .fBox .leftArea { width: 484px; padding-top: 10px; padding-bottom: 70px; position: relative;}
#favoritPage .fBox .img { width: 134px; border: #D9D9D9 1px solid; float: left; margin-right: 20px;}
#favoritPage .fBox .itemDetail { overflow: auto; overflow-y: hidden;}
#favoritPage .fBox .name { font-size: 24px; letter-spacing: 0.1px; font-weight: bold; line-height: 1.2;}
#favoritPage .fBox .name a { text-decoration: none;}
#favoritPage .fBox .name span { font-size: 15px; font-weight: normal; display: block; margin-bottom: 0.35em; line-height: 1.3;}
#favoritPage .fBox .itemNum { font-size: 13px; margin-top: 0.8em; line-height: 1.4;}
#favoritPage .fBox .itemDetail ul { margin: 12px 0; font-size: 14px;}
#favoritPage .fBox .itemDetail ul li { margin-bottom: 0.2em; letter-spacing: 0.1px; line-height: 1.4;}
#favoritPage .fBox .hontaiPrice { font-size: 14px;}
#favoritPage .fBox .hontaiPrice span { font-size: 15px;}
#favoritPage .fBox .hontaiPrice strong { font-size: 22px; font-weight: normal; display: inline-block; margin-right: 4px;}
#favoritPage .fBox .btnList { position: absolute; left: 0; bottom: 3px; width: 98%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
#favoritPage .fBox .btnList li { flex: 1; font-size: 15px;}
#favoritPage .fBox .btnList li:first-child { margin-right: 6px;}
#favoritPage .fBox .btnList li a { border-radius: 5px; padding:0.9em ; line-height: 1.0; }
#favoritPage .fBox .rArea { width: 360px;}
#favoritPage .fBox .rArea table { border: none; margin: 0 0 16px; padding: 0;}
#favoritPage .fBox .rArea tr:hover {background-color: #FAF5F5;}
#favoritPage .fBox .rArea th {border: none; background-color: #F0EBEA;text-align: center;font-size: 14px;line-height: 1.2em;padding: 8px 0 7px;border-right: #FFF 3px solid; border-bottom: 3px #fff solid;}
#favoritPage .fBox .rArea td {font-size: 14px;line-height: 1.0;padding: 3px 0 3px 8px; margin: 0; border: none; vertical-align: middle;}
#favoritPage .fBox .rArea td label {position: relative; padding: 3px 0 0 34px; font-size: 22px;line-height: 1.2em;font-weight: bold;display: block; letter-spacing: 0.1px;}
#favoritPage .fBox .rArea td label span {font-size: 16px; font-weight: normal; display: inline-block; margin-left: 2px;}
#favoritPage .fBox .rArea td input[type=radio] {display: none;}
#favoritPage .fBox .rArea td label:before { left: 7px; margin-top: -7px;width: 14px;height: 14px;background: #C1272D;border-radius: 50%;opacity: 0;position: absolute;content: "";display: block;top: 50%;}
#favoritPage .fBox .rArea td label:after {left: 0px;margin-top: -14px;width: 24px;height: 24px;border: 2px solid #ccc;border-radius: 50%;position: absolute;content: "";display: block;top: 50%;}
#favoritPage .fBox .rArea td input[type=radio]:checked + label:after {border: 2px solid #C1272D;}
#favoritPage .fBox .rArea td input[type=radio]:checked + label:before {opacity: 1;}
#favoritPage .fBox .rArea td select { margin: 0 0 0 3px; font-size: 17px; padding: 3px 32px 3px 10px}
#favoritPage .fBox .rArea .totalPrice {text-align: center; font-size: 13px;line-height: 1.4em;letter-spacing: 0;}
#favoritPage .fBox .rArea .totalPrice span.red { font-size: 15px;}
#favoritPage .fBox .rArea .totalPrice .discounted_price { font-size: 25px; letter-spacing: 0; display: inline-block; margin-right: 2px; vertical-align: -2px;}
#favoritPage .fBox .rArea .totalPrice .discount {font-size: 17px;line-height: 1.0;text-align: center;font-weight: bold;color: #FFF;background-color: #FA9600;border-radius: 32px;padding: 5px 0.9em;vertical-align: top; margin-right: 5px;}
#favoritPage .fBox .rArea .totalPrice .mini { display: inline-block; margin-left: -2px;}
#favoritPage .fBox .rArea .btn-add-cart { width: 320px; margin: 18px auto 0; padding: 0; border: none; background: none;}
#favoritPage .fBox .rArea .btn-add-cart:hover { opacity: 0.8;}


/* クレジット情報の登録・変更
========================================================================== */
.creditPage h3 { font-size: 19px; font-weight: bold; padding:60px 0 12px; }
.creditPage .bgForm { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: stretch; align-items:stretch; font-size: 15px; border-radius: 6px; margin:0 16px -10px;}
.creditPage .bgForm .ttlDiv { width: 200px;display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.creditPage .bgForm .bgWhite { background: #fff; border-radius: 6px; padding: 3px 28px; flex: 1; }
.creditPage .bgForm.nowCard .bgWhite { border-radius: 0 6px 6px 0; flex: 1;display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center;}
.creditPage .bgForm.nowCard .likeTable { width: 330px;}
.creditPage .bgForm.nowCard .kome { font-size: 13px; line-height: 1.5;}
.creditPage .bgForm .likeTR { border-bottom: #D2CDCD 1px solid; padding: 11px 2px 10px;display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center; }
.creditPage .bgForm .likeTR:last-child { border-bottom: none;}
.creditPage .bgForm .likeTH { width:172px;display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: center; align-items: center; }
.creditPage .bgForm.nowCard .likeTH { width:120px; }
.creditPage .bgForm .likeTH:before { background: #C69C6D; width: 10px;height: 10px; border-radius: 50%; content: ""; display: inline-block; margin-right: 5px;}
.creditPage .bgForm .likeTD { flex: 1;}
.creditPage .bgForm .btn { width:154px; font-size: 14px; }
.creditPage .bgForm .btn a { border: #A8A8A8 1px solid; border-radius: 3px; background: #fff; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); color: #333; line-height: 1.0; padding: 0.6em;}
#creditFinishPage .bgForm { margin-bottom: 40px;}
#creditFinishPage .bgForm .ttlDiv { font-size: 16px; font-weight: bold; width: 226px;}
#creditFinishPage .btn a { display: inline-block; padding: 0.8em 2em; font-size: 16px; border-radius: 5px; line-height: 1.0; }


/* お客様情報
========================================================================== */
.customerInfoPage .likeTable { border-top: none; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items: stretch; align-items:stretch;}
.customerInfoPage .likeTable:first-of-type { border-radius: 6px 6px 0 0; border-top: #DFD8D6 1px solid;}
.customerInfoPage .likeTable:first-of-type .likeTD { border-radius: 0 6px 0 0;}
.customerInfoPage .likeTable:last-of-type { border-radius:0 0 6px 6px;}
.customerInfoPage .likeTable:last-of-type .likeTD { border-radius: 0 0 6px 0 ;}
.customerInfoPage .likeTH { width:210px; flex: 1; padding: 15px 10px 15px 20px; font-size: 15px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.customerInfoPage .likeTH p { position: relative; padding-left: 14px;}
.customerInfoPage .likeTH p:before { content: ""; display:block; width:10px; height: 10px; background: #C69C6D; border-radius: 50%; position: absolute; left: 0; top: 6px;}
.customerInfoPage .topTH { -webkit-align-items: flex-start; align-items: flex-start; }
.customerInfoPage .topTH .likeTH { padding-top: 20px; }
.customerInfoPage .likeTD { background: #fff; width: calc(100% - 210px); padding: 17px 10px 17px 20px; font-size: 16px;}
.customerInfoPage .likeTD.p20 { padding: 20px 20px;}
.customerInfoPage .likeTD .kome { font-size: 13px;}
.customerInfoPage .likeTD.flexTD {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.customerInfoPage .zipcodeQ { margin: 8px 0 10px; font-size: 13px; color: #666;}
.customerInfoPage .bgForm.topTH input[type="text"], .customerInfoPage .bgForm input[type="password"] {margin-right:0;}
.customerInfoPage .underTxt { font-size: 15px; line-height: 1.6; text-align: center; margin: 32px 0 25px;}
.customerInfoPage .passArea { border: #E6E2E1 5px solid; background: #fff; padding: 20px 15px 18px; width: 580px; margin: 0 auto -10px;display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:flex-start;align-items:flex-start;}
.customerInfoPage .passArea .ttl { font-size: 16px; width: 6.2em; padding-top: 3.5px;}
.customerInfoPage .passArea input[type="password"],.customerInfoPage .passArea input[type="text"] { font-size: 15px;}
.customerInfoPage .passArea .kome { font-size: 13px;}
.customerInfoPage .mermagaList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:space-between;  justify-content:space-between; -webkit-align-items: stretch; align-items:stretch; margin: 14px 0 -6px;}
.customerInfoPage .mermagaList.confirm { margin: 5px 0 0;}
.customerInfoPage .mermagaList li { width: 100%; margin-bottom: 5px; font-size: 14px;}
.customerInfoPage .mermagaList.confirm li { padding-left: 10px; text-indent: -10px; line-height: 1.3; width: 100%;}
.customerInfoPage .mermagaList.confirm li:before { content: ""; width: 4px; height: 4px; display: inline-block; vertical-align: 4px; background: #333; border-radius: 50%; margin-right: 6px; }
.customerInfoPage .kiyakuDoui { font-size: 18px; font-weight: bold; display: -webkit-flex; display: flex;  -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 40px 0 15px; }
.customerInfoPage .kiyakuDoui span { font-size:29px; display: inline-block; vertical-align: middle; margin: 0 15px;}
.customerInfoPage #kiyakuBox { width: 100%; height: 220px; overflow-y: scroll; margin: 8px auto 30px; background: #fff; border: #CFCBCA 1px solid; padding: 18px 20px; line-height: 1.6; font-size: 13px;}
.customerInfoPage #kiyakuBox .ttlP { font-weight: bold; margin: 1.4em 0 0.4em;}
.customerInfoPage #kiyakuBox p.mt { margin-top: 0.8em;}
.customerInfoPage #kiyakuBox ul { margin: 1em 0;}
.customerInfoPage #kiyakuBox li { margin-bottom: 0.4em;}
.customerInfoPage #kiyakuBox li.numList {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: flex-start; align-items: flex-start;}
.customerInfoPage #kiyakuBox li.numList p:first-child { width: 3em;}
.customerInfoPage #kiyakuBox li.numList div { width: 100%;}
.customerInfoPage #kiyakuBox .dotList li { position: relative; padding-left: 1em;}
.customerInfoPage #kiyakuBox .dotList li:before { content: ""; display: block; width: 3px; height: 3px; background:#111; border-radius: 50%; position: absolute; left: 0.5em; top: 0.75em; transform: translate(-50%, -50%);}
.customerInfoPage #kiyakuBox .fusoku { margin-top: 2.0em;}
#entryPage .btnFormUList { margin: 40px auto 30px;}


/* ご注文履歴
========================================================================== */
#historyPage .bgForm { border-radius: 6px; margin-bottom: 15px; border-color: #BFB7B7;}
#historyPage .topBar {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:stretch; align-items:stretch; }
#historyPage .topBar .dayArea { width: 210px; padding: 18px 20px; 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;}
#historyPage .topBar .dayArea .subs-items { width: 170px; display: flex; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
#historyPage .topBar .dayArea .img { width: 53px; margin-left: 5px; border: 1px solid #ccc;  margin-bottom: 5px; }
#historyPage .topBar .dayArea .img:first-child { margin-left: 0;}
#historyPage .topBar .bgWhite { background: #fff; flex: 1; padding: 18px 20px;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
#historyPage .topBar .kakakuArea { width:250px; padding: 58px 16px 9px; position: relative;}
#historyPage .topBar .kakakuArea p { font-size: 14px; margin-top:4px;}
#historyPage .topBar .kakakuArea .ttlP { margin-right: 0.2em; display: inline-block; font-size: 13px; line-height: 20px; }
#historyPage .topBar .kakakuArea .f12 { font-size: 12px;}
#historyPage .topBar .kakakuArea strong { font-size: 15px; letter-spacing: 0; display: inline-block; margin-right: 2px;}
#historyPage .topBar .kakakuArea .teikiC { display: inline-block; background: #86B384; color: #fff; font-size: 15px; font-weight: bold; line-height: 1.0; padding:0.5em 1.4em 0.5em 1.5em; position: absolute; left: 16px; top: 10px; border-radius: 2px;}
#historyPage .bgForm .inner { display: none; background: #fff; border-radius: 0 0 6px 6px; padding: 23px 30px 17px; border-top: #E6E2E1 1px solid;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#historyPage .bgForm .inner li { margin-bottom: 5px; display: -webkit-flex; display: flex; font-size: 14px; line-height: 20px;}
#historyPage .bgForm .inner li .ttlP { margin-right: 0.4em; font-size: 13px; line-height: 20px; }
#historyPage .topBar .dayArea .day { text-align: center; font-size: 13px;}
#historyPage .topBar .dayArea .day span  { display: block; font-size: 14px;}
#historyPage .topBar .dayArea .btn { margin-top: 14px;}
#historyPage .topBar .dayArea .btn input[type="button"] { background: #D24051; color: #fff; border-radius: 3px;box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.25); font-size: 13px; padding: 0.4em; width: 160px; }
#historyPage .topBar .bgWhite .itemList li { display: -webkit-flex; display: flex; font-size: 16px; margin-bottom: 4px; position: relative; padding-left: 16px; max-width: 320px; }
#historyPage .topBar .bgWhite .itemList li:before { content: ""; display:block; width: 8px; height: 8px; background: #C69C6D; border-radius: 50%; position: absolute; left: 0; top: 0.45em;}
#historyPage .topBar .bgWhite .itemList li:last-child { margin-bottom: 0;}
#historyPage .topBar .bgWhite .itemList li .num { margin-left: auto; padding-left: 1.5em; font-size: 17px; min-width: 80px;}
#historyPage .topBar .bgWhite .itemList li .num span { font-size: 13px;}

#historyPage .acdBtn { width: 38px; height: 38px; margin-left: auto; position: absolute; right: 14px; top: 9px;}
#historyPage .addBtn { margin: 30px auto 50px; }
#historyPage .review-link { margin-bottom: 15px; font-size: 12px; }

/* 登録メールリスト
========================================================================== */
#merumagaPage .topTxt { position: relative; padding-top: 6px; min-height: 74px; margin-bottom: 40px; }
#merumagaPage .topTxt .img { position: absolute; right: -20px; bottom: 0;}
#merumagaPage .borderBox { border: #E6E6E6 4px solid; border-radius: 5px; position: relative; padding: 0 18px 8px; margin-bottom: 55px;}
#merumagaPage .borderBox h3 { font-size: 27px; letter-spacing: 0; font-weight: bold; line-height: 1.0; background: #fff; display: inline-block; padding: 1px 7px 0 5px; margin: -0.6em 0 14px -5px;}
#merumagaPage .borderBox h3 img { width: 22px; vertical-align: -5px; margin-right: 8px;}
#merumagaPage .outBtn { position: absolute; right: 18px; top: 0; transform: translate(0%, -40%); font-size: 15px; line-height:1.0; letter-spacing: 0; background: #fff;}
#merumagaPage .outBtn a { background: #E6E6E6; border: #CCC 1px solid; border-radius: 5px; padding: 0.85em 1.2em; padding-left: 1.3em; text-decoration: underline; color: inherit;}
#merumagaPage .outBtn a:hover { text-decoration: none;}
#merumagaPage .borderBox li { border-bottom: #E6E6E6 2px solid; padding: 18px 0 16px 33px; letter-spacing: 0.1px;}
#merumagaPage .borderBox li:last-child { border: none;}
#merumagaPage .borderBox li h4 { font-size: 19px; font-weight: bold; position: relative; margin-bottom: 8px;}
#merumagaPage .borderBox li input[type="checkbox"] { transform:scale(1.6,1.6); position: absolute; left: -24px; top:0.45em;}
#merumagaPage .borderBox li label { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;  -webkit-align-items: center; align-items: center;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
#merumagaPage .borderBox li h4 span { font-size: 14px; line-height: 1.0; font-weight: normal; display: inline-block; padding: 0.35em 0.7em; border-radius: 2px; margin-left: 14px; margin-right: -5px; color: #fff;}
#merumagaPage .borderBox li h4 span.gr { background: #3F8D3E;}
#merumagaPage .borderBox li h4 span.yw { background: #E6A336;}
#merumagaPage .btnTxt { font-size: 15px; text-align: center; margin: -15px auto 0;}
#merumagaPage .btnFormUList { margin: 30px auto 45px;}
#merumagaPage .btnFormUList li { width: auto; max-width: 900px; margin: 0 6px;}
#merumagaPage .btnFormUList li a { color: #fff;}
#merumagaPage .komeList { margin-bottom: -10px;}
#merumagaPage .komeList li { margin-bottom: 4px; letter-spacing: 0.1px;}
#merumagaPage .finishTxt { background: #E7F2DD; border-radius: 10px; width: 100%; min-height: 120px; 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; margin: -16px auto 64px;}
#merumagaPage .finishTxt p { font-size: 23px; font-weight: bold; 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;}
#merumagaPage .finishTxt p img { height:18px; vertical-align: middle; margin-right: 18px;}

/* 会社概要／各ブランド紹介
========================================================================== */
#outlinePage h2 {
    margin-bottom: 28px;
    color: #643c32;
    font-size: 24px!important;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
}
#outlinePage h2 img { height: 23px;}
#outlinePage table { border: none; font-size: 16px;}
#outlinePage table th { border: none; background: url(../img/common2/dotline3.svg) repeat-x left bottom #F4EBE2; background-size: 8px 2px; color: #643C32; padding: 1em 1em 1em 1.5em;}
#outlinePage table td { border: none; background: url(../img/common2/dotline3.svg) repeat-x right bottom; background-size: 8px 2px; padding: 1em 1.4em;}

#outlinePage table.brand th { background-color: transparent; width: 280px; text-align: center; padding: 1em 0; padding-right: 0.5em;}
#outlinePage table.brand td { padding: 1.6em 0.6em; font-size: 15px;}
#outlinePage table.brand td .name { font-size: 17px; font-weight: bold; margin-bottom: 0.6em;}
#outlinePage table.brand td ul { margin: 15px 0 0;}
#outlinePage table.brand td li { padding: 0.6em 0.8em; font-size: 14px; line-height: 1.0;}
#outlinePage table.brand td li:nth-child(2n-1) { background: #F4EBE2;}
#outlinePage table.brand td li p { display: inline-block; width: 3.5em;}
#outlinePage table.brand td li a { text-decoration: none;}
#outlinePage table.brand tr:last-child th { background: none;}
#outlinePage table.brand tr:last-child td { background: none;}

#outlinePage .btnList { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin: 0px 0 40px; }
#outlinePage .btnList li { margin: 0 10px;}
#outlinePage .btnList li a { padding: 1em; width: 390px; font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 1.4; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}

/* 191025 */
.greeting {
	width: 800px;
	margin: 0 auto;
	padding: 0 3.6% 3.6%;
	border-bottom: #CFAF7C 1px dashed;
}
.message {
	width: 800px;
	margin: 0 auto;
	padding: 5.4% 3.6% 7.2%;
}
.greeting h2 {
	font-family: 'Noto Serif JP', serif;
	color: #008800;
	margin-bottom: 3%;
	font-size: 36px;
}
.message h2 {
	font-family: 'Noto Serif JP', serif;
	color: #000000;
	margin-bottom: 3%;
	font-size: 24px;
}
.greeting p,
.message p {
	margin-bottom: 1em;
	font-size: 137.5%;
	line-height: 1.5em;
}
.message .presidentBox {
	width: 66.66%;
	margin: 96px auto 0;
}
.message .presidentBox .sign {
	width: 50%;
	display: inline-block;
	margin-right: 5%;
	vertical-align: middle;
}
.message .presidentBox .president {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}
.message .presidentBox .sign img,
.message .presidentBox .president img {
	width: 100%;
}
#outlinePage table th { background: url(https://www.greenhouse.ne.jp/template/default/img/common2/dotline3.svg) repeat-x left bottom #F4EBE2; background-size: 8px 2px; color: #643C32; padding: 1em 1em 1em 1.5em;}
#outlinePage table td { border: none; background: url(https://www.greenhouse.ne.jp/template/default/img/common2/dotline3.svg) repeat-x right bottom; background-size: 8px 2px; padding: 1em 1.4em;}

/* 221122 */
.sdgsBnrPc p strong {
    background: #f00;
    color: #fff;
    padding: 0.125em 0.33em;
    margin-right: 0.5em;
}


/* 準備中
========================================================================== */
#comingSoonBox { width: 980px; margin: 15px auto 25px; border: #E5E5E5 4px solid; border-radius: 5px; padding: 120px 30px 90px; text-align: center; background: url(../img/common2/bg_soon.png) no-repeat center top;}
#comingSoonBox .ttl img { height:33px; }
#comingSoonBox p:not(.ttl) { font-size: 18px; line-height: 1.7; color: #999; margin-top: 40px;}

/* お問い合わせフォーム
========================================================================== */
#contactSubsMypageInfo { display: flex; justify-content: space-between; }
#contactSubsMypageInfo li { padding: 30px; width: 32%; border-radius: .3em; font-size: 18px; font-weight: bold; text-align: center; color: #643C32; line-height: 1.3em; }
#contactSubsMypageInfo li > span { font-size: 22px; }
.contact-subject-link { margin-top: 10px; }
.contact-subject-link a { font-size: 14px; color: #0092d3 !important; text-decoration: none !important; }