@charset "utf-8";

@media (min-width:961px) {
	.guide-nav {
		width: 16rem;
		height: 100%;
		border-right: 5px solid #000;
	}

	.guide-nav.event {
		padding-bottom: 3rem;
	}
}

.guide-nav-title {
	color: #fff;
	padding: 1rem 1.5rem;
	background-color: #000;
}

@media (min-width:961px) {
	.guide-nav-title {
		padding: 1rem 1.5rem;
	}
}

.guide-nav-area {
	padding: .5rem;
}

@media (min-width:961px) {
	.guide-nav-area {
		padding: 1rem;
	}
}

.guide-nav-area dt {
	line-height: 1;
	position: relative;
	padding: 1.5rem 2rem 1.5rem 1rem;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

.guide-nav-area dt::before,
.guide-nav-area dt::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto 0;
}

.guide-nav-area dt::before {
	right: 6px;
	width: 16px;
	height: 0;
	border-top: 2px solid #000;
	transition: width .4s .4s, transform .4s 0s;
}

.guide-nav-area dt.is-active::before {
	width: 0;
	transition: width .4s 0s, transform .4s .4s;
}

.guide-nav-area dt::after {
	right: 13px;
	width: 0;
	height: 16px;
	border-left: 2px solid #000;
	transition: height .4s .4s, transform .4s 0s;
}

.guide-nav-area dt.is-active::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: transform .4s .4s;
}

.guide-nav-area dd {
	display: none;
}

.guide-nav-area dd li a {
	font-size: .9rem;
	line-height: 1;
	position: relative;
	display: block;
	padding: 1.5rem 1rem 1.5rem 1.5rem;
	border-bottom: 1px dashed #d9d9d9;
}

.guide-nav-area dd li a::after,
.news-nav-list li.is-active::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	display: block;
	margin: auto 0;
	width: 8px;
	height: 16px;
	background: url(../images/common/arrow_shape.svg) no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

@media (min-width:961px) {

	.guide-nav-area dd li a::after,
	.news-nav-list li.is-active::after {
		width: 7px;
		height: 14px;
	}
}

.guide-nav-bnr {
	padding: 0 1rem 2rem 1rem;
}

.guide-nav-bnr a {
	display: block;
	margin-top: 1rem;
}

.news-nav-title {
	font-size: 1.1rem;
	margin: 3rem 1rem 0;
	padding: 0 .5em .5em;
	border-bottom: 1px solid #000;
}

@media (min-width:961px) {
	.news-nav-title {
		font-size: 1.1rem;
		margin: 0 1rem;
		padding: 2rem 0 1rem;
	}
}

.news-nav-title img.balloon {
	margin-right: .5em;
	width: 1.1em;
	display: inline;
}

@media (min-width:961px) {
	.news-nav-title img.balloon {
		margin-right: .5em;
		width: 1.3rem;
		height: auto;
	}
}

.news-nav-list {
	margin: 0 1rem 2rem;
}

@media (min-width:961px) {
	.news-nav-list {
		margin: 0 1rem;
	}
}

.news-nav-list li {
	position: relative;
	border-bottom: 1px dashed #d9d9d9;
}

.news-nav-list li a {
	display: block;
	padding: 1em 3em 1em 1em;
}

@media (min-width:961px) {
	.news-nav-list li a {
		font-size: .9rem;
		padding: 1.5em 3em 1.5em 1em;
	}
}

.news-nav- {}

@media (min-width:961px) {
	.news-nav- {}
}


.eventcalendar {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.eventcalendar-top {
	position: relative;
}

.eventcalendar-top-nav {
	font-size: 1.2rem;
	letter-spacing: .1em;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	display: none;
	padding: .3em 0 .7em;
	width: 6rem;
	background-color: #000;
}

@media (min-width:961px) {
	.eventcalendar-top-nav {
		display: inline-block;
	}
}

.eventcalendar-top-nav.prev {
	left: 0;
}

.eventcalendar-top-nav.next {
	right: 0;
}

.eventcalendar-year {
	font-size: 1.3rem;
	padding: 1em 1em .5em 2.3em;
}

@media (min-width:961px) {
	.eventcalendar-year {
		font-size: 1.5rem;
		text-align: center;
		padding: 1em 1em .2em 1em;
	}
}


.eventcalendar-bottom {
	padding-bottom: 1rem;
}

@media (min-width:961px) {
	.eventcalendar-bottom {
		padding: 1rem 0;
	}
}

.eventcalendar-bottom .eventcalendar-inner {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding: 0 2rem;
	width: 100%;
}

@media (min-width:961px) {
	.eventcalendar-bottom .eventcalendar-inner {
		padding: 0 5rem;
		height: 3.5rem;
	}
}

.eventcalendar-arrow {
	position: absolute;
	top: 0;
	display: block;
	width: 3rem;
	height: 100%;
}

@media (min-width:961px) {
	.eventcalendar-arrow {
		width: 5rem;
	}
}

.eventcalendar-arrow.prev {
	left: 0;
}

.eventcalendar-arrow.next {
	right: 0;
}

.eventcalendar-arrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	width: 1rem;
	height: 1rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.eventcalendar-arrow.prev::before {
	border-left: .15em solid #000;
	border-bottom: .15em solid #000;
}

.eventcalendar-arrow.next::before {
	border-top: .15em solid #000;
	border-right: .15em solid #000;
}

.eventcalendar-bottom .eventcalendar-inner ol {
	overflow-x: auto;
	white-space: nowrap;
	letter-spacing: -.4rem;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.eventcalendar-bottom .eventcalendar-inner ol li {
	letter-spacing: normal;
	text-align: center;
	display: inline-block;
	padding: .5rem 0;
	width: 4.5rem;
}

@media (min-width:961px) {
	.eventcalendar-bottom .eventcalendar-inner ol li {
		padding: .5rem 0;
		width: 4.5rem;
	}
}

.eventcalendar-bottom .eventcalendar-inner ol li.beforeday {
	display: none;
}

.eventcalendar-bottom .eventcalendar-inner ol li + li {
	border-left: 1px dotted #000;
}

.eventcalendar-bottom .eventcalendar-inner ol li a {
	cursor: pointer;
}

.eventcalendar-bottom .eventcalendar-inner ol li.sat a {
	color: #2980b7;
}

.eventcalendar-bottom .eventcalendar-inner ol li.sun a {
	color: #b72323;
}

.eventcalendar-bottom .eventcalendar-inner ol li a span {
	display: block;
}


@media (max-width:960px) {
	.event .article-list-main {
		padding: 3rem 1rem 0;
	}
}

@media (min-width:961px) {
	.event .article-list-main-lead {
		padding-top: 0;
	}
}

@media (max-width:960px) {
	.event .article-list-main-lead p {
		margin-top: 1rem;
	}
}

.event-title {
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	padding-bottom: .5rem;
	border-bottom: 3px solid #000;
}

@media (min-width:961px) {
	.event-title {
		font-size: 1.3rem;
		margin-bottom: 2.5rem;
		padding-bottom: 1.5rem;
		border-bottom-width: 4px;
	}
}

.event-image-thum {
	letter-spacing: -.5em;
	margin: .5rem 0 0;
}

@media (min-width:961px) {
	.event-image-thum {
		margin: .4rem -1% 0;
	}
}

.event-image-thum img {
	opacity: .5;
	letter-spacing: normal;
	display: inline-block;
	margin: 0 1%;
	width: 23%;
	cursor: pointer;
	transition: opacity .4s;
}

@media (min-width:961px) {
	.event-image-thum img {
		margin: 0 1%;
		width: 23%;
	}
}

.event-image-thum img.is-active {
	opacity: 1;
}

.event .article-list-main-lead .btn-wrap {
	margin-top: 2rem;
}

@media (min-width:961px) {
	.event .article-list-main-lead .btn-wrap {
		margin-top: 2rem;
	}
}

@media (max-width:960px) {
	.event .btn-wrap a {
		padding-left: 2em;
		padding-right: 2em;
		width: 15rem;
	}
}

.pane-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

@media (max-width:960px) {
	.pane-flex {
		display: block;
	}
}

.event-panelist {
	margin: 0 -4%;
}

@media (min-width:961px) {
	.event-panelist {
		margin: 0 -2%;
	}
}

.event-panelist li {
	margin: 0 4%;
	width: 92%;
	padding-top: 1rem;
	border-bottom: dotted 1px #000;
	padding-bottom: 1rem;
}

@media (min-width:961px) {
	.event-panelist li {
		margin: 0 0 0 3%;
		width: 22%;
	}
}

.event-paneldiscussion li {
	margin: 0;
	font-weight: 600;
	padding-left: 2%;
	border-bottom: dotted 1px #000;
	padding-bottom: 1rem;
	width: 100%;
}

@media (max-width:960px) {
	.event-paneldiscussion li {
		font-weight: 300;
		padding-left: 0;
	}
}

.event-panelist-image {
	overflow: hidden;
	display: block;
	margin: 5%;
	border-radius: 50%;
}

@media (min-width:961px) {
	.event-panelist-image {
		margin: 10%;
	}
}

.event-panelist-name {
	display: block;
	margin-top: 1em;
	border-radius: 50%;
}

@media (min-width:961px) {
	.event-panelist-name {
		font-size: 1rem;
		font-weight: 600;
		margin-top: 1.2em;
	}
}

.event-panelist-comment {
	font-size: .8rem;
	line-height: 1.8;
	margin-top: 1em;
}

@media (min-width:961px) {
	.event-panelist-comment {
		font-size: .9rem;
		margin-top: 1em;
	}
}

.event-outline {
	margin-top: -1.5rem;
}

@media (min-width:961px) {
	.event-outline {
		margin-top: -2.5rem;
	}
}

.event-outline li {
	padding: 1em 0;
	border-bottom: 1px solid #000;
}

@media (min-width:961px) {
	.event-outline li {
		display: table;
		padding: 2rem 0;
		width: 100%;
	}
}

.event-outline-block {
	line-height: 1.5;
	display: block;
	padding: 0 1em;
}

@media (min-width:961px) {
	.event-outline-block {
		display: table-cell;
		padding: 0 1em;
	}
}

.event-outline-block.left {
	margin-bottom: .3em;
}

@media (min-width:961px) {
	.event-outline-block.left {
		text-align: center;
		margin-bottom: 0;
		width: 10em;
	}
}

.btn-wrap.apply {
	margin-top: 3rem;
}

@media (min-width:961px) {
	.btn-wrap.apply {
		margin-top: 4rem;
	}
}

@media (min-width:961px) {
	.btn-wrap.apply a {
		font-size: 1rem;
		width: 20rem;
	}
}

@media (min-width:961px) {
	.article-side-content {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		padding: 3.5rem 0 6rem;
		height: 100%;
	}
}

@media (min-width:961px) {
	.article-list {
		padding: 0 4.5rem;
	}
}

@media (max-width:760px) {
	.article-list {
		padding: 0 1rem;
	}
}

@media (max-width:960px) {

	.guide .article-list,
	.news .article-list,
	.event .article-list {
		padding: 2rem .5rem;
	}
}

.article-list-title {
	font-size: 1.3rem;
	margin-top: .5em;
}

@media (min-width:961px) {
	.article-list-title {
		font-size: 1.6rem;
	}
}

.news .article-list-title + p {
	margin-top: 1em;
}

@media (min-width:961px) {
	.news .article-list-title {
		margin-top: 0;
	}
}

@media (min-width:961px) {
	.article-list-main-image {
		margin-right: 7%;
		width: 43%;
	}

	.article-list-main-image.right,
	.event .article-list-sub:nth-of-type(2) .article-list-main-image,
	.event .article-list-sub:nth-of-type(4) .article-list-main-image {
		margin-left: 7%;
		margin-right: 0;
	}
}

.guide .article-list-main-image {
	margin-top: 2rem;
}

@media (min-width:961px) {
	.guide .article-list-main-image {
		margin-top: 0;
	}
}

@media (min-width:961px) {
	.article-list-main-lead {
		padding-top: 1rem;
		width: 50%;
	}
}

.article-list-main-lead p + p {
	margin-top: 1rem;
	line-height: 2;
}

.japanese__culture .article-list-main-lead p + p {
	margin-top: 1rem;
	padding: 0 10rem;
	line-height: 2;
}

@media(max-width:960px){
	.japanese__culture .article-list-main-lead p + p {
		padding: 0 1rem;
	}
}

.article-list-main-title {
	border-bottom: 3px solid #000;
}

@media (min-width:961px) {
	.article-list-main-title {
		font-size: 1.1rem;
		padding-bottom: 1em;
		border-bottom-width: 4px;
	}
}

.article-list-main-lead p {
	font-size: .9rem;
	line-height: 1.8;
}

@media (min-width:961px) {
	.article-list-main-lead p {
		font-size: .9rem;
		margin-top: 1rem;
	}
}

.article-date {
	display: block;
}

.article-list-main-lead .article-date {
	margin-top: .9rem;
}

@media (min-width:961px) {
	.article-list-main-lead .article-date {
		font-size: .9rem;
		margin-top: 1rem;
	}
}

.article-list-main-lead .btn-wrap {
	font-size: .8rem;
	line-height: 1.8;
	margin-top: 2rem;
}

@media (min-width:961px) {
	.article-list-main-lead .btn-wrap {
		font-size: .9rem;
		margin-top: 1rem;
	}
}

.news .article-list-main-lead .btn-wrap {
	margin-top: 1rem;
}

@media (min-width:961px) {
	.article-list-main-lead .btn-wrap a {
		margin-right: 0;
		width: 16rem;
	}
}

.article-list-sub {
	margin-top: 3rem;
}

.event .article-list-sub {
	margin-top: 3rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

@media (min-width:961px) {
	.article-list-sub {
		margin-top: 5rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.event .article-list-sub {
		margin-top: 5rem;
		margin-left: 0;
		margin-right: 0;
	}

	.event .article-list-sub:nth-of-type(2),
	.event .article-list-sub:nth-of-type(4) {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.event .article-list-sub:nth-last-of-type(1) {
		padding-bottom: 5rem;
	}

	.event .article-list-sub.bg-gray {
		padding-bottom: 3rem;
	}
}

.article-list-sub ul {
	width: 100%;
}

@media (min-width:961px) {
	.article-list-sub li {
		width: 30%;
	}
}

.article-list-sub li.no-content {
	width: 100%;
}

.article-list-sub li + li {
	margin-top: 3rem;
}

@media (min-width:961px) {
	.article-list-sub li + li {
		margin-top: 0;
		margin-left: 5%;
	}
}

.article-list-sub-title {
	font-size: 1rem;
	line-height: 1.8;
	text-align: left;
	margin-top: .5em;
}

@media (min-width:961px) {
	.article-list-sub-title {
		font-size: .9rem;
		margin-top: 1em;
	}
}

.article-list-sub li.no-content .article-list-sub-title {
	text-align: center;
}

.article-list-sub-title + p {
	text-align: left;
}

@media (min-width:961px) {
	.article-list-sub-title + p {
		font-size: .8rem;
		margin-top: .5rem;
	}
}

.article-list-lead {
	font-size: .8rem;
	line-height: 1.8;
}

@media (min-width:961px) {
	.article-list-lead {
		font-size: .9rem;
	}
}

.article-list-sub ul li .article-date {
	font-size: .9rem;
}

@media (min-width:961px) {
	.article-list-sub ul li .article-date {
		font-size: .8rem;
	}
}

@media (min-width:961px) {
	.article-list-sub .btn-wrap {
		margin-left: auto;
	}
}

.article-list-sub ul li .btn-wrap {
	margin-left: auto;
}

.article-list-sub ul li .btn-wrap a {
	font-size: .7rem;
	padding: 1em 2em 1em 1.5em;
	width: 100%;
}

@media (min-width:961px) {
	.article-list-sub ul li .btn-wrap a {
		width: auto;
	}
}

.article-list-main + .article-list,
.article-list-sub + .article-list {
	margin-top: 3rem;
}

@media (min-width:961px) {

	.article-list-main + .article-list,
	.article-list-sub + .article-list {
		margin-top: 5rem;
	}

	.event .article-list-main + .article-list,
	.event .article-list-sub + .article-list {
		margin-top: 2rem;
	}
}

.article-list-select {
	position: relative;
	z-index: 2;
}

.article-list-select li {
	font-size: .9rem;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: .5em .8em;
	background-color: #000;
	border: 2px solid #000;
	border-bottom: none;
	cursor: pointer;
}

@media (min-width:961px) {
	.article-list-select li {
		font-size: 1rem;
		padding: 1em 0;
		width: 23%;
		border-width: 3px;
	}

	.article-list-select li + li {
		margin-left: 4%;
	}
}

.article-list-select li.is-active {
	color: #000;
	background-color: #fff;
}

.article-list-select-content {
	letter-spacing: -.5em;
	margin-top: -2px;
	height: 0;
	border-bottom: 2px solid #000;
	overflow: hidden;
}

@media (min-width:961px) {
	.article-list-select-content {
		margin-top: -3.1px;
		border-bottom-width: 3px;
	}
}

.article-list-select-content.is-active {
	height: auto;
	padding: .5rem;
	border: 2px solid #000;
	overflow: auto;
}

@media (min-width:961px) {
	.article-list-select-content.is-active {
		padding: 1rem;
		border-width: 3px;
	}
}

.article-list-select-content span {
	font-size: .9rem;
	letter-spacing: normal;
	color: #fff;
	display: inline-block;
	margin: .5rem;
	padding: .5em .8em;
	border: 1px solid #000;
	background-color: #000;
	cursor: pointer;
}

@media (min-width:961px) {
	.article-list-select-content span {
		font-size: 1rem;
		margin: 0 .5rem;
		padding: .5em 1.1em;
	}
}

.article-list-select-content span.is-active {
	color: #000;
	background-color: #fff;
}

.article-list-content {
	margin-top: 1rem;
}

@media (min-width:961px) {
	.article-list-content {
		margin-top: 1rem;
	}
}

.article-list-content li {}

@media (min-width:961px) {
	.article-list-content li {
		width: 100%;
	}
}

@media (max-width:760px) {
	.article-list-content li {
		width: 95%;
	}
}

@media(max-width:960px){
	.article-list-content.boxgap li{
		width: 100%;
	}
}

.article-list-content li.no-content {
	padding: 1rem .5rem;
}

@media (min-width:961px) {
	.article-list-content li.no-content {
		padding: 1rem;
	}
}

.article-list-content li a {
	display: table;
	margin: 0 -1rem;
	border-collapse: separate;
	border-spacing: 1.5rem 0;
}

@media (min-width:961px) {
	.article-list-content li a {
		margin: 0 -1.5rem;
	}
}

.article-list-content li em {
	font-size: .8rem;
	line-height: 1.8;
	vertical-align: middle;
	display: table-cell;
	padding: 1em .5rem;
	border-bottom: 1px solid #000;
}

@media (min-width:961px) {
	.article-list-content li em {
		font-size: 1rem;
		padding: 1.5em;
	}
}

.article-list-content li p {
	font-size: .8rem;
	line-height: 1.8;
	display: table-cell;
	padding: 1em .5em 1em 0;
	width: 100%;
	border-bottom: 1px dashed #d9d9d9;
}

@media (min-width:961px) {
	.article-list-content li p {
		font-size: 1rem;
		margin-left: 3rem;
		padding: 1.5em 1em 1.5em 0;
		width: 100%;
	}
}

.article-list-block {
	margin: 3rem 0;
	padding: 1rem;
}

@media (min-width:961px) {
	.article-list-block {
		margin-top: 0;
		margin: 0 0 5rem;
		padding: 4rem 4.5rem 1rem;
	}
}

.article-list-block1 {
	padding: 2rem;
	background: #f2f2f2;
}

@media (min-width:961px) {
	.article-list-block1 {
		margin-top: 0;
		padding: 5rem 4.5rem 1rem;
	}
}

.article-list-block2 {
	padding: 2rem 2rem 3rem;
	background: #f2f2f2;
}

@media (min-width:961px) {
	.article-list-block2 {
		margin-top: 0;
		padding: 5rem 4.5rem;
	}
}

.article-list-block.is-hide {
	display: none;
}

.article-list-block.height {
	height: 240px;
}

@media (min-width:961px) {
	.article-list-block.height {
		height: 420px;
	}
}

@media (min-width:961px) {
	.cal-content {
		padding-bottom: 5.5rem;
	}
}

.cal-content .article-list-block:nth-of-type(1) {
	margin-top: 0;
}

@media (min-width:961px) {
	.article-list-block:last-child {
		padding-bottom: 0;
	}
}

.article-list-block + .article-list-block {
	margin-top: 0;
}

.article-list.bg-gray,
.article-list-block.bg-gray {
	background-color: #f2f2f2;
}

@media (max-width:960px) {
	.article-list.bg-gray {
		margin-left: 0;
		margin-right: 0;
		padding: 3rem 1rem;
	}
}

.article-list-block-title {
	font-size: 1.1rem;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 2rem;
}

@media (min-width:961px) {
	.article-list-block-title {
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}
}

.article-list-block-title span {
	position: relative;
	display: inline-block;
}

.article-list-block-title span::before,
.article-list-block-title span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 1em;
	height: 0;
	margin: auto 0;
	border-top: 1px solid #000;
}

@media (min-width:961px) {

	.article-list-block-title span::before,
	.article-list-block-title span::after {
		width: 4rem;
	}
}

.article-list-block-title span::before {
	left: -1.5em;
}

@media (min-width:321px) {
	.article-list-block-title span::before {
		left: -2em;
	}
}

@media (min-width:961px) {
	.article-list-block-title span::before {
		left: -5rem;
	}
}

.article-list-block-title span::after {
	right: -1.5em;
}

@media (min-width:321px) {
	.article-list-block-title span::after {
		right: -2em;
	}
}

@media (min-width:961px) {
	.article-list-block-title span::after {
		right: -5rem;
	}
}

.article-list-block-bnr-part {
	position: relative;
	padding: 1.5rem 1rem;
	background-color: #fff;
	border: 2px solid #000;
}

@media (min-width:961px) {
	.article-list-block-bnr-part {
		padding: 1.5rem 1rem;
		width: 32%;
	}
}

.article-list-block-bnr-part + .article-list-block-bnr-part {
	margin-top: 2rem;
}

@media (min-width:961px) {
	.article-list-block-bnr-part + .article-list-block-bnr-part {
		margin-top: 0;
		margin-left: 2%;
	}
}

.article-list-block-bnr-image {
	overflow: hidden;
	display: block;
	margin-left: 25%;
	width: 50%;
	border-radius: 50%;
}

@media (min-width:961px) {
	.article-list-block-bnr-image {
		margin-left: 0;
		width: 28%;
	}
}

@media (min-width:961px) {
	.article-list-block-bnr-txt {
		margin-left: 5%;
		width: 67%;
	}
}

.article-list-block-bnr-txt p {
	font-size: .9rem;
	margin-top: 0;
}

@media (min-width:961px) {
	.article-list-block-bnr-txt p {
		font-size: .7rem;
		margin-top: 0;
	}
}

.article-list-block-bnr-txt h3 {
	letter-spacing: .1em;
	margin-top: .5em;
}

@media (min-width:961px) {
	.article-list-block-bnr-txt h3 {
		margin-top: .2em;
	}
}

.article-list-block-bnr-txt .btn-wrap {
	margin-top: 1.5rem;
}

@media (min-width:961px) {
	.article-list-block-bnr-txt .btn-wrap {
		position: absolute;
		bottom: 1em;
		right: 1em;
		margin-top: 0;
	}
}

@media (min-width:961px) {
	.article-list-block-bnr-txt .btn-wrap a {
		width: 10em;
		margin-top: 0;
	}
}

.article-list-block .recommend {
	margin-top: 3rem;
	width: 100%;
}

@media (min-width:961px) {
	.article-list-block .recommend {
		margin-top: 0;
	}
}

@media (min-width:961px) {
	.article-list-block .recommend-image {
		width: 43%;
		margin-right: 7%;
	}
}

.news .news-content {
	margin-top: -4rem;
}

@media (min-width:961px) {
	.news .news-content {
		margin-top: 0;
	}
}

.news-content.is-hide {
	display: none;
}

.organizer {
	position: relative;
	display: block;
}

.organizer::after {
	content: "主催";
	font-size: .9rem;
	color: #fff;
	position: absolute;
	top: -1em;
	left: -.5em;
	display: inline-block;
	padding: .5em 2em;
	background-color: #000;
}

@media (min-width:961px) {
	.organizer::after {
		font-size: 1rem;
		left: -1em;
	}
}

@media (min-width:961px) {
	.article-list-block .recommend-txt {
		width: 50%;
	}
}

.article-list-block .recommend-title {
	line-height: 1.3;
	margin-top: .5em;
	padding: .5em .5em .3em .5em;
	border-bottom: 2px solid #000;
}

@media (min-width:961px) {
	.article-list-block .recommend-title {
		margin-top: 0;
		padding: .5em 0 .3em 0;
	}
}

.article-list-block .recommend-lead {
	font-size: .9rem;
	line-height: 1.8;
	margin: 1em .5em 0;
}

@media (min-width:961px) {
	.article-list-block .recommend-lead {
		font-size: .9rem;
		line-height: 1.5;
		margin: 2rem 0 0;
	}
}

.recommend .btn-wrap {
	margin-top: 2rem;
}

@media (min-width:961px) {
	.recommend .btn-wrap {
		text-align: right;
		margin-top: 3rem;
	}
}

.recommend .btn-wrap a {
	width: 12rem;
}

@media (min-width:961px) {
	.recommend .btn-wrap a {
		display: inline-block;
		width: 15rem;
	}
}

.article-insta-logo {
	text-align: center;
	margin: auto;
	width: 40%;
}

@media (min-width:961px) {
	.article-insta-logo {
		width: auto;
	}
}

.article-insta-logo img {
	display: inline;
	width: auto;
	max-width: 100%;
}

.guide-article-area {
	color: #fff;
	margin-right: auto;
	margin-bottom: 3rem;
	padding: .5rem 1rem;
	background-color: #000;
}

@media (min-width:961px) {
	.guide-article-area {
		margin-bottom: 3rem;
		padding: 1rem 2rem;
	}
}

.guide-article-title {
	font-size: 1rem;
}

@media (min-width:961px) {
	.guide-article-title {
		font-size: 1.2rem;
	}
}

.guide-article-modelarea {
	font-size: .9rem;
	color: #fff;
	position: relative;
	display: block;
	margin-left: auto;
	padding: .5em 2.5em .5em 1em;
	border: 1px solid #fff;
}

@media (min-width:961px) {
	.guide-article-modelarea {
		padding: .5em 3em;
	}
}

.guide-article-modelarea::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	display: block;
	margin: auto 0;
	width: .5em;
	height: .5em;
	border-top: .15em solid #fff;
	border-right: .15em solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.guide-article-lead {
	font-size: .9rem;
	line-height: 1.8;
}

@media (min-width:961px) {
	.guide-article-lead {
		font-size: .9rem;
	}
}

.guide-article-photo {
	margin: 2rem 0 -1rem;
}

@media (min-width:961px) {
	.guide-article-photo {
		margin: 3rem 0 0;
	}
}

.guide-article-photo li {
	margin: 1rem 0;
}

@media (min-width:961px) {
	.guide-article-photo li {
		margin: 0;
		width: 32%;
	}
}

@media (min-width:961px) {
	.guide-article-photo li + li {
		margin-left: 2%;
	}
}

.article-list-link-cal {
	margin-top: 2rem;
	padding: 1rem;
	border: 1px solid #000;
}

@media (min-width:961px) {
	.article-list-link-cal {
		margin: 4rem 0 0 auto;
		width: 20rem;
	}
}

.article-list-link-cal-image {
	margin: 0 1rem 0 auto;
}

.article-list-link-cal .btn-wrap {
	margin-left: auto;
}

@media (min-width:961px) {
	.article-list-link-cal .btn-wrap {}
}

.article-list-link-cal .btn-wrap a {
	width: 6rem;
}

@media (min-width:961px) {
	.article-list-link-cal .btn-wrap a {
		width: 6rem;
	}
}

.tourist-lead {
	font-size: .8rem;
	line-height: 1.8;
	margin-bottom: 2rem;
}

@media (min-width:961px) {
	.tourist-lead {
		font-size: .9rem;
		margin-bottom: 3rem;
	}
}

.tourist-box {
	padding: 1rem;
	border: 2px solid #000;
}

@media (min-width:961px) {
	.tourist-box {
		padding: 2rem;
	}
}

@media (min-width:961px) {
	.tourist.left {
		margin-right: auto;
		width: 50%;
	}
}

.tourist.right {
	margin-top: 1rem;
}

@media (min-width:961px) {
	.tourist.right {
		margin-top: 0;
		margin-left: auto;
		width: 46%;
	}
}

.tourist-title {
	font-size: .9rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

@media (min-width:961px) {
	.tourist-title {
		font-size: .9rem;
	}
}

@media (min-width:961px) {
	.tourist-image {
		vertical-align: top;
		display: inline-block;
		width: 50%;
	}
}

.tourist-txt {
	font-size: .8rem;
	line-height: 1.8;
	margin-top: 1rem;
}

@media (min-width:961px) {
	.tourist-txt {
		font-size: .8rem;
		vertical-align: top;
		display: inline-block;
		margin: 0 0 0 4%;
		width: 44%;
	}

	.tourist-txt.w100 {
		margin-left: 0;
		width: 100%;
	}
}

.tourist-table {
	font-size: .8rem;
	width: 100%;
	margin-top: 1rem;
	border-collapse: collapse;
}

@media (min-width:961px) {
	.tourist-table {
		font-size: .8rem;
	}
}

.tourist-table th,
.tourist-table td {
	padding: 1em;
	border: 1px solid #000;
}

.tourist-table th {
	font-weight: normal;
	text-align: center;
	width: 8rem;
	background-color: #e9e9e9;
}

@media (min-width:961px) {
	.tourist-table th {
		width: 8em;
	}
}

.tourist-bnr {
	display: block;
	margin: 1rem 0;
}

@media (min-width:961px) {
	.tourist-bnr {
		margin: 0 0 1rem;
	}
}

.tourist-txt .btn-wrap {
	margin-top: 1rem;
}

@media (min-width:961px) {
	.tourist-txt .btn-wrap {
		margin-top: 1rem;
	}
}

.tourist-txt .btn-wrap a {}

@media (min-width:961px) {
	.tourist-txt .btn-wrap a {
		font-size: .6rem;
		padding-top: .6em;
		padding-bottom: .6em;
	}
}

.pager {
	text-align: center;
}

@media (min-width:961px) {
	.pager {}
}

.pager ul.page-numbers {
	text-align: center;
	margin-top: 2rem;
}

@media (min-width:961px) {
	.pager ul.page-numbers {
		margin-top: 4rem;
	}
}

.pager ul.page-numbers li {
	display: inline-block;
}

.pager ul.page-numbers li span,
.pager ul.page-numbers li a {
	display: inline-block;
	margin: 0 .5rem;
	border: 1px solid #000;
}

@media (min-width:961px) {

	.pager ul.page-numbers li span,
	.pager ul.page-numbers li a {
		padding: .5rem 0;
		width: 2rem;
	}
}

.pager ul.page-numbers li span {
	color: #fff;
	background-color: #000;
}

.pager ul.page-numbers li a.next,
.pager ul.page-numbers li a.prev {
	color: #fff;
	position: relative;
	margin: 0;
	border: none;
}

.pager ul.page-numbers li a.next::before,
.pager ul.page-numbers li a.prev::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: .5em;
	height: .5em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pager ul.page-numbers li a.next::before {
	border-top: .1em solid #000;
	border-right: .1em solid #000;
}

.pager ul.page-numbers li a.prev::before {
	border-left: .1em solid #000;
	border-bottom: .1em solid #000;
}




.eventcalendar-list {
	margin: 0;
}

@media (min-width:961px) {
	.eventcalendar-list {
		margin: 0;
	}
}

.eventcalendar-list li {
	margin-top: 1rem;
	width: 48%;
}

@media (min-width:961px) {
	.eventcalendar-list li {
		margin-top: 0;
		width: 30%;
	}

	.eventcalendar-list li:not(:nth-child(3n+1)) {
		margin-left: 5%;
	}

	.eventcalendar-list li:nth-child(n+4) {
		margin-top: 4rem;
	}
}

@media (max-width:960px) {
	.eventcalendar-list li:nth-child(even) {
		margin-left: 4%;
	}

	.eventcalendar-list li:nth-child(n+3) {
		margin-top: 4rem;
	}
}

.eventcalendar-list .no-content {
	width: 100%;
}

.eventcalendar-list-image.organizer {
	position: relative;
}

.eventcalendar-list-image.organizer::after {
	font-size: 1rem;
}

.eventcalendar-list-title {
	font-size: .9rem;
	margin: 1em 0;
}

@media (min-width:961px) {
	.eventcalendar-list-title {
		font-size: 1rem;
	}
}

.eventcalendar-list-lead {
	font-size: .8rem;
	line-height: 1.8;
}

@media (min-width:961px) {
	.eventcalendar-list-lead {
		font-size: .9rem;
		line-height: 1.5;
	}
}

.eventcalendar-list-time {
	margin-top: 1rem;
}

@media (min-width:961px) {
	.eventcalendar-list-time {
		margin-top: 1rem;
	}
}

.eventcalendar-list-time p {
	font-size: .7rem;
	line-height: 1.5;
}

@media (min-width:961px) {
	.eventcalendar-list-time p {
		font-size: .8rem;
	}
}

.eventcalendar-list-time .btn-wrap {
	margin-top: .8rem;
}

@media (min-width:961px) {
	.eventcalendar-list-time .btn-wrap {
		margin: 0 0 0 auto;
	}
}

.eventcalendar-list-time .btn-wrap a {
	font-size: .8rem;
	width: 9em;
}

@media (max-width:960px) {
	.eventcalendar-list-time .btn-wrap a {
		padding-top: .5em;
		padding-bottom: .5em;
		margin-left: 0;
	}
}

@media (min-width:961px) {
	.eventcalendar-list-time .btn-wrap a {
		font-size: .6rem;
		width: 8em;
	}
}

.eventcalendar-list + .btn-wrap {
	margin-top: 3rem;
}

@media (min-width:961px) {
	.eventcalendar-list + .btn-wrap {
		margin-top: 4rem;
	}
}

.eventcalendar-list + .btn-wrap a {
	width: 12rem;
}

@media (min-width:961px) {
	.eventcalendar-list + .btn-wrap a {
		width: 20.5rem;
	}
}




.article-list-main-map {
	position: relative;
	z-index: 1;
	padding-bottom: 48px;
	width: 100%;
}

.article-list-main-map .block {
	float: left;
	position: relative;
}

.kyoto + .block {
	width: 40%;
	margin-left: 2px;
}

.kyoto + .block + .block {
	width: 58%;
	margin-left: 2px;
}

.article-list-main-map .area {
	float: left;
	position: relative;
	display: table;
	background-color: #8787ad;
	border-radius: 2px;
}

.article-list-main-map .area {
	transition: background-color .5s;
}

@media (min-width:961px) {
	.article-list-main-map .area:hover {
		background-color: #331577;
	}
}

.article-list-main-map .area a {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.article-list-main-map .area .area-sub {
	position: absolute;
	z-index: 2;
	top: 100%;
	bottom: 0;
	left: 50%;
	display: none;
	padding-top: 1rem;
	width: 120px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (min-width:961px) {
	.article-list-main-map .area .area-sub {
		padding-top: 1rem;
		width: 132px;
	}
}

.article-list-main-map .area:hover .area-sub {
	display: block;
}

.article-list-main-map .area .area-sub::before {
	content: "";
	position: absolute;
	top: -1rem;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-bottom: 2rem solid #331577;
}

.article-list-main-map .area .area-sub-inner {
	padding: .5rem 0;
	background-color: #331577;
}

.article-list-main-map .area .area-sub a {
	font-size: .9rem;
	color: #fff;
	text-align: left;
	position: relative;
	display: block;
	margin: 1em;
	padding-left: 1em;
}

@media (min-width:961px) {
	.article-list-main-map .area .area-sub a {
		font-size: .9rem;
		margin: 1em;
	}
}

.article-list-main-map .area .area-sub a.right::after {
	left: 0;
	right: auto;
}

.article-list-main-image.photo {
	padding-top: 2rem;
}

.area.hyogo {
	width: 32%;
	height: 156px;
}

@media (min-width:961px) {
	.area.hyogo {
		height: 156px;
	}
}

.area.kyoto {
	margin-left: 2px;
	width: 26%;
	height: 120px;
}

@media (min-width:961px) {
	.area.kyoto {
		height: 120px;
	}
}

.area.fukui {
	width: 100%;
	height: 48px;
}

@media (min-width:961px) {
	.area.fukui {
		height: 48px;
	}
}

.area.shiga {
	margin-top: 2px;
	width: 60%;
	height: 70px;
}

@media (min-width:961px) {
	.area.shiga {
		height: 70px;
	}
}

.area.osaka {
	margin-top: 2px;
	width: 24%;
	height: 120px;
}

@media (min-width:961px) {
	.area.osaka {
		height: 120px;
	}
}

.area.nara {
	margin-top: 2px;
	margin-left: 2px;
	width: 37%;
	height: 120px;
}

@media (min-width:961px) {
	.area.nara {
		height: 120px;
	}
}

.area.mie {
	margin-top: 2px;
	margin-left: 2px;
	width: 33%;
	height: 138px;
}

@media (min-width:961px) {
	.area.mie {
		height: 138px;
	}
}

.area.wakayama {
	position: absolute;
	top: 122px;
	margin-top: 2px;
	width: 61%;
	width: calc(61% + 2px);
	height: 66px;
}

@media (min-width:961px) {
	.area.wakayama {
		height: 66px;
	}
}

.guide-tw {
	position: absolute;
	width: 30%;
	height: 100%;
	top: 0;
	left: 0;
}

.guide-fb {
	position: absolute;
	width: 30%;
	height: 100%;
	top: 0;
	left: 35%;
}

.guide-in {
	position: absolute;
	width: 30%;
	height: 100%;
	top: 0;
	left: 70%;
}


.study-nav-area {
	padding: .5rem;
}

@media (min-width:961px) {
	.study-nav-area {
		padding: 1rem;
	}
}

.study-nav-area dt {
	line-height: 1;
	position: relative;
	padding: 1.5rem 2rem 1.5rem 1rem;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

.study-nav-area dt::before,
.study-nav-area dt::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto 0;
}

.study-nav-area dt::before {
	right: 6px;
	width: 16px;
	height: 0;
	border-top: 2px solid #000;
	transition: width .4s .4s, transform .4s 0s;
}

.study-nav-area dt.is-active::before {
	width: 0;
	transition: width .4s 0s, transform .4s .4s;
}

.study-nav-area dt::after {
	right: 13px;
	width: 0;
	height: 16px;
	border-left: 2px solid #000;
	transition: height .4s .4s, transform .4s 0s;
}

.study-nav-area dt.is-active::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: transform .4s .4s;
}

.study-nav-area dd {
	display: none;
}

.study-nav-area dd li a {
	font-size: .9rem;
	line-height: 1;
	position: relative;
	display: block;
	padding: 1.5rem 2rem 1.5rem 1.5rem;
	border-bottom: 1px dashed #d9d9d9;
}

.study-nav-area dd li a::after,
.news-nav-list li.is-active::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	display: block;
	margin: auto 0;
	width: 8px;
	height: 16px;
	background: url(../images/common/arrow_shape.svg) no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

@media (min-width:961px) {

	.study-nav-area dd li a::after,
	.news-nav-list li.is-active::after {
		width: 7px;
		height: 14px;
	}
}

.newsreleasedate {
	padding: 2rem 0 .5rem;
}

@media(max-width:960px) {
	.newsreleasedate {
		margin-left: 1rem;
	}
}


/*_______asuka__________*/

@media (min-width:961px) {
	.asuka-nav {
		width: 16rem;
		height: 100%;
		border-right: 5px solid #000;
	}

	.asuka-nav.event {
		padding-bottom: 3rem;
	}
}

.asuka-nav-title {
	color: #fff;
	padding: 1rem 1.5rem;
	background-color: #000;
}

@media (min-width:961px) {
	.asuka-nav-title {
		padding: 1rem 1.5rem;
	}
}

.asuka-nav-area {
	padding: .5rem;
}

@media (min-width:961px) {
	.asuka-nav-area {
		padding: 1rem;
	}
}

.asuka-nav-area dt {
	line-height: 1;
	position: relative;
	padding: 1.5rem 2rem 1.5rem 1rem;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

.asuka-nav-area dt::before,
.asuka-nav-area dt::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto 0;
}

.asuka-nav-area dt::before {
	right: 6px;
	width: 16px;
	height: 0;
	border-top: 2px solid #000;
	transition: width .4s .4s, transform .4s 0s;
}

.asuka-nav-area dt.is-active::before {
	width: 0;
	transition: width .4s 0s, transform .4s .4s;
}

.asuka-nav-area dt::after {
	right: 13px;
	width: 0;
	height: 16px;
	border-left: 2px solid #000;
	transition: height .4s .4s, transform .4s 0s;
}

.asuka-nav-area dt.is-active::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: transform .4s .4s;
}

.asuka-nav-area dd {
	display: none;
}

.asuka-nav-area dd li a {
	font-size: .8rem;
	line-height: 1.3;
	position: relative;
	display: block;
	padding: 1.5rem 1rem 1.5rem 1.5rem;
	border-bottom: 1px dashed #d9d9d9;
}

@media (max-width:760px) {
	.asuka-nav-area dd li a {
		font-size: .9rem;
	}
}

.asuka-nav-area dd li a::after,
.news-nav-list li.is-active::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	display: block;
	margin: auto 0;
	width: 8px;
	height: 16px;
	background: url(../images/common/arrow_shape.svg) no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

@media (min-width:961px) {

	.asuka-nav-area dd li a::after,
	.news-nav-list li.is-active::after {
		width: 7px;
		height: 14px;
	}
}

.asuka-nav-bnr {
	padding: 0 1rem 2rem 1rem;
}

.asukae-nav-bnr a {
	display: block;
	margin-top: 1rem;
}

.eventjustify {
	vertical-align: bottom;
}

/*_______roman__________*/

.roman-maintop {
	padding-top: 2rem;
}

@media (max-width:960px) {
	.roman-maintop {
		padding-top: 0;
	}
}

@media (min-width:961px) {
	.roman_main_title {
		padding: 0 1rem;
	}
}

.roman_sab_title {
	font-size: 1rem;
}

.roman_main_title em {
	font-size: 2rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}

@media (max-width:960px) {
	.roman_main_title em {
		font-size: 1rem;
		display: inline-grid;
		width: 100%;
		line-height: 1.5rem;
	}
}

.roman_main_title em:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
	margin-left: .4rem;
}

@media (min-width:961px) {
	.roman-main-img {
		padding: 1rem 0 0 2rem;
		width: 25%;
	}
}

@media (min-width:961px) {
	.roman-main-lead {
		width: 72%;
		margin-left: 3%;
	}
}

.roman-main-lead {
	padding-top: 1rem;
}

@media (max-width:960px) {
	.romanbr {
		display: none;
	}
}

.roman-archive {
	padding-top: 6em;
}

@media (max-width:960px) {
	.roman-archive {
		margin-top: 1rem;
		padding-top: 3em;
	}
}

.roman-heading {
	font-weight: 600;
	font-size: 1.3rem;
}

@media (max-width:960px) {
	.roman-heading {
		font-size: 1.1rem;
		padding-top: 1rem;
	}
}

.roman-main-lead .hi {
	line-height: 1.5rem;
}

@media(max-width:960px) {
	.roman-main-lead .hi {
		line-height: 1.3rem;
	}
}

.roman-offer {
	font-size: .8rem;
	line-height: 2rem;
}

.roman-eng {
	font-size: .8rem;
}

.roman5 p {
	line-height: 1rem !important;
}

.roman5 {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top: 1rem;
}

.roman5 > div {
	width: 20%;
	padding: .5rem;
	margin: .5rem 0;
}

@media (max-width:960px) {
	.roman5 > div {
		width: 25%;
	}
}

@media (max-width:600px) {
	.roman5 > div {
		width: 50%;
	}
}

.roman5 .big {
	font-size: .9rem;
	font-weight: 600;
}

@media (max-width:760px) {
	.roman5 .big {
		font-size: 1rem;
	}
}

.roman5 .bigc {
	font-size: .95rem;
	font-weight: 600;
}

.roman5 .bigb {
	font-size: .9rem;
	font-weight: 600;
}

@media (max-width:760px) {
	.roman5 .bigb {
		font-size: .9rem;
	}
}

.roman5 .biga {
	font-size: .9rem;
	font-weight: 600;
}

@media (max-width:760px) {
	.roman5 .biga {
		font-size: .8rem;
	}
}

.roman5 .middle {
	margin-top: 1rem;
	font-size: .8rem;
	color: #666;
	height: 4.5rem;
	vertical-align: top;
}

.roman5 .small {
	padding-top: 1rem;
	font-size: .6rem;
	color: #666;
}

@media (max-width:760px) {
	.roman5 .small {
		font-size: .55rem;
	}
}

@media (min-width:961px) {
	.roman-videolist {
		padding: 1rem 0;
	}
}

.roman-botton {
	text-align: center;
	width: 90%;
	background-color: #000;
	border: 2px solid #000;
	border-radius: .5rem;
	margin: .5rem auto;
	padding: .8em 0;
}

.roman-botton a {
	color: #fff;
}

.roman-botton-top {
	padding-top: 1rem;
}

.roman-border-r {
	border-right: #000 dotted 1px;
}

.roman-border-r2 {
	border-right: #000 dotted 1px;
}

@media (max-width:600px) {
	.roman-border-r2 {
		border-right: initial;
	}
}

.roman-border-r4 {
	border-right: #000 dotted 1px;
}

@media (max-width:960px) {
	.roman-border-r4 {
		border-right: initial;
	}
}

.roman-border-rtabi {
	border-right: #000 dotted 1px;
}

@media (max-width:960px) {
	.roman-border-rtabi {
		border-right: initial;
		border-bottom: #000 dotted 1px;
	}
}

.roman-border-l {
	border-left: #000 dotted 1px;
}

@media (max-width:600px) {
	.roman-border-l {
		border-left: initial;
	}
}

@media (min-width:961px) {
	.roman-box {
		display: flex;
		flex-direction: column;
	}

	.roman-box .l-flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.roman-box em {
	margin-bottom: 1rem;
	display: inline-block;
	line-height: 1.6;
}

@media(max-width:760px) {
	.roman-box em {
		font-size: 1.2rem;
	}
}

.roman-box {
	padding: 2rem 1rem 0.5rem;
}

@media (min-width:961px) {
	.roman-box {
		padding: 1rem 5rem 5rem;
	}
}

.roman-videolist .pager,
.roman-videolist .pager1,
.roman-videolist .pager2,
.roman-videolist .pager3,
.roman-videolist .pager4,
.roman-videolist .pager5,
.roman-videolist .pager6,
.roman-videolist .pager7,
.roman-videolist .pager8,
.pdt .pag {
	clear: both;
	margin: 3rem 0;
	text-align: center;
	font-weight: 600;
}

.roman-videolist .pager span,
.roman-videolist .pager1 span,
.roman-videolist .pager2 span,
.roman-videolist .pager3 span,
.roman-videolist .pager4 span,
.roman-videolist .pager5 span,
.roman-videolist .pager6 span,
.roman-videolist .pager7 span,
.roman-videolist .pager8 span,
.pdt .pag span {
	margin: 1rem .5rem;
	padding: .3rem .6rem;
	color: #000;
	background: #fff;
	border: 1px solid #000;
}

.roman-videolist .pager span:hover,
.roman-videolist .pager1 span:hover,
.roman-videolist .pager2 span:hover,
.roman-videolist .pager3 span:hover,
.roman-videolist .pager4 span:hover,
.roman-videolist .pager5 span:hover,
.roman-videolist .pager6 span:hover,
.roman-videolist .pager7 span:hover,
.roman-videolist .pager8 span:hover,
.pdt .pag span:hover {
	cursor: pointer;
	color: #000;
	border: 1px solid #000;
}

.roman-videolist .pager span.current,
.roman-videolist .pager1 span.current,
.roman-videolist .pager2 span.current,
.roman-videolist .pager3 span.current,
.roman-videolist .pager4 span.current,
.roman-videolist .pager5 span.current,
.roman-videolist .pager6 span.current,
.roman-videolist .pager7 span.current,
.roman-videolist .pager8 span.current,
.pdt .pag span.current {
	color: #fff;
	background: #000;
}

.roman-videolist .pager span.current:hover,
.roman-videolist .pager1 span.current:hover,
.roman-videolist .pager2 span.current:hover,
.roman-videolist .pager3 span.current:hover,
.roman-videolist .pager4 span.current:hover,
.roman-videolist .pager5 span.current:hover,
.roman-videolist .pager6 span.current:hover,
.roman-videolist .pager7 span.current:hover,
.roman-videolist .pager8 span.current:hover,
.pdt .pag span.current:hover {
	cursor: default;
}

.roman-videolist .pager span.invalid,
.roman-videolist .pager1 span.invalid,
.roman-videolist .pager2 span.invalid,
.roman-videolist .pager3 span.invalid,
.roman-videolist .pager4 span.invalid,
.roman-videolist .pager5 span.invalid,
.roman-videolist .pager6 span.invalid,
.roman-videolist .pager7 span.invalid,
.roman-videolist .pager8 span.invalid,
.pdt .pag span.invalid {
	color: transparent;
	background: none;
}

.roman-videolist .pager span.invalid:hover,
.roman-videolist .pager1 span.invalid:hover,
.roman-videolist .pager2 span.invalid:hover,
.roman-videolist .pager3 span.invalid:hover,
.roman-videolist .pager4 span.invalid:hover,
.roman-videolist .pager5 span.invalid:hover,
.roman-videolist .pager6 span.invalid:hover,
.roman-videolist .pager7 span.invalid:hover,
.roman-videolist .pager8 span.invalid:hover,
.pdt .pag span.invalid:hover {
	cursor: default;
}

.roman-videolist .pager span.ellipsis,
.roman-videolist .pager1 span.ellipsis,
.roman-videolist .pager2 span.ellipsis,
.roman-videolist .pager3 span.ellipsis,
.roman-videolist .pager4 span.ellipsis,
.roman-videolist .pager5 span.ellipsis,
.roman-videolist .pager6 span.ellipsis,
.roman-videolist .pager7 span.ellipsis,
.roman-videolist .pager8 span.ellipsis,
.pdt .pag span.ellipsis {
	color: #000;
	background: none;
}

.roman-videolist .pager span.ellipsis:hover,
.roman-videolist .pager1 span.ellipsis:hover,
.roman-videolist .pager2 span.ellipsis:hover,
.roman-videolist .pager3 span.ellipsis:hover,
.roman-videolist .pager4 span.ellipsis:hover,
.roman-videolist .pager5 span.ellipsis:hover,
.roman-videolist .pager6 span.ellipsis:hover,
.roman-videolist .pager7 span.ellipsis:hover,
.roman-videolist .pager8 span.ellipsis:hover,
.pdt .pag span.ellipsis:hover {
	cursor: default;
}

.roman-videolist .pager .prev,
.roman-videolist .pager .next,
.roman-videolist .pager1 .prev,
.roman-videolist .pager1 .next,
.roman-videolist .pager2 .prev,
.roman-videolist .pager2 .next,
.roman-videolist .pager3 .prev,
.roman-videolist .pager3 .next,
.roman-videolist .pager4 .prev,
.roman-videolist .pager4 .next,
.roman-videolist .pager5 .prev,
.roman-videolist .pager5 .next,
.roman-videolist .pager6 .prev,
.roman-videolist .pager6 .next,
.roman-videolist .pager7 .prev,
.roman-videolist .pager7 .next,
.roman-videolist .pager8 .prev,
.roman-videolist .pager8 .next,
.pdt .pag .prev,
.pdt .pag .next {
	border: initial;
}

.roman-videolist .pager .prev:hover,
.roman-videolist .pager .next:hover,
.roman-videolist .pager1 .prev:hover,
.roman-videolist .pager1 .next:hover,
.roman-videolist .pager2 .prev:hover,
.roman-videolist .pager2 .next:hover,
.roman-videolist .pager3 .prev:hover,
.roman-videolist .pager3 .next:hover,
.roman-videolist .pager4 .prev:hover,
.roman-videolist .pager4 .next:hover,
.roman-videolist .pager5 .prev:hover,
.roman-videolist .pager5 .next:hover,
.roman-videolist .pager6 .prev:hover,
.roman-videolist .pager6 .next:hover,
.roman-videolist .pager7 .prev:hover,
.roman-videolist .pager7 .next:hover,
.roman-videolist .pager8 .prev:hover,
.roman-videolist .pager8 .next:hover,
.pdt .pag .prev:hover,
.pdt .pag .next:hover {
	border: initial;
}

/*_________tabinohoshi_________*/

.roman4 p {
	line-height: 1rem !important;
}

.roman4 {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top: 1rem;
}

@media (max-width:960px) {
	.roman4 {
		padding-top: 2rem;
	}
}

.roman4 > div {
	width: 25%;
	padding: .5rem;
	margin: .5rem 0;
}

@media (max-width:960px) {
	.roman4 > div {
		width: 50%;
	}
}

@media (max-width:600px) {
	.roman4 > div {
		width: 100%;
	}
}

.roman4 .titlename {
	padding-top: 1rem;
	font-size: .9rem;
	font-weight: 600;
	height: 5.5rem;
}

.roman4 .titlenamesab {
	font-size: .9rem;
	font-weight: 400;
}

.hoshinotabu .clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.hoshitabu .tabs {
	list-style: none;
	margin: 0;
	padding: 3rem 0 0;
	height: 8rem;
	display: inline-table;
	width: 100%;
}

@media (max-width:760px) {
	.hoshitabu .tabs {
		height: 6rem;
	}
}

.hoshitabu .tabs li {
	display: inline-table;
	vertical-align: bottom;
}

.hoshitabu .tabs .tabr {
	color: #999;
	width: 49.5%;
}


.hoshitabu .tabs a {
	font-size: 1rem;
	font-weight: 600;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 1rem 0 .5rem;
	margin: 0;
	color: #000;
	border-bottom: solid 3px #b1b1b1;
}

@media (max-width:760px);

.hoshitabu .tabs a {
	font-size: .8rem;
}
}

.hoshitabu.tabs a:active {
	outline: none;
}

.hoshitabu .tabs a:hover {
	color: #999;
}

.hoshitabu .tabs .current,
.hoshitabu .tabs .current:hover,
.hoshitabu .tabs li.current a {
	cursor: default;
	color: #000;
	padding-bottom: .5rem;
	border-bottom: solid 3px #000;
}

.hoshitabu .tabs .w1 {
	width: 19.5%;
}

@media (max-width:600px) {
	.hoshitabu .tabs .w1 {
		width: 33%;
	}
}

.hoshitabu .panes .pane {
	display: none;
}

.hoshitabu .paneler {
	clear: both;
}

.hoshitabu .hr01 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000;
}

/*_________videolist_________*/

.roman5 .titlename {
	padding-top: 1rem;
	font-size: .9rem;
	font-weight: 600;
	height: 5.5rem;
}

/*_________forum_________*/

.pdt .shita {
	padding-bottom: 4rem;
}

@media (max-width:960px) {
	.pdt .shita {
		padding-bottom: 3rem;
	}
}

.forum_bergt {
	width: 16rem;
    font-size: 1rem;
    background: #000;
    color: #fff;
    padding: .5rem;
    text-align: center;
    float: right;
}

@media(max-width:960px){
	.forum_bergt {
    	float: none;
		margin: auto;
	}
}

.forum_belft {
	width: 16rem;
    font-size: 1rem;
    background: #000;
    color: #fff;
    padding: .5rem;
    text-align: center;
    margin: auto;
}

.forum_subtitle {
	text-align: left;
	font-size: 1rem;
	padding: 0 0 1rem 0;
}

@media (max-width:760px) {
	.forum_subtitle {
		font-size: .8rem;
		padding: 0 0 .5rem 0;
	}
}

.archivforum_subtitle {
	text-align: left;
	font-size: 1rem;
}

.recommend-txt .topspace {
	padding-top: 1rem;
}

.pane_bottom {
	margin-bottom: 0 !important;
}

.article-side-content .remark {
	text-align: center;
	font-size: 1.1rem;
	padding: 2rem 0 5rem;
}

/* .article-content .forumtitle {
	margin: 0 auto 3rem;
} */

@media (max-width:960px) {
	.article-content .forumtitle {
		margin: 0 auto 1.5rem;
	}
}

@media (max-width:960px) {
	.article-list-block .forumtitle {
		margin: 1rem auto;
	}
}

.article-side-content .bgg {
	padding-top: 3rem;
}

@media (max-width:960px) {
	.article-list-block .imgtop {
		margin-top: 1.5rem;
	}
}

.eachforum {
	margin-top: 1rem;
	margin: auto;
	display: block;
}

@media (min-width:961px) {
	.eachforum {
		margin-top: 0;
		display: inline-flex;
		width: 33%;
	}
}

.article-content .pdt {
	padding-top: 0;
}

@media (max-width:960px) {
	.article-content .pdt {
		padding-bottom: 3rem;
	}
}

.forlist {
	padding: 2rem;
	margin: 2rem 1rem;
	border: solid 1px #666;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.3);
}

.forlist1 {
	padding: 2rem;
	margin: 2rem 1rem;
	border: solid 1px #666;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.3);
}

@media (min-width:961px) {
	.forum-framebottom {
		padding: 0 0 2rem 0;
	}
}

/*_________forum-sidenav_________*/

.forumnav .year {
	font-size: .9rem;
	line-height: 1;
	position: relative;
	display: block;
	padding: 1.5rem 1rem 1.5rem 1.5rem;
	border-bottom: 1px dashed #d9d9d9;
}


/*_________forum-applocation_________*/

div#mw_wp_form_mw-wp-form-2516 .forum-maine .error {
	padding-top: 0;
}

span.option > input[type="text"] {
	border: 0;
	font-family: inherit;
	font-weight: bold;
}

.forum-application .top-heading {
	padding-top: 5rem;
}

@media (max-width:960px) {
	.forum-application .top-heading {
		padding-top: 2rem;
	}
}

.forum-maine {
	width: 90%;
	margin: 3rem auto 6rem;
	padding: 1.5em 2em 3em 2em;
	//background: #f5f5f5;
}

@media (max-width:960px) {
	.forum-maine {
		width: 90%;
		margin: 1rem 5% 6rem;
		padding: 1.5rem 1rem 2rem;
	}
}

.forum-maine dl.form dl,dt,dd {
	margin: 0;
	padding: 0;
}

.forum-maine dl.form {
    width: 100%;
}

.forum-maine dl.form dt {
    border-bottom: 1px solid #888;
    border-left: 3px solid;
    margin: 0 0 1rem;
    width: 100%;
    padding: .5rem 1rem;
}

.forum-maine dl.form dd {
    padding: 0 0 4rem 1rem;
}

.forum-maine input[type="text"], input[type="url"] {
    width: 100%;
				padding: .5rem;
    border-radius: 5px;
}

.forum-maine dd.name{
    width: 49%;
    display: inline-block;
}

@media(max-width:960px) {
	.forum-maine dd.name{
		width: 100%;
		display: block;
	}

	.forum-maine .mwform-tel-field input[type="text"]{
		width: 29%;
	}
}

.forum-maine .error{
	position: absolute;
    top: 0;
    left: 3rem;
}

.forum-maine dd{
	position: relative;
}

.forum-maine textarea {
    border-radius: 5px;
	width: 100%;
}

.forum-maine input[type="submit"] {
    text-align: center;
    display: block;
    margin: auto;
    width: 50%;
    padding: .5rem 0;
    background: #000;
    color: #fff;
}

.mw_wp_form_confirm input[type="submit"] {
    text-align: center;
    margin: auto;
    width: 40%;
	display:block;
    padding: .5rem 0;
    background: #000;
    color: #fff;
}

.mw_wp_form_confirm button[name="submitBack"] {
	border: 0;
	background: #fff;
	padding-top: 4rem;
	width: 40%;
	display: block;
	margin: auto;
	font-size: .9rem;
	font-weight: bold;
	position: relative;
}

.mw_wp_form_confirm button[name="submitBack"]::before {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	position: absolute;
	content: "";
	left: 1.5rem;
	bottom: .3rem;
	width: .5rem;
	height: .5rem;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.forum-maine p{
	display: flex;
}

@media(max-width:760px){
	.forum-maine p{
	display: block;
}
}

.forum-maine .hissu,
.application_form_maine .hissu{
	position: relative;
}

.forum-maine span.mark,
.application_form_maine span.mark {
    padding-left: 2rem;
}

.forum-maine .mark::before,
.application_form_maine .mark::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 20px;
    border-radius: 3px;
    background: #ff4500;
    top: 20%;
    left: 10px;
}

.forum-maine .mark::after,
.application_form_maine .mark::after {
    position: absolute;
    content: "必須";
    font-size: .7rem;
    color: #fff;
    font-weight: bold;
    top: 10px;
    left: 14px;
}

.mytell > .mwform-tel-field.mark::before,
.mytell > .mwform-tel-field.mark::after {
	display: none;
}

.forum-maine dd.top-space{
	padding-top: 1.3rem!important;
}

.forum-maine .non,
.application_form_maine .non{
	display: none;
}

/*_________link-collection_________*/

@media (max-width:960px) {
	.sitemap .fontsize {
		font-size: 1rem;
	}
}

.subttl {
	position: relative;
	display: inline-block;
	padding: .2em;
	border-bottom: #c0c0c0 solid 1px;
}

.Linklist a:hover {
	color: #666;
}

/*_________region_________*/

.region-mv {
	width: 100%;
	height: 350px;
	background: url(../images/asukanarakyoto/mv_bg.jpg) no-repeat;
	background-position: center center;
}

.region-mv-serif {
	position: absolute;
	top: 4%;
	right: 3%;
	width: 15%;
}

.region-main-conte {
	width: 100%;
	height: 450px;
	position: relative;
	background: #fff;
	margin-bottom: 5rem;
}

.region-main-conte .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/region/main-bgimg.jpg) no-repeat;
	background-size: 100% auto;
	/*opacity: .5;*/
}

.top-heading .regionfont {
	font-size: 1.6rem;
}

.project-box {
	padding: 2rem 1rem 2.5rem;
}

@media (min-width:961px) {
	.project-box {
		padding: 0 1.5rem 5rem 3rem;
	}
}

@media (max-width:960px) {
	.project-box ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
	}
}

@media (min-width:961px) {
	.project-box ul {
		margin-top: 4.5rem;
		position: relative;
	}
}

.project-box li {
	position: relative;
	margin-top: 2rem;
	width: 47%;
	box-shadow: 3px 3px 0 0 #000;
	cursor: pointer;
}

@media (min-width:961px) {
	.project-box li {
		position: relative;
		margin-top: 0;
		width: 22%;
	}
}

@media (max-width:960px) {
	.project-box li:nth-child(even) {
		margin-left: 6%;
	}
}

@media (min-width:961px) {
	.project-box li + li {
		margin-left: 4%;
	}
}

.project-box li span {
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-ms-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	line-height: 1;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -1rem;
	left: -.5rem;
	display: inline-block;
	padding: .25em;
	background-color: #000;
}

@media (min-width:961px) {
	.project-box li span {
		left: -1em;
		padding: .5em;
	}
}

.project-box li img:hover {
	opacity: .7;
}

.region-tooltip {
	display: none;
	position: absolute;
	width: 105%;
	text-align: center;
	bottom: -2.8rem;
	left: -.3rem;
	z-index: 9999;
	padding: 2rem 1rem;
	color: #fff;
	background: #000;
}

.region-tooltip a {
	color: #fff;
	font-size: .7rem;
}

.region-tooltip:after {
	content: "MORE";
	position: absolute;
	text-align: center;
	font-size: .7rem;
	width: 100%;
	display: block;
	right: 0;
	color: #fff;
	bottom: .8rem;
}

.region-tooltip:before {
	content: "";
	position: absolute;
	bottom: .9rem;
	right: 35%;
	display: block;
	width: .45rem;
	height: .45rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.project-box li:hover .region-tooltip {
	display: block;
}

.region-tooltip p {
	padding-bottom: 1rem;
}

.koto .colbox {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top: 5rem;
}

.koto .colbox > div {
	width: 50%;
	padding: 1rem;
}

@media (max-width:960px) {
	.koto .colbox > div {
		width: 100%;
	}
}

/*.colbox ul{
border-style: solid;
border-width: medium;
border-color: #666;
}*/

.colbox li {
	display: inline-block;
	vertical-align: top;
}

.colbox .lead {
	padding: 1rem 0 2rem 1rem;
}

.colbox .title {
	font-weight: 600;
	font-size: 1.1rem;
	border-bottom: 2px solid #000;
	margin-bottom: 1rem;
}

/*_________teach_________*/
.teach-main-conte {
	max-width: 1024px;
}

@media(min-width:961px){
	.teach-main-conte .article-list {
					padding: 0px 3rem;
	}
}

.repotop .teach-mainlead {
	line-height: 1.5;
}

.teach-main-conte .intro {
	font-size: .9rem;
	line-height: 1.5rem;
	padding: 5rem 0 3rem;
	text-align: center;
}

@media(max-width:960px) {
	.teach-main-conte .intro {
		padding: 2.5rem 1rem;
	}
}

.teach-main-conte .latestposts {
	background-color: #f2f2f2;
	padding: 3rem 0;
	margin: 2rem 0;
}

@media(max-width:960px) {
	.teach-main-conte .latestposts {
		padding: .5rem 1rem 1rem;
		margin: 1rem 0 3rem;
	}
}

.teach-main-conte .exhb-conte {
	margin: 8rem 0;
}

@media(max-width:960px) {
	.teach-main-conte .exhb-conte {
		margin: 6rem 0;
	}
}

.teach-main-conte .exhb-title {
	margin-bottom: 5rem;
}

@media(max-width:960px) {
	.teach-main-conte .exhb-title {
		margin-bottom: 3rem;
	}
}

.teach-main-conte .box-bottomgap {
	margin-bottom: 3rem;
}

.teach-forum-pane li {
	width: 25%;
	display: inline-block;
	padding: 2rem .5rem;
}

.article-list-main-lead .around {
	margin: 0 0 .5rem;
	overflow: hidden;
}

@media(max-width:960px) {
	.article-list-main-lead .around {
		margin: .5rem 0;
		overflow: hidden;
	}
}

.teach-main-conte .forum_conte {
	width: 80%;
	margin: 2rem auto;
	position: relative;
}

@media(min-width:961px){
	.teach-main-conte em {
		width: 20%;
		padding: 1.5rem 1rem;
		margin-right: 5%;
		text-align: center;
		border-bottom: 1px solid #000;
	}
}

.teach-main-conte .forum_detail {
	width: 75%;
	position: relative;
	border-bottom: 1px dashed #ccc;
	padding: 1.5rem 1rem 3rem;
}

@media(max-width:960px){
	.teach-main-conte .forum_detail {
		width: 100%;
		padding: 1.5rem 0 3rem;
	}
}

.forum_detail .comsoon,
.forum_detail .accepting,
.forum_detail .endevent{
	position: absolute;
	right: 0;
	bottom: 1.5rem;
	color: #fff;
	padding: .3rem 1rem;
	font-size: .9rem;
}

@media(max-width:960px) {
	.forum_conte .accepting,
	.forum_conte .comsoon,
	.forum_conte .endevent{
		margin-top: .5rem;
		font-size: .8rem;
	}
}

.forum_conte .accepting {
	background-color: #ff0000;
}

.forum_conte .comsoon {
	background-color: #4B5856;
}

.forum_conte .endevent {
	background-color: #BBBBBB;
}

.lead-top .comsoon,
.lead-top .endevent,
.lead-top .accepting {
	float: left;
	color: #fff;
	padding: .3rem 1rem;
	font-size: .9rem;
}

@media(max-width:960px) {
	.lead-top .comsoon,
	.lead-top .endevent,
	.lead-top .accepting  {
		margin-top: .5rem;
		font-size: .8rem;
	}
}

.lead-top .comsoon {
	background-color: #ff0000;
}

.lead-top .accepting {
	background-color: #4B5856;
}

.lead-top .endevent {
	background-color: #BBBBBB;
}

.event-outline .right2 {
	padding-left: 2rem;
}

.article-side-content .btm {
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.article-side-content .repotop {
	padding-top: 4rem;
	margin-top: 4rem;
}

.article-side-content .teach-repoimg {
	width: 100%;
	padding: 1rem 0;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.article-side-content .teach-repoimg > div {
	width: 50%;
	padding: 0 .5rem;
	margin: auto;
}

@media (max-width:960px) {
	.article-side-content .teach-repoimg > div {
		width: 100%;
	}
}

@media (min-width:961px) {
	.teach-list-main-image {
		margin-right: 5%;
		width: 45%;
	}
}

.article-list .lead-top {
	padding-top: 0;
}

.article-list .btn-top {
	margin-top: 3rem;
}

.teach_content {
	border-bottom: 1px solid #000;
	padding: 0 3rem 3rem;
	margin-bottom: 3rem;
}

@media(max-width:960px) {
	.teach_content {
		padding: 0 1rem 3rem;
		margin-bottom: 1.5rem;
	}
}

.teachsecondbtn {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #000;
	width: 20rem;
	margin-top: 5rem;
}

.article-list-main-lead .annp {
	color: #ff0000;
	font-size: 1rem;
	margin-top: 2rem;
}

.article-list-main-lead .article-place {
	font-size: .9rem;
	margin-top: 0;
}

.article-list-main .exhibit-title {
	margin: 3rem 0 1.5rem;
}

.article-list-block .borderul {
	border-top: 1px solid #000
}

/*_________etc_________*/

.Common-top {
	padding-top: 3rem;
}

@media (max-width:960px) {
	.Common-top {
		padding-top: 0;
	}
}

.Common-Etc {
	padding-bottom: 1rem;
	font-size: 1.1rem;
}

@media(max-width:960px) {
	.Common-Etc {
		padding-bottom: 0;
		font-size: .8rem;
	}
}

.Common-Volun {
	font-size: 1.5rem;
	padding-bottom: 1rem;
	color: red;
}

@media(max-width:960px) {
	.Common-Volun {
		font-size: 1rem;
	}
}

.Common-Musi {
	font-size: 1.3rem;
	padding-bottom: 1.5rem;
}

@media(max-width:960px) {
	.Common-Musi {
		font-size: 1rem;
		padding-bottom: 0;
	}
}

/*_________meguru_________*/

.stamprallynotice .btn-more {
	bottom: 1rem;
	width: 30%;
	margin: auto;
}

.outer .stam-more-btn {
	width: 30%;
	margin: 0 auto 5rem;
}

@media (max-width:600px) {
	.outer .stam-more-btn {
		width: 60%;
		margin: 0 auto 3rem;
	}
}

.stamprallynotice .mapbox {
	position: relative;
	padding: 0rem 1rem 5rem 0;
}

.mapbox .mapbox-img1 {
	width: 30%;
	margin-left: 10rem;
	margin-top: 0;
	z-index: 1;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}

@media (max-width:600px) {
	.mapbox .mapbox-img1 {
		width: 50%;
		margin-left: 2rem;
	}
}

.mapbox .mapbox-img2 {
	width: 30%;
	position: absolute;
	top: 8%;
	right: 20%;
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	z-index: -1;
}

@media (max-width:600px) {
	.mapbox .mapbox-img2 {
		width: 50%;
		right: 0;
	}
}

/*_________post_________*/

.city-box{
	padding: 3rem 5rem 5rem;
}

@media (max-width:960px){
	.city-box{
		padding: 2rem 1rem 2.5rem;
	}
}

.city-box li{
	border-bottom: solid 1px #000;
	padding: 2rem;
	position: relative;
	overflow: hidden;
}

@media(max-width:350px) {
	.city-box li {
		padding: 2rem 0;
	}
}

.city_name {
    font-weight: bold;
    font-size: 1.2rem;
    width: 50%;
}

.arrows_blk::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    right: 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.city-box li > div.report-image {
    float: right
}

@media(max-width:960px){
	.city-box li > div.report-image {
		margin-top: 3rem;
	}
}

.city-box .slick-cnt {
    font-size: 1.2rem;
    position: relative;
    margin-top: 1rem;
    padding: 0 3rem;
	text-align: center;
}

.city-box .btn-wrap {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
}

.city-box .btn-wrap2 {
    position: absolute;
    top: 1.5rem;
	right: 35%;
}

@media(max-width:960px) {
	.city-box .btn-wrap2 {
		right: 1.5rem;
	}
}

.btn-wrap2 a {
    font-size: .8rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #000;
}

.city-box .btn-wrap a,
.city-box .btn-wrap2 a{
	padding: 1rem 2rem;
}

.city-box-slick{
	width: 300px;
}

.city-box .slick-next{
	right: 7rem;
}

.city-box button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.city-box .slide-arrow{
  position: absolute;
  bottom: 7px;
  margin-top: -15px;
}

.city-box .prev-arrow {
	left: 30%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	transition: all .3s;
}

.city-box .next-arrow {
	right: 30%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}

/*_________applicationform_________*/
.mw_wp_form .error{
	padding-top: .5rem;
	font-weight: bolder;
}

.forum-application .top-heading > p {
	font-weight: 300;
	padding-top: 1rem;
}

#mw_wp_form_mw-wp-form-3306 p:nth-child(1) {
	margin: 4rem 0 0 8rem;
	font-weight: 600;
	font-size: 1.2rem;
	border-bottom: 3px dashed #ff4500;
	width: fit-content;
	display: inline-block;
}

.application_form_maine{
	width: 80%;
	margin: 0 auto 6rem;
	padding: 1.5em 2em 3em 2em;
}

.application_form_maine dl.form dt {
	border-bottom: 1px solid #888;
	border-left: 3px solid;
	margin: 4.5rem 0 1.5rem;
	width: 100%;
	padding: .5rem 1rem;
	font-weight: 600;
}

.application_form_maine dt.hissu.title {
    margin-top: 2rem;
}

.application_form_maine select {
	border: 1px solid #666;
	border-radius: 3px;
	padding: .5rem;
	width: 100%;
}

.application_form_maine dd.select_wrap {
	position: relative;
	width: 30%;
}

.application_form_maine dd.select_wrap.question{
	width: 35%;
}

.application_form_maine dd.select_wrap::before {
	z-index: 1;
	position: absolute;
	right: 15px;
	top: 0;
	content: '▼';
	line-height: 40px;
	pointer-events: none;
}

.application_form_maine .coursename > span {
	display: block;
	padding-left: 1rem;
	line-height: 3;
}

.application_form_maine span.mwform-tel-field {
	display: inline-flex;
	font-size: 2rem;
	width: 80%;
}

.forum-application span.mwform-tel-field.mark,
.grant span.error.mark {
	padding-left: 0;
}

.application_form_maine dd input[type="text"] {
	padding: .5rem;
	width: 50%;
	font-size: 1.2rem;
	border: 1px solid #666;
	border-radius: 3px;
	margin: 0 .5rem;
}

.studyeve dd input[type="text"]{
	width: 100%;
}

.application_form_maine dd input[name="eve_yourzip[data][0]"],
.application_form_maine dd input[name="eve_yourzip[data][1]"]{
	width: 20%;
}

.application_form_maine dd.mytell input[name="mytell[data][0]"],
.application_form_maine dd.mytell input[name="eve_mytell[data][0]"]{
	margin-right: .5rem;
}

.application_form_maine dd.mytell input[name="mytell[data][1]"],
.application_form_maine dd.mytell input[name="mytell[data][2]"],
.application_form_maine dd.mytell input[name="eve_mytell[data][1]"],
.application_form_maine dd.mytell input[name="eve_mytell[data][2]"]{
	margin: 0 .5rem;
}

.application_form_maine dd{
	font-size: 1.1rem;
}

.application_form_maine dd.coursename input[type="checkbox"] ,
.application_form_maine dd input[type="radio"]{
	margin: 0 .5rem 0 3rem;
	width: 20px;
	height: 20px;
}

.application_form_maine dd input[type="radio"]{
	vertical-align: bottom;
}

.application_form_maine dd.coursename input[type="checkbox"] {
	vertical-align: middle;
}

.application_form_maine dd.column textarea {
	width: 100%;
}

.application_form_maine .application__btn {
	margin: 5rem 0 0;
}

.application__btn > span {
	display: block;
	margin: auto;
	width: 30%;
}

.application_form_maine .application__btn input[type="submit"] {
	width: 100%;
	padding: 1rem;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
}

.application_form_maine .application__btn input[disabled] {
	background-color: #ccc;
}

.application_form_maine span.comment,
.application_form_maine span.coment ,
.application_form_maine span.living-detail{
	font-size: .9rem;
	font-weight: 300;
	padding-left: 1rem;
	color: #606060;
	position: relative;
}

.application_form_maine .name_box{
	display: flex;
	position: relative;
}

.name_box .name_box_name {
	width: 78%;
	margin-right: 2%;
}

.name_box .name_box_school {
	width: 30%;
}

.name_box dd.select_wrap{
	width: 100%;
}

dd.people.name_box > div {
	width: 30%;
	display: flex;
	align-items: center;
}

dd.people.name_box > div > input[type="text"] {
	margin: 0 1rem 0 .5rem;
	width: 30%;
}

.stydyeve_name_area::before {
	content: "※複数名でお申込みの際、入力欄が不足している場合は通信欄にお名前（子供の場合は学年も）をご記入ください";
	position: relative;
	top: 4rem;
	color: red;
	font-size: .8rem;
}

.people,
.withname > dt{
	position: relative;
}

dd.people > .error {
	position: absolute;
	bottom: -25px;
}

dd.people:nth-of-type(1) > .error{
	left: 60px;
}

dd.people:nth-of-type(2) > .error {
	left: 100px;
}

 .studyeve .mwform-zip-field {
	display: inline-block;
	width: 100%;
}

.studyeve .mwform-zip-field > input[type="text"] {
	margin: 0 .5rem;
	width: 20%;
}

.mw_wp_form_preview dd.select_wrap::before{
	display: none;
}

dd.people > input[type="text"]{
	width: 30%;
}

.forum-application .mw_wp_form .horizontal-item + .horizontal-item{
	margin-left: 0;
}

.mw_wp_form_preview .name_box .people:nth-child(2) {
	padding-left: 2rem;
}

.people span:nth-child(1) input[name="mypeople"] {
	margin-left: 0;
}

.application_form_maine dd.w_max>input[type="text"] {
	width: 100%;
}

dd.chk span:nth-child(2) label {
	margin-left: 2rem;
}

.studyeve > div {
	padding-top: 5rem;
}

.tokyoforum .num{
	text-align: center;
	margin-bottom: 1rem;
	font-weight: bold;
}

.tokyoforum .word{
	display: block;
	padding: 0 1rem 5rem;
	width: 45%;
	margin: auto;
	line-height: 1.5;
}

.tokyoforum .note{
	font-size: 1rem;
	margin: 1rem 0 -6rem 1.5rem;
	padding-bottom: .3rem;
	border-bottom: 1.5px dashed #ff4500;
	margin: 5rem auto 1rem;
	display: inline-block;
	font-weight: bold;
	font-size: .95rem;
}

.tokyoforum .notes{
	font-size: .95rem;
	line-height: 1.5;
}

@media(max-width:960px){

	.studyeve > div {
		padding-top: 2rem;
	}

	.tokyoforum .word{
		width: 100%;
	}

	.application_form_maine dd.people input[type="text"] {
		width: 30%;
}

	.application_form_maine dd input[type="text"] {
		width: 100%;
	}

	.application_form_maine dd{
		margin-bottom: 4rem;
	}

	.mw_wp_form_preview .name_box .people:nth-child(2) {
		padding-left: 0;
	}

	.application_form_maine dd input[type="radio"]:nth-child(1) {
		margin-left: 0;
}

	.stydyeve_name_area{
		margin-top: 2rem;
	}

	.application__btn > span {
		width: 100%;
	}

	dd.people.name_box > div {
		width: 100%;
	}

	dd.people.name_box {
		padding-left: 0;
		display: block;
}

dd.people.name_box > div > input[type="text"] {
	margin-left: 0;
	margin-bottom: .5rem;
	width: 30%;
}

.name_box > dd.people > input[name="studyeveadultnum"] {
	margin-left: 4.2rem;
}
.name_box > dd.people > input[name="studyevechildnum"] {
	margin-left: 2rem;
}

dd.people:nth-of-type(1) > .error,
dd.people:nth-of-type(2) > .error{
	left: 150px;
}

.stydyeve_name_area::before {
	top: 2.5rem;
}

.application_form_maine .name_box{
	display: block;
}

.name_box .name_box_name{
	width: 100%;
}

.name_box .name_box_school {
	position: absolute;
	top: 260px;
	width: 100%;
}

.mw_wp_form_preview .name_box .name_box_school {
	position: absolute;
	top: 200px;
	width: 100%;
}

dd.child_furigana {
	margin-bottom: 12rem;
}

.studyeve .mark::before{
	left: 8px;
}

.studyeve .mark::after{
	left: 11px;
}

.studyeve  .daytime_contact{
	font-size: .8rem;
}

	.forum-application .top-heading > p{
		font-size: .8rem;
	}

	#mw_wp_form_mw-wp-form-3306 p:nth-child(1){
		font-size: 1rem;
		margin: 1rem 0 -6rem 1.5rem;
		padding-bottom: .3rem;
		border-bottom: 1.5px dashed #ff4500;
	}

	.application_form_maine{
		width:100%;
		padding: 1.5rem 1rem;
	}

	.application_form_maine dd.coursename input[type="checkbox"], .application_form_maine dd.people input[type="radio"], .application_form_maine dd.living input[type="radio"]{
		margin: 0 .5rem 0;
	}

	.application_form_maine .coursename > span{
		padding-left: 0;
		line-height: 1.5;
	}

	.application_form_maine .coursename > span:nth-child(1){
		margin-bottom: 2rem;
	}

	.application_form_maine dd.select_wrap,
	.application_form_maine dd.select_wrap.question{
		width: 100%;
	}

	.application_form_maine dt:nth-of-type(15) > span.mark{
		line-height: 1.5;
	}

	.application_form_maine dt:nth-of-type(15) > span.mark::before {
		top: 15%;
}

.application_form_maine dt:nth-of-type(15) > span.mark::after{
	top: 12px
}

.application_form_maine dd.people .mwform-radio-field > label {
	margin-right: 3.5rem;
	line-height: 3;
}

.application_form_maine dd.people input[type="radio"], .application_form_maine dd.living input[type="radio"] {
	vertical-align: initial;
}

.application_form_maine span.comment {
	padding: .5rem 0 0;
	display: block;
	line-height: 1.3;
}

.application_form_maine .title .mark::before {
	top: 7%;
}

.application_form_maine .app .mark::before {
	top: 13%;
}

.application_form_maine .app .mark::after ,
{
	top: 12px;
}

.application_form_maine .query .mark::before{
	top: 10%;
}

.application_form_maine dl.form dt{
	padding: .5rem;
	margin: 3rem 0 1.5rem;
	position: relative;
}

dt > span.null {
	padding-left: .5rem;
}

.application_form_maine dd.coursename input[type="checkbox"], .application_form_maine dd.people input[type="radio"] {
	margin: 0 0 0 .5rem;
}

.application_form_maine dd.living input[type="radio"]{
	margin: 0 0 0 1.5rem;
}

.application_form_maine dd.people{
	margin: -.5rem auto 1.5rem;
}

.mw_wp_form_preview dd.people{
	padding-left: 0;
	margin-top: 1.5rem;
}

.application_form_maine span.coment{
	position: initial;
}
}