@charset "UTF-8";
#konrei01 { line-height: 1.6; color: #3f2021; letter-spacing: 0.01em; padding-bottom: 40px; }

#konrei01 p { color: #3f2021; }

.mod_tit01 { font-size: 21px; text-align: center; padding: 7px 0; width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; position: relative; }

.mod_tit01:before, .mod_tit01:after { content: ''; background: #dcdcdc; width: 100%; height: 1px; position: absolute; left: 0; }

.mod_tit01:before { top: -4px; }

.mod_tit01:after { bottom: -4px; }

.mod_tit01 span { display: inline-block; background: url(../img/konrei01/ico_tit01.png) no-repeat left center; background-size: 30px auto; padding: 0 0 0 40px; border-radius: 3px; }

.mod_tit02 { margin: 0 15px; }

.mod_tit02.is-head { position: relative; }

.mod_tit02.is-head img { position: relative; z-index: 2; }

.mod_tit02.is-head:before { content: ''; margin: 0 -15px; background: #fff; width: calc(100% + 30px); height: 50%; position: absolute; bottom: 0; left: 0; }

.mod_btn01 { text-align: center; margin-top: 20px; }

.mod_btn01:not(:last-child) { margin-bottom: 30px; }

.mod_btn01 a { width: 100%; display: inline-block; font-size: 15px; color: #fff; border-radius: 50px; padding: 15px 0; text-decoration: none; background: url(../img/konrei01/ico_arw01.png) no-repeat right 18px top 50% #9cb72f; background-size: 5px 8px; }

.mod_btn01.is-orange a { background-color: #ff6f52; }

.mod_btn01 + .mod_btn01 { margin-top: -20px; }

.mod_btn02 a { font-size: 12px; line-height: 1.3; display: block; width: 100%; text-align: center; padding: 7px 5px; border-radius: 30px; box-sizing: border-box; background: #633728; color: #fff; position: relative; text-decoration: none; }

.mod_btn02 a:after { content: ''; width: 3px; height: 3px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 10px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); }

.mod_intro01 { font-size: 16px; letter-spacing: 0.02em; padding: 25px 0; text-align: center; color: #3f2021; }

.mod_wrap01 { background: #ffeceb; padding: 0 10px 20px; }

.mod_wrap01.is-bg02 { background: #e6e0ec; }

.mod_wrap01.is-bg03 { background: #f1f4e1; }

.mod_wrap01.is-bg04 { background: #e8dfdc; }

.mod_inner01 { background: #fff; padding: 25px 15px; }

.mod_inner01 + .mod_inner01 { margin-top: 15px; }

.mod_inner01.is-border01 { box-shadow: 0 0 0 2px #fff inset,0 0 0 3px #a4bb49 inset; }

.mod_inner01.is-border02 { box-shadow: 0 0 0 2px #fff inset,0 0 0 3px #b996da inset; }

.mod_inner01.is-border03 { box-shadow: 0 0 0 2px #fff inset,0 0 0 3px #b19473 inset; }

.mod_inner01.is-border04 { box-shadow: 0 0 0 2px #fff inset,0 0 0 3px #ff6f52 inset; }

.mod_inner01 .addNoteTxt { text-align: right; margin: 20px 0 -10px; font-size: 13px; }

.mod_itemList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; }

.mod_itemList01 .item { width: 48%; box-sizing: border-box; }

.mod_itemList01 .item:nth-of-type(n+3) { margin-top: 20px; }

.mod_itemList01 .item.btn { margin-top: 8px; }

.mod_itemList01 img { image-rendering: -webkit-optimize-contrast; }

.mod_itemList01 .tit { font-size: 15px; font-weight: bold; margin-top: 10px; line-height: 1.3; }

.mod_itemList01 .tit span { font-size: 14px; }

.mod_itemList01 .txt { font-size: 13px; line-height: 1.4; margin-top: 7px; }

.mod_itemList01 .btn { margin-top: 8px; }

.mod_itemList01 .btn a { font-size: 12px; line-height: 1.3; display: block; width: 100%; text-align: center; padding: 10px 5px; border-radius: 30px; box-sizing: border-box; background: #633728; color: #fff; position: relative; text-decoration: none; }

.mod_itemList01 .btn.arw a:before { content: ''; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 12px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); }

.mod_itemList01.is-center .tit { text-align: center; margin: 10px 0 5px; }

.mod_txtSet01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -10px 0; }

.mod_txtSet01 .img, .mod_txtSet01 .txtBox { width: 47.5%; }

.mod_txtSet01 .img { text-align: center; }

.mod_txtSet01 .txtBox .txt { padding: 14px 0; font-size: 14px; line-height: 1.4; border-top: 1px solid #ffb0a6; border-bottom: 1px solid #ffb0a6; }

.mod_txtSet01 .tit { text-align: center; font-size: 13px; font-weight: bold; margin: 15px 0 10px; line-height: 1.3; }

.mod_txtSet01 .tit span { font-size: 12px; }

.mod_txtSet01 .btn { margin-top: 12px; }

.mod_txtSet01 .btn a { font-size: 12px; line-height: 1.3; display: block; width: 100%; text-align: center; padding: 8px 5px; border-radius: 30px; box-sizing: border-box; background: #633728; color: #fff; position: relative; text-decoration: none; }

.mod_txtSet01 .btn a:before { content: ''; width: 3px; height: 3px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 12px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); }

.mod_txtSet01 .note { text-indent: -1em; padding-left: 1em; margin-top: 10px; font-size: 12px; }

.mod_txtSet01.is-purple .txt { border-top: 2px solid #d8c1ee; border-bottom: 2px solid #d8c1ee; }

.mod_txtSet01.is-brown .txt { border-top: 2px solid #d9cfc5; border-bottom: 2px solid #d9cfc5; }

.mod_inner01 + .mod_tit02 { margin-top: 20px; }

.mod_notes { font-size: 12px; margin-top: 10px; }

.mod_notes li { text-indent: -1em; padding-left: 1em; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.addBuy .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.addBuy .item + .item { margin-top: 15px; }

.addBuy .img { width: 48%; }

.addBuy .txtBox { width: 48%; }

.addBuy .tit { font-size: 15px; line-height: 1.45; font-weight: bold; margin-bottom: 7px; }

.addBuy .txt { font-size: 14px; margin-top: 10px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#mv .intro { font-size: 16px; text-align: center; margin: 25px 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#hare { counter-reset: head; }

#hare .mv { margin-top: 15px; }

#hare .head { color: #ff6f52; padding-left: 46px; position: relative; font-size: 21px; margin-bottom: 15px; }

#hare .head:before { counter-increment: head; content: counter(head); border-radius: 50%; color: #fff; background: #ff6f52; border: 1px solid #fff; box-shadow: 0 0 0 2px #ff6f52; font-size: 21px; text-align: center; width: 34px; line-height: 34px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#hare .step01 { margin-bottom: 30px; }

#hare .step01 .img { margin: 0 -3.2% 0 -2.2%; text-align: center; position: relative; }

#hare .step01 .img .item { position: absolute; z-index: 2; text-align: left; width: 110%; -webkit-transform: scale(0.27); -ms-transform: scale(0.27); transform: scale(0.27); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

#hare .step01 .img .item .tit { font-size: 12vw; font-weight: bold; color: #f7674a; line-height: 128%; margin-bottom: 10vw; }

#hare .step01 .img .item .txt { font-size: 9vw; letter-spacing: -0.01em; line-height: 140%; }

#hare .step01 .img .item00 .txt, #hare .step01 .img .item01 .txt, #hare .step01 .img .item02 .txt { font-size: 8.2vw; }

#hare .step01 .img .item00 { left: 0; top: 4.3%; }

#hare .step01 .img .item01 { left: 0; top: 38.5%; }

#hare .step01 .img .item02 { left: 0; top: 72.1%; width: 115%; }

#hare .step01 .img .item03 { left: 70.3%; top: 18.6%; width: 100%; }

#hare .step01 .img .item03 .tit { color: #8eb100; }

#hare .step01 .img .item04 { left: 70.3%; top: 56.1%; width: 100%; }

#hare .step01 .img .item04 .tit { color: #8eb100; }

#hare .step02 .imgColor { text-align: center; margin-bottom: 25px; }

#hare .step02 .imgColor img { width: 74%; }

#hare .step02 .intro { text-align: center; margin: 12px 0 15px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#konrei { margin-top: 20px; }

#konrei .linkTips { text-align: center; margin-top: 15px; }

#konrei .linkTips a { font-size: 16px; text-decoration: none; display: inline-block; border-bottom: 1px solid #a89590; color: #3f2021; }

#konrei .linkTips a:hover { text-decoration: none; border-bottom: 2px solid #fff; }

#konrei .linkTips a:active { color: #3f2021; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#okubari { margin-top: 40px; }

#okubari .intro { padding-top: 10px; }

#okubari .secHead { margin-bottom: 23px; }

#okubari .itemSitate { margin-top: -10px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#flow { margin-top: -60px; padding-top: 90px; }

#flow .sub { margin: 0 20px -8.7vw; }

#flow .secHead { margin-bottom: -4%; }

#flow .contWrap { padding-top: 40px; }

#flow .flow { margin-top: 30px; position: relative; width: 100%; }

#flow .flow .head { font-size: 16px; line-height: 1.3; padding: 14px 0; text-align: center; border: 1px solid #e2c3bf; position: relative; font-weight: bold; }

#flow .flow .head.is-red { border: 0; background: url(../img/konrei01/bg_tit01.jpg) repeat center; }

#flow .flow .head.is-border { box-shadow: 0 0 0 2px #f77c70 inset; }

#flow .flow .head.is-ico:after { content: ''; background: url(../img/konrei01/img_flow02.png) no-repeat center; background-size: cover; width: 84px; height: 72px; position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#flow .flow .head:not(.is-first) { margin-top: 36px; }

#flow .flow .head:not(.is-first):before { content: ''; position: absolute; top: -28px; left: 50%; margin-left: -14px; width: 0; height: 0; border-style: solid; border-width: 16px 14px 0 14px; border-color: #d2d2d2 transparent transparent transparent; }

#flow .flow .head.is-ico:before { left: 50%; margin-left: -32px; }

#flow .flow .txt { letter-spacing: 0; font-size: 13px; text-align: center; }

#flow .flow .days { position: relative; padding-right: 39px; }

#flow .flow .days .arw { background: url(../img/konrei01/img_original02.jpg) no-repeat bottom, url(../img/konrei01/bg_tit02.jpg) repeat center; width: 34px; height: 100%; position: absolute; right: 0; top: 0; font-size: 15px; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#flow .flow .mail { background: url(../img/konrei01/bg_tit02.jpg) repeat; text-align: center; padding: 18px 5px; margin-top: 20px; font-size: 13px; }

#flow .img { margin: 7px 0 0; padding-right: 7px; }

#flow .step { text-align: center; font-size: 20px; font-weight: bold; color: #fa684b; position: relative; text-align: center; margin-top: 20px; }

#flow .step span { display: inline-block; border-radius: 50%; color: #fff; font-size: 19px; font-weight: normal; background: #fa684b; width: 36px; line-height: 36px; box-shadow: 0 0 0 1px #ffb3a4 inset; border: 2px solid #fa684b; position: relative; z-index: 2; }

#flow .step:before { content: ''; background: #dadada; background-size: cover; width: 100%; height: 1px; position: absolute; top: 22px; left: 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#howTo { margin-top: -60px; padding-top: 90px; }

#howTo .secHead { margin-bottom: -4%; }

#howTo .contWrap { padding-top: 40px; }

#howTo .flow { position: relative; width: 100%; }

#howTo .flow .head { font-size: 16px; line-height: 1.3; padding: 14px 0; text-align: center; border: 1px solid #e2c3bf; position: relative; font-weight: bold; }

#howTo .flow .head.is-red { border: 0; background: url(../img/konrei01/bg_tit01.jpg) repeat center; }

#howTo .flow .head.is-border { box-shadow: 0 0 0 2px #f77c70 inset; }

#howTo .flow .head.is-ico:after { content: ''; background: url(../img/konrei01/img_original01.png) no-repeat center; background-size: cover; width: 84px; height: 72px; position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#howTo .flow .head:not(.is-first) { margin-top: 36px; }

#howTo .flow .head:not(.is-first):before { content: ''; position: absolute; top: -28px; left: 50%; margin-left: -14px; width: 0; height: 0; border-style: solid; border-width: 16px 14px 0 14px; border-color: #d2d2d2 transparent transparent transparent; }

#howTo .flow .head.is-ico:before { left: 50%; margin-left: -32px; }

#howTo .flow .txt { letter-spacing: 0; font-size: 13px; margin-top: 12px; }

#howTo .flow .days { position: relative; padding-right: 39px; }

#howTo .flow .days .arw { background: url(../img/konrei01/img_original02.jpg) no-repeat bottom, url(../img/konrei01/bg_tit02.jpg) repeat center; width: 34px; height: 100%; position: absolute; right: 0; top: 0; font-size: 15px; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#howTo .flow .mail { background: url(../img/konrei01/bg_tit02.jpg) repeat; text-align: center; padding: 18px 5px; margin-top: 20px; font-size: 13px; }

#howTo .size { position: relative; }

#howTo .size .box { overflow: hidden; }

#howTo .size .box .img { float: right; width: 35%; margin: 0 0 5px 10px; }

#howTo .size .box .txtbox { font-size: 14px; }

#howTo .size .notes { margin-top: 25px; }

#howTo .notesHead { margin-top: 20px; }

#howTo .notesArea { background: #fff; margin-top: 0; }

#howTo .notesArea .inner { padding: 20px 25px 25px; }

#howTo .notesArea .intro { font-size: 21px; text-align: center; margin: 0 0 20px; line-height: 1.3; }

#howTo .notesArea .list { margin: 20px 0 0 0; text-align: center; }

#howTo .notesArea .list dd { font-size: 15px; margin-top: 13px; }

#howTo .notesArea .list + #howTo .notesArea .list { margin-top: 30px; }

#howTo .notesArea .notes { margin-top: 25px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#huroshiki { margin-top: 30px; }

#huroshiki .secHead { margin-bottom: -4%; }

#huroshiki .mv { padding: 40px 0 40px 55px; background: url(../img/konrei01/img_huroshiki01.jpg) no-repeat center; background-size: cover; }

#huroshiki .mv .txt { color: #fff; width: 100%; box-sizing: border-box; padding: 20px 25px; background: rgba(64, 38, 37, 0.85); position: relative; }

#huroshiki .head { font-size: 15px; padding: 13px 18px; text-align: center; line-height: 1.4; background: url(../img/konrei01/bg_tit02.jpg) repeat; font-weight: normal; font-weight: bold; }

#huroshiki .head .price { font-weight: bold; color: #cc0007; }

#huroshiki .head .price span { font-size: 13px; }

#huroshiki .contWrap { padding-top: 15px; }

#huroshiki .selectBox .note { text-align: right; margin-top: 5px; font-size: 12px; }

#huroshiki .selectBox .box { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#huroshiki .selectBox .box .tit { text-align: center; font-size: 15px; line-height: 1; margin-bottom: 18px; }

#huroshiki .selectBox .box .tit .min { font-size: 10px; display: inline-block; margin: 0 -5%; }

#huroshiki .selectBox .box .item { width: 29%; box-sizing: content-box; position: relative; }

#huroshiki .selectBox .box .item + .item:before { content: ''; background: #dad8d8; width: 1px; height: 100%; position: absolute; top: 0; left: -12%; }

#huroshiki .selectBox .box .item img { width: 100%; }

#huroshiki .nameBox { margin-top: 30px; }

#huroshiki .nameBox .inner { padding: 18px 0 0; }

#huroshiki .nameBox .inner .box { margin-top: 18px; border: 1px solid #e2c3bf; padding: 15px; }

#huroshiki .nameBox .inner .box h4 { font-size: 16px; font-weight: bold; }

#huroshiki .nameBox .inner .box li { text-indent: -1em; padding-left: 1em; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#tips { margin-top: 40px; /* .article */ }

#tips .contWrap { padding-top: 9%; }

#tips .sub { margin-bottom: 2%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#tips .housouBox, #tips .noshiBox { padding-top: 0; }

#tips .housouBox { margin-top: -6.4%; }

#tips .housouBox .img { width: 35%; }

#tips .housouBox .txtBox { width: 59%; }

#tips .noshiBox { margin-top: 11%; }

#tips .noshiBox .img { width: 35%; }

#tips .noshiBox .txtBox { width: 59%; }

#tips .article { line-height: 1.8; margin-top: 15px; }

#tips .article .wrap .inner { background: #fff; padding: 15px; }

#tips .article .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#tips .article .box .img { width: 24%; }

#tips .article .box .txtBox { width: 71%; }

#tips .article .inner > :first-child { margin-top: 0; }

#tips .article p { margin: .9em 0; }

#tips .article dl { margin: .9em 0; border-bottom: 1px solid #dad8d8; padding-bottom: .9em; }

#tips .article dl dt { width: 47%; margin-bottom: 10px; }

#tips #mamecishiki { margin-top: -60px; padding-top: 75px; }