/* =================================
	NIGEHAJI Yokohama CSS
================================= */

.cmn main {
	background-image:url(../img/cmn_brd_bg_blu.jpg);
}
@media all and (min-width: 768px) {
.cmn main {
	border-color:#ec145b;
}
.cmn main div.brd {
	background-image:none;
}
}
@media all and (max-width: 767px) {
.cmn main div.brd {
	background-image:none;
}
.cmn main {
	border-color:#ec145b;
}
}

/*	header
============================== */

.yokohama main div.brd h1 {
	background-image:url(../img/yh_h1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.yokohama main div.brd h1 span {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.yokohama main div.brd nav.sub ul li a,
.yokohama main div.brd nav.sub ul li a span,
.yokohama main div.brd nav.sub p.moubo a,
.yokohama main div.brd nav.sub p.moubo a span {
	display:block;
}
@media all and (min-width: 768px) {
.yokohama main div.brd h1 span {
	height:313px;
}
.yokohama main div.brd nav.sub {
	position:relative;
	background-image:url(../img/yh_h1.jpg);
	background-position:0 -313px;
	background-repeat:no-repeat;
	height:127px;
}
.yokohama main div.brd nav.sub ul li {
	position:absolute;
	top:2px;
}
.yokohama main div.brd nav.sub p.moubo {
	position:absolute;
	top:0;
}
.yokohama main div.brd nav.sub ul li.mabout {
	left:26px;
}
.yokohama main div.brd nav.sub ul li.mmap {
	left:201px;
}
.yokohama main div.brd nav.sub ul li.mfaq {
	left:386px;
}
.yokohama main div.brd nav.sub p.moubo {
	left:512px;
}
.yokohama main div.brd nav.sub p.moubo a span,
.yokohama main div.brd nav.sub ul li a span {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.yokohama main div.brd nav.sub ul li a span {
	height:84px;
}
.yokohama main div.brd nav.sub ul li.mabout a {
	width:165px;
}
.yokohama main div.brd nav.sub ul li.mmap a {
	width:175px;
}
.yokohama main div.brd nav.sub ul li.mfaq a {
	width:118px;
}
.yokohama main div.brd nav.sub p.moubo a {
	width:112px;
	height:112px;
}
.yokohama main div.brd nav.sub p.moubo a:hover,
.yokohama main div.brd nav.sub ul li a:hover {
	background-image:url(../img/yh_h1.jpg);
	background-repeat:no-repeat;
}
.yokohama main div.brd nav.sub ul li.mabout a:hover {
	background-position:-26px -452px;
}
.yokohama main div.brd nav.sub ul li.mmap a:hover {
	background-position:-201px -452px;
}
.yokohama main div.brd nav.sub ul li.mfaq a:hover {
	background-position:-386px -452px;
}
.yokohama main div.brd nav.sub p.moubo a:hover {
	background-position:-512px -450px;
}
}
@media all and (max-width: 767px) {
.yokohama main div.brd h1 {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:46.7791411%;
}
.yokohama main div.brd h1 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.yokohama main div.brd nav.sub {
	background-color:#ec145b;
	padding:10px;
}
.yokohama main div.brd nav.sub ul li {
	margin-bottom:6px;
}
.yokohama main div.brd nav.sub ul li a,
.yokohama main div.brd nav.sub p.moubo a {
	background-color:#fff;
	border-radius:12px;
	overflow:hidden;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
}
.yokohama main div.brd nav.sub p.moubo a {
	background-color:#fff5b2;
}

.yokohama main div.brd nav.sub ul li a span,
.yokohama main div.brd nav.sub p.moubo a span {
	font-size:87.5%;
	line-height:28px;
	height:28px;
	background-image:url(../img/cmn_menu28.svg);
	background-position:right top;
	background-repeat:no-repeat;
}
.yokohama main div.brd nav.sub ul li a span {
	background-position:right top;
}
.yokohama main div.brd nav.sub p.moubo a span {
	background-position:right bottom;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 3px hsla(11,100%,27%,0.3);
}

}



/*	hr
============================== */

div.hr {
	background-image:url(../img/yh_line.png);
	background-repeat:no-repeat;
	background-position:center center;
}
div.hr img {
	display:block;
}
@media all and (min-width: 768px) {
div.hr {
	margin:25px 0;
}
div.hr img {
	height:50px;
}
}
@media all and (max-width: 767px) {
div.hr {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:7.716%;
	margin:15px 0;
}
div.hr img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	article
============================== */
article.unit {
	background-color:hsla(0,0%,100%,0.8);
}
article.unit h2 {
	background-image:url(../img/yh_h2.png);
	background-repeat:no-repeat;
	background-color:#ec145b;
}
article#entry h2 {
	background-image:url(../img/yh_h2_oubo.png);
	background-position:center top;
}
article#about h2 {
	background-position:center top;
}
article#map h2 {
	background-position:center center;
}
article#faq h2 {
	background-position:center bottom;
}
article.unit h2 span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
article.unit {
	margin:0 30px;
	padding-bottom:30px;
}
article.unit h2 {
	margin-bottom:30px;
}
article.unit h2 span {
	height:42px;
}
}
@media all and (max-width: 767px) {
article.unit {
	margin:0 10px;
	padding-bottom:15px;
}
article.unit h2 {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:10%;
	margin-bottom:15px;
}
article.unit h2 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	article - section
============================== */

article.unit section.unit h3 {
	border-style:solid;
	border-color:#ec145b;
	border-top-width:2px;
	border-bottom-width:2px;
	padding:0.5em;
	text-align:center;
	color:#ec145b;
	line-height:1.25;
	margin-bottom:1.5em;
}
article.unit section.unit h4 {
	line-height:1.25;
	margin-bottom:0.75em;
}
article#faq section.unit h4 {
	/* cursor:pointer; */
}
article#faq section.unit h4 span {
	text-decoration:underline;
}
article#about section p,
article.unit section.unit p {
	line-height:1.5;
	margin-bottom:1.75em;
}
@media all and (min-width: 768px) {
article.unit section {
	margin:0 30px 30px;
}
article.unit section.unit h4,
article#about section p,
article.unit section.unit p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
article.unit section {
	margin:0 10px 15px;
}
article.unit section.unit h3 {
	font-size:87.5%;
}
article.unit section.unit h4,
article#about section p,
article.unit section.unit p {
	font-size:83%;
}
}




/*	buttons
============================== */

p.btn-basic a {
	color: #fff;
}
p.btn-basic a {
	background-color:#c2905e;
	background-image:-moz-linear-gradient(transparent 50%, #ad7b33 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#ad7b33),to(#ad7b33));
	background-image:-ms-linear-gradient(transparent 50%, #ad7b33 50%);
	background-image:linear-gradient(transparent 50%, #ad7b33 50%);
}
@media all and (min-width: 768px) {
p.btn-basic {
	margin:0 120px;
}
p.btn-basic a:hover {
	background-color:#996617;
}
}
@media all and (max-width: 767px) {
p.btn-basic {
	margin:0 40px;
}
}



/*	copy
============================== */

article#about div.copy {
	background-color:#ffe0e0;
	border-radius:20px;
	margin:0 30px 30px;
}
article#about div.copy p {
	line-height:1.5;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 3px hsla(11,100%,27%,0.3);
}
article#about div.copy p:not(:last-child) {
	margin-bottom:1.25em;
}
@media all and (min-width: 768px) {
article#about div.copy {
	border-radius:24px;
	margin:0 30px 30px;
	padding:20px;
}
article#about div.copy p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
article#about div.copy {
	border-radius:12px;
	margin:0 10px 15px;
	padding:10px;
}
article#about div.copy p {
	font-size:83%;
}
}


p.period {
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	margin-bottom:1.25em;
	background-color:#fff4a4;
	padding:1em 0;
}
@media all and (min-width: 768px) {
p.period {
	font-size:100%;
}
}
@media all and (max-width: 767px) {
p.period {
	font-size:87.5%;
}
}



/*	clear file
============================== */

div.file {
	background-image:url(../img/yh_file.jpg);
	background-repeat:no-repeat;
}
div.file img {
	display:block;
}
@media all and (min-width: 768px) {
div.file {
	width:366px;
	margin:0 auto 30px;
}
div.file img {
	width:366px;
	height:213px;
}
}
@media all and (max-width: 767px) {
div.file {
	background-size:cover;
	width:240px;
	margin:0 auto 20px;
}
div.file img {
	width:240px;
	height:140px;
}
}



/*	prize
============================== */

ul.prize li {
	background-color:#ffd6e0;
}
ul.prize li span,
ul.prize li span img {
	display:block;
}
@media all and (min-width: 768px) {
ul.prize li {
	margin-bottom:15px;
}
ul.prize li span img {
	height:200px;
}
}
@media all and (max-width: 767px) {
ul.prize li {
	margin-bottom:7px;
}
ul.prize li span {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:37.878787878%;
}
ul.prize li span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	chance
============================== */

section.unit h4.chance {
	background-image:url(../img/yh_chance.png);
	background-repeat:no-repeat;
}
section.unit h4.ch1 {
	background-position:center top;
}
section.unit h4.ch2 {
	background-position:center bottom;
}
section.unit h4.chance span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
section.unit h4.chance {
	margin-bottom:20px;
}
section.unit h4.chance span {
	height:70px;
}
}
@media all and (max-width: 767px) {
section.unit h4.chance {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:13.2575757%;
	margin-bottom:15px;
}
section.unit h4.chance span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}



/*	map
============================== */
div.pdf {
	background-image:url(../img/yh_pdf.png);
	background-repeat:no-repeat;
}
div.pdf a, div.pdf img {
	display:block;
}
@media all and (min-width: 768px) {
div.pdf {
	width:402px;
	margin:0 auto;
}
div.pdf a, div.pdf a img {
	width:402px;
	height:284px;
}
}
@media all and (max-width: 767px) {
div.pdf {
	background-size:cover;
	width:240px;
	margin:0 auto 20px;
}
div.pdf img {
	width:240px;
	height:170px;
}
}

p.campend {
	text-align:center;
}
@media all and (min-width: 768px) {
p.campend {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
p.campend {
	font-size:83%;
}
}