@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: 36px; text-align: center; margin: 0 auto; padding: 10px 0 12px; width: 615px; 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: -8px; }

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

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

.mod_tit02 { background: url(../img/konrei01/bg_tit01.png) no-repeat center; text-align: center; color: #fff; font-size: 27px; line-height: 66px; }

.mod_tit02.is-purple { background: url(../img/konrei01/bg_tit02.png) no-repeat center; line-height: 57px; }

.mod_tit02.is-green { background: url(../img/konrei01/bg_tit03.png) no-repeat center; line-height: 57px; }

.mod_tit02.is-head { position: relative; z-index: 2; margin-bottom: -31px; }

.mod_tit02 .min { font-size: 16px; vertical-align: bottom; }

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

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

.mod_btn01 a { width: 490px; display: inline-block; font-size: 21px; color: #fff; border-radius: 3px; padding: 18px 0; background: url(../img/konrei01/ico_arw01.png) no-repeat right 20px top 50% #9cb72f; }

.mod_btn01 a:hover { text-decoration: none; opacity: .8; }

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

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

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

.mod_wrap01 { background: url(../img/konrei01/bg01.jpg) repeat center -52px; padding: 0 35px 50px; }

.mod_wrap01.is-bg02 { background-image: url(../img/konrei01/bg02.jpg); }

.mod_wrap01.is-bg03 { background-image: url(../img/konrei01/bg03.jpg); }

.mod_wrap01.is-bg04 { background-image: url(../img/konrei01/bg04.jpg); }

.mod_inner01 { background: url(../img/konrei01/bg05.jpg) repeat center; padding: 50px 40px; }

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

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

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

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

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

.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: 270px; box-sizing: border-box; }

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

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

.mod_itemList01 .tit { font-size: 21px; color: #fa684b; font-weight: bold; margin: 15px 0 10px; line-height: 1.3; }

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

.mod_itemList01 .price { font-size: 15px; margin: 10px 0 15px; }

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

.mod_itemList01 .btn a { display: block; width: 100%; text-align: center; padding: 13px 0; border-radius: 3px; background: #633728; color: #fff; position: relative; }

.mod_itemList01 .btn a:hover { text-decoration: none; opacity: .8; }

.mod_itemList01 .btn a:before { content: ''; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 15px; -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; font-size: 20px; margin: 18px 0; }

.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: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mod_txtSet01 .img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; }

.mod_txtSet01 .txtBox { margin-left: 30px; }

.mod_txtSet01 .txtBox .txt { padding: 28px 0; font-size: 17px; line-height: 1.7; border-top: 2px solid #ffb0a6; border-bottom: 2px solid #ffb0a6; }

.mod_txtSet01 .txtBox .note { margin-top: 20px; font-size: 14px; text-indent: -1em; padding-left: 1em; }

.mod_txtSet01 .txtBox .note.mt10 { margin-top: 10px; }

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

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

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

.mod_txtSet01 .btn a { display: block; width: 270px; text-align: center; padding: 11px 0; border-radius: 3px; background: #633728; color: #fff; position: relative; font-size: 15px; }

.mod_txtSet01 .btn a:hover { text-decoration: none; opacity: .8; }

.mod_txtSet01 .btn a:before { content: ''; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 15px; -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.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_notes { font-size: 14px; margin-top: 25px; }

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

.mod_tit02.is-head + .mod_inner01 { padding-top: 60px; }

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

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

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

#hare .mv { z-index: 2; margin-top: -10px; position: relative; }

#hare .head { color: #ff6f52; padding-left: 68px; position: relative; font-size: 31px; margin-bottom: 28px; }

#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: 32px; text-align: center; width: 49px; line-height: 49px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

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

#hare .step01 .img { margin: 0px -40px; text-align: center; position: relative; }

#hare .step01 .img .item { position: absolute; z-index: 2; width: 184px; text-align: left; }

#hare .step01 .img .item .tit { font-size: 18px; font-weight: bold; color: #f7674a; line-height: 1.35; margin-bottom: 14px; }

#hare .step01 .img .item .txt { font-size: 14px; letter-spacing: 0.01em; }

#hare .step01 .img .item00 { left: 31px; top: 42px; }

#hare .step01 .img .item01 { left: 31px; top: 251px; }

#hare .step01 .img .item02 { left: 31px; top: 460px; }

#hare .step01 .img .item03 { width: 180px; left: 490px; top: 110px; }

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

#hare .step01 .img .item04 { width: 180px; left: 490px; top: 337px; }

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

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

#hare .step02 .intro { font-size: 17px; text-align: center; margin: 18px 0 25px; }

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

#konrei .mod_intro01 { padding-top: 0; margin-top: -110px; }

#konrei .linkTips { text-align: center; font-size: 23px; margin-top: 35px; }

#konrei .linkTips a { display: inline-block; border-bottom: 2px 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: 70px; }

#okubari .intro { padding-top: 0; }

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

#okubari .itemHare .tit { font-size: 18px; line-height: 1.5; }

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

#okubari .kohare .txtBox { margin-left: 20px; }

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

#flow .secHead { text-align: center; padding: 22px 0 0; margin: 0 0 -24px -10px; font-size: 30px; background: url(../img/konrei01/tit05.png) no-repeat top center; width: 785px; height: 120px; color: #fff; z-index: 2; position: relative; }

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

#flow .flow { position: relative; width: 532px; }

#flow .flow .head { font-size: 20px; padding: 18px 0; text-align: center; border: 1px solid #e2c3bf; position: relative; }

#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 4px #f77c70 inset; }

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

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

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

#flow .flow .txt { text-align: center; letter-spacing: 0; white-space: nowrap; font-size: 15px; margin-top: 3px; }

#flow .flow .img { margin: 15px 0 25px; }

#flow .flow .txt .mail { font-size: 18px; }

#flow .flow .day { position: relative; }

#flow .flow .day .arw { background: url(../img/konrei01/img_original02.jpg) no-repeat bottom, url(../img/konrei01/bg_tit02.jpg) repeat center; width: 73px; height: 100%; position: absolute; right: -93px; top: 0; font-size: 24px; 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 .step { text-align: center; font-size: 25px; font-weight: bold; color: #fa684b; position: relative; }

#flow .step span { display: inline-block; border-radius: 50%; color: #fff; font-size: 24px; font-weight: normal; background: #fa684b; width: 43px; line-height: 43px; 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; }

#howTo .secHead { text-align: center; padding: 22px 0 0; margin: 0 0 -24px -10px; font-size: 30px; background: url(../img/konrei01/tit03.png) no-repeat top center; width: 785px; height: 120px; color: #fff; z-index: 2; position: relative; }

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

#howTo .flow { position: relative; width: 532px; }

#howTo .flow .head { font-size: 20px; padding: 18px 0; text-align: center; border: 1px solid #e2c3bf; position: relative; }

#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 4px #f77c70 inset; }

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

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

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

#howTo .flow .txt { text-align: center; letter-spacing: 0; white-space: nowrap; font-size: 15px; margin-top: 13px; }

#howTo .flow .txt .mail { font-size: 18px; }

#howTo .flow .day { position: relative; }

#howTo .flow .day .arw { background: url(../img/konrei01/img_original02.jpg) no-repeat bottom, url(../img/konrei01/bg_tit02.jpg) repeat center; width: 73px; height: 100%; position: absolute; right: -93px; top: 0; font-size: 24px; 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 .size { position: relative; }

#howTo .size:before { content: ''; background: url(../img/konrei01/img_original03.png) no-repeat center; background-size: cover; width: 129px; height: 114px; position: absolute; bottom: -94px; right: -75px; }

#howTo .size .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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#howTo .size .box .img { -ms-flex-negative: 0; flex-shrink: 0; }

#howTo .size .box .txtbox { margin-left: 30px; font-size: 16px; line-height: 1.8; }

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

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

#howTo .notesArea .inner { padding: 35px 65px 45px; }

#howTo .notesArea .head { font-size: 26px; color: #fff; background: #b19473; text-align: center; padding: 13px 0; position: relative; }

#howTo .notesArea .head:before { content: ''; background: url(../img/konrei01/tit_original01.png) no-repeat center; background-size: cover; width: 128px; height: 57px; position: absolute; top: -53px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#howTo .notesArea .intro { font-size: 24px; text-align: center; }

#howTo .notesArea .list { margin: 28px -40px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#howTo .notesArea .list dt { -ms-flex-negative: 0; flex-shrink: 0; }

#howTo .notesArea .list dd { margin-left: 30px; width: 280px; font-size: 16px; }

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

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

#huroshiki .contWrap { background-position: 0 -1125px; }

#huroshiki .secHead { text-align: center; padding: 22px 0 0; margin: 0 0 -25px -10px; font-size: 30px; background: url(../img/konrei01/tit04.png) no-repeat top center; width: 785px; height: 120px; color: #fff; z-index: 2; position: relative; }

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

#huroshiki .mv .txt { font-size: 17px; line-height: 1.85; color: #fff; width: 100%; box-sizing: border-box; padding: 35px 35px 35px 50px; background: rgba(64, 38, 37, 0.85); position: relative; }

#huroshiki .mv .txt:before, #huroshiki .mv .txt:after { content: ''; background: #786868; width: 100%; height: 1px; position: absolute; left: 0; }

#huroshiki .mv .txt:before { top: 4px; }

#huroshiki .mv .txt:after { bottom: 4px; }

#huroshiki .head { font-size: 20px; padding: 18px 0; text-align: center; line-height: 1.5; background: url(../img/konrei01/bg_tit02.jpg) repeat; }

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

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

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

#huroshiki .selectBox .note { text-align: right; font-size: 14px; }

#huroshiki .selectBox .box { margin-top: 35px; 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: 22px; line-height: 1; margin-bottom: 18px; }

#huroshiki .selectBox .box .tit .min { font-size: 15px; }

#huroshiki .selectBox .box .item { width: 181px; box-sizing: content-box; }

#huroshiki .selectBox .box .item + .item { margin-left: 20px; padding-left: 20px; border-left: 1px solid #dad8d8; }

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

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

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

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

#huroshiki .nameBox .inner .box { margin-top: 20px; border: 1px solid #e2c3bf; padding: 25px; font-size: 15px; line-height: 1.8; }

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

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

#tips .contWrap { padding-top: 33px; }

#tips .housouBox .img { width: 198px; }

#tips .noshiBox .txtSet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#tips .article { margin-top: 84px; font-size: 14px; line-height: 1.8; }

#tips .article .wrap { background: url(../img/konrei01/bg06.jpg) repeat center; padding: 40px; }

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

#tips .article .tit { font-size: 26px; color: #fff; background: #b19473; text-align: center; padding: 13px 0; position: relative; }

#tips .article .tit:before { content: ''; background: url(../img/konrei01/tit_tips01.png) no-repeat center; background-size: cover; width: 128px; height: 57px; position: absolute; top: -53px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#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 { -ms-flex-negative: 0; flex-shrink: 0; }

#tips .article .box .txtBox { margin-right: 30px; }

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

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

#tips .article dl { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #dad8d8; padding-bottom: 20px; }

#tips .article dl dt { width: 126px; height: 89px; box-sizing: border-box; font-size: 15px; padding: 48px 0 0 20px; color: #fff; background: no-repeat center; }

#tips .article dl:nth-of-type(1) dt { background-image: url(../img/konrei01/tag_tips01.png); }

#tips .article dl:nth-of-type(2) dt { background-image: url(../img/konrei01/tag_tips02.png); }

#tips .article dl:nth-of-type(3) dt { background-image: url(../img/konrei01/tag_tips03.png); }

#tips .article dl dd { width: 400px; margin-left: 20px; }

.addBuy { margin: 5px 15px; }

.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: 50px; }

.addBuy .img { width: 270px; }

.addBuy .txtBox { width: 300px; position: relative; padding-bottom: 62px; }

.addBuy .tit { font-size: 20px; line-height: 1.45; font-weight: bold; color: #fa684b; }

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

.addBuy .btn { position: absolute; bottom: 0; left: 0; }

.addBuy .btn a { display: block; width: 270px; text-align: center; padding: 13px 0; border-radius: 3px; background: #633728; color: #fff; position: relative; }

.addBuy .btn a:hover { text-decoration: none; opacity: .8; }

.addBuy .btn a:before { content: ''; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 15px; -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%); }

#hare .addBuy { margin: 35px 15px 0; }