@charset "UTF-8";

/*================================
	MATSUMURAYA CSS
	date 2016.10.01
================================*/


/*--------------------------------------------
	COMMON style
--------------------------------------------*/
a {color:#428163;}
a:not(.img):hover {text-decoration:underline;}
li {list-style:none;}
h1, h2 {font-weight:normal;}

.clear {clear:both;}
.f-left {float:left;}
.f-right {float:right;}
.t-center {text-align:center;}
.sup {font-size:75%;vertical-align:super;}
.list-table {margin-top:20px;border-top:#f2f2f2 2px solid;}
.list-table dt {color:#428163;}
.list-table dd:not(:last-child) {border-bottom:#f2f2f2 2px solid;}
@media screen and (max-width: 767px) {
	.inner {width:100%;}
	.only-pc {display:none !important;}
	.list-table {font-size:80%;}
	.list-table dt {padding-top:10px;}
	.list-table dd:not(:last-child) {margin-bottom:10px;padding:0 0 10px;}
}
@media screen and (min-width: 768px) {
	.inner {margin:0 auto;width:1000px;}
	.only-sp {display:none !important;}
	.list-table dt, .list-table dd {display:inline-block;vertical-align:middle;}
	.list-table dt {padding:15px 0 5px;}
	.list-table dd {padding-bottom:10px;font-size:87.5%;width:99%;}
	.list-table.line dt {padding-bottom:15px;text-align:center;width:25%;}
	.list-table.line dd {margin-left:-25%;padding:15px 0 15px 25%;}
	.list-table:not(.line) dd:last-child {padding-bottom:0;}
}


/* FORM */
input, textarea {padding:10px;border:#ccc 1px solid;}
input:not([type=submit]), textarea {background:#f2f2f2;width:100%;}
input[type=submit], input[type=button] {margin:5px;border:none;border-radius:5px;color:#fff;cursor:pointer;width:250px;}
input[type=button] {background:#999;}
input[type=submit] {background:#428163;}
.form-ctrl {padding:20px 0 10px;text-align:center;}


/*--------------------------------------------
	STRUCTURE style
--------------------------------------------*/
header h1, footer h1 {text-indent:-9999px;}


/* HEADER */
header a {text-align:center;}
header h1 a {display:block;background:url(../img/logo-jp-black.png) 0 0 no-repeat;}
#header-visual {background-color:#000;}
#header-visual li {background-position:center center;}
#header-visual li span {display:none;}
#header-navigation li a:after {height:25px;}
nav a:hover, #page-home nav a.link-home, #page-plan nav a.link-plan, #page-tourism nav a.link-tourism, #page-faq nav a.link-faq, #page-access nav a.link-access, #page-contacts nav a.link-contacts
{background:url(../img/logo-mark.png) center center no-repeat;background-size:50px auto;}
@media screen and (max-width: 767px) {
	#header-global h1 a {position:fixed;background-color:#fff;background-position:10px 5px;background-size:auto 50px;border-bottom:#000 1px solid;top:0;width:100%;height:60px;z-index:50;}
	#header-global .img-header-reserve {margin-top:60px;padding:12.5px;background-color:#000;width:100%;}
	#header-global .img-header-reserve:after {width:100%;}
	#header-global .img-header-reserve:before {display:none;}
	#header-visual li {background-size:auto 375%;height:100px;}
	#spNav {position:fixed;display:block;background:#13623c;top:0px;right:0px;width:60px;height:59px;z-index:50;}
	#spNav p, #spNav span {position:absolute;display:block;right:12px;width:36px;}
	#spNav p {color:#fff;font-size:75%;text-align:center;top:40px;}
	#spNav span {border-bottom:#fff 5px solid;border-radius:2px;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;}
	#spNav span:nth-child(1) {top:10px}
	#spNav span:nth-child(2) {top:21px}
	#spNav span:nth-child(3) {top:32px}
	#header-navigation {position:absolute;top:-540px;}
	#header-navigation div {position:fixed;background:#fff;width:100%;z-index:40;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out;}
	#header-navigation p,  #header-navigation li {display:table;width:100%;}
	#header-navigation a {display:table-cell;vertical-align:middle;}
	#header-navigation p:first-child {padding:10px 0;border-bottom:#89b09d 10px solid;border-top:#89b09d 10px solid;height:120px;}
	#header-navigation p:first-child a {width:50%;}
	#header-navigation p:first-child a:first-child {width:50%;border-right:#13623c 1px solid;}
	#header-navigation p:last-child {background:#13623c;border:#13623c 10px solid;height:65px;}
	#header-navigation p:last-child a {border:#fff 1px solid;border-radius:5px;}
	#header-navigation ul {padding:0 10px}
	#header-navigation ul li a {border-bottom:#aaa 1px dotted;height:45px;}
	#header-navigation ul li a:after {width:100%;}
	#header-navigation ul li:last-child a {border-bottom:none}
	#page-home nav a.link-home, #page-plan nav a.link-plan, #page-tourism nav a.link-tourism, #page-faq nav a.link-faq, #page-access nav a.link-access, #page-contacts nav a.link-contacts {border-bottom:#13623c 1px dotted;}
	.open #header-global h1 a {background-color:#13623c;background-image:url(../img/logo-jp-white.png);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
	.open #spNav span:nth-child(1) {top:21px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
	.open #spNav span:nth-child(2), .open #spNav span:nth-child(3) {top:21px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
	.open #header-navigation div {-moz-transform:translateY(600px);-webkit-transform:translateY(600px);transform:translateY(600px);}
	#cover {position:fixed;visibility:hidden;background-color:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:5;}
	#cover.open {visibility:visible;background-color:rgba(0,0,0,.75);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
}
@media screen and (max-height: 455px) {
	.open #header-navigation {height:100%;overflow:scroll; padding-bottom:60px;}
}
@media screen and (min-width: 768px) {
	#header-global {height:100px;}
	#header-global h1, #header-global .img-header-en {float:left;}
	#header-global h1 a {margin-top:18px;background-size:auto 100%;width:290px;height:66px;}
	#header-global .img-header-en {margin-top:55px;}
	#header-global .img-header-en:after {width:75px;}
	#header-global div {float:right;margin-top:15px;}
	#header-global div .img-header-reserve {padding:5px 0 5px 5px;background-color:#13623c;color:#fff;}
	#header-global div .img:after {margin-left:5px;width:220px;}
	#header-global div .img-header-tel:before {margin-left:5px;}
	#header-global div .img-header-reserve:before {margin-top:2px;}
	#header-visual li {background-size:100% auto;height:250px;}
	#spNav {display:none;}
	#header-navigation {top:0;border-bottom:#000 2px solid;height:60px;}
	#header-navigation p {display:none;}
	#header-navigation li {float:left;}
	#header-navigation li a {padding:18px 0 12px;border-bottom:#fff 1px solid;width:165px;}
	#header-navigation li a:after {width:165px;}
	#page-home nav a.link-home, #page-plan nav a.link-plan, #page-tourism nav a.link-tourism, #page-faq nav a.link-faq, #page-access nav a.link-access, #page-contacts nav a.link-contacts {border-bottom:#13623c 2px solid;}
}


/* SECTION */
section {padding-bottom:20px;background:url(../img/bg-contents.png) 0 bottom repeat-x;border-bottom:#fff 1px solid;overflow:hidden;}
section #anchor {background:url(../img/bg-pattern-green.png);font-size:87.5%;text-align:center;}
section #anchor ul, section #anchor p {padding:10px 10px 8px;background:#fff;}
section .box {padding:2px;border:#f2f2f2 2px solid;background:#fff;overflow:hidden;}
section .box h2 {padding-bottom:0.2em;background:url(../img/bg-pattern-green.png) 0 bottom repeat-x;}
section .box h2 span {font-size:50%;}
section .box h3 {margin-bottom:5px;color:#428163;font-size:120%;}
section .box p {margin-bottom:0.5em;}
section .img-cnt-pagetop {margin:5px 0 20px;width:100%;}
@media screen and (max-width: 767px) {
	section {padding-top:20px;}
	section>h1 {margin-bottom:15px;}
	section .inner {padding:0 10px;}
	section #anchor {margin-bottom:25px;padding:3px;}
	section #anchor p {width:100%;}
	section #anchor p:after {content:"\f13a";}
	section #anchor ul {padding:0;}
	section #anchor li {display:block;padding:10px 0 5px;border-top:#000 1px dotted;}
	section .box>div {padding:5px 8px 8px;}
	section .box img {max-width:100%;}
	section .box h2 {margin-bottom:15px;}
	section .box p {font-size:80%;}
}
@media screen and (min-width: 768px) {
	section {padding-top:40px;border-top:#f2f2f2 5px solid;}
	section>h1 {margin-bottom:40px;}
	section #anchor {margin-bottom:50px;padding:3px 0;}
	section #anchor li {margin:0 10px;}
	section #anchor li:before {content:"\f107";}
	section .box>div {padding:28px;}
	section .box>div.column2:first-child {float:left;padding-right:20px;width:50%;}
	section .box>div.column2:nth-of-type(2) {float:right;padding-left:20px;width:50%;}
	section .box h2 {margin-bottom:30px;font-size:200%;}
}


/* FOOTER */
footer {font-size:87.5%;overflow:hidden;}
footer a {color:#000;}
#footer-link {padding:12px 0;background:url(../img/bg-footer.png);}
#footer-link li {list-style:none;}
#footer-link ul:last-child li a:after {width:30px;height:30px;}
#footer-add {background:#000;color:#fff;}
#footer-add h1 {background:url(../img/logo-jp-white.png) -70px 0 no-repeat;background-size:230px auto;text-indent:-9999px;width:160px;height:55px;}
#footer-add a {padding:7px 5px 5px;border:#fff 1px solid;color:#fff;}
#footer-add a:hover {text-decoration:none;background-color:#fff;color:#428163;}
#footer-add p:last-child {font-size:75%;}
@media screen and (max-width: 767px) {
	#footer-link ul:first-child {display:none;}
	#footer-link ul:last-child {text-align:center;}
	#footer-link ul:last-child li {display:inline-block;padding:0 10px;}
	#footer-add {padding:15px 0;text-align:center;}
	#footer-add h1 {margin:0 auto;}
	#footer-add p {margin:15px auto 10px;}
}
@media screen and (min-width: 768px) {
	#footer-link ul li {float:left;}
	#footer-link ul:first-child li {margin-top:10px;padding:0 20px;border-right:#666 1px solid;line-height:1;}
	#footer-link ul:first-child li:last-child {border-right:none;}
	#footer-link ul:first-child li:first-child {padding-left:0;}
	#footer-link ul:last-child {float:right;}
	#footer-link ul:last-child li {padding-left:15px;}
	#page-home a.link-home, #page-plan a.link-plan, #page-tourism a.link-tourism, #page-faq a.link-faq, #page-access a.link-access, #page-contacts a.link-contacts {color:#428163;}
	#footer-add {padding:25px 0;}
	#footer-add>div * {float:left;}
	#footer-add>div div {float:right;}
	#footer-add p, #footer-add a {margin:24px 0 0 20px;line-height:1.20em;}
	#footer-add p.copyright {clear:both;margin-top:20px;}
}


/*--------------------------------------------
	IMG-TEXT style
--------------------------------------------*/
a.img {display:inline-block;vertical-align:bottom;}
a.img:hover {opacity:0.75;}
.img:after {display:block;background-image:url(../img/img-text.png);background-repeat:no-repeat;background-size:250px auto;content:"";height:25px;}
.img.top:after {background-image:url(../../img/img-text.png);background-size:500px auto;}
.img.plan:after {background-image:url(../../plan/img/img-text.png);background-size:500px auto;}
.img.tourism:after {background-image:url(../../tourism/img/img-text.png);background-size:500px auto;}
.img.faq:after {background-image:url(../../faq/img/img-text.png);background-size:500px auto;}
.img.access:after {background-image:url(../../access/img/img-text.png);background-size:500px auto;}
.img.contacts:after {background-image:url(../../contacts/img/img-text.png);background-size:500px auto;}
.img.news:after {background-image:url(../../news/img/img-text.png);background-size:500px auto;}
.img.yado6:after {background-image:url(../yado6/img-text.png);background-size:500px auto;}

.img span {display:none;}
.img-header-en:after {background-position:center 0;}
.img-header-tel:after {float:right;background-position:center -75px;}
.img-header-reserve:after {float:right;background-position:center -50px;}
.img-nav-en:after {background-position:center -25px;}
.img-nav-tel:after {background-position:center -100px;}
.img-nav-reserve:after {background-position:center -125px;}
.img-nav-home:after {background-position:center -150px;}
.img-nav-plan:after {background-position:center -200px;}
.img-nav-tourism:after {background-position:center -250px;}
.img-nav-faq:after {background-position:center -300px;}
.img-nav-access:after {background-position:center -350px;}
.img-nav-contacts:after {background-position:center -400px;}
.img-cnt-pagetop:after {background-position:right -500px;}
.img-footer-facebook:after {background-position:0 -460px;}
.img-footer-twitter:after {background-position:-30px -460px;}
.img-footer-instagram:after {background-position:-60px -460px;}
#page-home .img-nav-home:after {background-position:center -175px;}
#page-plan .img-nav-plan:after {background-position:center -225px;}
#page-tourism .img-nav-tourism:after {background-position:center -275px;}
#page-faq .img-nav-faq:after {background-position:center -325px;}
#page-access .img-nav-access:after {background-position:center -375px;}
#page-contacts .img-nav-contacts:after {background-position:center -425px;}

.img-top-news:after {background-position:0 0;}
.img-top-newslist:after {background-position:0 -25px;}
.img-top-instagram:after {background-position:center -50px;}

.img-title:after {background-position:center 0;}
.img-plan-reserve:after {background-position:0 -50px;}
@media screen and (max-width: 767px) {
	.img.img-title:after {background-size:250px auto;background-position:center 0;}
}
@media screen and (min-width: 768px) {
	.img.img-title:after {height:50px;}
	.img.img-plan-reserve:after {background-size:800px auto;background-position:0 -80px;height:40px;}
}


/*--------------------------------------------
	PEGE ITEM style
--------------------------------------------*/
/*	TOP（body#page-top） */
#page-home #header-visual li {position:absolute;}
#page-home #header-visual li span {display:block;margin:auto;background-position:center center;text-indent:-9999px;}
#page-home #header-visual li#kv1 {background-image:url(../../img/kv1-img.jpg);}
#page-home #header-visual li#kv2 {background-image:url(../../img/kv2-img.jpg);}
#page-home #header-visual li#kv3 {background-image:url(../../img/kv3-img.jpg);}
#page-home #header-visual li#kv4 {background-image:url(../../img/kv4-img.jpg);}
.slick-loading .slick-list {background:#fff url('../img/loader.gif') center center no-repeat;}
.slick-slider button span {display:none;}
.slick-prev, .slick-next {position:absolute;border-radius:4px;top:50%;z-index:10;}
.slick-prev:before, .slick-next:before {display:block;content:"";background:url(../../img/kv-ctrl.png) 0 0 no-repeat;}
.slick-next:before {background-position:100% 0;}
@media screen and (max-width: 767px) {
	#page-home #header-visual li {background-size:140% auto;height:250px;}
	#page-home #header-visual li span {background-size:auto 110px;width:320px;height:250px;}
	#page-home #header-visual li#kv1 span {background-image:url(../../img/kv1-txt-sp.png);}
	#page-home #header-visual li#kv2 span {background-image:url(../../img/kv2-txt-sp.png);}
	#page-home #header-visual li#kv3 span {background-image:url(../../img/kv3-txt-sp.png);}
	#page-home #header-visual li#kv4 span {background-image:url(../../img/kv4-txt-sp.png);}
	.slick-prev, .slick-next {margin-top:-15px;padding:5px;z-index:10;}
	.slick-prev:before, .slick-next:before {width:15px;height:25px;background-size:30px auto;}
	.slick-prev {left:0;}
	.slick-next {right:0;}
}
@media screen and (min-width: 768px) {
	#page-home #header-visual {min-width:1000px;}
	#page-home #header-visual li {background-size:100% auto;height:500px;}
	#page-home #header-visual li span {margin-top:210px;width:1000px;height:80px;}
	#page-home #header-visual li#kv1 span {background-image:url(../../img/kv1-txt.png);}
	#page-home #header-visual li#kv2 span {background-image:url(../../img/kv2-txt.png);}
	#page-home #header-visual li#kv3 span {background-image:url(../../img/kv3-txt.png);}
	#page-home #header-visual li#kv4 span {background-image:url(../../img/kv4-txt.png);}
	.slick-prev, .slick-next {margin-top:-30px;padding:10px;cursor:pointer;left:50%;z-index:10;}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background-color:rgba(0,0,0,0.50);}
	.slick-prev:before, .slick-next:before {width:25px;height:40px;background-size:50px auto;}
	.slick-prev {margin-left:-500px;}
	.slick-next {margin-left:455px;}
}
@media screen and (min-width: 1100px) {
	.slick-prev {margin-left:-45.5%;}
	.slick-next {margin-left:41.5%;}
}

#page-home section {background:none;}
#page-home section>div>div {margin-bottom:20px;} 
#top-news h1:before {float:left;margin-top:3px;}
#top-news h1:after {margin-left:30px;}
#top-news h1, #top-news p {border-bottom:#808080 1px solid;color:#428163;width:100%;}
#top-news li {border-bottom:#808080 1px dotted;font-size:87.5%;}
#top-news p {padding-top:15px;text-align:right;}
#top-news p a {width:125px;}
#top-bn li {display:block;float:left;}
#top-bn li img {width:100%;}
@media screen and (max-width: 767px) {
	#page-home section {padding-top:25px;}
	#top-news {margin:0 -10px;}
	#top-news h1 {padding:5px;}
	#top-news li {margin:0 10px;padding:4px 0;}
	#top-news li span {display:block;margin:5px 0 -5px;}
	#top-news p {padding:13px 0;}
	#top-bn {overflow:hidden;}
	#top-bn li {margin-bottom:2%;width:49%;}
	#top-bn li:nth-of-type(2n) {margin-left:2%;}
	#top-facebook {background-color:#e9ebee;text-align:center;}
	#top-facebook .fb-page {width:100%;}
}
@media screen and (min-width: 768px) {
	#page-home section {padding-top:30px;}
	#page-home section>div>div {float:left;width:480px;}
	#page-home section>div>div:nth-of-type(2n) {float:right;}
	#top-news li, #top-news p {height:54px;}
	#top-news li {padding-top:18px;}
	#top-news li span {margin-right:30px;}
	#top-bn {clear:both;}
	#top-bn li {margin-bottom:10px;width:234px;height:60px;}
	#top-bn li:nth-of-type(2n) {margin-left:10px;}
	#top-facebook {width:480px;height:354px;}
	#top-facebook .fb-page {width:480px;}
	#top-instagram {height:260px;}
	#top-instagram h1 {height:19px;}
}


/*	PLAN（body#page-plan） */
#page-plan #header-visual li {background-image:url(../../plan/img/kv.jpg);}
#page-plan .img-plan-reserve {padding:5px;background:#e7efeb;width:100%;}
@media screen and (max-width: 767px) {
	#page-plan section img + img {margin-top:6px;}
}
@media screen and (min-width: 768px) {
	#page-plan section img + img {margin-left:12px;}
}


/*	TOURISM（body#page-tourism） */
#page-tourism #header-visual li {background-image:url(../../tourism/img/kv.jpg);}
@media screen and (max-width: 767px) {
	#page-tourism .list-table dt {margin-bottom:10px;text-align:center;}
	#page-tourism .list-table dd h3 {text-align:center;}
}
@media screen and (min-width: 768px) {
	#page-tourism .list-table dd {min-height:180px;}
	#page-tourism .box div {padding-bottom:20px;}
}


/*	FAQ（body#page-faq） */
#page-faq #header-visual li {background-image:url(../../faq/img/kv.jpg);}


/*	ACCESS（body#page-access） */
#page-access #header-visual li {background-image:url(../../access/img/kv.jpg);}
#page-access .access-map {width:100%;}
@media screen and (max-width: 767px) {
	#page-access .access-map {height:250px;}
}
@media screen and (min-width: 768px) {
	#page-access .access-map {height:500px;}
}


/*	CONTACS（body#page-contacts） */
#page-contacts #header-visual li {background-image:url(../../contacts/img/kv.jpg);}
#page-contacts .contacts-thanks {text-align:center;}
@media screen and (max-width: 767px) {
	#page-contacts .contacts-thanks {padding:50px 8px;}
}
@media screen and (min-width: 768px) {
	#page-contacts .contacts-thanks {padding:50px 28px;}
}


/*	NEWS（body#page-news） */
#page-news #header-visual li {background-image:url(../../news/img/kv.jpg);}
#page-news .list-table {margin-top:0;border:none;}
#page-news .list-table dt:first-child {padding-top:0;}
#page-news .list-table dt a {text-decoration:underline;}
#page-news .index {margin:25px 0 0;padding:10px;background:#f2f2f2;text-align:center;}
#page-news .index a {margin-top:5px;}
#page-news .index a.fa-back:before {content:"\f053"}
#page-news .index a.fa-next:after {content:"\f054"}
@media screen and (max-width: 767px) {
	#page-news .list-table dt span {display:block;}
}
@media screen and (min-width: 768px) {
	#page-news .list-table dt span {display:inline-block;width:110px;}
}


/*	yado6（body#page-yado6） */
#page-yado6 #header-visual li {background-image:url(../yado6/kv.jpg);}



/**** #page-tourism ***/
@media screen and (min-width: 768px){
    #page-tourism .list-table{
        display: flex;
        flex-wrap: wrap;
    }
    #page-tourism .list-table .thumb:last-child{
        padding-bottom: 0px;
    }
    #page-tourism .list-table.line dd {
        margin-left: -25%;
        padding: 15px 0 15px 26%;
    }

}
@media screen and (max-width: 767px){
    #page-tourism .list-table .thumb:not(:last-child){
        padding-bottom: 10px;
    }
}


.pt20{
	padding-top: 20px;
}
.inline_block{
	display: inline-block;
}
.f_red{
	color: red;
}