/* Scss Document */
/* Scss Document */
/*color*/
/*$base-color: #000000;*/
/*$black: #000000;*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Zen+Old+Mincho:wght@400;500;600&display=swap");
/*layout*/
/*----------------------------------------------------
	lead
----------------------------------------------------*/
#lead .text .bg { right: 0; top: 253px; }

/*----------------------------------------------------
	spa_cont
----------------------------------------------------*/
#dog_cont ul { padding-top: 30px; }
#dog_cont ul li { line-height: 1.7; }
#dog_cont ul li:first-of-type { padding-bottom: 15px; }

#detail > .text { width: 950px; margin-left: auto; margin-right: auto; margin-top: 15px; }
#detail > .text .info { margin-top: .5em; padding-left: .5em; position: relative; }
#detail > .text .info:before { content: ''; display: block; width: 1px; height: calc(100% - 1em); position: absolute; top: .5em; left: 0; background-color: #222222; }
#detail .boxes > div .text h5 { text-align: center; position: relative; font-size: 18px; /*padding-left: 1em;*/ }

#room { padding-bottom: 0; }
#room .flex h3 { padding-bottom: 15px; }
#room #caution { gap: 40px; padding-left: 20px; align-items: center; }
#room #caution .text { width: 100%; max-width: 700px; margin-left: 15px; }
#room #caution .btn_box .btn a { border: 1px solid #222222; width: 300px; height: 60px; display: flex; justify-content: center; align-items: center; margin: 13px 0; position: relative; }
#room #caution .btn_box .btn a::before { border-bottom: 1px solid #222222; bottom: 0; content: ""; height: 1px; width: 24px; margin: auto; position: absolute; right: 31px; /* transform: rotate(45deg); */ transition: right .3s; top: 7px; }
#room #caution .btn_box .btn a::after { border-bottom: 1px solid #222222; bottom: 0; content: ""; height: 15px; width: 5px; margin: auto; position: absolute; right: 26px; top: -7px; transform: rotate(40deg); transition: right .3s; }
#room #caution .btn_box .btn a:hover::before { right: 20px; }
#room #caution .btn_box .btn a:hover::after { right: 15px; }
#room #caution h3 { margin-bottom: 0; text-align: left; }

.r_btn { display: flex; justify-content: center; }

#info { width: 100%; max-width: 950px; margin: 0 auto; }
#info .text ul { padding-top: 30px; }
#info .text ul li { line-height: 1.7; }
#info .text ul li:first-of-type { padding-bottom: 15px; }

#dog #caution .flex { gap: 40px; padding-left: 20px; }
#dog #caution .flex .text { width: 100%; max-width: 700px; margin-left: 40px; }
#dog #caution .flex .btn_box .btn a { border: 1px solid #222222; width: 340px; height: 60px; display: flex; justify-content: center; align-items: center; margin: 13px 0; font-size: 18px; position: relative; }
#dog #caution .flex .btn_box .btn a::before { border-bottom: 1px solid #222222; bottom: 0; content: ""; height: 1px; width: 24px; margin: auto; position: absolute; right: 31px; /* transform: rotate(45deg); */ transition: right .3s; top: 7px; }
#dog #caution .flex .btn_box .btn a::after { border-bottom: 1px solid #222222; bottom: 0; content: ""; height: 15px; width: 5px; margin: auto; position: absolute; right: 26px; top: -7px; transform: rotate(40deg); transition: right .3s; }
#dog #caution .flex .btn_box .btn a:hover::before { right: 20px; }
#dog #caution .flex .btn_box .btn a:hover::after { right: 15px; }
#dog #caution .txtbox_c { text-align: center; }

#park .flex { align-items: center; justify-content: space-between; }
#park .flex .title { width: 100%; max-width: 460px; }
#park .flex .title p { padding-top: 20px; }

.modal_btn { margin-left: auto; margin-right: auto; }

/*# sourceMappingURL=dog.css.map */