/* header */
h1.header-logo {
	text-align: left;
	height: 60px;
}
h1.header-logo img {
	height: 100%;
	width: auto;
}

#top_image {
	text-align: center;
	max-width: 1277px;
	margin: 0 auto;
}

#top_slider img {
	margin: 0px;
	padding: 0px; 
	border: medium none; 
	width: 1277px; 
	height: 412px; 
	max-height: none; 
	top: 0px;
}

.owl-carousel .owl-item {
	float: left;
	width: 250px;
}

.movie iframe {
	position: absolute;
	width: 320px; 
	height: 180px;
	left: 30px;
}

#prdownmenu {
	display: none;
}

/* スマホ用メニュー */
#menu-sp {
	display: none;
	height: auto;
	position: absolute;
	z-index: 99;
	opacity: 0.9;
}
.menu-sp-li {
	float: none;
	width: 100%;
	color: #2727c6;
	font-size: 18px;
	text-align: left;
	line-height: normal;
	border-bottom: 1px solid #ffffff;
}
header nav ul li.menu-sp-li a {
	font-size: 16px;
	font-weight: normal;
	padding: 11px;
}
#prdownmenu {
	display: none;
}
div.sp_menu_btn {
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, #01bc06 0%,#009604 100%);
	text-align: left;
}

/*----------------*/
/*    各施設      */
/*----------------*/
table.only, div.cost table {
	min-width: 550px;
}
table.only th {
	min-width: 550px;
}



/*------------------*/
/*    アクセス      */
/*------------------*/
p.access {
	text-align: left;
	padding: 1em 5em 0;
	font-weight: bold;
}
ul.access {
	padding-left: 7em;
	text-align: left;
}
ul.access, ul.access li {
	list-style: disc;
}



/* タブレット */
@media screen and ( max-width:949px ) {

	/* header */
	header nav ul {
		width: 100%;
	}
	header nav ul li {
		width: 16.5%;
	}
	header nav ul li a {
		font-size: 14px;
	}

	/* KV */
	#top_slider img {
		width: 100%; 
		object-fit: cover;
	}

	/* TOP画像3つ */
	#top_pickupslider_inner {
		width: 100%;
		padding: 0;
	}
	.owl-carousel .owl-item {
		width:32%;
	}
	#top_pickupslider_inner .item .title {
		font-size: 16px;
	}
	img.circle_img {
		width: 70%;
	}
	#top_info div {
		overflow: scroll;
	}

	/* お知らせ */
	#top_info ul li#top_info_tab6 span.tab6-hidden {
		display: block;
	}
	#top_info ul li span.tab6-default {
		display: none;
	}
	#top_info ul li#top_info_tab3 span.tab3-hidden {
		display: block;
	}
	#top_info ul li span.tab3-default {
		display: none;
	}
	#top_info ul li#top_info_tab4 span.tab4-hidden {
		display: block;
	}
	#top_info ul li span.tab4-default {
		display: none;
	}
	#top_info ul li#top_info_tab5 span.tab5-hidden {
		display: block;
	}
	#top_info ul li span.tab5-default {
		display: none;
	}
	#top_info ul li#top_info_tab2 span.tab2-hidden {
		display: block;
	}
	#top_info ul li span.tab2-default {
		display: none;
	}
	#top_info ul li span.tab1-default {
		font-size: 12px;
	}

	/*----------------*/
	/*    各施設      */
	/*----------------*/
	div.sisetu-pic {
		float: none;
	}
	table.only, div.cost table {
		min-width: 480px;
	}
	table.only th {
		min-width: 480px;
	}
}

/* スマホ */
@media screen and ( max-width:673px ) /* 767 */
{
	/* ページ全体 */
	#wrapper {
		font-size: 14px;
		width: 100%;
	}
	#contents {
		margin: 0 auto 15px;
		padding: 15px 0 0 0;
		width: 95%;
	}

	/* header */
	header nav {
		-webkit-box-shadow: none;
	}
	header #header_inner{
		width: 100%;
	}
	header #header_inner h1 {
		float: none;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	header #header_inner h1 img {
		float: none;
		max-height: 60px;
		height: 10vw;
	}
	header #header_inner #hnav {
		float: none;
	}
	header nav ul {
		width: 100%;
	}
	header .item-search .field-search {
		position: static;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	h1.header-logo {
		height: auto;
	}

	/* メニュー */
	#prdownmenu {
		display: block;
		padding: 0;
		margin: 0 auto;
		width: 100%;
	}
	#menu-pc {
		display: none;
	}
	#top_image {
		text-align: left;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}

	/* KV */
	#top_slider {
		height: 200px;
	}
	#top_slider img {
		width: 100%; 
		height: 280px;
		padding: 0;
		margin: 0 auto;
		object-fit: cover;
	}

	/* コンテンツ */
	#top_container{
		width: 100%;
	}

	/* 3マル画像 */
	#top_pickupslider {
		margin-top: 0;
		padding-top: 30px;
	}
	#top_pickupslider_inner {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#top_pickupslider_inner .item {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.owl-carousel .owl-item {
		padding: 0;
		margin: 0 auto;
		width: 33%;
		text-align: center;
	}
	.owl-carousel .owl-item .item {
		width: auto;
		padding: 0;
		margin: 0 auto;
	}
	#top_pickupslider_inner .item .photo img {
		width: 80%;
		height: auto;
		margin: 15px 0;
	}
	#top_pickupslider_inner #owl-item3 .item .photo img {
		width: 100%;
	}
	div .owl-wrapper {
		width: 100%;
	}
	img.circle_img {
		padding: 0;
	}
	
	.title_gbt, #top_pickupslider_inner .item .title {
		font-size: 105%;
	}
	
	#leftcol, #rightcol {
		float: none;
	}
	
	/* leftcol */
	#leftcol {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	
	#leftcol .btn_middle {
		margin-bottom: 20px;
	}
	
	#top_info {
		margin-bottom: 15px;
	}
	#top_info dd {
		line-height: 1.4em;
		padding-left: 1em;
		padding-bottom: 6px;
    }
	#top_info div dl dt, #top_info dd.koza, #top_info dd.other, #top_info dd.event {
		margin-right: 80%;
		margin-bottom: 0;
	}
	
	img.train_bnr {
		width: 100%;
	}

	/* rightcol */
	#rightcol {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

	#rightcol .snav dl dt {
	  border-radius: 5px;
	}
	
	dd.sports {
		display: none;
	}

	/* footer */
	footer {
		width: 100%;
	}
	
	footer #fnav2 div {
		width: auto;
		text-align: center;
	}
	footer #fnav2 p{
		float: none;
	}
	footer #fnav2 div ul{
		float: none;
		text-align: center;
	}
	img.logo-tspf {
		width: 60px;
		height: auto;
	}
	img.koiki-banner {
		width: 80%;
		max-width: 400px;
	}

	/*----------------*/
	/*    各施設      */
	/*----------------*/
	div.top-img p {
		font-size: 130%;
	}
	div#sisetu-pic-large img {
		width: 100%;
		height: auto;
	}
	div.sisetu-pic img {
		width: 100%;
	}
	table.only, div.cost table {
		min-width: 300px;
	}
	table.only th {
		min-width: 300px;
	}
	table.only td.name, table.only .text {
		font-size: 90%;
	}

	/*----------------*/
	/*      faq       */
	/*----------------*/
	/* 質問一覧 */
	div.q-box {
		width: 95%;
	}



	/*------------------*/
	/*    アクセス      */
	/*------------------*/
	iframe {
		width: 100%;
		height: 300px;
	}
	p.access {
		padding: 1em 1em 0;
	}
	ul.access {
		padding: 0 1em 0 3em;
	}
}