@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

@font-face{
	font-family:"あおぞら明朝 Bold";
	src:local("あおぞら明朝 Bold"), url("../fonts/AozoraMincho-bold.ttf") format("truetype"), local("IPA P明朝");
}
@font-face{
	font-family:"あおぞら明朝 Medium";
	src:local("あおぞら明朝 Medium"), url("../fonts/AozoraMinchoMedium.ttf") format("truetype"), local("IPA P明朝");
}
@font-face{
	font-family:"あおぞら明朝 Regular";
	src:local("あおぞら明朝 Regular"), url("../fonts/AozoraMinchoRegular.ttf") format("truetype"), local("IPA P明朝");
}

.body {
	background:#f9f8f3;
	clear:both;
	min-width:1200px;
}

.head-image {
	background-image:  url(../images/bg_body.png), url(../images/bg_head_image.jpg);
	background-position:bottom center, top center;
	background-size:auto, cover;
	background-repeat:no-repeat;
	width:100%;
	height:500px;
}
@media screen and (min-width:2300px){
.head-image { background-size:cover; }
}

.head-image.head-news{ background-image:  url(../images/bg_body.png), url(../images/bg_head_news.jpg); }
.head-image.head-about{ background-image:  url(../images/bg_body.png), url(../images/bg_head_about.jpg); }
.head-image.head-guide{ background-image:  url(../images/bg_body.png), url(../images/bg_head_guide.jpg); }
.head-image.head-price{ background-image:  url(../images/bg_body.png), url(../images/bg_head_price.jpg); }
.head-image.head-magazine{ background-image:  url(../images/bg_body.png), url(../images/bg_head_magazine.jpg); }


.wrap{
	clear:both;
	position:relative;
}

/* ---------------------------------------------
　header
------------------------------------------------ */

.header{
	width:1100px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

.header li{
	font-family:"あおぞら明朝 Regular";
	font-size:18px;
	line-height:35px;
	float:left;
	width:200px;
	margin:0 10px;
}

.header li a{
	text-decoration:none;
	color:#000;
	display:block;
}

.header li.stay,
.header li a:hover{
	background:#e7e4d3;
	border-radius:5px;
}

.header .logo{
	position:absolute;
	top:-480px;
	left:0;
}

.header .global-navigation{
	background:url(../images/bg_gnavi.png) center no-repeat;
	height:35px;
	margin:10px auto 0;
	width: 660px;
}


/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:1100px;
	margin:20px auto 0;
}

/* ------ title -------------------------------- */

.page-title{
	position:absolute;
	top:240px;
	right:0;
	left:0;
	margin:auto;
}

.page-title h1{
	font-family:"あおぞら明朝 Medium";
	font-size:33px;
	letter-spacing:5px;
	text-align:center;
	color:#fff;
	text-shadow:0 0 10px rgba(0,0,0,1);
}


/* ------ topic-path --------------------------- */

.topic-path {
	text-align:left;
	width:1100px;
	margin:25px auto 0;
	color:#666;
	font-size:11px;
	height:33px;
	position:relative;
}

.topic-path ul{
	background:#fff;
	display:inline-block;
	overflow:hidden;
	height:33px;
	border-radius:5px;
	z-index:1;
}

.topic-path li{
	float:left;
	line-height:33px;
}

.topic-path span{
	padding:10px 0;
	display:block;
}

.topic-path a{
	background:url(../images/bg_topicpath.png) right center no-repeat;
	padding:0 30px 0 20px;
	display:block;
}
.topic-path li:last-child a{ background:none; }

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#666;
	text-decoration:none;
}


/* ------ pagetop ------------------------------ */

.pagetop{
	width: 980px;
	margin: 10px auto;
	text-align:right;
	font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	text-decoration:none;
	color:#666;
	padding:5px 10px 5px 15px;
}

/* content
------------------------------------------------ */

.content {
	width:100%;
	text-align:left;
}

/*.content {
	width:720px;
	float:left;
	text-align:left;
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}
*/

/* sidebar
------------------------------------------------ */

.sidebar{
	width:270px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	margin-bottom:20px;
	border:1px solid #d3d1cc;
}

.sidebar .local-navigation h2{
	margin:0;
	background:#ebe9de;
	padding:10px 15px;
	font-family:"あおぞら明朝 Bold";
	font-size:18px;
	font-weight:normal;
	letter-spacing:2px;
}


.sidebar .local-navigation ul li{
	font-size:14px;
	border-bottom:1px solid #d3d1cc;
}
.sidebar .local-navigation ul li:last-child{ border:none; }

.sidebar .local-navigation li a{
	background:#fff;
	color:#585b5e;
	padding:25px 15px;
	display:block;
}
.sidebar .local-navigation li:last-child a{ border-radius:0 0 10px 10px; }

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{ text-decoration:none; }



.content .local-navigation{
	background-image:url(../images/bg_line.png), url(../images/bg_line.png);
	background-position:top left, bottom left;
	background-repeat:repeat-x, repeat-x;
	padding:17px 0;
	margin:80px 0 0;
}

.content .local-navigation p{
	background-image:url(../images/bg_title_h3.png), url(../images/bg_title_h3.png);
	background-position:center left 20px, center right 20px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 50px;
	font-family:"あおぞら明朝 Bold";
	float:left;
}

.content .local-navigation ul{
	margin:0;
	float:left;
}

.content .local-navigation ul li{
	background:url(../images/icon_sep.png) no-repeat top 3px right;
	padding:0 25px 0 10px;
	font-size:14px;
	display:inline;
}

.content .local-navigation li ul{
	display:inline;
	float:none;
}

.content .local-navigation li li{
	background:url(../images/icon_arrow02.png) no-repeat top 4px left 10px;
	font-size:12px;
	display:inline;
	padding:0 0 0 20px;
}

.content .local-navigation a:link,
.content .local-navigation a:visited{
	color:#4e483b;
	text-decoration:none;
}
.content .local-navigation a:hover,
.content .local-navigation a:active{
	text-decoration:underline;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}



/* ---------------------------------------------
　footer
------------------------------------------------ */

.footer{
	clear:both;
}

.footer .footer-inner{
	width:1000px;
	margin:50px auto 20px;
}

.footer-txt-contact{
	font-family:"あおぞら明朝 Regular";
	font-size:26px;
	margin:0 0 60px;
	letter-spacing:3px;
}

.footer-logo{
	float:left;
}

.footer-address{
	float:left;
	text-align:left;
	line-height:1.0;
	margin-left:20px;
	height:50px;
	position:relative;
}

.footer-address .footer-number{
	position:absolute;
	bottom:0;
}

.footer-contact{
	background:url(../images/btn_footer_contact_on.png) no-repeat 0 0;
	float:right;
}

.footer-contact img {
	transition: 0.3s;
}

.footer-contact img:hover{
	opacity: 0 !important;
}


.footer-navigation{
	background:url(../images/bg_copyright.png) repeat #888573;
	text-align:center;
	font-size:0;
	padding:20px 0 0;
	clear:both;
}

.footer-navigation li{
	display:inline;
}

.utility-navigation{
	background:url(../images/bg_copyright.png) repeat #888573;
	padding:20px 0 0;
	font-size:0;
}

.utility-navigation li{
	display:inline;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color:#fff;
	text-decoration:none;
}

.footer-facility-links{
	position:relative;
}

.footer-facility-links li a{
	position:relative;
	z-index: 99;
}

.bg-footer-links{
	background:url(../images/bg_footer_links.png) top center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	width:100%;
	height:57px;
}
@media screen and (min-width:1600px){
.footer-facility-links{
	padding:30px 0 0;
}
	
.bg-footer-links{
	height:100px;
	margin:0 0 40px;
}
}

.footer-facility-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 60px;
}
.footer-facility-links > div {
    width: 16%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-facility-links > div:nth-child(n+7) {
    width: 14%;
}


.footer-facility-links > div > ul {
    display: flex;
    justify-content: space-between;
    width: 116px;
    margin: 0 auto;
}

.footer-facility-links > div > ul > li:nth-child(1),
.footer-facility-links > div > ul > li:nth-child(5) { margin-top: 2px; }

.footer-facility-links > div > ul > li:nth-child(2),
.footer-facility-links > div > ul > li:nth-child(4) { margin-top: 8px; }

.footer-facility-links > div > ul > li:nth-child(3) { margin-top: 12px; }

.footer-facility-links li{
	font-size:14px;
	line-height:1.0;
	margin:0 0 15px;
}

.footer-facility-links li a {
	line-height: 1.5;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transition: opacity 0.3s ease;
}

.footer-facility-links li a:hover{
	opacity: 0.7;
}

.footer-facility-links li.nest {
    padding-bottom: 30px;
    position: relative;
}
.footer-facility-links li.nest .menu-btn {
    display: block;
    width: 14px;
    height: 14px;
    border: solid 1px #b762aa;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    cursor: pointer;
    z-index: 101;
}
.footer-facility-links li.nest .menu-btn::before {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #b762aa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.footer-facility-links li.nest .menu-btn::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #b762aa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.footer-facility-links li.nest .menu-btn.on::before,
.footer-facility-links li.nest .menu-btn.on::after { background-color:#fff !important; }

.footer-facility-links li.nest ul{
    display: none;
	margin:20px 0;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    position: absolute;
    bottom: -5px;
    left: -10px;
    transform: translate(0,100%);
    z-index: 100;
}
.footer-facility-links li.nest ul.on{
    display: inline-block;
}


.footer-facility-links li.nest ul li {
    text-align: left;
}
.footer-facility-links li.nest ul li:last-child {
    margin-bottom: 0;
}
.footer-facility-links li.nest ul li a{
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    margin:0 0 5px;
    font-size: 12px;
    white-space: nowrap;
}


.footer-facility-links .links-sumire  li.nest .menu-btn { border-color:#b762aa; }
.footer-facility-links .links-sumire  li.nest .menu-btn.on { background-color:#b762aa; }
.footer-facility-links .links-sumire  li.nest .menu-btn::before,
.footer-facility-links .links-sumire  li.nest .menu-btn::after { background-color:#b762aa; }

.footer-facility-links .links-sakura  li.nest .menu-btn { border-color:#e183be; }
.footer-facility-links .links-sakura  li.nest .menu-btn.on { background-color:#e183be; }
.footer-facility-links .links-sakura  li.nest .menu-btn::before,
.footer-facility-links .links-sakura  li.nest .menu-btn::after { background-color:#e183be; }

.footer-facility-links .links-olive  li.nest .menu-btn { border-color:#b3b920; }
.footer-facility-links .links-olive  li.nest .menu-btn.on { background-color:#b3b920; }
.footer-facility-links .links-olive  li.nest .menu-btn::before,
.footer-facility-links .links-olive  li.nest .menu-btn::after { background-color:#b3b920; }

.footer-facility-links .links-anju  li.nest .menu-btn { border-color:#208e59; }
.footer-facility-links .links-anju  li.nest .menu-btn.on { background-color:#208e59; }
.footer-facility-links .links-anju  li.nest .menu-btn::before,
.footer-facility-links .links-anju  li.nest .menu-btn::after { background-color:#208e59; }

.footer-facility-links .links-anju > ul { margin-top: -25px; }

.footer-facility-links .links-kitamachi  li.nest .menu-btn { border-color:#996f5f; }
.footer-facility-links .links-kitamachi  li.nest .menu-btn.on { background-color:#996f5f; }
.footer-facility-links .links-kitamachi  li.nest .menu-btn::before,
.footer-facility-links .links-kitamachi  li.nest .menu-btn::after { background-color:#996f5f; }

.footer-facility-links .links-nauraaterrace  li.nest .menu-btn { border-color:#d99100; }
.footer-facility-links .links-nauraaterrace  li.nest .menu-btn.on { background-color:#d99100; }
.footer-facility-links .links-nauraaterrace  li.nest .menu-btn::before,
.footer-facility-links .links-nauraaterrace  li.nest .menu-btn::after { background-color:#d99100; }

.footer-facility-links .links-yamabuki  li.nest .menu-btn { border-color:#dbbc20; }
.footer-facility-links .links-yamabuki  li.nest .menu-btn.on { background-color:#dbbc20; }
.footer-facility-links .links-yamabuki  li.nest .menu-btn::before,
.footer-facility-links .links-yamabuki  li.nest .menu-btn::after { background-color:#dbbc20; }

.footer-facility-links .links-suzuran  li.nest .menu-btn { border-color:#646a9e; }
.footer-facility-links .links-suzuran  li.nest .menu-btn.on { background-color:#646a9e; }
.footer-facility-links .links-suzuran  li.nest .menu-btn::before,
.footer-facility-links .links-suzuran  li.nest .menu-btn::after { background-color:#646a9e; }

.footer-facility-links .links-fuseishi  li.nest .menu-btn { border-color:#ed7795; }
.footer-facility-links .links-fuseishi  li.nest .menu-btn.on { background-color:#ed7795; }
.footer-facility-links .links-fuseishi  li.nest .menu-btn::before,
.footer-facility-links .links-fuseishi  li.nest .menu-btn::after { background-color:#ed7795; }

.footer-facility-links .links-kita  li.nest .menu-btn { border-color:#d3467e; }
.footer-facility-links .links-kita  li.nest .menu-btn.on { background-color:#d3467e; }
.footer-facility-links .links-kita  li.nest .menu-btn::before,
.footer-facility-links .links-kita  li.nest .menu-btn::after { background-color:#d3467e; }

.links-sumire * { color:#b762aa !important; }
.links-sakura * { color:#e183be !important; }
.links-olive * { color:#b3b920 !important; }
.links-anju * { color:#208e59 !important; }
.links-kitamachi * { color:#996f5f !important; }
.links-nauraaterrace * { color:#d99100 !important; }
.links-yamabuki * { color:#dbbc20 !important; }
.links-suzuran * { color:#646a9e !important; }
.links-fuseishi * { color:#ed7795 !important; }
.links-kita * { color:#d3467e !important; }
.links-ota * { color:#d3467e !important; }
.links-busshozannomori * { color:#045022 !important; }
.links-center_kagawa * { color:#63b515 !important; }
.links-fukufuku * { color:#d3467e !important; }

.footer-facility-links > div:nth-child(2),
.footer-facility-links > div:nth-child(5) { margin-top: 25px; }

.footer-facility-links > div:nth-child(3),
.footer-facility-links > div:nth-child(4) { margin-top: 60px; }

.footer-facility-links > div:nth-child(7),
.footer-facility-links > div:nth-child(13) {
    margin-top: -80px;
}

.footer-facility-links > div:nth-child(9),
.footer-facility-links > div:nth-child(11) { margin-top: 35px; }

.footer-facility-links > div:nth-child(10) { margin-top: 45px; }

.footer-sns {
	margin-left: 20px;
	width: 30px;
	padding: 10px;
    float: left;
    background: #fff;
    border-radius: 100px;
}
.footer-sns img {
	width: 100%;
}
.copyright{
	background:url(../images/bg_copyright.png) repeat #888573;
	text-align:center;
	color:#fff;
	padding:40px 0 25px;
	height:20px;
	margin:0;
}

.bg-footer-copyright{
	background:url(../images/bg_footer_copyright.png) top center no-repeat;
	background-size:cover;
	position:absolute;
	bottom:165px;
	right:0;
	left:0;
	margin:auto;
	width:100%;
	height:77px;
}