@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon/icomoon.eot?srf3rx");
	src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	}
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Shippori+Mincho+B1&display=swap');

/* Tools */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
article, aside, details, figcaption, figure, ooter, header, hgroup, menu, nav, section {
    display: block;
    }
body {
	line-height: 1;
    }

ol, ul {
	list-style: none;
    }    
blockquote, q {
    quotes: none;
    }
blockquote:before,blockquote:after, q:before, q:after {
	content: '';
	content: none;
    }
table {
	border-collapse: collapse;
	border-spacing: 0;
    }

.hidden {
	display: none !important;
	visibility: hidden;
    }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
    }
.clearfix:after {
	clear: both;
    }
.clear {
	clear: both;
    }    

/*  font
-------------------------------*/
.bold {
	font-weight: bold;
	font-weight: 600;
    }

/*  margin
-------------------------------*/
.mb0 {
	margin-bottom: 0px !important;
    }



/* ===========================================================================
* 	Style 
* =========================================================================== */
html {
	font-size: 62.5%;
    }
body {
	font-family: "Shippori Mincho B1", serif;
	color: #1f1f1f;
	font-size: 1.8rem;
	line-height: 1.8;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	text-align: justify;
	text-justify: inter-ideograph; 
	font-feature-settings: "palt" 1;
	}
	@media screen and (max-width: 768px) {
		body {
			line-height: 1.7;
			}
		}

.shippori-mincho-b1-regular {
	font-family: "Shippori Mincho B1", serif;
	font-style: normal;
	}
.arapey-regular {
	font-family: "Arapey", serif;
	font-style: normal;
	}

#page {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
    transition: .5s linear; 
	}
.offcanvas #page {
	overflow: hidden;
	position: absolute;
	}
.offcanvas #page:after {
	-webkit-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.7);
	content: "";
	}


a {
	color: #000;
    text-decoration: none; 
    transition: all .15s ease-out;
    }
a:hover, a:active, a:focus {
    text-decoration: none; 
	color: #b7282e;
    }
p {
    margin: 0 ;
    padding: 0;
	}

h2 { font-size: 4.5rem;	}	
h2.en { font-size: 4.5rem !important; letter-spacing: .1em; }	
h3 { font-size: 3.5rem;	}
h4 { font-size: 3rem; }
h5 { font-size: 2.7rem; }
h6 { font-size: 2.5rem;  margin-top: .75em;}
	@media screen and (max-width: 768px) {
		h2 { font-size: 2.8rem; }	
		h2.en { font-size: 2.8rem!important; }	
		h3 { font-size: 2rem; }
		h4 { font-size: 2.5rem; }
		h5 { font-size: 2.7rem; }
		h6 { font-size: 1.8rem; }
		}

img {
	display: block;
    margin: 0;
    padding: 0;
	max-width: 100%;
	height: auto;
    }
input, textarea, select, button {
    ont-family: inherit;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	color: inherit;
    }
strong {
	display: block;
	font-weight: bold;
	}
ruby rt {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1!important;
	}
	@media screen and (max-width: 768px) {
		ruby rt {
			font-size: 8px;
			}
		}

::-webkit-selection {
	color: #fff;
	background: #b7282e;
	}
::-moz-selection {
	color: #fff;
	background: #b7282e;
	}
::selection {
	color: #fff;
	background: #b7282e;
	}


/* =========================================================================== *
 * 　 MAIN-NAV
 * =========================================================================== */
.nav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	}
	@media screen and (max-width: 768px) {
		nav {
			position: absolute;
			}
		.nav .menu-1 {
			display: none;
			}
		}

/*  scrolled  */
.nav.scrolled {
	background: #222 url(../images/common/bg_main-nav.png) repeat;
  	top: -30px;
	border-bottom: 3px solid #b7282e;
  	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.nav.scrolled {
			background: #222 url(../images/common/bg_main-nav.png) repeat;
			border-bottom: 3px solid #b7282e;
			}
		}
	@media screen and (max-width: 768px) {
		.nav.scrolled {
			background: transparent;
			}
		}
.nav.scrolled .language-wrap {
	display: none;
	}
.nav.scrolled .menu-wrap {
	margin: 30px 0 0 0;
	}

/*  language, menu, dropdown  */
.nav .language-wrap ul, .nav .menu-wrap ul, .nav ul li.dropdown .sub-dropdown li a {
	line-height: 1;
	}

/* nav(language-wrap)
------------------------------------------------ */
.nav .language-wrap {
	position: absolute;
	padding: 15px 50px 0 0;
	}
.nav .language-wrap ul {
	text-align: right;
	}
	@media screen and (max-width: 768px) {
		.nav .language-wrap {
			padding: 5px 15px;
			}
		.nav .language-wrap ul {
			padding: 0;
			text-align: left;
			}
		}
.nav .language-wrap ul li {
	list-style: none;
	display: inline;
	}
.nav .language-wrap ul li a {
	margin-left: 25px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 600;
	}
.nav .language-wrap ul li a:hover, .nav .language-wrap ul li a:focus {
	color: rgba(255, 255, 255, 0.3);
	}
	@media screen and (max-width: 768px) {
		.nav .language-wrap ul li a {
			margin: 0 15px 0 0;
			font-size: 1.2rem;
			}
		}
	@media screen and (max-width: 768px) {
		.nav .menu-1 {
			display: none;
			}
		}

/*  main-nav(menu-wrap)
--------------------------------------------------------------- */
.nav .menu-wrap {
	padding: 25px 0;
	}
.nav .menu-wrap ul li {
	display: inline-block;
	list-style: none;
	}
.nav .menu-wrap ul li > a {
	padding: 30px 40px;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	}
.nav .menu-wrap ul li i {
	position: relative;
	margin-right: 7px;
	font-size: 2.5rem;
	}

/* nav-action */
.nav ul li a:hover, .nav ul li a:focus, .nav ul li a:active,
.scrolled .nav ul li a:hover, .scrolled .nav ul li a:focus, .scrolled .nav ul li a:active {
	color: rgba(255, 255, 255, 0.3);
	}
.nav ul li.active > a {
	position: relative;
	}

/* dropdown */
.nav ul li.has-dropdown {
	position: relative;
	}
.nav ul li.dropdown .sub-dropdown {
	position: absolute;
	width: 170px;
	top: 35px;
	left: 10px;
	z-index: 1002;
	visibility: hidden;
	opacity: 0;
	background: #b7282e;
	}
.nav ul li.dropdown .sub-dropdown:before {
	bottom: 100%;
	left: 82px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #b7282e;
	border-width: 7px;
	margin-left: -7px;
	}
.nav ul li.dropdown .sub-dropdown li {
	display: block;
	text-align: center;
	border-bottom: 1px solid #781116;
	text-shadow: none;
	
	}
.nav ul li.dropdown .sub-dropdown li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}
.nav ul li.dropdown .sub-dropdown li a {
	margin: 0;
	padding: 15px 0;
	font-size: 1.9rem;
	display: block;
	color: #fff !important;
	font-weight: 500;
	text-transform: none;
	}

/* dropdown-action */
.nav ul li.dropdown .sub-dropdown li a:hover {
	color: #fff;
	background: #992025;
	}
.nav ul li.dropdown:hover a, .nav ul li.dropdown:focus a {
	color: rgba(255, 255, 255, 0.3);
	}


/*  offcanvas
--------------------------------------------------------------- */
#offcanvas {
	position: absolute;
	z-index: 1901;
	width: 270px;
	background: #b7282e;
	top: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 60px 40px 40px 40px;
	overflow-y: auto;
	-moz-transform: translateX(270px);
	-webkit-transform: translateX(270px);
	-ms-transform: translateX(270px);
	-o-transform: translateX(270px);
	transform: translateX(270px);
	transition: .5s;
	font-weight: 600;
	}
.offcanvas #offcanvas {
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	}
#offcanvas li {
	color: rgba(255, 255, 255, 0.3);
	font-size: 1.8rem;
	}
#offcanvas a {
	color: rgba(255, 255, 255, 0.7);
	}
#offcanvas i {
	display: none;
	}
#offcanvas a:hover {
	color: #fff;
	}
#offcanvas ul {
	padding: 0;
	margin: 0;
	}
#offcanvas ul li {
	display: block;
	margin: 0;
	padding: 15px 0;
	list-style: none;
	border-bottom:solid 1px rgba(255, 255, 255, 0.3);
	}
#offcanvas ul li > ul {
	padding-left: 20px;
	display: none;
	}
#offcanvas .offcanvas-dropdown ul li {
	display: block;
	position: relative;
	margin-top: 5px;
	padding: 0;
	border: none;
	}
#offcanvas ul li.offcanvas-dropdown > a {
	position: relative;
	display: block;
	}
#offcanvas ul li.offcanvas-dropdown > a:after {
	position: absolute;
	right: 0;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107";
	font-size: 2.7rem;
	color: rgba(255, 255, 255, 0.7);
	top: 2px;
	transition: .5s;
	}
#offcanvas ul li.offcanvas-dropdown.active a:after {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	}


/*  toggle
--------------------------------------------------------------- */
.nav-toggle {
	position: fixed;
	right: 10px;
	top: 10px !important;
	z-index: 21;
	display: block;
	margin: 0 auto;
	display: none;
	height: 50px;
	width: 50px;
	z-index: 2001;
	border-bottom: none !important;
	background: rgba(0, 0, 0, 0.7);
	padding: 3px 10px 10px 12px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	;}
	@media screen and (max-width: 768px) {
		.nav-toggle {
			display: block;
			}
		}
.nav-toggle.active i::before, .nav-toggle.active i::after {
	background: #444;
	}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {
	outline: none;
	border-bottom: none !important;
	}
.nav-toggle i {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 2px;
	color: #252525;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #252525;
	transition: all .2s ease-out;
	}
.nav-toggle i::before, .nav-toggle i::after {
	position: absolute;
	left: 0;
	content: '';
	width: 25px;
	height: 2px;
	background: #252525;
	transition: all .2s ease-out;
	}
.nav-toggle.nav-white > i {
	color: #fff; 
	background: #fff;
	}
.nav-toggle.nav-white > i::before, .nav-toggle.nav-white > i::after {
	background: #fff;
	}
.nav-toggle i::before {
	top: -7px;
  	}
.nav-toggle i::after {
	bottom: -7px;
  	}
.nav-toggle:hover i::before {
	top: -10px;
  	}
.nav-toggle:hover i::after {
	bottom: -10px;
  	}
.nav-toggle.active i {
	background: transparent;
  	}
.nav-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	background: #fff;
  	}
.nav-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	background: #fff;
  	}



/* =========================================================================== *
 * 　 SECTION
 * =========================================================================== */
.section-white, .section-black, .section-gray, .section-parallax  {
	padding: 7em 0;
	line-height: 1;
	}
	@media screen and (max-width: 768px) {
		.section-white, .section-black, .section-gray, .section-parallax  {
			padding: 3.5em 0;
			}
		}

/*  color  */
.section-white {
	background: #fff;
	color: #000;
	}
.section-black {
	background: #222;
	color: #fff;
	}
.section-black a {
	color: #fff;
	}
.section-black a:hover {
	color: #ea272d;
	}
.section-gray {
	background: #fff url(../images/common/bg_noise_wt.png) repeat;
	color: #000;
	}

/*  heading
-------------------------------------------------------------------- */
/*  section-heading  */
.section-heading {
	display: block;
	margin-bottom: 3em;
	text-align: center;
	}
	@media screen and (max-width: 768px) {
		.section-heading {
			margin-bottom: 1.5em;
			}
		}
	@media screen and (max-width: 768px) {
		.section-heading .txt1  {
			margin-top: .5em;
			line-height: 1.5;
			text-align: left;
			}
		.section-heading .txt1 br {
			display: none;
			}
		}
	@media screen and (max-width: 480px) {
		.section-heading .en {
			font-size: 1.5rem;
			}
		}

/*  greeting,history  */
.heading1 {
	display: block;
	text-align: center;
	margin-bottom: 1em;
	}
/*  events  */
.heading2 {
	margin-bottom: 3em;
	color: #fff;
	}
.heading3 {
	margin-bottom: .5em;
	text-align: left;
	}
	@media screen and (max-width: 768px) {
		.heading2 {
			margin-bottom: 1.5em;
			}
		.heading3 {
			margin-bottom: .5em;
			text-align: center;
			}
		}

/*  title
-------------------------------------------------------------------- */
/* vertical */
.vertical-ttl { 
	display: flex;
	writing-mode: vertical-rl;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 0 30px;
	font-size: 4.5rem;
	letter-spacing:.25em;
	}
.vertical-txt {
	position: relative;
    width: 100%;
	height: 100%;
	}

/* section-heading */
.txt1  {
	margin-top: 1em;
	text-align: center;
	line-height: 1.5;
	}

/* Greeting,event */
.txt2 {
	margin-bottom: 1em;
	line-height: 1.7;
	}

/* regulation (map) */
.txt3 {
	text-align: center;
	font-size: 1.7rem;
	}
.txt4 {
	margin-top: 3em;
	font-size: 1.3rem;
	}
.txt5 {
	margin-bottom: 3em;
	}

/*  column
---------------------------------------------------------- */
	@media screen and (max-width: 480px) {
		.col-xxs-12 {
            width: 100%;
            }
        .col-xxs-6 {
            width: 50%;
            }
        }
.no-gutter > [class*='col-'] {
    padding: 0 7.5px;
    }
	@media screen and (max-width: 768px) {
        .no-gutter > [class*='col-'] {
            padding: 0 5px;
            }
		}
.no-padded {
	margin: 0 !important;
	padding: 0 !important;
    }

/*  Hr
---------------------------------------------------------- */

hr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #444;
  margin: 7em 0;
  }
	@media screen and (max-width: 768px) {
		hr {
			margin: 3.5em 0;
			}
		}

/*  speace
---------------------------------------------------------- */
.mb-0 {
	margin-bottom: 0 !important;
	}
.mb-s {
	margin-bottom: 15px;
	}
    @media screen and (max-width: 768px) {
		.mb-s {
			margin-bottom: 10px;
			}
		}
.left {
	float: left;
	margin-right: 2em;
	}	



/*  Botton
=========================================================================== */
.btn {
	font-size: 1.8rem !important;
    transition: all .3s ease-out;
	font-weight: bold;
	}
.btn.btn-primary {
	background: #fff;
	color: #000;
	border: none !important;
	border: 2px solid transparent !important;
	}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
	box-shadow: none;
	background: #b7282e;
	color: #fff;
	}
.btn.btn-md {
	display: block;
	margin-top: 2em!important;
	margin: 0 auto;
    padding: 15px !important;
	width: 260px;
    }
    @media screen and (max-width: 768px) {
        .btn.btn-md {
			margin-top: 1em!important;
            padding: 10px !important;
            width: 200px;
			font-weight: normal!important;
            }
		.btn.btn-sm {
			font-weight: normal!important;
			}
		}


/* =========================================================================== *
 * 　 TOP
 * =========================================================================== */
#keyVisual{ 
	position: relative;
	overflow: hidden;
    width: 100%;
    height: 100vh;
	}
#keyVisual .overlay {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); 
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

#keyVisual .intro {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	width: 100%;
    color: #fff;
    text-align: center;
	z-index: 999
	}
#keyVisual .intro h1 img {
	display: block;
	margin: 0 auto 30px auto;
	padding: 0;
	width: 700px;
	z-index: 1;
	}
#keyVisual .intro h2 {
	font-size: 5rem;
	font-weight: 600;
	line-height: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	}
#keyVisual .intro h2 span {
	font-size: 11rem;
	font-family: "Arapey", serif;
	}
	@media (min-width: 576px) and (max-width: 992px) {
#keyVisual .intro h1 img {
	margin: 0 auto 15px auto;
	width: 300px;
	}
		}
	@media screen and (max-width: 768px) {
		#keyVisual .intro h2 {
			font-size: 2rem;
			}
		#keyVisual .intro h2 span {
			font-size: 4rem;
			}
		}

/*  header
-------------------------------------------------------------------- */
/*  image  */
#message .image {
	position: relative;
	}
#message .vertical-ttl { 
	padding-top: 1em;
			}

/* greeting */
#message .heading1 .COO {
	margin: 1em auto;
	width: 150px;
	}
#message .heading1 .year {
	margin-bottom:.5em;
	font-size: 1.7rem;
	}
#message .heading1 .name {
	font-size: 2.2rem;
	}
#message .heading1 .name span {
	position: relative;
	top: -2px;
	margin-right: 1.25em;
	font-size: 1.7rem;
	}

/* emphasis */
#message .frame {
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	border: 1px solid #222;

	}
#message .frame dt {
	width: 20%;
	}
#message .frame dd {
	width: 80%;
	}
#message .frame dd p {
	display: block;
	margin-bottom: 5px;
	line-height: 1.25;
	}
#message .frame dd p:last-child{
	margin-bottom: 0;
	}
	@media screen and (max-width: 768px) {
		#message .txt2 br {
			display: none;
			}

		#message .frame {
			padding: .75em;
			}
		#message .frame dt {
			margin-bottom: 10px;
			width: 100%;
			}
		#message .frame dd {
			width: 100%;
			}
		}
	@media (min-width: 576px) and (max-width: 992px) {
		#message .vertical-ttl { 
			padding: 15px;
			font-size: 3rem;
			height: 300px;
			}
		}
	@media screen and (max-width: 480px) {
		#message .vertical-ttl { 
			display: block;
			writing-mode: horizontal-tb;
			margin-bottom: 1rem;
			padding: 0;
			font-size: 3rem;
			text-align: center;
			}
		#message .image {
			display: none;
			}
		}

/*  information
-------------------------------------------------------------------- */
/* news */
#information .news {

	}
#information .news_category {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	}

/*選択するサムネイルの設定*/
#information .news_category .choice-btn li {
	display: block;
	cursor: pointer;
	outline: none;
	width: 100% !important;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #5e5e5e;
	}
#information .news_category .choice-btn p {
	line-height: 1.5;
	letter-spacing: normal;
	}
#information .news_category li:last-child {
	margin-bottom: 0;
	}
#information .news_category .choice-btn li p:hover {
	color: #fff;
	opacity: .5;
	}
#information .news_category .choice-btn li p a:hover {
	color: #fff!important;
	opacity: .5;
	}
#information .news_category .date {
	display: block;
	margin-bottom: 1em;
	font-size: 1.5rem;
	width: 100% !important;
	}
#information .news_category .blink{
	
	display: inline;
	color: red;
	margin-left: 1em;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-animation:blink .75s ease-in-out infinite alternate;
    -moz-animation:blink .75s ease-in-out infinite alternate;
    animation:blink .75s ease-in-out infinite alternate;
	font-family: 'Lato', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
	}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
	}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
	}
#information .news_category .link .text {
	display: inline-block!important;
	}
#information .news_category .link .btn.btn-sm {
	display: inline-block;
	margin: 0 auto 0 15px!important;
    padding: 5px 10px !important;
	width: auto;
	font-size: 1.6rem !important;
	vertical-align: middle;
    }
#information .choice-btn .slick-track {
	transform: unset !important; /*画面幅サイズ変更に伴うサムネイル固定*/
	width: 100% !important;
	}
#information .gallery { 
	margin: 0;
	padding: 0;
	}
	@media (min-width: 576px) and (max-width: 992px) {
		#information .news_category {
			}
		}
	@media screen and (max-width: 480px) {
		#information .news_category {
			margin-bottom: 15px;
			}
		#information .news_category .link .text {
			display: block;
			}
		#information .news_category .link .btn.btn-sm {
			display: block;
			margin: .5em auto 0 auto!important;
			width: 200px;
			}
		}



/*  guide , schedule
=========================================================================== */
#guide .feature-wrap, #regulation .schedule-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#guide .feature-wrap li, #regulation .schedule-wrap li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 32%;
	}
	@media screen and (max-width: 480px) {
		#guide .feature-wrap, #regulation .schedule-wrap {
			display: block;
			}
		#guide .feature-wrap li, #regulation .schedule-wrap li {
			margin-bottom: 1.5em;
			width: 100%;
			}
		#guide .feature-wrap li:last-child, #regulation .schedule-wrap li:last-child {
			margin-bottom: 0;
			}
		}
#guide .feature-wrap li.cards, #regulation .schedule-wrap li.cards {
	display: flex;
	flex-direction: column;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	}

/*  Guide
-------------------------------------------------------------------- */
#guide .feature-wrap li.cards .features {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: none;
	height: 300px;
	display: block;
	overflow: hidden;
	}
#guide .feature-wrap li.cards .features .image {
	background-size: cover;
	background-position: center center;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    height: 300px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); 
	}
#guide .feature-wrap li.cards .features:hover .image {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	}
#guide .feature-wrap li.cards .features h3 {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: .5em 0;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	display: block;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	z-index: 999;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	}
	@media screen and (max-width: 768px) {
		#guide .feature-wrap li.cards .features h3 {
			padding: 13px 0;
			font-size: 2rem;
			}
		}

/*  regulation
-------------------------------------------------------------------- */
#regulation .schedule-wrap li.cards {
	padding: 2em 1em;
	background: #fff;
	border-top: 5px solid #b7282e;
	text-align: center;
	line-height: 1.5;
	}
#regulation .schedule-wrap li.cards .reg-symbol {
	display: block;
	width: 50%;
	margin: 0 auto 1em;
	}
#regulation .schedule-wrap li.cards .date {
	display: block;
	margin-bottom: .5em;
	padding: 0 0 .5em .75em;
	font-size: 3rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 1;
	}
#regulation .schedule-wrap li.cards .date span {
	margin: 0 5px;
	font-size: 6rem;
	font-family: "Arapey", serif;
	}
#regulation .schedule-wrap .detail li {
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
	line-height: 1.25;
	}
#regulation .schedule-wrap .detail li:last-child {
	margin-bottom: 0;
	}
#regulation .schedule-wrap li.cards .map {
	font-size: 2.5rem;
	}
#regulation .schedule-wrap li.cards .map i {
	margin-left: 15px;
	color: #b7282e;
	}
#regulation .schedule-wrap li.cards .txt1.mb-m {
	margin-bottom: 2em;
	}




	@media screen and (max-width: 768px) {
		#regulation .schedule-wrap li.cards {
			padding: 1em .5em;
			}
		#regulation .schedule-wrap .detail li {
			margin-bottom: 15px;
			}
				#regulation .schedule-wrap li.cards .txt3 {
			margin-bottom: 0; 
			}
				#regulation .schedule-wrap li.cards .map {
			margin-bottom: 5px;
			font-size: 2.2rem;
			}
		#regulation .schedule-wrap li.cards .map i {
			margin-left: 5px;
			}
		}
	@media (min-width: 576px) and (max-width: 992px) {
		#regulation .schedule-wrap li.cards .reg-symbol {
			width: 70%;
			margin: 0 auto .5em auto;
			}
		#regulation .schedule-wrap li.cards .date {
			padding: 0;
			font-size: 2rem!important;
			}
		#regulation .schedule-wrap li.cards .date span {
			margin: 0;
			font-size: 4rem;
			}
		#regulation .schedule-wrap li.cards .txt3 {
			text-align: left!important;
			}
		}
	@media screen and (max-width: 480px) {
		#regulation .schedule-wrap li.cards {
			padding: 2em 1em;
			}
		#regulation .schedule-wrap li.cards .reg-symbol {
			width: 60%;
			margin: 0 auto 10px auto;
			}
		#regulation .schedule-wrap li.cards .date {
			padding: 0 0 .5em .5em;
			font-size: 2.5rem!important;
			}
		#regulation .schedule-wrap li.cards .date span {
			margin: 0;
			font-size: 5rem;
			}
        }
	@media screen and (min-width: 480px) {
		#regulation .schedule-wrap li.cards .txt3 br {
			display: none;
			}
        }

/*  Gis
-------------------------------------------------------------------- */
#gis {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	background-image: url("../images/top/gis.jpg");
	}
#gis .container {
	position: relative;
	z-index: 2;
	}	
#gis .overlay {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	}

/*  Contact
-------------------------------------------------------------------- */
#contact .contact-wrap ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: 4em;
	width: 80px;
	}
#contact .contact-wrap ul.social-icons li {
	width: 40%;
	}
#contact .contact-wrap ul.social-icons li img {
	width: 100%;
	}
	@media screen and (max-width: 768px) {
		#contact .contact-wrap ul.social-icons {
			margin: 0 auto 15px auto;
			width: 100px;
			}
		#contact .contact-wrap ul.social-icons li {
			display: inline;
				}
			}

/*  FAQ

--------------------------------------- */
#contact .note  {
	display: block;
	margin: 2rem 0 1em 0 ;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
}	
#contact span  {
	font-size: 1.5rem;
	}
#contact .heading  {
	display: block;
	margin: 30px 0;
	text-align: center;
	}
#contact .title h3 {
	display: inline-block;
	padding-bottom: 3px;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1.25;
	}
#contact .form-wrap a {
	display: block;
	margin: 0 auto 2em auto;
	text-align: center;
	line-height: 1.5;
}
.inner-wrap {
	margin-bottom: 2em;
    }
.mb-0 {
	margin-bottom: 0;
}
#faq {
	padding: 1.5em;
	}
#faq .inner-wrap .heading3 {
	margin-bottom: 15px;
	font-size: 1.6rem;
	text-align: left;
	font-weight: 600;
	}
#faq .gtco-accordion {
	position: relative;
	background: #fff;
	margin-bottom: 10px;
	font-size: 1.6rem;
	}
#faq .gtco-accordion:last-child {
	margin-bottom: 0;
	}
#faq .gtco-accordion .gtco-accordion-heading {
	position: relative;
	cursor: pointer;
	padding: 15px;
	}
#faq .gtco-accordion .gtco-accordion-heading h3 {
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
	line-height: 1.25;
	}
#faq .gtco-accordion .gtco-accordion-heading .icon {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
#faq .gtco-accordion .gtco-accordion-content {
	border-top: 1px solid #e6e6e6;
	display: none;
	}
#faq .gtco-accordion .gtco-accordion-content .inner {
	padding: 15px;
	line-height: 1.5;
	}
#faq .gtco-accordion.active .icon {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
#faq .gtco-accordion.active h3 {
	color: #b7282e;
	}

    @media screen and (min-width: 480px) {
       #contact .title h3 br {
            display: none;
            }
		#contact a br {
			display: none;
			}
       }

    @media screen and (max-width: 480px) {
		#contact .note  {
			padding-left: 1em;
			text-indent: -1em;
			text-align: left !important;
			}


       #faq  {
		   padding: .5em;
            }
		#faq .gtco-accordion .gtco-accordion-heading {
			padding: 10px;
			}
		#faq .gtco-accordion .gtco-accordion-heading h3 {
			padding-right: 1em;
			}
		#faq .gtco-accordion .gtco-accordion-heading .icon {
			right: 10px;
			}
		#faq .gtco-accordion .gtco-accordion-heading .icon {
			font-size: 14px;
			}

       }



table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
	font-size: 1.5rem;
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #666;
  color: #fff;
  
}
.tb01 td {
	text-align: left;
  
}

@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}





/* form */
#contact .form-wrap {
	line-height: 1;
	}
#contact .form-group input[type="name"],
#contact .form-group input[type="email"],
#contact .form-group input[type="phone"],
#contact .form-group input[type="text"],
#contact .form-group textarea {
	background: rgba(255, 255, 255, 0.1);
	padding: 1.65em;
	border: none;
	font-size: 1.8rem;

	}
.form-control {
	background: transparent;
	color: #eee;
	}
.form-control:active, .form-control:focus {
	outline: none;
	box-shadow: none;
	}
.form-control::-webkit-input-placeholder {
	font-size: 1.8rem;
	}
.form-control::-moz-placeholder {
	font-size: 1.8rem;
	}
.form-control:-ms-input-placeholder {
	font-size: 1.8rem;
	}
.form-wrap p {
	text-align: center;
	}



	@media screen and (max-width: 768px) {
		#contact .form-group input[type="name"],
		#contact .form-group input[type="email"],
		#contact .form-group input[type="phone"],
		#contact .form-group input[type="text"],
		#contact .form-group textarea {
			padding: 1.5em;
			}
		#contact .form-wrap .btn {
			display: block;
			margin: 2em auto 0 auto;
			}
		}

/*  Divide
-------------------------------------------------------------------- */
#divide .panorama {
	position: relative;
	width: 100%;
	height: 450px;
	background-size: cover;
	background-position: top center;
	}
	@media screen and (max-width: 768px) {
		#divide .panorama {
			height: 150px;
			}
		}

/*  Sponsor
-------------------------------------------------------------------- */
#sponsor .banner-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#sponsor .banner-wrap .sponsor-bnr {
	width: 16.2%;
	line-height: 1;
	box-sizing: border-box;
	margin: 0 0 7px 0;
	}
#sponsor .banner-wrap .sponsor-bnr:nth-last-child(-n+6) {
	margin-bottom: 0;
	}
	@media screen and (max-width: 480px) {
		#sponsor .section-heading h6 {
			line-height: 1.25;
			}
		#sponsor .banner-wrap .sponsor-bnr {
			width: 32.5%;
			}
		#sponsor .banner-wrap .sponsor-bnr.bk {
			display: none;
			}
		}


/*  Hero
=========================================================================== */
#hero {
    position: relative;
    background-size: cover;
    padding-top: 45%;
    background-repeat: no-repeat;
    background-position: center;
    }
	@media (min-width: 576px) and (max-width: 992px) {
        #hero {
            height: 100vh;
            }
        }
    @media screen and (max-width: 480px) {
        #hero {
            height: 400px;
            }
		}

/*  img
---------------------------------------------------------- */
#hero.history {
    background-image: url(../images/history/history_cover.jpg);
    }
#hero.events {
    background-image: url(../images/events/events_cover.jpg);
    }
#hero.district {
    background-image: url(../images/district/district_cover.jpg);
    }
#hero.faq {
    background-image: url(../images/faq/faq_cover.jpg);
    }

#hero .overlay {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%); 
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

#hero .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
	height: 100%;
	z-index: 1;
	}
#hero .title .vertical-ttl { 
	padding-top: 3.5em;
	font-size: 7rem;
	font-weight: 600;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
	color: #fff;
	height: 100%;
	}
	@media screen and (max-width: 768px) {
		#hero .title .vertical-ttl { 
			padding-top: 1.5em;
			font-size: 4rem;
			text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
			}
        }


/* =========================================================================== *
 * 　 History
 * =========================================================================== */

/*  origin
-------------------------------------------------------------------- */
#origin .heading1 h2 {
	margin-bottom:.75em;
	font-size: 4rem;
	}
#origin .heading1 h2 span {
	position: relative;
	margin-right: 1em;
	font-size: 2.5rem;
	top: -4px;
	}
	@media screen and (max-width: 768px) {
		#origin .image {
			display: none;
			}
		#origin .heading1 h2 {
			display: block;
			margin-bottom:.5em;
			font-size: 3rem;
			}
		#origin .heading1 h2 span {
			margin-bottom: .5em;
			display: block;
			top: -2px;
			font-size: 2.2rem;
			}	
		#origin .txt2 br {
			display: none;
			}	
		}

/*  Chronology
-------------------------------------------------------------------- */
#chronology .chronology-wrap {
	height: inherit;
	display: flex;
	flex-direction: column;
	height: 800px;
	}
#chronology .container {
	display: flex;
	flex: auto;
	flex-direction: column;
	max-height: 100%;
	}
#chronology .head {
	position: relative;
	height: auto;
	}
#chronology .head:after {
	content: '';
	position: absolute;
	bottom: -5rem;
	left: 0;
	height: 5.1rem;
	display: block;
	width: 100%;
	z-index: 999;
	background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	/* IE6-9 */
	}
	@media screen and (max-width: 768px) {
		#chronology {
			height: 600px;
			}
		#chronology .chronology-wrap {
			height: 400px;
			}
		#chronology .head:after {
			bottom: -3rem;
			height: 3.1rem;
			}
		}
#chronology .item {
	display: flex;
	flex: auto;
	overflow-y: auto;
	}
#timeline {
	position: relative;
	display: table;
	height: 100%;
	margin: 3.5em auto 0 auto;
	}
#timeline:after {
	position: absolute;
	content: '';
	width: 2px;
	top: 1rem;
	bottom: 0;
	left: 85px;
	z-index: 1;
	background: #C5C5C5;
	}
#timeline h3 {
	position: -webkit-sticky;
	position: sticky;
	top: 3rem;
	margin: 0;
	font-size: 1.8rem;
	font-weight: 600;
	}
#timeline h4 {
	width: 80px!important;
	}
    @media screen and (max-width: 768px) {
		#timeline {
			margin: 1.5em auto 0 auto;
			}
		#timeline h3 {
			top: 2.5rem;
			}
		}
#timeline section.year {
	position: relative;
	}
#timeline section.year section {
	position: relative;
	margin-top: -1.5em;
	}
#timeline section.year section ul {
	padding: 0 0 0 110px;
	}
#timeline section.year section ul:first-of-type:after {
	content: '';
	width: 15px;
	height: 15px;
	background: #C5C5C5;
	left: 79px;
	top: 3px;
	z-index: 2;
	border: 3px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	}
#timeline section.year section ul li {
	margin-bottom: 2.5em;
	line-height: 1.5;
	}
#timeline section.year section h4 {
	display: inline-block;
	float: left;
	width: 5em;
	margin-bottom: .5em;
	font-size: 1.5rem;
	line-height: 1.25;
	}
#timeline section.year section ul li span {
	margin-left: 4.5em;
	}
	@media screen and (max-width: 768px) {
		#timeline h3 {
			font-weight: 600;
			}
		#timeline section.year section h4 {
			position: relative;
			top: -7px;
			display: block!important;
			width: 100%!important;
			margin-bottom: 0;
			font-weight: 600;
			font-size: 1.9rem;
			}
		#timeline section.year section ul li span {
			margin-left: 0;
			}
        }

/*  gallery
------------------------------------------------------------------ */
#gallery .gallery-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#gallery .gallery-wrap .img_box {
	width: 32.5%;
	box-sizing: border-box;
	margin-bottom: 15px;
	}
#gallery .gallery-wrap .img_box:nth-last-child(-n+3){
	margin-bottom: 0;
	}	

/* gallery(modaal) */
#gallery .single {
    position: relative;
	}
#gallery .single:hover {
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    }


/* =========================================================================== *
 * 　 Events
 * =========================================================================== */
#events .heading2 h3 {
	position: relative;
	text-align: center;
	font-size: 7rem;
	margin: 0 10px;
	line-height: 1;
	}
#events .heading2 h3:before {
	position: absolute;
	top: calc(50% - -8px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #fff;
	}
#events .heading2 h3 span {
	position: relative;
	padding: 0 .5em;
	background: #222;
	font-family: "Arapey", serif;
	}
#events .heading2 h3 small {
	font-size: 3.5rem!important;
	font-weight: 600;
	color: #fff;
	font-family: "Shippori Mincho B1", serif;
	}
	@media screen and (max-width: 768px) {
		#events .heading2 h3 {
			font-size: 4.5rem;
			margin: 0 10px;
			line-height: 1;
			}
		#events .heading2 h3 span {
			padding: 0 .25em;
			background: #222;
			}
		#events .heading2 h3 small {
			font-size: 2rem!important;
			}
		}

/*  event
------------------------------------------------------------------ */
#events .event-wrap {
	margin-bottom: 7em;
	}
#events .event-wrap:last-child {
	margin-bottom: 0!important;
	}
#events .event {
	width: 100%;
	background: #313131;
	-webkit-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	-ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	-o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
	}
#events .event:last-child {
	margin-bottom: 0;
	}
#events .event .event-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	height: 450px;
  	}
#events .event .desc {
	padding: 30px 30px 0 0;
	letter-spacing: normal;
	line-height: 1;
	}
#events .event .desc.reverse {
	padding: 30px 0 0 30px;
	letter-spacing: normal;
	line-height: 1;
	}
#events .event .desc h3 {
	display: block;
	line-height: 1;
	font-size: 3.8rem;
	font-weight: 600;
	margin-bottom: .25em;
	}
#events .event ul.data {
	margin: 1.5em 0 0 0;
	padding: 0;
	}
#events .event .data li  {
	margin-bottom: 5px;
	list-style: none;
	line-height: 1;
	}
#events .event .data li span {
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 5px 15px;
	margin-right: 1em;
	font-size: 1.5rem;
	}
	@media screen and (max-width: 768px) {
		#events .event-wrap {
			margin-bottom: 3em;
			}
		#events .event {
			display: block;
			min-height: 400px;
			}
		#events .event .event-image {
			height: 300px;
			}
		#events .event .desc,
		#events .event .desc.reverse {
			padding: 1em;
			letter-spacing: normal;
			line-height: 1;
			}
		#events .event .desc h3 {
			margin-bottom: .25em;
			font-size: 3rem;	
			text-align: center;
			}
		#events .event ul.data {
			margin: 0;
			}
		}


/* =========================================================================== *
 * 　 District
 * =========================================================================== */
#district .top-wrap {
	margin-bottom: 2em;
	}
#district .top-wrap .txt2 {
	margin-bottom: 2em;
	}
#district .top-wrap .txt2:last-child {
	margin-bottom: 0;
	}
	@media screen and (max-width: 768px) {
		#district .top-wrap {
			margin-bottom: 1em;
			}
		}

/* Successive */
	@media screen and (max-width: 480px) {
		.successive {
			display: none;
			}
		}

/* accordion
------------------------------------------------ */
#district .accordion {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1;
	border-bottom: 1px solid #ccc;
	}
#district .accordion .accordion-heading {
	position: relative;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	}
#district .accordion .accordion-heading figure {
	width: 20%;
	}
#district .accordion .accordion-heading figure img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	}
#district .accordion .accordion-heading .name {
	width: 75%;
	margin: 0;
	padding: 0;
	}
#district .accordion .accordion-heading .name h4 {
	margin-bottom: 5px;
	font-size: 1.6rem;
	}
#district .accordion .accordion-heading h3 {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	}
#district .accordion .accordion-heading .name h3 span {
	display: inline-block;
	margin-right: 1em;
	font-size: 1.5rem;
	position: relative;
	top: -2px;
	}
#district .accordion .accordion-heading .icon {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}
#district .accordion .accordion-content {
	display: none;
	}
#district .accordion .accordion-content .inner > h5 {
	margin-bottom: 5px;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	}
#district .accordion .accordion-content .inner {
	padding: 15px 0;
	font-size: 1.5rem;
	line-height: 1.75;
	}
#district .accordion .accordion-content .inner p {
	padding: 0;
	margin: 0 ;
	}
#district .accordion .accordion-content .inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#district .accordion .accordion-content .inner ul li {
	margin: 0;
	padding: 2px 0;
	font-size: 11px;
	}
#district .accordion.active .icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	}	
#district .accordion.active .name {
	color: #b7282e;
	}

/* Data 01-12
------------------------------------------------ */
#district .main-img {
	margin-bottom: .5em;
	padding: 0 7.5px;
	}
#district .main-img img {
	margin-bottom: 15px;
	}
#district .area-wrap .heading3 {
	font-size: 4.5rem;
	font-weight: 600;
	}

/* Data */
#district .data-content {
	margin-top: 1.5em ;
	line-height: 1;
	}
#district .data-content h3 {
	display: inline-block;
	font-size: 2rem;
	text-align: center;
	border: 1px solid #fff;
	margin-bottom: .75em;
	padding: 7px 20px 5px 20px;
	}
#district .data-content small {
	font-size: 1.5rem;
	}
 #district .data-content ul {
	margin: 0 ;
	padding: 0;
	list-style: none;
	border-top: 3px solid rgba(255, 255, 255, 0.85);
	}
#district .data-content ul li {
	padding: 10px 0 ;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	line-height: 1;
	}
#district .data-content ul li:last-child {
	border-bottom: 3px solid rgba(255, 255, 255, 0.85);
	}
#district .data-content ul li:before {
	position: relative;
	top: 1px;
	content: '\f0da';
	font-family: 'icomoon';
	padding-right: .75em;
	font-size: 1.4rem;
	}
#district .data-content ul li a {
	border-bottom: 1px solid #fff;
	}
#district .data-content ul li a:hover, 
#district .data-content ul li a:focus,
#district .data-content ul li a:active {
	color: rgba(255, 255, 255, 0.7);
	}

/* yayoi */
#district .data-content ul li.indent {
	padding-left:10.5em;
	text-indent:-10.5em;
	line-height: 1.5;
	}
	@media screen and (max-width: 480px) {
		district .main-img {
			margin-bottom: 3em;
			}
		#district .area-wrap .heading3 {
			margin-bottom: .5em;
			font-size: 3rem;
			}
		#district .data-content h3 {
			font-size: 1.8rem;
			padding: 7px 10px 7px 10px;
			}
		}




/* =========================================================================== *
 * 　 FOOTER
 * =========================================================================== */
#footer {
	padding: 3em 0 ;
	background: #222 url(../images/common/bg_main-nav.png) repeat;
	border-top: 3px solid #b7282e;
	color: #eee;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	}

/* logo, copyright */
#footer .ftr-symbol {
	display: block;
	margin: 0 auto .5em auto;
    width: 12%;
    }
	@media screen and (max-width: 768px) {
		#footer {
			padding: 2.5em 0 1em 0 ;
		}
		#footer .ftr-symbol {
			width: 35%;
			}
		}
    @media (min-width: 576px) and (max-width: 992px) {
		#footer .ftr-symbol {
			width: 20%;
			}
        }




#footer ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: auto;
	width: 80px;
	}
#footer ul.social-icons li {
	width: 40%;
	}
#footer ul.social-icons li img {
	width: 100%;
	}
	@media screen and (max-width: 768px) {
		#footer ul.social-icons {
			margin: 0 auto 15px auto;
			width: 100px;
			}
		#footer ul.social-icons li {
			display: inline;
				}
			}








#footer .ftr-copyright {
	font-size: 1.2rem;
	text-align: center;
    }


/* ===========================================================================
* 	Go-to-top
* =========================================================================== */
.gototop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
  	}
.gototop.active {
	opacity: 1;
	visibility: visible;
	}
.gototop a {
	width: 50px;
	height: 50px;
	display: table;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
  	}
.gototop a i {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	font-size: 3rem;
	}
.gototop a:hover, .gototop a:active, .gototop a:focus {
	text-decoration: none;
	outline: none;
  	}


/* ===========================================================================
* 	Other
* =========================================================================== */
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/common/loader.gif) center no-repeat #fff;
	}

.js .animate-box {
	opacity: 0;
	}





/* =========================================================================== *
 * 　 single
 * =========================================================================== */
.section-bg {
	background: url(../images/single/bg_stripe.jpg);
	}
#heatstroke {
	padding: 7em 0;
	font-family: 'Lato', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	z-index: 999;
	}
	@media screen and (max-width: 768px) {
		#heatstroke {
			padding: 1em 0;
			}
		}

#heatstroke .section-title {
	margin-bottom: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 14px;
	}
#heatstroke .section-title img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	}

#heatstroke .tabs {
	}
#heatstroke .tabs .tab-nav {
	clear: both;
	margin: 0 0 1em 0;
	padding: 5px;
	float: left;
	width: 100%;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	}
#heatstroke .tabs .tab-nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
	list-style: none;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-size: 2.5rem;
	line-height: 1;
	}

#heatstroke .tabs .tab-nav li a {
	padding: 20px 0;
	width: 100%;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	color: #b3b3b3;
	line-height: 1;
	}
#heatstroke .tabs .tab-nav li.active a {
	background: #1191DE;
	color: #fff !important;
	font-weight: 600;
	}
#heatstroke .tabs .tab-content-wrap {
	clear: both;
	position: relative;
	}

/* tab-content */
.tabs .tab-content-wrap .tab-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	padding: 3em 3em 0 3em;
	border: 7px solid #1191DE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	}

.tabs .tab-content-wrap .tab-content .project {
	margin-bottom: 2em;
	}
.tabs .tab-content-wrap .tab-content .project img{
	display: block;
	margin: 0 auto 2em auto;
	}

.tabs .tab-content-wrap .tab-content .title {
	display: block;
	margin: 0 0 15px 0;
	font-size: 3.5rem;
	font-weight: 600;
	}
.tabs .tab-content-wrap .tab-content .date dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 2.5rem;
	border-bottom: 2px solid #ccc;
	}
.tabs .tab-content-wrap .tab-content .date dt {
	width: 13%;
	line-height: 1.3;
	}
.tabs .tab-content-wrap .tab-content .date dt span {
	padding: 3px 20px;
	background-color: #1f1f1f;
	color: #fff;
	font-size: 2rem;
	}
.tabs .tab-content-wrap .tab-content .date dd {
	width: 87%;
	line-height: 1.5;
	font-weight: 600;
	}

/* slick */
.tabs .tab-content-wrap .tab-content .info {
	margin-bottom: 3em;
	}
.tabs .tab-content-wrap .tab-content .info_category {
	width: 100%;
	height: 100%;
	}

/*選択するサムネイルの設定*/
.tabs .tab-content-wrap .tab-content .info_category .choice-btn  {
	}
.tabs .tab-content-wrap .tab-content .info_category .choice-btn li {
	cursor: pointer!important;
	outline: none;
	width: 100% !important;
	padding-left: 1em;
	margin-bottom: 2em;
	line-height: 1.4;
	font-size: 2rem;
	}
.tabs .tab-content-wrap .tab-content .info_category .choice-btn li p {
	display: inline;
	padding-bottom: 3px;
	text-decoration: underline;
	}
.tabs .tab-content-wrap .tab-content .info_category .choice-btn li p:hover {
	display: inline;
	color: #1191DE;
    transition: all .15s ease-out;
	}



.tabs .tab-content-wrap .tab-content .info_category .choice-btn li:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f111";
	position: relative;
	top: 0;
	left: -0.5em;
	font-size: 1.7rem;
	color: #50b2e8; 
	}
.tabs .tab-content-wrap .tab-content .illust {
	display: block;
	margin-top: 1em;
	}
.tabs .tab-content-wrap .tab-content .info_category .choice-btn .slick-track {
	transform: unset !important; /*画面幅サイズ変更に伴うサムネイル固定*/
	width: 100% !important;
	}
.info .gallery { 
						border: 5px solid #ccc;
	margin: 0;
	padding: 0;
	}

.tabs .tab-content-wrap .tab-content.active {
	opacity: 1;
	visibility: visible;
	}

	@media screen and (max-width: 768px) {
		.tabs .tab-nav li {
			font-size: 2rem!important;
			}
		.tabs .tab-nav li a {
			padding: 10px;
			}
		.tabs .tab-content-wrap .tab-content {
			padding: 1.5em 1.5em 0 1.5em;
			}
		.tabs .tab-content-wrap .tab-content .project {
			margin-bottom: .25em;
			}
		.tabs .tab-content-wrap .tab-content .title {
			display: block;
			margin: 1em 0 15px 0;
			font-size: 3rem;
			text-align: center;
			}
		.tabs .tab-content-wrap .tab-content .date dl {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin-bottom: 15px;
			padding-bottom: 10px;
			font-size: 2.2rem;
			border-bottom: 2px solid #ccc;
			}
		.tabs .tab-content-wrap .tab-content .date dt {
			width: 30%;
			}
		.tabs .tab-content-wrap .tab-content .date dt span {
			padding: 3px 10px;
			font-size: 1.5rem;
			}
		.tabs .tab-content-wrap .tab-content .date dd {
			width: 70%;
			line-height: 1.3;
			}
		.tabs .tab-content-wrap .tab-content .info {
			margin-bottom: 1.5em;
			}
		.tabs .tab-content-wrap .tab-content .info_category .choice-btn li {
			margin-bottom: 1.5em;
		}
		.tabs .tab-content-wrap .tab-content .illust {
			display: block;
			margin: 0 0 1em 0;
			}
		}

	@media screen and (min-width: 480px) {
		.tabs .tab-content-wrap .tab-content .date dd br {
			display: none;
			}
		.tabs .tab-content-wrap .tab-content .info_category .choice-btn li br {
			display: none;
			}
		}

    /* PC */
    @media (min-width: 576px) {
		#heatstroke .section-title .pc { display: block !important;
        }
        #heatstroke .section-title .sp { display: none !important;
        }
	}
	/* SP */
    @media (max-width: 576px) {
		#heatstroke .section-title .pc { display: none !important;
        }
        #heatstroke .section-title .sp { display: block !important;
        }
	}






/*===============   End  ===============*/