@charset "utf-8";
/* CSS Document */

/*-- 共通 --*/
h1 {display: none;}
img {max-width: 100%;}
h2,p,li {color: #595757; font-weight: bold; padding: 1em 0;}
dt,dd {color: #595757;}
.flex {display: flex;}
.headder {margin-bottom: 20px; background-image: url(https://www.seiko-sousha.com/rakuten/img/bk_washi.jpg); background-repeat:no-repeat;}
.top-title {width:950px; height: 300px; margin:0 auto; position: relative; top: 5px;}
.content {justify-content: space-around; width:950px; margin:6px auto 0; border-top:1px solid #DCDDDD;}
.main {width: 680px; margin-top: 7px;}
.content-top, .information, .plan{margin-bottom: 25px;}
.content-top h2 {font-family: serif; font-size: 1.3rem; line-height: 1.3em;}
.content-top p {font-family: serif; font-size: .9rem; line-height: 1.5em; padding-bottom: 2em;}
.content-middle {margin-bottom: 20px;}
.content-middle h2 {font-family: serif; font-size: 1.6rem; text-align:center; padding-bottom: .4em;}
.content-middle p, .content-middle li {font-family: serif; font-size: .9rem; font-weight: bold;}
.p-center {text-align: center;}
.p-center p {font-family: serif; font-size: .9rem;}


/*-- グローバルナビ --*/
.nav-bar {justify-content:center; align-items:center; margin-top: 12px; border-top: 1px solid #5C1C00;}
.nav-img img {padding: 0 30px;}
.nav-list ul {height: 100%;}
.nav-list li {padding:0;}
.nav-list li a {display: block; width: 100%; height: 100%;}
.nav-list a:hover {background-color: #ccc; opacity:46%;}
.nav-list li img {padding: 20px 0 30px 0}
.nav-li-2 ul {margin-left: 30px;}
.nav-li-1 li {border-right: 1px solid #5C1C00;}
.nav-li-1 li:first-child {background-image:url(https://www.seiko-sousha.com/rakuten/img/glnv1-bk.png);}
.nav-li-1 li:last-child {background-image:url(https://www.seiko-sousha.com/rakuten/img/glnv2-bk.png);}
.nav-li-2 li {width: 45px; text-align: center; border-left: 1px solid #5C1C00;}
.nav-li-2 li:last-child {border-right: 1px solid #5C1C00;}
.nav-li-3 {margin-left: 60px;}
.nav-li-3 li {text-align: center; width:28px;}

/*-- サイドバー --*/
.side {width: 200px; margin-top: 7px}
.side li {padding: 0 0 10px 0;}
.side a:hover img {opacity:62%;}

/*-- フッター --*/
.footer {background-image: url(https://www.seiko-sousha.com/rakuten/img/bk_washi.jpg); background-repeat:no-repeat;}
.footer > .flex {justify-content: space-between; align-items: flex-start; width:950px; height: 200px; margin:0 auto; padding-top: 30px;}
.footer p, .footer li { color: #000; font-size: .7rem; font-weight: bold; line-height: 1.5em; padding:0;}
.footer-logo {text-align: center; padding-right: 0 25px;}
.footer-logo p {padding-top: 1em;}
.footer-tel p {padding-bottom: 20px; margin: 0;}
.footer-tel span {font-size: 1.5rem; font-family: serif; line-height: 1.5em;}
.footer-nav .flex {align-items: flex-start; padding: 0;}
.footer-nav li {line-height: 2em; margin-left: 1em;}
.footer-nav li::before {content: "・";}

/*-- トップページ --*/
#page-top .top-title {background-image:url(https://www.seiko-sousha.com/rakuten/img/top_titlebk.jpg); background-repeat:no-repeat;background-size:contain;}
#page-top .main a:hover img {opacity: 62%;}
#page-top .banner-1 {text-align: center; margin-bottom: 45px;}
#page-top .page-nav, #page-top .top-menu {flex-wrap: wrap; justify-content: space-between; margin: 10px 0;}
#page-top .information li {list-style: outside; list-style-position: inside; color: #595757; padding: 1em; border-bottom: 1px dashed #595757;}
#page-top .top-menu div {width: 330px; margin-bottom: 15px; position: relative;}
#page-top .top-menu h2 {color: #AF3C23; height: 3em; padding: 0; margin-top: .5em;}
#page-top .top-menu p {height: 6.5em;}
#page-top .top-menu span  {color: #AF3C23; margin-top: .5em;}
#page-top .top-menu a {position: absolute; bottom: 0; right: 0;}
#page-top .intro-menu {justify-content: space-evenly; margin-bottom: 20px; background-image: url(https://www.seiko-sousha.com/rakuten/img/bk_base.jpg); background-repeat: no-repeat;}
#page-top .intro-menu .text {text-align: center; width: 47%; margin: 17px 0 20px 0;}
#page-top .intro-menu .text div {text-align: left;}
#page-top .intro-menu .text h2 {font-family: serif; font-size: 1.3rem;}
#page-top .intro-menu .text p {font-family: serif;}
#page-top .intro-menu .image {width: 47%; margin: 20px 0;}
#page-top .intro-menu .image img {padding: 6px;}

/*-- 癒しの絶景 --*/
#page-zekkei .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_titlebk.jpg); background-repeat: no-repeat;} 
#page-zekkei .content-top div {margin-bottom: 25px;background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_img1.jpg); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-zekkei .content-zekkei {justify-content: space-between; margin-bottom: 25px;}
#page-zekkei .content-zekkei .image {width: 57%}
#page-zekkei .content-zekkei .spring, #page-zekkei .content-zekkei .summer, #page-zekkei .content-zekkei .autumn {width: 41%;}
#page-zekkei .content-zekkei .winter {width: 44%;}
#page-zekkei .spring {background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_spring.png); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-zekkei .spring p {padding-top: 80px;}
#page-zekkei .summer {background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_summer.png); background-repeat: no-repeat; background-size: contain; background-position: left;}
#page-zekkei .summer p {padding-top: 106px;}
#page-zekkei .autumn {background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_autmn.png); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-zekkei .autumn p {padding-top: 106px;}
#page-zekkei .winter {background-image: url(https://www.seiko-sousha.com/rakuten/img/zekkei_winter.png); background-repeat: no-repeat; background-size: contain; background-position: left;}
#page-zekkei .winter p {padding-top: 106px;}
#page-zekkei .content-zekkei dt,#page-zekkei .content-zekkei dd {font-size: .8rem; line-height: 1.5em;}

/*-- 四季のお料理 --*/
#page-ryouri .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_titlebk.jpg); background-repeat: no-repeat;}
#page-ryouri .content-top {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_img1.jpg); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-ryouri .content-ryouri {justify-content: space-between; margin-bottom: 54px;}
#page-ryouri .content-ryouri .image {width: 59%}
#page-ryouri .content-ryouri .image img {padding-top: 7px;}
#page-ryouri .content-ryouri .text {width: 39%}
#page-ryouri .content-ryouri .text p {padding-top: 90px;}
#page-ryouri .content-ryouri .text li {padding: 0;}
#page-ryouri .content-ryouri .text li::before {content: "・";}
#page-ryouri .spring {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_spring.png); background-repeat: no-repeat; background-position: top;}
#page-ryouri .summer {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_summer.png); background-repeat: no-repeat; background-position: top;}
#page-ryouri .autumn {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_autmn.png); background-repeat: no-repeat;background-position: top;}
#page-ryouri .winter {background-image: url(https://www.seiko-sousha.com/rakuten/img/ryouri_winter.png); background-repeat: no-repeat; background-position: top;}
#page-ryouri .content-kaki {justify-content: space-between;}
#page-ryouri .content-kaki .image {width: 49%;}
#page-ryouri .content-kaki .text {width: 49%;}
#page-ryouri .content-kaki .border-bottom {padding-top: .1em; border-bottom: 1px solid #333;}

/*-- 絶景を見渡すお部屋 --*/
#page-oheya .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/heya_titlebk.jpg); background-repeat: no-repeat;}
#page-oheya .content-top {background-image: url(https://www.seiko-sousha.com/rakuten/img/heya_img1.jpg); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-oheya .content-oheya {justify-content: space-between; margin-top: 15px;}
#page-oheya .content-oheya .image {width: 33%;}
#page-oheya .content-oheya .text {width: 65%;}
#page-oheya .content-oheya .text p {padding-top: 0;}
#page-oheya .content-oheya dl div {border-bottom: 1px solid #333;}
#page-oheya .content-oheya dl div:last-child {border-bottom: none;}
#page-oheya .content-oheya dt {font-family: serif; font-weight: bold; font-size: .9rem; width: 9em; padding: .7em 0;}
#page-oheya .content-oheya dd {font-family: serif; font-weight: bold; font-size: .9rem; width: calc(100% - 9em); padding: .7em 0;}
#page-oheya .content-oheya h3 {font-family: serif; font-weight: bold; font-size: .9rem; text-align: center; padding: .3em 0; margin: 1em 0 .5em 0; border: 1px solid #333;}
#page-oheya .content-oheya li {padding: 0 .5em;}
#page-oheya .content-oheya li::before {content: "・";}
#page-oheya .content-middle .evenly {justify-content: space-evenly; margin-top: 25px}
#page-oheya .content-middle .evenly p {padding: 0;}
#page-oheya .p-center {margin: 50px auto 20px auto;}
#page-oheya .amenity img {padding: 7px 0;}

/*-- 癒しのお風呂 --*/
#page-ofuro .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/furo_titlebk.jpg); background-repeat: no-repeat;}
#page-ofuro .content-top {background-image: url(https://www.seiko-sousha.com/rakuten/img/furo_img1.jpg); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-ofuro .content-time dl {justify-content: center; padding:50px 0 .5em 0; border-bottom: 1px solid #333;}
#page-ofuro .content-time dt, #page-ofuro .content-time dd {font-family: serif; font-weight: bold; font-size: .9rem;}
#page-ofuro .content-time dd {padding-right: 1em;}
#page-ofuro .content-middle h2 {position: relative;}
#page-ofuro .content-middle h2 span {font-size: 1rem; position: absolute; top: 31px; right: 255px;}
#page-ofuro .content-ofuro {justify-content: space-between; margin-top: 15px;}
#page-ofuro .content-ofuro .image {width: 41%;}
#page-ofuro .content-ofuro .text {width: 56%;}
#page-ofuro .content-middle p {text-align: center;}
#page-ofuro .content-ofuro dt {font-family: serif; font-weight: bold; font-size: .9rem;  padding: .3em 0; border-bottom: 1px solid #333;}
#page-ofuro .content-ofuro dd {font-family: serif; font-weight: bold; font-size: .9rem;  padding: .7em 0;}
#page-ofuro .content-ofuro dd ul {margin-bottom: 1em;}
#page-ofuro .content-ofuro li {padding: 0 .3em;}
#page-ofuro .content-ofuro li::before {content: "・";}
#page-ofuro .amenity img {padding: 7px 0;}
#page-ofuro .font-large {font-family: serif; font-size: 1.2rem; font-weight: bold;}
#page-ofuro .oneday-time {font-family: serif; font-size: .9rem; font-weight: bold; justify-content: center; margin-bottom: 50px;}
#page-ofuro .oneday-time dl {margin:0 1em;}
#page-ofuro .oneday-time dt {width: 6em; padding: .3em;}
#page-ofuro .oneday-time dd {width: calc(100% - 6em); padding: .3em;}
#page-ofuro .oneday-price dt {width: 11em; padding: .3em;}
#page-ofuro .oneday-price dd {width: calc(100% - 11em); padding: .3em;}

/*-- 絶景と旬の味覚を愉しむレストラン --*/
#page-restaurant .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/restaurant_titlebk.jpg); background-repeat: no-repeat;}
#page-restaurant .content-top {background-image: url(https://www.seiko-sousha.com/rakuten/img/restaurant_img1.jpg); background-repeat: no-repeat; background-size: contain; background-position: right;}
#page-restaurant .content-middle dl {margin-bottom: 10px;}
#page-restaurant .content-middle dl .flex {width: 500px; margin: 0 auto;}
#page-restaurant .content-middle dt {font-family: serif; font-weight: bold; font-size: .9rem; padding: .3em 0;}
#page-restaurant .content-middle dd {font-family: serif; font-weight: bold; font-size: .9rem; padding: .3em 0;}
#page-restaurant .content-restaurant {justify-content: space-between; margin-top: 20px}
#page-restaurant .content-restaurant .image {width: 59%;}
#page-restaurant .content-restaurant .text {width: 40%;}
#page-restaurant .content-restaurant .text .font-large {font-size: 1.2rem; padding: .5em 0 1em 2px;}
#page-restaurant .content-restaurant p {line-height: 1.5em; padding: 0 0 0 2px;}
#page-restaurant .content-restaurant .text-2 {width: 53%;}
#page-restaurant .content-restaurant .text-2 .font-large {font-size: 1rem; line-height: 1.5em; padding-bottom: 1em;}
#page-restaurant .content-restaurant .image-2 {width: 46%;}

/*-- アクセス --*/
#page-access .top-title {background-image: url(https://www.seiko-sousha.com/rakuten/img/access_titlebk.jpg); background-repeat: no-repeat;}
#page-access .content-access {text-align: center;}
#page-access .text {text-align: left; width: 442px; margin: 20px auto;}
#page-access .text h2 {color: #000; padding-left: 72px; margin-bottom: 1em; position: relative; background-color: #CCC;}
#page-access .text p {font-weight: normal;padding: 0 1em 1em 1em;}
#page-access .text dl {padding-left: 1em;}
#page-access .park::before {display: inline-block; content: ""; width: 54px; height: 32px; position: absolute; top: 5px; left: 8px; background-image: url(https://www.seiko-sousha.com/rakuten/img/access_icon1.jpg);}
#page-access .konbini::before {display: inline-block; content: ""; width: 54px; height: 32px; position: absolute; top: 6px; left: 16px; background-image: url(https://www.seiko-sousha.com/rakuten/img/access_icon2.jpg);}
#page-access .osirase::before {display: inline-block; content: ""; width: 47px; height: 32px; position: absolute; top: 4px; left: 17px; background-image: url(https://www.seiko-sousha.com/rakuten/img/access_icon3.jpg);}
#page-access .train::before {display: inline-block; content: ""; width: 40px; height: 32px; position: absolute; top: 5px; left: 16px; background-image: url(https://www.seiko-sousha.com/rakuten/img/access_icon4.jpg);}
#page-access .car::before {display: inline-block; content: ""; width: 46px; height: 32px; position: absolute; top: 6px; left: 16px; background-image: url(https://www.seiko-sousha.com/rakuten/img/access_icon5.jpg);}
#page-access .text img {margin-bottom: 20px;}
#page-access .text li {font-weight: normal; padding: 0 0 1em 1em;}
#page-access .text li::before {content: "・";}
