/*!
*  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
}
#philosophy {
	padding-left: 6px;
	margin-bottom: 60px
}
#philosophy .lead {
	margin-bottom: 18px
}
#philosophy .text {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2em;
	line-height: 2.0em
}
#philosophy .text strong {
	display: block;
	color: #534741;
	font-size: 2.2em;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2.0em
}
#outline {
	padding-left: 6px;
	margin-bottom: 60px
}
#outline .image {
	float: right;
	padding-left: 15px;
	margin-bottom: 20px
}
#outline .lead {
	font-size: 15px;
	margin-bottom: 30px
}
#outline table {
	width: 100%;
	margin-bottom: 45px
}
#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
}
#outline table tr td a {
	color: #006699;
	text-decoration: underline
}
#outline .addition dt {
	font-weight: bold
}
#outline .addition dd {
	padding-left: 12px;
	margin-bottom: 6px
}
#gallery .lead {
	margin-bottom: 30px
}
#gallery .flex-control-thumbs li {
	width: 20%
}
#volunteer p {
	padding: 12px 24px;
	background-color: #fff;
	border: 1px solid #c7b299
}
.boxcerContent {
	width: 800px
}
.boxcerContent .preceTitle {
	box-sizing: content-box !important;
	height: 30px;
	padding: 6px 0;
	margin-bottom: 12px;
	background: -moz-linear-gradient(50% 0% -90deg, #fff 0%, #f5e7d7 100%);
	background: -webkit-linear-gradient(-90deg, #fff 0%, #f5e7d7 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fff), color-stop(1, #f5e7d7));
	background: -o-linear-gradient(-90deg, #fff 0%, #f5e7d7 100%);
	background: -ms-linear-gradient(-90deg, #fff 0%, #f5e7d7 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5E7D7' ,GradientType=0)";
	background: linear-gradient(180deg, #fff 0%, #f5e7d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5E7D7', GradientType=0);
	border: 1px solid rgba(115, 99, 87, 0.3)
}
.boxcerContent .preceTitle h3 {
	height: 30px;
	margin-left: 12px;
	color: #534741;
	font-size: 1.2em;
	line-height: 30px;
	text-indent: 12px;
	text-align: left;
	border-left: 3px solid #c7b299
}
.boxcerContent table {
	width: 100%;
	margin-bottom: 10px
}
.boxcerContent table tr th {
	width: 200px;
	padding: 10px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	background-color: #ededed;
	border: 1px solid #ccc
}
.boxcerContent table tr td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc
}
.boxcerContent table tr td a {
	text-decoration: underline
}
.boxcerContent table tr.shading td {
	background-color: #ffc
}
.boxcerContent table tr.per20 td {
	background-color: #ffd
}
.boxcerContent table tr.per30 td {
	background-color: #fed
}
.boxcerContent>P {
	margin-bottom: 20px
}
.boxcerContent>P b {
	color: #c00
}
#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;
    }
    #boxer.mobile .boxer-container {
      overflow: scroll;
    }
    #boxer .boxcerContent {
      overflow: scroll;
      width: 100%;
      white-space: nowrap;
    }
    #boxer .boxcerContent .preceTitle {
      min-width: 500px;
    }
}