@charset "utf-8";


/* <inline> */

@media (min-width:480px) {

/* </inline> */

/* <pconly> */
	
	/* <inline> */

	a[href^="tel:"]::before {
		content: "☎ ";
	}
	.inline-word-wrap-zone {
		word-break: keep-all;
	}
	.block-word-wrap-zone {
		display: flex;
		flex-flow: row wrap;
	}
	.block-word-wrap-gap-zone {
		display: flex;
		flex-flow: row wrap;
		column-gap: 1em;
	}
	.text-small {
		font-size: 12px;
	}
	.text-warning {
		text-indent: -1em;
		padding-left: 1em;
	}
	.text-warning::before {
		content: "※";
	}

	.article-main {
		padding-bottom: 40px;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
		grid-column: 1 / 5;
	}

	.headline {
		background-color: #F0F0F0;
		margin-top: 0;
	}
	.headline-logo {
		background-image: url(/images/owattahito/480/slide-page.jpg?v=2025102101);
		background-repeat: no-repeat;
		background-position: center top;
		margin-right: auto;
		margin-left: auto;
		padding-right: calc( 50% - 480px );
		padding-left: calc( 50% - 480px );
		height: 450px;
		width: 960px;
		overflow: hidden;
		position: relative;
	}
	.headline-logo > img {
		position: absolute;
		top: 100%;
		left: 0;
	}

	.end-of-life,
	.toauthor,
	.introduction,
	.supervisor,
	.comment,
	.overview,
	.picture,
	.tour-history-2023,
	.tour-history-2024,
	.media,
	.owattahito2023 {
		margin-right: calc( 50% - 607px );
		margin-left: calc( 50% - 480px );
		width: 753px;
	}

	.introduction > p > img,
	.supervisor > p > img,
	.picture > ol > li > img {
		height: auto;
		width: 100%;
	}

	.toauthor {
		font-size: 18px;
		text-align: center;
		background-color: #F0F0F0;
		margin-top: 40px;
		margin-right: calc(50% - 587px);
		margin-left: calc(50% - 460px);
		padding: 20px 60px 25px;
		width: 593px;
		position: relative;
	}
	.toauthor::before {
		content: "";
		height: 100%;
		width: calc(100% + 20px);
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		display: block;
		position: absolute;
		top: -5px;
		left: -14px;
	}
	.toauthor::after {
		content: "";
		height: calc(100% + 20px);
		width: 100%;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		display: block;
		position: absolute;
		top: -14px;
		left: -5px;
	}

	.end-of-life {
		font-size: 24px;
		font-weight: bold;
		color: #FFF;
		background-color: #C0153F;
		margin-top: 40px;
		margin-right: calc( 50% - 607px );
		margin-left: calc( 50% - 480px );
		width: 673px;
		padding: 20px 40px;
		position: relative;
	}
	.end-of-life::before {
		content: "";
		border: 1px solid #FFF;
		height: calc( 100% - 9px );
		width: calc( 100% - 9px );
		position: absolute;
		top: 4px;
		left: 4px;
	}

	.introduction > p {
		margin-top: 20px;
		margin-right: 40px;
		margin-left: 40px;
	}
	.introduction > p:nth-of-type(2) {
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		color: #FFF;
		background-color: #6AAFB3;
		margin-top: 0;
		padding: 20px;
	}

	.introduction-flyer > a {
		font-weight: bold;
		text-decoration: none;
		color: #000;
		background-color: #FFF;
		border: 1px solid #E6E6E6;
		padding: 9px;
		width: 653px;
		display: block;
		position: relative;
		transition: border-color ease 0.5s;
	}
	.introduction-flyer > a {
		height: 924px;
	}
	.introduction-flyer > a:hover,
	.introduction-flyer > a:active,
	.introduction-flyer > a:focus {
		border: 1px solid #999;
	}
	.introduction-flyer > a::after {
		font-size: 16px;
		background-color: #FFF;
		padding: 8px 16px;
		position: absolute;
		right: 9px;
		bottom: 9px;
	}
	.introduction-flyer > a::after {
		content: "チラシを見る（PDF）";
	}
	.introduction-flyer > a > img {
		height: auto;
		width: 100%;
	}

	.introduction-video {
		aspect-ratio: 1 / 0.5625;
	}
	.introduction-video > iframe {
		border: none;
		height: 100%;
		width: 100%;
	}

	.side-menu {
		padding-top: 500px;
		padding-bottom: 40px;
	}

	/* </inline> */

	.supervisor > p {
		text-align: left;
		margin-top: 1em;
		margin-right: 40px;
		margin-left: 40px;
	}
	.supervisor > p.supervisor-name {
		text-align: right;
	}
	.supervisor > p:first-of-type {
		margin-top: 40px;
	}
	.supervisor > dl {
		margin-top: 20px;
		margin-right: 40px;
		margin-left: 40px;
		display: -webkit-flex;
		-webkit-flex-flow: row nowrap;
		-webkit-justify-content: flex-end;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
	}
	.supervisor > dl > dd {
		margin-left: 1em;
	}

	.comment > dl > div {
		text-align: left;
		margin-top: 20px;
		margin-right: 40px;
		margin-left: 40px;
	}
	.comment > dl > div > dt {
		font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGPMinchoE, serif;
		font-size: 20px;
		font-weight: bold;
	}
	.comment > dl > div > dd {
		margin-top: 0.5em;
	}

	.overview > dl,
	[class^="tour-history"] > dl,
	.media > dl {
		margin-top: 20px;
		margin-right: 40px;
		margin-left: 40px;
	}
	.overview > dl > div,
	[class^="tour-history"] > dl > div,
	.media > dl > div {
		text-align: left;
		margin-top: 10px;
		display: -webkit-flex;
		-webkit-flex-flow: row nowrap;
		display: flex;
		flex-flow: row nowrap;
	}
	.overview > dl > div > dt,
	[class^="tour-history"] > dl > div > dt,
	.media > dl > div > dt {
		width: 12em;
	}
	.overview > dl > div > dd,
	[class^="tour-history"] > dl > div > dd,
	.media > dl > div > dd {
		width: calc( 100% - 12em );
	}

	.overview > h3,
	.overview > dl:last-child {
		margin-top: 40px;
	}

	.overview > h3 {
		color: #FFF;
		background-color: #6AAFB3;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.overview-news {
		font-weight: bold;
		text-align: left;
		text-indent: -1em;
		color: #F00;
		margin-top: 20px;
		margin-right: 40px;
		margin-left: calc(40px + 1em);
	}

	.overview-states > li {
		display: inline;
	}
	.overview-states > li::before {
		content: "、";
	}
	.overview-states > li:first-child::before {
		content: none;
	}

	.overview-one-status {
		display: flex;
		flex-flow: row wrap;
	}
	.overview-one-status > dt {
		flex: 0 0 7em;
	}
	.overview-one-status > dd {
		flex: 0 0 calc(100% - 7em);
	}

	.overview-schedule > img {
		height: auto;
		width: 80%;
	}

	.overview-tickets > li {
		margin-top: 1em;
	}
	.overview-tickets > li:first-child {
		margin-top: 0;
	}

	a.overview-ticket-button {
		font-weight: bold;
		text-align: center;
		color: #FFF;
		background-color: #6AAFB3;
		padding-top: 1em;
		padding-bottom: 1em;
		width: 20em;
		display: block;
		transition: background-color ease 0.5s;
	}
	a.overview-ticket-button:hover,
	a.overview-ticket-button:active,
	a.overview-ticket-button:focus {
		background-color: #305389;
	}

	.overview-warning {
		text-align: left;
		margin-top: 1em;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 1em 40px 1em calc(12em + 40px);
	}
	.overview-warning > li::before {
		content: "・";
	}

	.picture > ol {
		margin-top: 20px;
		margin-right: 40px;
		margin-left: 40px;
	}
	.picture > ol > li {
		margin-top: 10px;
		position: relative;
	}
	.picture > ol > li::before {
		content: "©山本倫子";
		font-weight: bold;
		color: #FFF;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.questionnaire {
		background-color: #6AAFB3;
		padding-right: calc( 50% - 273px );
		padding-left: calc( 50% - 480px );
		padding-bottom: 60px;
		width: 753px;
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start
	}

	.article-main > .questionnaire > h2 {
		background-color: #FFF;
		border-bottom: none;
	}

	.questionnaire > dl {
		margin-top: 40px;
		flex: 0 0 100%;
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
		row-gap: 40px;
		column-gap: 20px;
	}
	.questionnaire > dl > div {
		text-align: left;
		background-color: #FFF;
		border-radius: 20px;
		padding: 20px;
		position: relative;
		flex: 0 1 calc(50% - 60px);
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}
	.questionnaire > dl > div::after {
		content: "";
		border-top: 20px solid #FFF;
		border-right: 15px solid transparent;
		border-bottom: 20px solid transparent;
		border-left:  15px solid transparent;
		height: 0;
		width: 0;
		transform: rotate(-20deg);
		position: absolute;
		bottom: -30px;
		right: 5em;
	}
	.questionnaire > dl > div > dt {
		font-weight: bold;
		color: #FED201;
		position: absolute;
		right: 10px;
		bottom: -30px;
	}

	[class^="tour-history"] > dl > div > dt::before {
		content: "【";
	}
	[class^="tour-history"] > dl > div > dt::after {
		content: "】";
	}
	[class^="tour-history"] > dl > div > dd > p {
		display: inline-block;
	}
	[class^="tour-history"] > dl > div > dd > p:first-child {
		display: block;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(2) {
		position: relative;
		padding-left: 3em;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(2)::before {
		content: "会場：";
		position: absolute;
		top: 0;
		left: 0;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(3)::before {
		content: "（";
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(3)::after {
		content: "）";
	}

	.tour-date-range > li {
		display: inline-block;
	}
	.tour-date-range > li:last-child::before {
		content: "～"
	}
	
	.media dl > div > dd > ul > li {
		display: inline;
	}
	.media dl > div > dd > ul > li::before {
		content: "・";
	}
	.media dl > div > dd > ul > li:first-child::before {
		content: unset;
	}

	.owattahito2023 {
		margin-top: 40px;
	}
	.owattahito2023 > a {
		background-image: url(/images/owattahito2023/480/link.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 128px;
		width: 753px;
		overflow: hidden;
		position: relative;
		display: block;
	}
	.owattahito2023 > a > img {
		position: relative;
		left: 100%;
	}

	.side-menu > ul {
		border-top: 1px dotted #999;
	}
	.side-menu > ul > li > a {
		font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGPMinchoE, serif;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #000;
		border-bottom: 1px dotted #333;
		padding: 20px;
		display: block;
		transition: color ease 0.5s;
	}
	.side-menu > ul > li > a:hover,
	.side-menu > ul > li > a:active,
	.side-menu > ul > li > a:focus {
		color: #006;
	}

	body > footer {
		margin-top: 0;
	}

/* </pconly> */
	
/* <inline> */

}

/* </inline> */





/* <inline> */

@media (min-width: 1px) and (max-width: 479px) {

	.pconly {
		display: none;
	}
	a[href^="tel:"]::before {
		content: "☎ ";
	}
	.inline-word-wrap-zone {
		word-break: keep-all;
	}
	.block-word-wrap-zone {
		display: flex;
		flex-flow: row wrap;
	}
	.block-word-wrap-gap-zone {
		display: flex;
		flex-flow: row wrap;
		column-gap: 1em;
	}
	.text-small {
		font-size: 12px;
	}
	.text-warning {
		text-indent: -1em;
		padding-left: 1em;
	}
	.text-warning::before {
		content: "※";
	}

	.end-of-life {
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		color: #FFF;
		background-color: #C0153F;
		margin-top: 40px;
		padding: 20px 15px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.end-of-life::before {
		content: "";
		border: 1px solid #FFF;
		height: calc( 100% - 9px );
		width: calc( 100% - 9px );
		position: absolute;
		top: 4px;
		left: 4px;
	}

	.headline {
		text-align: center;
		background-color: #F0F0F0;
		margin-top: 0;
	}
	.headline-logo > img {
		height: auto;
		width: 100%;
	}

	.introduction > p > img,
	.supervisor > p > img,
	.picture > ol > li > img {
		height: auto;
		width: 100%;
	}

	.toauthor {
		text-align: left;
		background-color: #F0F0F0;
		margin-top: 40px;
		margin-right: 20px;
		margin-left: 20px;
		padding: 20px 20px 25px;
		position: relative;
	}
	.toauthor::before {
		content: "";
		height: 100%;
		width: calc(100% + 20px);
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		display: block;
		position: absolute;
		top: -5px;
		left: -14px;
	}
	.toauthor::after {
		content: "";
		height: calc(100% + 20px);
		width: 100%;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		display: block;
		position: absolute;
		top: -14px;
		left: -5px;
	}

	.introduction > p {
		margin-top: 20px;
	}
	.introduction > p:nth-of-type(2) {
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		color: #FFF;
		background-color: #6AAFB3;
		margin-top: 0;
		padding: 10px;
	}

	.introduction-flyer > a {
		font-weight: bold;
		text-decoration: none;
		color: #000;
		background-color: #FFF;
		border: 1px solid #E6E6E6;
		padding: 9px;
		width: calc( 100% - 20px );
		display: block;
		position: relative;
		transition: border-color ease 0.5s;
	}
	.introduction-flyer > a:hover,
	.introduction-flyer > a:active,
	.introduction-flyer > a:focus {
		border: 1px solid #999;
	}
	.introduction-flyer > a::after {
		font-size: 16px;
		background-color: #FFF;
		padding: 8px 16px;
		position: absolute;
		right: 9px;
		bottom: 9px;
	}
	.introduction-flyer > a::after {
		content: "チラシを見る（PDF）";
	}
	.introduction-flyer > a > img {
		height: auto;
		width: 100%;
	}
	.introduction-video {
		aspect-ratio: 1 / 0.5625;
	}
	.introduction-video > iframe {
		border: none;
		height: 100%;
		width: 100%;
	}

/* </inline> */

	.supervisor > p {
		text-align: left;
		margin-top: 1em;
		margin-right: 10px;
		margin-left: 10px;
	}
	.supervisor > p:first-of-type {
		margin-top: 20px;
	}
	.supervisor > p.supervisor-name {
		text-align: right;
	}
	.supervisor > dl {
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 10px;
		display: -webkit-flex;
		-webkit-flex-flow: row nowrap;
		-webkit-justify-content: flex-end;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
	}
	.supervisor > dl > dd {
		margin-left: 1em;
	}

	.comment > dl > div {
		text-align: left;
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.comment > dl > div > dt {
		font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGPMinchoE, serif;
		font-size: 18px;
		font-weight: bold;
	}
	.comment > dl > div > dd {
		margin-top: 0.5em;
	}

	.overview > dl,
	[class^="tour-history"] > dl,
	.media > dl {
		margin-top: 20px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.overview > dl > div,
	[class^="tour-history"] > dl > div,
	.media > dl > div {
		text-align: left;
		margin-top: 10px;
	}
	.overview > dl > div > dd,
	[class^="tour-history"] > dl > div > dd,
	.media > dl > div > dd {
		margin-left: 2em;
	}

	.overview > h3,
	.overview > dl:last-child {
		margin-top: 40px;
	}

	.overview > h3 {
		color: #FFF;
		background-color: #6AAFB3;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.overview-news {
		font-weight: bold;
		text-align: left;
		text-indent: -1em;
		color: #F00;
		margin-top: 20px;
		margin-right: 10px;
		margin-left: calc(10px + 1em);
	}

	.overview-states > li {
		display: inline;
	}
	.overview-states > li::before {
		content: "、";
	}
	.overview-states > li:first-child::before {
		content: none;
	}

	.overview-one-status > dt::before {
		content: "（";
	}
	.overview-one-status > dt::after {
		content: "）";
	}
	.overview-one-status > dd {
		margin-left: 2em;
	}

	.overview-schedule > img {
		height: auto;
		width: 100%;
	}

	.overview-tickets > li {
		margin-top: 1em;
	}
	.overview-tickets > li:first-child {
		margin-top: 0;
	}

	a.overview-ticket-button {
		font-weight: bold;
		text-align: center;
		color: #FFF;
		background-color: #6AAFB3;
		padding-top: 1em;
		padding-bottom: 1em;
		width: 20em;
		display: block;
		transition: background-color ease 0.5s;
	}
	a.overview-ticket-button:hover,
	a.overview-ticket-button:active,
	a.overview-ticket-button:focus {
		background-color: #305389;
	}

	.overview-warning {
		text-align: left;
		margin-top: 1em;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 1em 10px 1em calc(2em + 10px);
	}
	.overview-warning > li::before {
		content: "・";
	}

	.picture > ol {
		margin-top: 20px;
	}
	.picture > ol > li {
		margin-top: 10px;
		position: relative;
	}
	.picture > ol > li::before {
		content: "©山本倫子";
		font-weight: bold;
		color: #FFF;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.questionnaire {
		background-color: #6AAFB3;
		padding-right: 10px;
		padding-bottom: 60px;
		padding-left: 10px;
	}

	.article-main > .questionnaire > h2 {
		background-color: #FFF;
		border-bottom: none;
	}

	.questionnaire > dl {
		margin-top: 40px;
		flex: 0 0 100%;
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
		row-gap: 40px;
		column-gap: 20px;
	}
	.questionnaire > dl > div {
		text-align: left;
		background-color: #FFF;
		border-radius: 20px;
		padding: 20px;
		position: relative;
		flex: 0 1 calc(100% - 40px);
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}
	.questionnaire > dl > div::after {
		content: "";
		border-top: 20px solid #FFF;
		border-right: 15px solid transparent;
		border-bottom: 20px solid transparent;
		border-left:  15px solid transparent;
		height: 0;
		width: 0;
		transform: rotate(-20deg);
		position: absolute;
		bottom: -30px;
		right: 5em;
	}
	.questionnaire > dl > div > dt {
		font-weight: bold;
		color: #FED201;
		position: absolute;
		right: 10px;
		bottom: -30px;
	}

	[class^="tour-history"] > dl > div > dt::before {
		content: "【";
	}
	[class^="tour-history"] > dl > div > dt::after {
		content: "】";
	}
	[class^="tour-history"] > dl > div > dd > p {
		display: inline-block;
	}
	[class^="tour-history"] > dl > div > dd > p:first-child {
		display: block;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(2) {
		position: relative;
		padding-left: 3em;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(2)::before {
		content: "会場：";
		position: absolute;
		top: 0;
		left: 0;
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(3)::before {
		content: "（";
	}
	[class^="tour-history"] > dl > div > dd > p:nth-child(3)::after {
		content: "）";
	}

	.tour-date-range > li {
		display: inline-block;
	}
	.tour-date-range > li:last-child::before {
		content: "～"
	}

	.media dl > div > dd > ul > li {
		display: inline;
	}
	.media dl > div > dd > ul > li::before {
		content: "・";
	}
	.media dl > div > dd > ul > li:first-child::before {
		content: unset;
	}

	.owattahito2023 {
		margin-top: 40px;
	}
	.owattahito2023 > a > img {
		height: auto;
		width: 100%;
	}

/* <inline> */

}

/* </inline> */