@charset "utf-8";

/* wrapper */
#wrapper {
	margin: 0px auto 0 auto;
	font-family: Montserrat, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14pt;
}
#container {
	width: 100%;
	margin: 0 auto 0 auto;
}
header {
	width: 100%;
	background-color: #FFFFFF;
	z-index: 100;
}
h2 , h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
}
h3 {
	font-size: 22pt;
}
hr {
	margin: 60px 0;
}
.head-wrap {
	margin: 0 auto 0 auto;
	padding-top: 10px;
	position: relative;
}
.logo {
	float: left;
	width: 162px;
	height: 40px;
	background:url("../images/logo.png") center center no-repeat;
	background-size: 100% auto;
	text-indent: -9876px;
	margin-left: 10px;
}
.logo a {
	display: block;
	width: 162px;
	height: 40px;
}
#logo {
	width: 30%;
	float: left;
}
.pc-nav {
	float: right;
	padding-right: 10px;
}
.unesco {
	float: left;
	width: 80px;
	margin-left: 20px;
  animation-delay: 2.3s; /* アニメーション開始時間 */
}
#wrapper {
  overflow: hidden;
}

/* top */
.main-img {
	width: 800px;
	margin: 120px auto 120px auto;
  animation-duration: 1.5s; /* アニメーションの時間 */
  animation-delay: 1s; /* アニメーション開始時間 */
}
.scroll-down {
	margin: 0px auto 190px;
	text-align: center;
  animation-delay: 2s; /* アニメーション開始時間 */
}
.slick-prev:before,
.slick-next:before {
    color: #000 !important;
}
.top-kuraimu {
	text-align: center;
	margin: 90px auto;
}
.top-kuraimu-wrap {
	margin: 30px auto;
	padding: 30px 0;
	background-color: #F1F1F1
}
.top-kuraimu-wrap ul {
	list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
	text-align: center;
}
.top-kuraimu-wrap ul li {
	padding: 0 40px;
	transition: .5;
}
.top-kuraimu-wrap ul li a:hover {
	transition: .5;
}
.gototop {
	margin: 30px auto;
	text-align: center;
}

.top-adanews {
	text-align: center;
	margin: 190px auto;
}
.top-adanews-wrap {
	margin: 30px auto;
	padding: 30px 0;
	background-color: #F1F1F1
}
ul.slider1 {
	margin: 0px 0;
	list-style: none;
}

ul.slider1 li img {
	width: 140px;
	height: auto;
	padding-bottom: 10px;
}
.top-blog {
	text-align: center;
	margin: 90px auto;
}
.top-blog-wrap {
	margin: 30px auto;
	padding: 0px 0;
	background-color: #F1F1F1;
}
.top-blog-wrap ul {
	list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
	 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	text-align: center;
	width: 100%;
}
.top-blog-wrap ul li {
	padding: 30px;
	width: 136px;
	height: 170px;
	font-size: 12px;
}
.top-blog-wrap ul li p {
	padding-top: 10px;

}
.top-topics-wrap {
	margin: 30px auto;
	width: 720px;
	height: 400px;
	overflow-y: auto;
	border: #aFaFaF 1px solid;
	padding: 40px;
	word-break: break-all;
}
h3.top-blog-st {
	font-size: 20px;
}
.top-blog-body {
	text-align: left !important;
	padding-top: 30px;
}
.top-blog-body p {
	text-align: left !important;
	margin-bottom: 10px;
	line-height: 160%;
	letter-spacing: 0em;
	font-size: 90%;
}

.top-access {
	text-align: center;
	margin: 90px auto;
}
.top-access-wrap {
	margin: 30px auto;
	padding: 30px 0;
	background-color: #F1F1F1;
}
.top-access h3 {
	margin-bottom: 30px;
}
.top-access address {
	line-height: 200%;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}

/* about ADA */
.aboutus-wrapper {
	width: 800px;
	margin: 120px auto 120px auto;
}
.aboutus-wrapper h2 {
	text-align: center;
	margin-bottom: 60px;
}
.aboutus-wrapper h3 {
	text-align: center;
	margin-bottom: 60px;
}
.aboutus-img {
	text-align: center;
	margin: 90px auto;
}
.aboutus-txt {
	margin-bottom: 60px;
}
.aboutus-txt p {
	margin-bottom: 30px;
	line-height: 200%;
	letter-spacing: 0.1em;
	text-align: justify;
}
.aboutus-wrapper h4 {
	margin-bottom: 30px;
	margin-top: 90px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
	border-bottom: #7A7A7A 1px solid;
}
.aboutus-wrapper h5 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
}
.aboutus-txt ul {
	list-style:inside;
	margin: 0 60px 60px 60px;
}
.aboutus-txt li {
	letter-spacing: 0.1em;
	line-height: 200%;
	padding-bottom: 20px;
}
.aboutus-txt li span {
	font-size: 80%;
}
.right {
	text-align: right !important;
	display: block;
}
table.yakuin {
	border-collapse: separate;
  border-spacing: 0px 30px;
	width: 700px;
	margin: 0 auto;
}
table.yakuin tr {
}
table.yakuin th {
	letter-spacing: 0.3em;
	font-weight: normal;
	text-align:justify;
	vertical-align: top;
	padding: 5px 20px 5px 0px;
	border-right: #838383 1px solid;
}
table.yakuin td {
	letter-spacing: 0.1em;
	padding: 5px 20px;
	vertical-align: top;
}
/* agreement ADA */
.agreement-wrapper {
	width: 800px;
	margin: 120px auto 120px auto;
}
.agreement-wrapper h2 {
	text-align: center;
	margin-bottom: 60px;
}
.agreement-wrapper h3 {
	text-align: center;
	margin-bottom: 60px;
}
.agreement-img {
	text-align: center;
	margin: 90px auto;
}
.agreement-txt {
	margin-bottom: 60px;
}
.agreement-txt p {
	margin-bottom: 20px;
	line-height: 200%;
	letter-spacing: 0em;
	text-align: justify;
}
.agreement-txt p.st {
	font-size: 90%;
	margin-top: 40px;
	margin-bottom: 10px;
}
.agreement-wrapper h4 {
	margin-bottom: 30px;
	margin-top: 90px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
	border-bottom: #7A7A7A 1px solid;
}
.agreement-wrapper h5 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
}
.agreement-txt ul {
	list-style:inside;
	margin: 0 60px 60px 60px;
}
.agreement-txt ul li {
	letter-spacing: 0.1em;
	line-height: 200%;
	padding-bottom: 20px;
}
.agreement-txt ul li span {
	font-size: 80%;
}
.agreement-txt ol {
	margin-left: 3.5em;
}

.agreement-txt ol li {
	list-style-type: none;
	counter-increment: cnt;
	line-height: 200%;
	margin-bottom: 20px;
	margin-left: -10px;
}

.agreement-txt ol li::before {
	content: "（ " counter(cnt) " ）";
	display:inline-block;
	margin-left:-4em;
	width: 4em;
}
.jyou {
	width: 70px;
	text-align: right;
	float: left;
}
.jyou p{
	text-align: right;
}
.agreement-cont {
	margin-left: 110px;
}
/* gallery */
.gallery-wrapper {
	width: 800px;
	margin: 120px auto 120px auto;
}
.gallery-wrapper h2 {
	text-align: center;
	margin-bottom: 60px;
}
.gallery-wrapper h3 {
	text-align: center;
	margin-bottom: 60px;
}
.gallery-wrapper h4 {
	margin-bottom: 30px;
	margin-top: 90px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 15pt;
	border-bottom: #7A7A7A 1px solid;
}
.gallery-wrapper h5 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
}
.gallery-wrapper p {
	margin-bottom: 30px;
	line-height: 200%;
	letter-spacing: 0.1em;
	text-align: justify;
}
.offset-txt {
	padding-left: 60px;
}
.txt-center {
	text-align: center !important;
}
ul.gallery-img-list {
	list-style: none;
	margin-left: 5px;
}
ul.gallery-img-list li {
	width: 200px;
	height: 240px;
	display: inline-block;
	padding: 30px;
	vertical-align: top;
}
ul.gallery-img-list li p {
	font-size: 11pt;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 110%;
}
ul.gallery-info-list {
	list-style:disc;
	margin-left: 60px;
}
ul.gallery-info-list li {
	padding-bottom: 20px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
ul.gallery-info-list-2 {
	list-style:disc;
	margin-left: 30px;
  margin-top: 10px;
}
ul.gallery-info-list-2 li {
	padding-bottom: 10px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
.info-box {
  margin-left: 40px;
  margin-top: 10px;
}
.info-indent {
  text-indent: 1em;
  margin-left: -2em;
}
.info-box img {
  padding-bottom: 30px;
}
.gallery-news {
	border: #7A7A7A 1px solid;
	padding: 40px;
	margin-bottom: 90px;
}
.gallery-news h4 {
	margin-bottom: 30px;
	margin-top: 0px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 15pt;
	border-bottom: #7A7A7A 1px solid;
}
.gallery-notice {
	border: #7A7A7A 1px solid;
	padding: 20px 20px 0 20px;
	margin: 60px 0;
	border-radius: 10px;
}
.gallery-calender iframe {
	width: 100%;
}
ul.gallery-nav {
	list-style: none;
	text-align: center;
	margin-bottom: 60px;
}
ul.gallery-nav li {
	display: inline-block;
	padding: 2px 2px;
	margin: 10px;
	font-size: 11pt;
	background-color: #E8E8E8;
}


/* members */
.members-wrapper {
	width: 800px;
	margin: 120px auto 120px auto;
}
.members-wrapper h2 {
	text-align: center;
	margin-bottom: 60px;
}
.members-wrapper h3 {
	text-align: center;
	margin-bottom: 60px;
}
.members-wrapper h4 {
	margin-bottom: 30px;
	margin-top: 90px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
	border-bottom: #7A7A7A 1px solid;
}
.members-wrapper h4.members-index {
	font-size: 12pt;
	color: #929292;
}
.members-wrapper h5 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
}
dl.members-desc {
}
dl.members-desc dt {
	float: left;
	color: #929292;
	font-size: 12pt;
	margin-top: 0px;
}
dl.members-desc dd {
	margin-left: 30%;
	border-left: #7A7A7A 1px solid;
	padding-left: 40px;
	color: #929292;
	font-size: 12pt;
	margin-top: 20px;
}
dl.members-list {
	clear: both;
}
dl.members-list dt {
	float: left;
	font-size: 12pt;
	margin-top: 0px;
	letter-spacing: 0.1em;
	line-height: 160%;
}
dl.members-list dd {
	margin-left: 30%;
	border-left: #7A7A7A 1px solid;
	padding-left: 40px;
	font-size: 12pt;
	margin-top: 40px;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
	line-height: 160%;
}
dl.members-list dd a {
  font-size: 11pt !important;
}
ul.members-page-nav {
	list-style: none;
	text-align: center;
	margin-top: 60px;
}
ul.members-page-nav li {
	display: inline-block;
	padding: 10px 10px;
	font-size: 10pt;
}
/* blog WP */
.blog-wrapper {
	width: 800px;
	margin: 120px auto 120px auto;
}
.blog-wrapper h2 {
	text-align: center;
	margin-bottom: 60px;
}
.blog-wrapper h3 {
	text-align: center;
	margin-bottom: 60px;
}
.blog-wrapper h4 {
	margin-bottom: 30px;
	margin-top: 90px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 15pt;
	border-bottom: #7A7A7A 1px solid;
}
.blog-wrapper h5 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 18pt;
}
.blog-wrapper p {
	margin-bottom: 30px;
	line-height: 200%;
	letter-spacing: 0.1em;
	text-align: justify;
}
.blog-body {
  padding: 30px 0px 30px;
}
.blog-body P {
	line-height: 180%;
	padding: 0 10px 10px;
}
.entry-utility {
	text-align: right;
	font-size: 13px;
	line-height: 150%;
	padding: 0 10px;
}
.blog-nav {
	margin: 60px auto;
	clear: both;
}
.blog-nav .blog-nav-left {
	width: 45%;
	float: left;
	padding-bottom: 30px;
}
.blog-nav .blog-nav-right {
	width: 45%;
	float: right;
	padding-bottom: 30px;
}
.blog-nav h4 {
	padding: 5px;
	font-size: 16pt;
	margin-bottom: 10px;
	font-weight: normal;
	border-bottom: #8B8B8B 1px solid;
}
ul.side-list {
	padding-top: 10px;
	padding-left: 25px;
}
ul.side-list li {
	line-height: 130%;
	padding-bottom: 10px;
	padding-left: 0px;
}
#nav-below {
	padding: 15px 0;
}
.nav-previous {
	width: 46%;
	float: left;
	font-size: 80%;
	padding-bottom: 10px;
}
.nav-next {
	width: 46%;
	float: right;
	text-align: right;
	font-size: 80%;
	padding-bottom: 10px;
}

/* sitemap */


/* footer */

footer {
	position: relative;
	clear: both;
}
#footer-container {
	margin:120px auto;
	padding: 30px 0;
	text-align: center;
}
.foot-nav {
	text-align: center;
	padding: 20px 0;
}
.foot-nav ul {
	list-style: none;
}
.foot-nav ul li {
	display: inline-block;
	  margin: 10px 0px 11px 0px;
	  padding: 0 10px 0 10px;
		border-right: #FFFFFF 1px dotted;
	color: #FFFFFF;
	font-size: 10pt;
}
	.foot-nav li:last-child{
		border-right: 0px;
	}
.foot-nav li:first-child {
	padding-left: 0;
}
.foot-nav ul li a ,
.foot-nav ul li a:link,
.foot-nav ul li a:active,
.foot-nav ul li a:hover {
	color: #FFFFFF;
}
.copyright {
	font-size: 10pt;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}

.pc-br {
}
.sm-br {
  display: none;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
		width:33px;
		height:46px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
		width:33px;
		height:46px;
	text-indent:-9876px;
	background: url(../images/gototop.png) center center no-repeat;
}
 
#pageTop a:hover {
  text-decoration: none;
	background: url(../images/gototop.png) center center no-repeat;
}


/* 1015px以上 */
@media only screen and (min-width:1015px){

	.sm-nav {
		display: none;
	}
	.dropmenu{
		display: -webkit-flex;
		display: flex;
	  list-style-type: none;
	  margin: 5px auto 5px;
	  padding: 0;
		font-family: Montserrat, "sans-serif";
		font-weight: 500;
		border: #000000 0px solid;
	}
	.dropmenu:before, .dropmenu:after{
	  content: "";
	}
	.dropmenu:after{
	  clear: both;
	}
	.dropmenu li{
	  margin: 0;
		margin-left: 15px;
		position: relative;
	}
	.dropmenu li:last-child{
		border-right: 0px;
		padding-right: 0;
	}
	.dropmenu li a.m-nav{
	  display:block;
	  transition: 0.5s;
	}
	.dropmenu li a.m-nav:hover{
		text-decoration: none;
	  transition: 0.8s;
		opacity: 0.6;
	}
	.dropmenu li ul.submenu{
		list-style: none;
		position: absolute;
		z-index: 9999;
		top: 150%;
		right: -15px;
		padding: 0;
		background: #eeeeee;
		height: 0;
	}
	.dropmenu li ul.submenu li{
		width: 200px;
		background: #efefef;
		border-right: 0px;
		overflow: hidden;
		height: 0;
		transition: .2s;
		text-align: right;
	}
	.dropmenu li ul.submenu li.subsub{
		background: #ffffff;
	}
	.dropmenu li:hover ul.submenu li{
		overflow: visible;
		padding: 20px;
		margin: 0;
		border-top: #aaaaaa 1px solid;
	}
	.dropmenu li ul.submenu li a{
		padding: 0px 0px;
		text-align: right;
			font-size: 14px;
			line-height: 0;
			text-decoration: none;
	}
	.dropmenu li ul.submenu li:hover > a{
	}
	.dropmenu li ul.submenu li a:hover{
	  color:#B5B5B5;
	}

	.dropmenu li:nth-child(1){
		animation-delay: .4s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(2){
		animation-delay: .5s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(3){
		animation-delay: .6s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(4){
		animation-delay: .7s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(5){
		animation-delay: .8s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(6){
		animation-delay: .9s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(7){
		animation-delay: 1s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(8){
		animation-delay: 1.1s; /* アニメーション開始時間 */
	}
	.dropmenu li:nth-child(9){
		animation-delay: 1.2s; /* アニメーション開始時間 */
	}


}


/* 1060px以下から 調整
------------------------------------------------------------*/
@media only screen and (max-width:1060px){
	.head-wrap {
		width: 100%;
		margin: 0 auto 0 auto;
		padding-top: 10px;
		position: relative;
	}
	#main-nav {
		margin: 0;
	}
}

/* 1014px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:1014px){
	.pc-nav {
		display: none;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#logo {
		float: none;
		width: 100%;
	}
	.logo {
		float: none;
		width: 80px;
		height: 50px;
		background:url("../images/logo_sm.png") center center no-repeat;
		background-size: 100% auto;
		text-indent: -9876px;
		margin: 40px auto 10px;
	}
	.logo a {
		display: block;
		width: 80px;
		height: 50px;
	}
	.unesco {
		float: none;
		margin: 20px auto 20px;
		width: 100px;
	}
	/* top */
	#pageTop {
		margin-bottom: 20px;
	}
}
/* 800px以下から
------------------------------------------------------------*/
@media only screen and (max-width:800px){
	/* top */
	.main-img {
		width: 86%;
		margin: 60px auto 60px auto;
	}
	.slick-slide {
		padding: 5px !important;
	}
	.top-access-wrap iframe {
		width: 90%;
	}
	.top-topics-wrap {
		margin: 30px auto;
		width: 93%;
		height: 400px;
		overflow-y: auto;
		border: #aFaFaF 1px solid;
		padding: 40px 3%;
	}

	/* about ADA */
	.aboutus-wrapper {
		width: 94%;
		margin: 120px auto 120px auto;
	}
	.aboutus-wrapper h2 {
		text-align: center;
		margin-bottom: 60px;
	}
	.aboutus-wrapper h3 {
		text-align: center;
		margin-bottom: 60px;
	}
	.aboutus-txt {
		margin-bottom: 60px;
	}
	.aboutus-txt p {
		margin-bottom: 30px;
		line-height: 200%;
		letter-spacing: 0.1em;
		text-align: justify;
	}
	.aboutus-wrapper h4 {
		margin-bottom: 30px;
		margin-top: 90px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 18pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.aboutus-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 18pt;
	}
	.aboutus-txt ul {
		list-style:inside;
		margin: 0 60px 60px 60px;
	}
	.aboutus-txt li {
		letter-spacing: 0.1em;
		line-height: 200%;
		padding-bottom: 20px;
	}
	.aboutus-txt li span {
		font-size: 80%;
	}
	.right {
		text-align: right !important;
		display: block;
	}
	table.yakuin {
		border-collapse: separate;
		border-spacing: 0px 30px;
		width: 100%;
		margin: 0 auto;
	}
	table.yakuin tr {
	}
	table.yakuin th {
		letter-spacing: 0.3em;
		font-weight: normal;
		text-align:justify;
		vertical-align: top;
		padding: 5px 20px 5px 0px;
		border-right: #838383 1px solid;
	}
	table.yakuin td {
		letter-spacing: 0.1em;
		padding: 5px 20px;
		vertical-align: top;
	}
	/* agreement ADA */
	.agreement-wrapper {
		width: 94%;
		margin: 120px auto 120px auto;
	}
	.agreement-wrapper h2 {
		text-align: center;
		margin-bottom: 60px;
	}
	.agreement-wrapper h3 {
		text-align: center;
		margin-bottom: 60px;
	}
	.agreement-txt {
		margin-bottom: 60px;
	}
	.agreement-txt p {
		margin-bottom: 30px;
		line-height: 200%;
	}
	.agreement-wrapper h4 {
		margin-bottom: 30px;
		margin-top: 90px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 18pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.agreement-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 18pt;
	}
	.agreement-txt ul {
		list-style:inside;
		margin: 0 60px 60px 60px;
	}
	.agreement-txt ul li {
		letter-spacing: 0.1em;
		line-height: 200%;
		padding-bottom: 20px;
	}
	.agreement-txt ul li span {
		font-size: 80%;
	}
	/* members */
	.members-wrapper {
		width: 94%;
		margin: 120px auto 120px auto;
	}
	/* gallery */
	.gallery-wrapper {
		width: 94%;
		margin: 120px auto 120px auto;
	}
	ul.gallery-img-list {
		list-style: none;
		margin-left: 0px;
	}
	ul.gallery-img-list li {
		width: 30%;
		height: 240px;
		display: inline-block;
		padding: 30px 1%;
		vertical-align: top;
	}
	ul.gallery-img-list li span {
		font-size: 11pt;
	}
	/* blog WP */
	.blog-wrapper {
		width: 90%;
		margin: 30px auto;
	}
	.blog-body {
		padding: 10px 0px 30px;
	}
	.blog-body P {
		line-height: 150%;
		padding: 0px 10px 10px;
	}
	.entry-utility {
		text-align: right;
		font-size: 13px;
		line-height: 150%;
		padding: 0 10px;
	}
	.blog-nav {
		width: 90%;
		margin: 40px auto;	
	}
	.blog-nav aside {
		width: 33%;
		float: left;
		padding: 15px;
	}
	.blog-nav aside h3 {
		padding: 5px;
		color: #ffffff;
		background-color: #7C2BA0;
		border-radius: 30px;
		font-size: 16pt;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 20px;
		font-weight: normal;
	}
	ul.side-list {
		padding-top: 10px;
		padding-left: 25px;
	}
	ul.side-list li {
		line-height: 130%;
		padding-bottom: 10px;
		padding-left: 0px;
	}
	.nav-previous {
		width: 46%;
		float: left;
	}
	.nav-next {
		width: 46%;
		float: right;
		text-align: right;
	}

}
/* 640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){
	/* about ADA */
	.aboutus-wrapper {
		width: 94%;
		margin: 60px auto 60px auto;
	}
	.aboutus-wrapper h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.aboutus-wrapper h3 {
		text-align: center;
		margin-bottom: 30px;
		font-size: 16pt;
	}
	.aboutus-txt {
		margin-bottom: 60px;
	}
	.aboutus-txt p {
		margin-bottom: 30px;
		line-height: 160%;
		letter-spacing: 0em;
		text-align: justify;
		font-size: 90%;
	}
	.aboutus-wrapper h4 {
		margin-bottom: 30px;
		margin-top: 90px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.aboutus-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
	}
	.aboutus-txt ul {
		list-style:outside;
		margin: 0 20px 40px 20px;
	}
	.aboutus-txt li {
		letter-spacing: 0em;
		line-height: 160%;
		padding-bottom: 10px;
		font-size: 90%;
	}
	.aboutus-txt li span {
		font-size: 80%;
	}
	.right {
		text-align: right !important;
		display: block;
	}
	table.yakuin {
		border-collapse: separate;
		border-spacing: 0px 30px;
		width: 100%;
		margin: 0 auto;
	}
	table.yakuin tr {
	}
	table.yakuin th {
		letter-spacing: 0.3em;
		font-weight: normal;
		text-align:justify;
		vertical-align: top;
		padding: 5px 0px 5px 0px;
		margin-bottom: 15px;
		border-right: #838383 0px solid;
		border-bottom: #838383 1px solid;
		display: block;
	}
	table.yakuin td {
		letter-spacing: 0.1em;
		padding: 5px 10px 5px 10px;
		vertical-align: top;
		display: block;
	}
	/* agreement ADA */
	.agreement-wrapper {
		width: 94%;
		margin: 60px auto 60px auto;
	}
	.agreement-wrapper h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.agreement-wrapper h3 {
		text-align: center;
		margin-bottom: 30px;
		font-size: 16pt;
	}
	.agreement-txt {
		margin-bottom: 60px;
	}
	.agreement-txt p {
		margin-bottom: 30px;
		line-height: 160%;
		font-size: 90%;
	}
	.agreement-wrapper h4 {
		margin-bottom: 30px;
		margin-top: 90px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.agreement-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
	}
	.agreement-txt ul {
		list-style:outside;
		margin: 0 20px 40px 20px;
	}
	.agreement-txt ul li {
		letter-spacing: 0em;
		line-height: 160%;
		padding-bottom: 10px;
		font-size: 90%;
	}
	.agreement-txt ul li span {
		font-size: 80%;
	}
	.agreement-txt ol {
	}
	.agreement-txt ol li {
		letter-spacing: 0em;
		line-height: 160%;
		padding-bottom: 10px;
		font-size: 90%;
	}
}

/* 420px以下から
------------------------------------------------------------*/
@media only screen and (max-width:420px){

	.pc-br {
		display: none;
	}
	.sm-br {
		display: inline-block;
	}
	.sm-non {
		display: none;
	}
	/* top */
	.main-img {
		margin: 60px auto 60px auto;
	}
	.scroll-down {
		margin: 0px auto 90px;
		text-align: center;
		animation-delay: 2s; /* アニメーション開始時間 */
	}
	h3.top-blog-st {
		font-size: 18px;
	}
	.top-kuraimu {
		margin: 30px auto;
	}
	.top-kuraimu-wrap {
		margin: 10px auto;
	}
	.top-kuraimu-wrap ul li {
		padding: 0 5px;
	}
	.gototop {
		margin: 30px auto;
		text-align: center;
	}

	.top-adanews {
		margin: 90px auto;
	}
	.top-adanews-wrap {
		margin: 10px auto;
	}
	ul.slider1 li img {
		width: 100px;
		height: auto;
		padding-bottom: 10px;
	}
	.top-blog {
		margin: 30px auto;
	}
	.top-blog-wrap {
		margin: 10px auto;
		padding: 10px 0;
	}
	.top-blog-wrap ul li {
		padding: 20px;
		width: 100px;
		word-wrap: break-word;
	}
	.top-access {
		text-align: center;
		margin: 30px auto;
	}
	.top-access-wrap {
		margin: 30px auto;
		padding: 30px 0;
		background-color: #F1F1F1
	}
	.top-access h3 {
		margin-bottom: 10px;
	}
	.top-access address {
		line-height: 160%;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	
	/* gallery */
	.gallery-wrapper {
		margin: 60px auto 60px auto;
	}
	.gallery-wrapper h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.gallery-wrapper h3 {
		text-align: center;
		margin-bottom: 30px;
		font-size: 16pt;
	}
	.gallery-wrapper h4 {
		margin-bottom: 20px;
		margin-top: 60px;
		font-size: 16pt;
	}
	.gallery-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-size: 16pt;
	}
	.gallery-wrapper p {
		margin-bottom: 30px;
		line-height: 160%;
		letter-spacing: 0em;
		text-align: justify;
	}
	.offset-txt {
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.gallery-img-list {
		list-style: none;
		margin-left: 0px;
	}
	ul.gallery-img-list li {
		width: 40%;
		height: 190px;
		display: inline-block;
		padding: 10px 4%;
		vertical-align: top;
	}
	ul.gallery-img-list li span {
		font-size: 9pt;
	}
	ul.gallery-info-list {
		list-style:disc;
		margin-left: 20px;
		margin-right: 10px;
	}
	ul.gallery-info-list li {
		padding-bottom: 20px;
		line-height: 160%;
		letter-spacing: 0.1em;
	}
	.gallery-news h4 {
		margin-bottom: 30px;
		margin-top: 0px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 15pt;
		border-bottom: #7A7A7A 1px solid;
	}

	/* members */
	.members-wrapper {
		margin: 60px auto 60px auto;
	}
	.members-wrapper h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.members-wrapper h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	.members-wrapper h4 {
		margin-bottom: 20px;
		margin-top: 60px;
		font-size: 16pt;
	}
	.members-wrapper h4.members-index {
		font-size: 10pt;
		color: #929292;
	}
	.members-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-size: 16pt;
	}
	dl.members-desc {
	}
	dl.members-desc dt {
		float: none;
		color: #929292;
		font-size: 10pt;
		margin-top: 0px;
	}
	dl.members-desc dd {
		margin-left: 10px;
		border-left: #7A7A7A 1px solid;
		padding-left: 20px;
		color: #929292;
		font-size: 10pt;
		margin-top: 10px;
	}
	dl.members-list {
		clear: both;
	}
	dl.members-list dt {
		float: none;
		font-size: 12pt;
		margin-top: 0px;
		letter-spacing: 0.1em;
		line-height: 160%;
	}
	dl.members-list dd {
		margin-left: 10px;
		border-left: #7A7A7A 1px solid;
		padding-left: 20px;
		font-size: 12pt;
		margin-top: 10px;
		margin-bottom: 40px;
		letter-spacing: 0;
		line-height: 160%;
	}
	dl.members-list dd a {
		font-size: 10pt !important;
	}
	
	.blog-wrapper h3 {
		text-align: center;
		margin-bottom: 60px;
		font-size: 16pt;
	}
	.blog-wrapper h4 {
		margin-bottom: 30px;
		margin-top: 60px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0em;
		font-size: 15pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.blog-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0em;
		font-size: 15pt;
	}
	.blog-wrapper p {
		margin-bottom: 30px;
		line-height: 160%;
		letter-spacing: 0em;
		text-align: justify;
	}
	.blog-nav .blog-nav-left {
		width: 100%;
		float: none;
		padding-bottom: 30px;
	}
	.blog-nav .blog-nav-right {
		width: 100%;
		float: none;
		padding-bottom: 30px;
	}
	
	.agreement-txt p {
		margin-bottom: 10px;
		line-height: 140%;
		font-size: 80%;
	}
	.agreement-txt p.st {
		font-size: 80%;
	}
	.agreement-wrapper h4 {
		margin-bottom: 20px;
		margin-top: 90px;
		padding-bottom: 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
		border-bottom: #7A7A7A 1px solid;
	}
	.agreement-wrapper h5 {
		margin-top: 60px;
		margin-bottom: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 16pt;
	}
	.agreement-txt ul {
		list-style:outside;
		margin: 0 20px 40px 20px;
	}
	.agreement-txt ul li {
		letter-spacing: 0em;
		line-height: 140%;
		padding-bottom: 10px;
		font-size: 80%;
	}
	.agreement-txt ul li span {
		font-size: 80%;
	}
	.agreement-txt ol {
	}
	.agreement-txt ol li {
		letter-spacing: 0em;
		line-height: 140%;
		padding-bottom: 0px;
		font-size: 80%;
		margin-left: -65px;
	}
	.agreement-txt ol li::before {
		content: "（ " counter(cnt) " ）";
		display:inline-block;
		margin-left:0em;
		width: 4em;
	}
	.jyou {
		width: 50px;
		text-align: right;
		float: left;
	}
	.jyou p{
		text-align: right;
	}
	.agreement-cont {
		margin-left: 60px;
	}

	#pageTop {
		position: fixed;
		bottom: 0px;
		right: 10px;
		width:33px;
		height:46px;
	}
 
	#pageTop a {
		display: block;
		z-index: 999;
		padding: 8px 0 0 8px;
			width:33px;
			height:46px;
		text-indent:-9876px;
		background: url(../images/gototop.png) center center no-repeat;
	}

	#pageTop a:hover {
		text-decoration: none;
		background: url(../images/gototop.png) center center no-repeat;
	}
}
/* 350px以下から
------------------------------------------------------------*/
@media only screen and (max-width:350px){
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}