@charset"utf-8";

/*+++++++++++++++++++++++++++++++*/
/*     gurugurumelonjima CSS     */
/*+++++++++++++++++++++++++++++++*/


/*=======================header area========================*/
#header_area {
	background: url("../../../melonjima/img/image_top.png");
	background-size: contain;
	background-repeat: no-repeat;
	}

#pagelink {
	background: url("../../../melonjima/img/bg.png");
	}

.left50 {
	text-align: right;
	}

.right50 {
	text-align: left;
	}

#schedule {
	float: center;
	margin: 2% auto 2%;
	padding: 2% 0 2%;
	width: 80%;
	background: url("../../../melonjima/img/bg.png");
	}

#visit {
	float: center;
	margin: 2% auto 2%;
	padding: 2% 0 2%;
	width: 80%;
	}

#schedule .w80 {
	margin-bottom: 3%;
	}

#schedule table {
	margin: 0 auto 0;
	float: center;
	width: 90%;
	}

#schedule table th,#schedule table td {
	border-bottom: 1px solid #fff;
	padding: 2% 1%;
	font-size: 0.9em;
	line-height: 1.4em;
	}

#schedule table th {
	width: 40%;
	}

#schedule table td {
	width: 55%;
	}

#visit {
	background: url("../../../melonjima/img/bg.png");
	}

#visit .w80 {
	padding: 3% 0;
	}

#visit img {
	padding-bottom: 3%;
	}

#news {
	float: center;
	margin: 2% auto 2%;
	padding: 2% 0 2%;
	width: 80%;
	background: url("../../../melonjima/img/bg.png");
	}

#outline {
	background: url("../../../melonjima/img/bg.png");
	}

#outline table {
	margin: 3% auto 2%;
	float: center;
	width: 80%;
	}

#outline table th,#outline table td {
	border-bottom: 1px solid #fff;
	padding: 2% 3%;
	font-size: 0.9em;
	line-height: 1.4em;
	}

#outline table th {
	text-align: center;
	width: 25%;
	background: #c6e08f;
	color: #fff;
	font-size: 0.9em;
	border: 1px solid #c8e696;
	}

#outline table td {
	width: 65%;
	text-align: left;
	background: #fff;
	font-size: 0.9em;
	border: 1px solid #c8e696;
	}

h2 {padding-top: 10%;}


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

#schedule {
	width: 90%;
	}

#visit {
	width: 90%;
	}

#outline table {
	margin: 3% auto 3%;
	width: 85%;
	}

#outline table th,#outline table td {
	padding: 2% 5%;
	display: block; /* セルをブロック要素に指定 */
	width: 90%; /* セルを親要素いっぱいの幅に指定 */
	}

}

/*=======================main area========================*/
h3 {
	color: #c6e08f;
	}

.pl10_w70 {
	padding: 1% 0;
	}

.pl09_w90 {
	padding: 1% 0 3%;
	}

.p30 {
	margin: 1%;
	}

.pc10w {
	background: #c6e08f;
	margin-bottom: 2%;
	}

.pc09w_w80 {
	background: #c6e08f;
	margin-bottom: 2%;
	}

.pc12_wbg {
	background: #c6e08f;
	margin-bottom: 3%;
	}

.pc12w_bg_w35 {
	color: #c6e08f;
	}

#outline_in img {
	margin: 0 2%;
	}

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

#outline_in img {
	margin: 0;
	}

}


#tab1:checked ~ .tab_area .tab1_label{background: url("../../../melonjima/img/bg.png") ; color:#96c81e;}
#tab1:checked ~ .panel_area #panel1{display:block;}