﻿/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
@media screen and (min-width: 480px) {

	.headerSP,
	.footerContentSP,
	.footerSP,
	#navibtnSP,
	#footerbtnSP {
	display: none;
	}

		#container {
		/*width: 800px; */
	}

	#header {
		/*width: 802px;*/
	}

	#headerTtl {
		/*width: 798px;*/
	}

	#headerTtl H1 {
		/*width: 585px;*/
	}

	#cont_body {
		/*width: 780px;*/
	}

	#cont_body #main {
		/*width: 780px;*/
	}

	#pankuzu {
		/*width: 798px;*/
	}

	#pankuzu .pankuzu-inner {
		/*width: 700px;*/
	}

	#pagetop {
		clear:both;
		/*width: 798px;*/
	}

	#pagetop .pagetop-inner {
		width: 790px;
	}

	#copyright {
		/*width: 800px;*/
		height: 20px;
	}

	.indent {
		/*width: 700px;*/
	}

	#topContainer {
		/*width: 800px;*/
	}

	.footerContent {
		/*width: 1090px;*/
	}

	.search {
		width: 380px;
	}

	.photo {
		display: flex;
		width: 99%;
		flex-wrap: wrap;
	}

	.photoimg {
		width: 150px;
		margin-right: 8px;
	}

	/*enq*/
		.enqQ {
		margin-top: 5px;
		margin-left: 5px;
	}

	.enqA input[type="text"],
	.enqA input[type="radio"],
	.enqA input[type="checkbox"] {
		margin-left: 15px;
		margin-bottom: 5px;
	}

	.enqA input[type="text"] {
		width: 90%;
	}

	/*event_cal*/
	#eventth {
		display: flex;
		margin-left: 30px;
		width: 95%;
	}

	#eventth .etitle {
		font-weight: bold;
		padding: 5px;
		width: 50%;
		border-right: solid 1px #aaaaaa;
		border-bottom: solid 1px #aaaaaa;
		text-align: center;
		background-color: #ffdddd;
	}

	#eventth .ekikan {
		font-weight: bold;
		padding: 5px;
		width: 20%;
		border-right: solid 1px #aaaaaa;
		border-bottom: solid 1px #aaaaaa;
		text-align: center;
		background-color: #ffdddd;
	}

	#eventth .ebasyo {
		font-weight: bold;
		padding: 5px;
		width: 30%;
		border-bottom: solid 1px #aaaaaa;
		text-align: center;
		background-color: #ffdddd;
	}

	#eventtd .month {
		color: #222D88;
		font-weight: bold;
		font-size: 140%;
		text-align: left;
		font-weight: bold;
		line-height: 140%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5px;
		margin-top: 10px;
		border-bottom: #0099cc dotted 1px;
		letter-spacing: 1px;
	}

	.eventtd {
		width: 90%;
		margin: 0px auto 0px auto;
	}

	.dataLine {
		margin-left: 30px;
		width: 95%;
	}

	.dataLine ul {
		display: flex;
	}

	.dataLine .title {
		padding-left: 10px;
		margin-top: 5px;
		width: 50%;
	}

	.dataLine .kikan {
		width: 20%;
	}

	.dataLine .basyo {
		margin-top: 5px;
		width: 30%;
	}

	/*intro*/
	#kijimain {
		width: 99%;
		padding-left: 10px;
	}

	/*nikki*/
	.nikki {
		width: 100%;
		display: flex;
	}

	#calbox {
		width: 20%;
		float: left;
		border-right: solid 1px #BCBCBC;
		padding-right: 10px;
	}

	#kijibox {
		width: 74%;
		float: left;
		padding-left: 10px;
	}

	/*bunsho*/
	.bunshosearch {
		width: 700px;
		margin: 0 0 24px 0;
		height: 50px;
	}

	ul.bunshoichiran-flex {
		width: 100%;
		border-top: solid 2px #FC983D;
	}

	ul.bunshoichiran-flex ul {
		display: flex;
	}

	ul.bunshoichiran-flex ul.ul01 {
		border-bottom: 0;
	}

	ul.bunshoichiran-flex ul li {
		flex-grow: 1;
		/*box-sizing: border-box;*/
		border-bottom: 1px solid #ccc;
		/*border-right: 1px solid #ccc;*/
		text-align: center;
		padding: 10px;
	}

	ul.bunshoichiran-flex ul li:last-child {
		border-right: none;
	}

	ul.bunshoichiran-flex ul.ul01 li {
		background-color: #ffeaea;
	}

	ul.bunshoichiran-flex ul.ul01 li.li01 {
		background-color: #FCEFCA;
		width: 10%;
	}

	ul.bunshoichiran-flex ul.ul01 li.li02 {
		background-color: #FCEFCA;
		width: 30%;
	}

	ul.bunshoichiran-flex ul.ul01 li.li03 {
		background-color: #FCEFCA;
		width: 30%;
	}

	ul.bunshoichiran-flex ul.ul01 li.li04 {
		background-color: #FCEFCA;
		width: 30%;
	}

	li.bunsho {
		background-color: #FFFFFF;
	}

	li.bunsho li.li01 {
		width: 10%;
		text-align: center;
		font-size: smaller;
	}

	li.bunsho li.li02 {
		width: 30%;
		text-align: left;
		font-size: small;
	}

	li.bunsho li.li03 {
		width: 30%;
		text-align: left;
		font-size: small;
	}

	li.bunsho li.li04 {
		width: 30%;
		text-align: left;
		font-size: small;
	}
}
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
@media screen and (max-width: 480px)
{
}
