@charset "UTF-8";
/* CSS Document */


/* スマートフォン用CSS */
@media screen and (max-width: 630px) {
#hands-on_workshops #main_img {
    background-image: url(../img/hands-on_workshops/main.png);
}

#hands-on_workshops .box01 {
	width:90%;
    height: auto;
    margin: 0px auto 5%;
    padding: 0% 2.5%;
	font-size:14px;
	line-height:200%;
}
#hands-on_workshops .box01 .list {
	width:90%;
	height:auto;
	margin:5% 0% 0%;
	padding:5%;
	background-color:#fcf4eb;
	border-radius:10px;
	text-align:center;
}
#hands-on_workshops .box01 .list h2 {
	font-size:24px;
	text-align:center;
	margin:0% 0% 5%;
}
#hands-on_workshops .box01 .list ul {
	width:auto;
	height:auto;
	margin:0px auto;
	padding:0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	list-style-type:none;
	font-size:11px;
	line-height:150%;
}
#hands-on_workshops .box01 .list li {
	width:30%;
	height:auto;
	margin:0px 5% 5% 0px;
	padding:0px;
	float:left;
}
#hands-on_workshops .box01 .list li:nth-child(3n) {
	margin: 0%;
}

#hands-on_workshops .box02 {
	width:90%;
    height: auto;
    margin: 0px auto;
    padding: 0% 2.5%;
    overflow: hidden;
    position: relative;
    zoom: 1;
	line-height: 200%;
	font-size: 14px;
}
#hands-on_workshops .box02 ul {
	margin:0%;
	padding:0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
#hands-on_workshops .box02 li {
	width: 90%;
	height: auto;
	margin: 0% auto 5%;
	padding:4.5%;
    font-size: 14px;
    line-height: 150%;
	float: left;
	list-style-type: none;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
#hands-on_workshops .box02 li h3 {
    margin: 0%;
    font-size: 21px;
    text-align: center;
    line-height: 140%;
    font-weight: 400;
}
#hands-on_workshops .box02 li .ymd {
	font-size:16px;
	text-align:center;
	line-height:180%;
	margin:0px 0px 4%;
}
#hands-on_workshops .box02 li .p-relative {
    position: relative;
}
#hands-on_workshops .box02 li .p-relative img.label {
    position: absolute;
    bottom: 5px;
    right: 0;
}
#hands-on_workshops .box02 li p {
	font-size:15px;
	line-height:180%;
	margin:3% 0px 5%;
}
#hands-on_workshops .box02 li .button a:link {
	width:auto;
	margin:3% auto 0%;
	padding:5px;
	text-align:center;
	color:#ffffff;
	background-color:#448aca;
	border-radius:5px;
	display:block;
}
#hands-on_workshops .box02 li .button a:visited {
	color:#ffffff;
	background-color:#448aca;
}

#hands-on_workshops .read_more {
	width:90%;
	margin:0% auto 12%;
	text-align:center;
	color:#448aca;
	border:1px solid #448aca;
	background-color:#FFFFFF;
}
#hands-on_workshops .read_more a {
	color:#448aca;
	padding:3% 5%;
	display:block;
}
#hands-on_workshops .read_more a:hover {
	background-color:#448aca;
	color:#FFFFFF;
	opacity:1;
}


/* 親子考古学教室 */
#family .box01 {
	width:90%;
    height: auto;
    margin: 0px auto 5%;
    padding: 0% 2.5%;
	font-size:14px;
	line-height:200%;
}
#family .box01 .main_img {
	width:100%;
	height:auto;
	margin:0%;
	padding:0%;
}
#family .box01 .l, #family .box01 .r {
	width:100%;
	height:auto;
	margin:5% 0% 5%;
	padding:0px;
}
#family .box01 .caption{
    width: 92%;
    margin: 0px auto;
    padding: 4%;
    font-size: 15px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    background-color: #FFFFFF;
}
#family .box01 .caption dl{
	width: 100%;
    margin: 0% 0% 3%;
    padding: 0px;
    float: left;
    overflow: hidden;
    position: relative;
    zoom: 1;
}
#family .box01 .caption dd{
	width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #745540;
    color: #FFFFFF;
    float: left;
}
#family .box01 .caption dt{
	width: 100%;
    height: auto;
    margin: 0%;
    padding: 0%;
    background-color: #FFFFFF;
    float: left;
    text-align: center;
}
#family .box01 .caption dl:last-child{
	margin:0%;
}


#family .pc_list{
	display:none;
}
#family .sp_list .box02 {
	width:90%;
    height: auto;
    margin: 0% auto 5%;
    padding: 0% 2.5%;
}


.displayNone {
    display: none;
}
.accordion {
	width:100%;
	height:auto;
	margin:0px;
}
.contentWrap {
	margin: 0px;
}
.switch {
	width: 100%;
    height: auto;
    text-align: center;
    margin: 0px auto;
    cursor: pointer;
    padding: 2% 0%;
    background-color: #FFFFFF;
    border: 1px #448aca solid;
    color: #448aca;
    position: relative;
}
.switch:hover {
	background-color:#448aca;
	border:1px #448aca solid;
	color: #FFFFFF;
}
#family .sp_list .box02 .l {
	width:100%;
	margin:0% 0% 5% 0%;
}
#family .sp_list .box02 .r {
	width:100%;
	margin:0%;
}

#family .sp_list .box02 .l .am {
	text-align:center;
	font-size:16px;
	padding:1% 0%;
	background-color:#77d2c2;
	border:1px #77d2c2 solid;
	color:#FFFFFF;
	width:100%;
}
#family .sp_list .box02 .r .pm {
	text-align:center;
	font-size:16px;
	padding:1% 0%;
	background-color:#f09b84;
	border:1px #f09b84 solid;
	color:#FFFFFF;
	width:100%;
}
#family .sp_list .box02 .accordion .list {
	width:100%;
	height:auto;
	margin:0% auto;
	padding:0px;
	line-height: 200%;
	font-size: 14px;
}
#family .sp_list .box02 .accordion .list ul {
	overflow:hidden;
	position:relative;
	zoom:1;
	list-style-type:none;
	width:100%;
}
#family .sp_list .box02 .accordion .list li {
	margin:3% auto 3%;
	overflow:hidden;
	position:relative;
	zoom:1;
	width:100%;
}
#family .sp_list .box02 .accordion .list dl{
	width:99%;
	height:auto;
	margin:0%;
	padding:0%;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	border-bottom:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	overflow:hidden;
	position:relative;
	zoom:1;
	float: left;
}
#family .sp_list .box02 .accordion .list dd{
    width: auto;
    height: auto;
    margin: 0% 0% 0% 2%;
    padding: 0px;
    float: left;
}
#family .sp_list .box02 .accordion .list dt{
	width: auto;
    height: auto;
    margin: 0px 2% 0px 0px;
    padding: 0px;
    float: left;
}
#family .sp_list .box02 .accordion .list dt a {
	color:#448aca;
	text-decoration:underline;
}
#family .sp_list .box02 .accordion .list li .button {
	width: 99%;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFFFFF;
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
	float: left;
}
#family .sp_list .box02 .accordion .list li .button_link {
	width: 99%;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: center;
	color:#FFFFFF;
	background-color:#448aca;
	border:1px solid #2367a4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	display:block;
	float: left;
}
#family .sp_list .box02 .accordion .list li .button_link a {
	color:#FFFFFF;
    display: block;
}
#family .sp_list .box02 .accordion .list li .button_end {
	width: 99%;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: center;
	color:#FFFFFF;
	background-color:#E25041;
	border:1px solid #c9171e;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	display:block;
	float: left;
}

.entry_end_message{
    position: absolute;
    width: 100%;
    z-index: 10;
}

}












/* PCページ用CSS */
@media screen and (min-width: 631px) {

#hands-on_workshops {
	min-width:1000px;
}
#hands-on_workshops #main_img {
    background-image: url(../img/hands-on_workshops/main.png);
}

#hands-on_workshops .box01 {
	width:1000px;
	height:auto;
	margin:0px auto 50px;
	padding:0px;
	line-height: 220%;
	font-size: 18px;
}
#hands-on_workshops .box01 .list {
	width:960px;
	height:auto;
	margin:30px 0px 0px;
	padding:20px;
	background-color:#fcf4eb;
	border-radius:10px;
	text-align:center;
}
#hands-on_workshops .box01 .list h2 {
	font-size:28px;
	text-align:center;
	margin:0px 0px 20px;
}
#hands-on_workshops .box01 .list ul {
	width:775px;
	height:auto;
	margin:0px auto;
	padding:0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	list-style-type:none;
	font-size:16px;
	line-height:150%;
}
#hands-on_workshops .box01 .list li {
	width:130px;
	height:auto;
	margin:0px 25px 0px 0px;
	padding:0px;
	float:left;
}

#hands-on_workshops .box01 .list li:last-child {
	margin: 0px;
}
#hands-on_workshops .box02 {
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:0px;
    overflow: hidden;
    position: relative;
    zoom: 1;
	line-height: 220%;
	font-size: 18px;
}
#hands-on_workshops .box02 ul {
	margin:0px 0px 40px 0px;
	padding:0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
#hands-on_workshops .box02 li {
	width: 276px;
	height: auto;
	margin: 0px  0px  0px 35px;
	padding:16px;
    font-size: 14px;
    line-height: 150%;
	float: left;
	list-style-type: none;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
#hands-on_workshops .box02 li h3 {
    margin: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 140%;
    font-weight: 400;
}
#hands-on_workshops .box02 li .ymd {
	font-size:16px;
	text-align:center;
	line-height:180%;
	margin:0px 0px 10px;
}
#hands-on_workshops .box02 li .p-relative {
    position: relative;
}
#hands-on_workshops .box02 li .p-relative img.label {
    position: absolute;
    bottom: 5px;
    right: 0;
}
#hands-on_workshops .box02 li p {
	font-size:15px;
	line-height:180%;
	margin:15px 0px 10px;
}
#hands-on_workshops .box02 li:nth-child(3n+1) {
	margin: 0px;
}
#hands-on_workshops .box02 li .button a:link {
	width:auto;
	margin:12px auto 0px;
	padding:5px;
	text-align:center;
	color:#ffffff;
	background-color:#448aca;
	border-radius:5px;
	display:block;
}
#hands-on_workshops .box02 li .button a:visited {
	color:#ffffff;
	background-color:#448aca;
}

#hands-on_workshops .read_more {
	width:350px;
	margin:0px auto 70px;
	text-align:center;
	color:#448aca;
	border:1px solid #448aca;
	background-color:#FFFFFF;
}
#hands-on_workshops .read_more a {
	color:#448aca;
	padding:10px 20px;
	display:block;
}
#hands-on_workshops .read_more a:hover {
	background-color:#448aca;
	color:#FFFFFF;
	opacity:1;
}

/* 親子考古学教室 */
#family .box01 {
	width:1000px;
	height:auto;
	margin:0px auto 50px;
	line-height: 220%;
	font-size: 18px;
}
#family .box01 .main_img {
	width:1000px;
	height:auto;
	margin:20px 0px;
	padding:0px;
	overflow:hidden;
	position:relative;
	zoom:1;
}
#family .box01 .l {
	width:480px;
	height:auto;
	margin:0px 40px 0px 0px;
	padding:0px;
	float:left;
}
#family .box01 .r {
	width:480px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#family .box01 .caption{
	width:950px;
	margin:0px auto;
	padding:25px;
	font-size:15px;
	overflow:hidden;
	position:relative;
	zoom:1;
	background-color:#FFFFFF;
}
#family .box01 .caption dl{
	width:475px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	position:relative;
	zoom:1;
}
#family .box01 .caption dd{
	width:90px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#745540;
	color:#FFFFFF;
	float:left;
}
#family .box01 .caption dt{
	width:325px;
	height:auto;
	margin:0px 0px 0px 10px;
	padding:0px;
	background-color:#FFFFFF;
	float:left;
}
#family .box01 .caption dl:nth-child(-n+2) {
	margin:0px 0px 20px;
}

#family .sp_list {
	display:none;
}

#family .box02 {
	width:1000px;
	height:auto;
	margin:0px auto 50px;
	line-height: 220%;
	font-size: 18px;
	overflow:hidden;
	position:relative;
	zoom:1;
}
#family .pc_list .box02 .l {
	width:490px;
	height:auto;
	margin:0px 20px 0px 0px;
	float:left;
}
#family .pc_list .box02 .l .am {
	text-align:center;
	background-color:#77d2c2;
	color:#FFFFFF;
	width:490px;
}

#family .pc_list .box02 .r {
	width:490px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}
#family .pc_list .box02 .r .pm {
	text-align:center;
	background-color:#f09b84;
	color:#FFFFFF;
	width:490px;
}

#family .pc_list .box02 .list {
	width:490px;
	height:auto;
	margin:0px auto;
	padding:0px;
	line-height: 200%;
	font-size: 16px;
}
#family .pc_list .box02 .list ul {
	overflow:hidden;
	position:relative;
	zoom:1;
	list-style-type:none;
}
#family .pc_list .box02 .list li {
	margin:10px 0px 0px;
	overflow:hidden;
	position:relative;
	zoom:1;
}
#family .pc_list .box02 .list dl{
	width:390px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 10px;
	background-color:#FFFFFF;
	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	overflow:hidden;
	position:relative;
	zoom:1;
	float: left;
}
#family .pc_list .box02 .list dd{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#family .pc_list .box02 .list dt{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#family .pc_list .box02 .list dt a {
	color:#448aca;
	text-decoration:underline;
}
#family .pc_list .box02 .list li .button {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	color:#FFFFFF;
	background-color:#CCCCCC;
	border:1px solid #AAAAAA;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	display:block;
}
#family .pc_list .box02 .list li .button_link {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	color:#FFFFFF;
	background-color:#448aca;
	border:1px solid #2367a4;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	display:block;
}
#family .pc_list .box02 .list li .button_link a {
	color:#FFFFFF;
}
#family .pc_list .box02 .list li .button_end {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	color:#FFFFFF;
	background-color:#E25041;
	border:1px solid #c9171e;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	display:block;
}


.entry_end_message{
    position: absolute;
    width: 276px;
    z-index: 10;
}


}