@charset "UTF-8";

div#wrapper { width: 100%; overflow: hidden; }
nav#globalNavi { display: none; z-index: 5; }
div#overlay { z-index: 4; }

/* --------------------------------------------------
	MAIN VISUAL
-------------------------------------------------- */

div#videoWrapper { width: 100%; position: relative; overflow: hidden; }
div#videoWrapper img#logo { margin: 0 auto; width: 40%; max-width: 320px; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 3; }
div#videoWrapper div.layer { width: 100%; background: rgba(0,0,0,0); position: absolute; top: 0; z-index: 2; }
div#videoWrapper iframe { width: 100%; position: absolute; top: -60px; z-index: 1; }

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	WRAPPER
-------------------------------------------------- */

main { padding: 0; width: 100%; }
div#contents { width: 100%; background: #fff; position: absolute; z-index: 4; }
div#contents div#navi { background: #e60013; }
div#contents div#navi ul { margin: 0 auto; width: 1200px; list-style: none; }
div#contents div#navi li { width: 240px; float: left; }
div#contents div#navi li a { padding: 20px 0; color: #fff; font-size: 110%; font-weight: 700; text-align: center; display: block; }
div#contents div#navi li a:hover { background: #fff; color: #e60013; text-decoration: none; }

@media screen and (max-width: 767px) {
div#contents div#navi { width: 100%; display: none; position: absolute; z-index: 5; }
div#contents div#navi ul { width: auto; }
div#contents div#navi li { width: auto; float: none; }
}

/* --------------------------------------------------
	CONTENTS
-------------------------------------------------- */

section { padding: 80px 0; }
section.coloured { background: #f7f3e7; }
section div.inner { margin: 0 auto; width: 1200px; }
section h2 { margin: 0 0 1.5em !important; }
section p { margin: 0 0 1.25em; }
section a.button { margin: 0 auto; padding: 6px 24px; width: 220px; background: #e60013; border: solid 2px #e60013; border-radius: 4px; color: #fff; text-align: center; display: block; }
section a.button:hover { text-decoration: none; }
section a.button span { padding: 0 16px 0 0; background-image: url(/img/home/buttonArrow.svg), url(/img/home/buttonArrowOn.svg); background-position: right center; background-repeat: no-repeat; background-size: auto 12px; }
section a.button:hover { background: #fff; color: #e60013; }
section a.button:hover span { background-image: url(/img/home/buttonArrowOn.svg); }

@media screen and (max-width: 767px) {
section { padding: 30px 0; }
section div.inner { width: auto; }
}

/* --------------------------------------------------
	ABOUT
-------------------------------------------------- */

section#about {}
section#about dt { width: 560px; float: right; }
section#about dt img { width: 100%; height: auto; }
section#about dd { width: 600px; float: left; }

@media screen and (max-width: 767px) {
section#about dt { margin: 0 0 20px; width: auto; float: none; }
section#about dd { padding: 0 12px; width: auto; float: none; }
}

/* --------------------------------------------------
	MENU
-------------------------------------------------- */

section#menu {}
section#menu dt { width: 560px; float: left; }
section#menu dt img { width: 100%; height: auto; }
section#menu dd { width: 600px; float: right; }

@media screen and (max-width: 767px) {
section#menu dt { margin: 0 0 20px; width: 100%; float: none; }
section#menu dd { padding: 0 12px; width: auto; float: none; }
}

/* --------------------------------------------------
	ACCESS
-------------------------------------------------- */

section#access iframe { margin: 0.5em 0 1em; width: 100%; }
section#access div.left { width: 600px; float: left; }
section#access div.right { width: 600px; float: right; }
section#access ul { margin-left: 1.5em; }
section#access table { width: 100%; border-collapse: collapse; }
section#access th { padding: 12px 24px; background: #f7f3e7; border: solid 1px #d1ccbe; }
section#access td { padding: 12px 24px; border: solid 1px #d1ccbe; }
section#access td span { font-size: 90%; }

@media screen and (max-width: 767px) {
section#access div.left { padding: 0 10px 20px; width: auto; float: none; }
section#access div.right { padding: 0 10px; width: auto; float: none; }
section#access table { width: 100%; border-top: solid 1px #d1ccbe; }
section#access th { padding: 10px; width: 100%; border-width: 0 1px; display: block; box-sizing: border-box; }
section#access td { padding: 10px; width: 100%; border-width: 1px; display: block; box-sizing: border-box; }
}

/* --------------------------------------------------
	NEWS
-------------------------------------------------- */

section#news { padding-bottom: 120px; }
section#news ul { border-top: solid 1px #d1ccbe; list-style: none; }
section#news li { padding: 10px; border-bottom: solid 1px #d1ccbe; }
section#news li span { display: block; }

@media screen and (max-width: 767px) {
section#news { padding-bottom: 60px; }
}



/*----------------土日の表記--------------------*/
h4.donichi{font-size:1rem;color:white;background:#c00;margin:5px 0 0 0;padding:5px;text-align:center;}
strong.udl{text-decoration:2px underline #c00;}
p.donichip{margin:0px;border:solid 2px #c00;padding:5px;}