@charset "UTF-8";

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


/*--------------------------------------------
	COMMON style
--------------------------------------------*/
a {text-align:center;border-radius:40px;}
a:hover {opacity:0.75;text-decoration:none !important;}
a.link-next, a.link-booking {display:block;margin:20px auto;}
a.link-next:after {display:block; content:"\f078";}
a.link-booking {font-weight:bold;}
.note {font-size:87.5%;}
@media screen and (max-width: 767px) {
	a.link-next, a.link-booking {padding:10px 0;font-size:80%;width:100%;}
	a.link-next {height:40px;}
	a.link-booking {height:55px;}
}
@media screen and (min-width: 768px) {
	a.link-next, a.link-booking {padding:15px 0;width:420px;}
	a.link-next {height:60px;}
	a.link-booking {height:80px;}
	.inner {margin:0 auto;width:920px;}
}


/*--------------------------------------------
	STRUCTURE style
--------------------------------------------*/
body {background:#004b29;}


/* HEADER */
header {background:url(../../eng/img/kv.jpg) #e3edea center 0 no-repeat;}
header h1 {float:left;background:url(../img/logo-en-green.png) 0 0 no-repeat;}
header a {background:rgba(0,0,0,0.75);color:#fff;}
header a.link-close {float:right;}
#header-copy p {background:url(../img/bg-pattern-white.png);}
@media screen and (max-width: 767px) {
	header {background-size:auto 100%;}
	header h1 {background-size:auto 40px;width:260px;height:40px;}
	header a.link-close {padding-top:7px;width:40px;height:40px;}
	header a.link-close:before {content:"\f00d"; font-size:150%;}
	#header-global {position:fixed;padding:10px 5px;background-color:#fff;border-bottom:#004b29 2px solid;top:0;width:100%;height:60px;z-index:50;}
	#header-copy {margin-top:60px;padding:10px;}
	#header-copy p {padding:10px;}
}
@media screen and (min-width: 768px) {
	header {height:550px;}
	header h1, header a.link-close {margin-top:25px;}
	header h1 {background-size:auto 100%;width:450px;height:70px;}
	header a.link-close {padding-top:28px;width:70px;height:70px;}
	#header-global {height:130px;}
	#header-copy {padding:20px 0;border-top:#004b29 2px solid;}
	#header-copy p {padding:25px;font-size:24px;}
}


/* SECTION */
section.inner {padding:5px 0 0;background:url(../img/bg-pattern-white.png) repeat-x;border:none;}
section a.link-next {background:rgba(255,255,255,0.75);color:#004b29;}
section a.link-booking {background:#fff;color:#004b29;}
section>div {background:#004b29;}
section>div>p {color:#fff;}
section .box {margin-top:20px;padding:10px;}
section .box h2 {margin-bottom:5px;padding:0;background:none;}
@media screen and (max-width: 767px) {
	section.inner {margin-top:50px; padding-top:50px;}
	section>div {padding:0 10px;}
	section>div>*:not(img) {margin:10px 0;}
	section>div p {font-size:80%;}
	section img {width:100%;}
}
@media screen and (min-width: 768px) {
	section.inner {margin-top:60px;}
	section>div {padding:40px 0 0;}
	section>div>*:not(img) {margin:10px;}
	section .box {padding:20px;}
	section .box h2 {font-size:150%;}
}


/* FOOTER */
#footer-link {text-align:center;}
#footer-link ul:first-child {display:inline-block;float:none;}
#footer-add h1 {background:url(../img/logo-en-white.png) 0 0 no-repeat;}
@media screen and (max-width: 767px) {
	#footer-add h1 {background-size:auto 100%;width:240px;height:45px;}
}
@media screen and (min-width: 768px) {
	#footer-link ul:first-child li {border:none;}
	#footer-add h1 {width:325px;height:60px;}
	#footer-add p {margin:0 0 0 20px;line-height:1.30em;}
	#footer-add p.copyright {clear:both;margin-top:38px;}
}


/*--------------------------------------------
	IMG-TEXT style
--------------------------------------------*/
.img.eng:after {background-image:url(../../eng/img/img-text.png);background-size:500px auto;}
#cnt1 h1 {background-position:0 0;}
#cnt2 h1 {background-position:0 -25px;}