/*----------------------------------------
768px以上
------------------------------------------*/

/*pc tableのみ表示*/

.pc_only {
	display: inherit;
}


/*smart phone　縦のみ表示*/

.sm_only {
	display: none;
}


/*.header_nav ul li {

	margin: 0 0.8rem 0 0.8rem;
}

*/

@media (max-width: 1307px) {
	.pc_only {
		display: inherit;
	}

	.sm_only {
		display: none;
	}
}

@media (max-width: 1073px) {
	.pc_only {
		display: inherit;
	}

	.sm_only {
		display: none;
	}

	.section-wrapper > section > * {
		width: 100%;
	}

	.header_logo img {
		padding: 3rem 0.5rem;
	}

	.home .section-wrapper #concept {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}


	.home .section-wrapper #concept div h2 {
		font-size: 2rem;
		line-height: 4rem;
	}

	.home .section-wrapper #concept div:nth-of-type(2) {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.home .section-wrapper #concept div button {
		float: right;
	}

	.archive .content-wrapper h2 {
		margin: 4rem 0 2rem 0;
	}

	.archive .place-box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.archive .place-box .info,
	.archive .place-box .slider {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}


	.archive .place-box .info h3 {
		display: inline-block;
		margin: 1rem auto 0 auto;
	}

	.staff-box .staff {
		-ms-flex-preferred-size: 49%;
		flex-basis: 49%;
	}
}

/*----------------------------------------
768px：iPad縦 / iPhone 7/6 Plus横
------------------------------------------*/

@media (max-width: 768px) {



	.pc_only {
		display: inherit;
	}

	.sm_only {
		display: none;
	}


	.header_logo img {
		width: 130px;
	}


	.section-wrapper section {
		padding-top: 0;
		padding-bottom: 0;
	}


	.section-wrapper > section:before {
		font-size: 3rem;
		padding: 1.5rem 0 0 0;
		/*color: #ddd;*/
	}

	.section-wrapper > section > * {
		width: 100%;
	}

	.home .section-wrapper .recomend {
		padding: 3% 3% 5% 3%;
	}

	.home .section-wrapper .recomend .title h2 {
		font-size: 2rem;
	}

	.home .section-wrapper .recomend .title span {
		font-size: 1.2rem;
	}

	.home .section-wrapper .recomend .title {
		padding: 0.5rem;
	}

	.home .section-wrapper .recomend div article {
		padding: 0.5rem 1rem;
	}


}


/*----------------------------------------
667：iPhone 7/6横
------------------------------------------*/

@media (max-width: 667px) {
	html {
		font-size: 14px;
	}


	p {
		line-height: 1.7rem;
	}

	.pc_only {
		display: none;
	}

	.sm_only {
		display: inherit;
	}

	/*margin and padding 60% of basic size*/
	.mt5 {
		margin-top: 3px;
	}

	.mb5 {
		margin-bottom: 3px;
	}

	.mr5 {
		margin-right: 3px;
	}

	.ml5 {
		margin-left: 3px;
	}

	.mt10 {
		margin-top: 6px;
	}

	.mb10 {
		margin-bottom: 6px;
	}

	.mr10 {
		margin-right: 6px;
	}

	.ml10 {
		margin-left: 6px;
	}

	.mt20 {
		margin-top: 20px;
	}

	.mb20 {
		margin-bottom: 12px;
	}

	.mr20 {
		margin-right: 12px;
	}

	.ml20 {
		margin-left: 18px;
	}

	.mt30 {
		margin-top: 18px;
	}

	.mb30 {
		margin-bottom: 18px;
	}

	.mr30 {
		margin-right: 18px;
	}

	.ml30 {
		margin-left: 24px;
	}

	.mt40 {
		margin-top: 24px;
	}

	.mb40 {
		margin-bottom: 24px;
	}

	.mr40 {
		margin-right: 24px;
	}

	.ml40 {
		margin-left: 24px;
	}

	.mt50 {
		margin-top: 30px;
	}

	.mb50 {
		margin-bottom: 30px;
	}

	.mr50 {
		margin-right: 30px;
	}

	.ml50 {
		margin-left: 30px;
	}

	.mt60 {
		margin-top: 36px;
	}

	.mb60 {
		margin-bottom: 36px;
	}

	.mr60 {
		margin-right: 36px;
	}


	.mt70 {
		margin-top: 42px;
	}

	.mb70 {
		margin-bottom: 42px;
	}

	.mr70 {
		margin-right: 42px;
	}

	.ml70 {
		margin-left: 42px;
	}

	.mt100 {
		margin-top: 60px;
	}

	.mb100 {
		margin-bottom: 60px;
	}

	.mr100 {
		margin-right: 60px;
	}

	.ml100 {
		margin-left: 60px;
	}

	.pt10 {
		padding-top: 6px;
	}

	.pb10 {
		padding-bottom: 6px;
	}

	.pr10 {
		padding-right: 6px;
	}

	.pl10 {
		padding-left: 6px;
	}

	.pt20 {
		padding-top: 12px;
	}

	.pb20 {
		padding-bottom: 12px;
	}

	.pr20 {
		padding-right: 12px;
	}

	.pl20 {
		padding-left: 12px;
	}

	.pt30 {
		padding-top: 18px;
	}

	.pb30 {
		padding-bottom: 18px;
	}

	.pr30 {
		padding-right: 18px;
	}

	.pl30 {
		padding-left: 18px;
	}

	.pt40 {
		padding-top: 18px;
	}

	.pb40 {
		padding-bottom: 18px;
	}

	.pr40 {
		padding-right: 18px;
	}

	.pl40 {
		padding-left: 18px;
	}

	.pt50 {
		padding-top: 30px;
	}

	.pb50 {
		padding-bottom: 30px;
	}

	.pr50 {
		padding-right: 30px;
	}

	.pl50 {
		padding-left: 30px;
	}

	.pt70 {
		margin-top: 42px;
	}

	.pb70 {
		margin-bottom: 42px;
	}

	.pr70 {
		margin-right: 42px;
	}

	.pl70 {
		margin-left: 42px;
	}



	.header-warpper {
		position: absolute;
		z-index: 100;
	}



	.header_logo img {
		padding: 0.75rem 1rem;
	}

	.header_nav {
		top: 12px;
		right: 0px;
	}

	.content-wrapper {
		position: relative;
		top: 0;
	}



	.section-wrapper > section:before {
		font-size: 3rem;
	}

	.section-wrapper section h2 {
		margin-bottom: 1.55rem;
	}

	.footer-wrapper {

		display: inherit;
	}



	.footer-wrapper section {
		width: 100%;
	}

	.footer-wrapper .logo {
		margin: 0 auto;
	}


	.footer-wrapper .logo img {
		width: 5rem;
	}

	.home .content-wrapper {
		padding-top: 5rem;
	}



	.home .section-wrapper #concept div:first-of-type {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.home .section-wrapper #concept div:first-of-type * {
		-webkit-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
		margin: 0 auto;
	}

	.home .section-wrapper #concept div h2 {
		font-size: 1.8rem;
		line-height: 3rem;
		text-align: center;
	}

	.home .section-wrapper #concept div h4 {
		font-size: 1.1rem;
		line-height: 2.5rem;
		text-align: justify;
	}

	.home .section-wrapper #concept div h3 {
		text-align: center;
	}

	.home .section-wrapper .recomend {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.home .section-wrapper .recomend .title {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.home .section-wrapper .recomend .title h2 {
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		display: inline-block;
	}

	.home .section-wrapper .recomend .title div {
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		margin: 0rem auto;
		padding: 1rem;
		border-top: 0;
	}


	.home .section-wrapper #concept div:first-of-type h4 {
		padding: 0;
	}

	.home .section-wrapper .recomend .title div:after {
		width: 1rem;
		height: 1rem;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 0;
		left: 120px;
	}

	.home .section-wrapper .recomend .title div a {
		font-size: 1.2rem;
	}

	.home .section-wrapper .recomend .title div:before {
		content: none;
		background-image: none;
	}

	.home .section-wrapper .recomend .title div:hover {
		-webkit-transform: none;
		transform: none;
	}

	.home .section-wrapper .recomend .rec_01,
	.home .section-wrapper .recomend .rec_02 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-bottom: 2rem;
	}

	.home .section-wrapper .recomend div article {
		padding: 0.5rem;
	}

	.home .section-wrapper section.recomend:nth-last-of-type(2n+1) .title {
		-webkit-box-ordinal-group: initial;
		-ms-flex-order: initial;
		order: initial;
	}

	#ticket .flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#ticket .cat div {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}


	#ticket .cat div h4 {
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
	}

	#ticket .cat div figure {
		margin: 0 1rem;
	}


	.staff-box .staff {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	/*--footer--*/
	.footer-wrapper .info {
		text-align: center;
		width: 100%;
	}

	.footer-wrapper .contact + div span {
		display: inline-block;
	}


	/*--index--*/
	.archive .content-wrapper h2 {
		margin: 4rem 0 2rem 0;
	}

	.archive .content-wrapper h2 * {
		font-size: 3rem;
	}


	/* firefox 対応 */
	@-moz-document url-prefix() {



		.home .section-wrapper #concept div:first-of-type h2 {
			width: 100%;
			text-align: center;
		}

		.home .section-wrapper #concept div:first-of-type h4 {
			width: 100%;
		}
	}

}


/*----------------------------------------
568px：iPhone 5/SE横
------------------------------------------*/

@media screen and (max-width: 568px) {
	html {
		font-size: 14px;
	}

	.header_logo img {
		width: 120px;
	}


}


/*----------------------------------------
480px：iPhone 7/6 Plus縦
------------------------------------------*/

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

	.section-wrapper section {
		padding-top: 0;
		padding-bottom: 0;
	}



	.table {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}


	.table tr {
		width: 100%;
	}

	.table tr th,
	.table tr td {
		border-bottom: none;
		display: block;
		text-align: left;
		width: initial;
	}

	.table tr th {
		padding: 0.1rem;
		background-color: #eee;
		text-align: center;
	}





	.table tr td {
		padding: 0.4rem 1rem;
	}

	.table tr td ul {
		margin: 0;
		padding: 0 0 0 1rem;
	}

	table .title {
		margin: 1rem auto;
		font-size: 1.15rem;
	}

	table .title:after {
		margin-top: 0rem;
		height: 6px;
	}

	.page-template-default .content-wrapper h2 {
		margin: 4rem 0 2rem 0;
	}

	/*----footer----*/
	.footer-wrapper > * {
		letter-spacing: 0.05rem;
	}

	.footer-wrapper .info {
		width: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto;
		text-align: center;
	}

	.footer-wrapper .info address {
		font-size: 0.85rem;
		-ms-flex-preferred-size: 100%;
		flex-basis: 71%;
	}



	.footer-wrapper .info .map {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}



	.footer-wrapper .info tel,
	.footer-wrapper .info mail,
	.footer-wrapper .info mail a {
		font-size: 1rem;
	}

	.footer-wrapper .info .worktime {
		-ms-flex-preferred-size: 85%;
		flex-basis: 85%;

	}



	.footer-wrapper .info .copy {
		font-size: 0.6rem;
	}



	/*----home----*/




}


/*----------------------------------------
375px：iPhone 7/6縦
------------------------------------------*/

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


	.header_logo img {
		padding: 1rem 1.5rem;
	}

	.section-wrapper section h2 {
		margin: 0.5rem auto 0.5rem auto;
		font-size: 1.2rem;
	}

	.footer-wrapper .info address {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.footer-wrapper .info .map {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		margin: 0 auto;
	}

	.footer-wrapper .info .worktime {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}


/*----------------------------------------
320px：iPhone 5/SE/4以下縦
------------------------------------------*/

@media screen and (max-width: 320px) {
	html {
		font-size: 13px;
	}

	header {
		margin: -0.5rem 0 0 -1rem;
	}

	.home .top_slider {
		padding: 5%;
	}


	.home .section-wrapper #concept div h4 {
		font-size: 1rem;
		line-height: 2rem;
	}

	.section-wrapper > section:before {
		font-size: 2.8rem;
	}





	.section-wrapper section {
		padding-top: 3%;
		padding-bottom: 3%;
		margin: 0px auto;
	}
}



/*----------------------------------------
 Large print
------------------------------------------*/

@media print {}