/*!
*  Style.css | 2016.05.24 by yk
*/

/*!
 *  Variables | 2016.03.17 by yk
 */

 #mainColumn h1 {
	margin-bottom: 30px;
	color: #534741;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 2.0em;
	text-indent: 6px;
	text-shadow: 1px 1px #fff;
	border-top: 1px solid #d1d199;
	border-bottom: 6px solid #d1d199
}
#mainColumn .lead {
	margin-bottom: 18px
}
#message {
	padding-left: 6px;
	margin-bottom: 60px
}
#message .lead {
	margin-bottom: 18px
}
#outline {
	padding-left: 6px;
	margin-bottom: 45px
}
#outline .lead {
	margin-bottom: 30px
}
#outline table {
	width: 100%;
	margin-bottom: 30px
}
#outline table tr th {
	width: 200px;
	padding: 10px;
	background-color: #ededed;
	border: 1px solid #ccc
}
#outline table tr td {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc
}
#volunteer {
	margin-bottom: 30px
}
#volunteer p {
	padding: 12px 24px;
	background-color: #fff;
	border: 1px solid #c7b299
}
#rightColumn .pageNav {
	margin-bottom: 30px
}
#rightColumn .pageNav h2 {
	padding: 6px 12px;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 2.4em;
	text-indent: 12px;
	background-color: #a9ccb1;
	border-bottom: 6px solid #d1d199;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px
}
#rightColumn .pageNav ul {
	padding: 12px;
	background-color: #fff;
	border: 1px solid rgba(115, 99, 87, 0.3);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}
#rightColumn .pageNav ul li a {
	display: block;
	color: #534741;
	font-size: 1.1em;
	line-height: 2.4em;
	text-indent: 12px
}
#rightColumn .pageNav ul li a:hover, #rightColumn .pageNav ul li a.active {
	font-weight: bold
}
#rightColumn .pageNav ul li+li {
	border-top: 2px dotted #d1d199
}

/*!
*  レスポンシブ/2021/07/09
*/
@media screen and (max-width: 1080px) {
    #mainColumn h1 {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 765px) {
    #content #rightColumn .linkBnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    #outline .image {
        float: none;
        padding-left: 0px;
    }
    #outline .image img {
        width: 100%;
    }
    #outline table tr th {
        width: 74px;
        padding: 5px;
    }
}