.activeList {

    background: #f3f4f2;

    overflow: hidden;

    padding: 60px 30px 30px;

}

.activeList h1 p{

	background:#f3f4f2;

}



.activeBox {

    overflow: hidden;

    padding: 50px;

    background: #fff;

    box-sizing: border-box;

}



.activeBox li {

    display: inline-block;

    vertical-align: top;

    width: 17%;

    padding: 0;

    margin: 0 55px 30px 0;

}



.activeBox li:nth-child(5n) {

	margin:0;

}



.activeBox li img {

	width:100%;

	vertical-align:bottom;

}



.activeBox li p {

	font-size: 0.9em;

}



.activeBox li p span {

    font-family: 'PT Serif', serif;

    display: block;

    padding: 10px 0 5px 0;

    color: #999;

}



/*マウスオーバー処理---------------------*/





.activeBox li a.more {

	width:100%;

	height:auto;

	display:block;

	background:url(../imgs/viewmore.png) no-repeat center 45%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.activeBox li a.more:hover {

	background:url(../imgs/viewmore.png) no-repeat center 50% #104c57;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.activeBox li a.more span {

	width: 0%;

    height: 2px;

    margin: 0 auto;

    background: #fff;

    position: absolute;

    top: 32%;

    z-index: 100;

    left: 45%;

}

/*--------------------------------------*/



.activeBox li a figure {
position: relative;
height: 320px;
overflow: hidden;
}



.activeBox li a figure img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
}



/**********************************************/

.activeList .wp-pagenavi {
	clear:both;
    display: block;
    padding: 30px 0;
	margin:0;
	text-align:center;
}


.activeList .wp-pagenavi span.current {
    border: 2px solid #333;
    background: #333;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
	margin:0 5px;
}

.activeList a.page.larger {
    border: 2px solid #333;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#333;
}



.activeList a.page.smaller {
    border: 2px solid #333;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#333;
}



.activeList a.page.larger:hover {
	text-decoration:none;
	background:#333;
	color:#fff;
}



.activeList a.page.smaller:hover {
	text-decoration:none;
	background:#333;
	color:#fff;
}

.activeList a.nextpostslink {
    border: 2px solid #333;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#333;
}

.activeList a.previouspostslink {
    border: 2px solid #333;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#333;
}

.activeList a.previouspostslink :hover {
	text-decoration:none;
	background:#333;
	color:#fff;
}



.activeList a.nextpostslink:hover {
	text-decoration:none;
	background:#333;
	color:#fff;

}



/*********************************************/







/*ARCHIVE_D

============================================*/



.activedBox {

	width:75%;

	margin:0 20px 0 0;

	float:left;

	overflow:hidden;

	background:#fff;

	box-sizing:border-box;

	padding:0 0 30px;

}



.activedBox_inner {

    overflow: hidden;

    margin: 30px 50px;

    border-bottom: 1px solid #eee;

    padding: 0 0 30px 0;

}



.activedBox dl {

	border-bottom: 1px solid #eee;

	margin: 0 0 30px 0;

	padding: 0 0 10px 0;

}



.activedBox dt {

	/* color: #999; */

	/* font-size: 110%; */

	font-family: 'PT Serif', serif;

	font-weight: bold;

	/* letter-spacing: 1px; */

}



.activedBox dd {

	font-size: 180%;

	font-weight: bold;

	padding: 5px 0;

}



.activedBox ul {

    width: 30%;

    overflow: hidden;

    float:left;

    padding: 5px;

    border:1px solid #ccc;

    box-sizing:border-box;

}



.activedBox li {

    float: left;

    width: 40%;

	padding:10px;

}



.activedBox li.sl01 {padding: 0;}



.activedBox li.sl02 {padding: 0;outline: none;}











.activedBox li img {

	width:100%;

	vertical-align:bottom;

}



.activedBox_right {

	width:22%;

	float:right;

}



.activedBox_right p {

    font-family: 'PT Serif', serif;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px 0 10px 10px;

    font-size: 110%;

    letter-spacing: 2px;

}



.activedBox_right .art {

	padding:10px 0;

}



.activedBox_right .art p{

	width:30%;

	margin:0 auto;

	display:inline-block;

	border:none;

	padding:0 10px 0 0;

}



.activedBox_right .art a {

	color:inherit;

}



.activedBox_right .art a:hover {

	text-decoration:none;

}



.activedBox_right .art dl {

	display:inline-block;

	vertical-align:top;

	width: 60%;

	padding: 10px 0;

}



.activedBox_right .art dt {

    font-family: 'PT Serif', serif;

    font-weight: bold;

    color: #333;

    font-size: 80%;

    letter-spacing: 1px;

    padding: 0;

}



.activedBox_right .art dd {

	font-size: 80%;

	padding: 5px 0;

}







/**/

.detail {

	float:right;

	width: 65%;

}
.detail dl {
	border: none;
	padding: 0;
}

.detail dt {
	background: #f3f4f2;
	border-left: 5px solid #998d71;
	padding: 10px 0 10px 10px;
	font-family: inherit;
	font-size: 90%;
	letter-spacing: 2px;
	color: #333;
	margin: 0 0 30px;
}

.detail dd {
	font-size: 90%;
	font-weight: normal;
	padding: 0 0 5px;
}

.activedBox .breadcrumb {
    clear: both;
    position: relative;
    border-bottom: 1px solid #eee;
    padding:10px 15px;
    text-align:left;
    overflow: hidden;
}

.activedBox .breadcrumb ul{
	border: none;
	padding: 0 10px 0 0;
	float: none;
	width: auto;
}

.activedBox .breadcrumb li{
    font-size: 90%;
    display: inline-block;
    width: auto;
    float: none;
    padding: 0;
}
.activedBox .breadcrumb li a {
	color:#000;
}

/*一覧へ戻る*/
.hr {background: #ccc;height: 1px;border: none;margin: 50px 0;}
.activeBtn {
	clear:both;
}
.activeBtn a {
	border: 1px solid #ccc;
	background: #fff;
	text-decoration:none;
	font-size: 0.9em;
	padding: 15px 0;
	width: 20%;
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #666;
}



.activeBtn a:hover {

	border:1px solid #999;

}





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



.activeList {

	padding:80px 0 0 0;

}



.activeBox li {

    margin: 0 25px 10px 0;

}



.activeBox li a figure {

	

height: 180px;

}



.activeBox li p {

	font-size:70%;

}



/*ARCHIVE_D

============================================*/



.activedBox {

    width: 70%;

    margin: 0;



}



.activedBox_inner {

    margin: 30px 20px;

    padding: 0;

}





.activedBox dt {

font-size: 90%;

    font-weight: normal;

    letter-spacing: 0;

}



.activedBox dd {

	font-size: 120%;

}



.activedBox ul {

    margin: 0 auto 30px;

}



.activedBox li {

    float: left;

    width: 40%;

	padding:0;

}

.activedBox li img {

	width:100%;

}



.activedBox_right {

    width: 28%;

}



.activedBox_right p {

    font-family: 'PT Serif', serif;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 10px 0 10px 10px;

    font-size: 110%;

    letter-spacing: 2px;

}



.activedBox_right .art {

	padding:10px 0;

}



.activedBox_right .art p{

	width:30%;

	margin:0 auto;

	display:inline-block;

	border:none;

	padding:0 10px 0 0;

}



.activedBox_right .art a {

	color:inherit;

}



.activedBox_right .art a:hover {

	text-decoration:none;

}



.activedBox_right .art dl {

	display:inline-block;

	vertical-align:top;

	width: 60%;

	padding: 10px 0;

}



.activedBox_right .art dt {

    font-family: 'PT Serif', serif;

    font-weight: bold;

    color: #333;

    font-size: 80%;

    letter-spacing: 1px;

    padding: 0;

}



.activedBox_right .art dd {

	font-size: 80%;

	padding: 5px 0;

}







/**/

.detail {

	padding:0 0 30px 0;

}



.detail dl {margin: 0 0 10px 0;}



.detail dt {

	font-size: 80%;

}



.detail dd {

	font-size: 80%;

	font-weight: normal;

	padding: 10px 0;

}





.activedBox .breadcrumb {

    border-top: none;

    border-bottom: 1px solid #eee;

    padding: 10px 0;

}



.activedBox .breadcrumb ul{

    border: none;

    padding: 0 10px;

    float: none;

    width: auto;

    margin: 0;

    text-align: left;

}



.activedBox .breadcrumb li{

    font-size: 80%;

    display: inline-block;

    width: auto;

    float: none;

    padding: 0;

}



.activeBtn a {

    width: 30%;

    padding: 10px 0;

}





}



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



.activeList {

	padding:80px 0 0 0;

}



.activeBox li {

    width: 32%;

    padding: 0 0 15px 0;

    margin: 2px;

}





.activeBox li p {

	font-size:70%;

}





/*ARCHIVE_D

============================================*/



.activedBox {

	width: 100%;

	float: none;

}



.activedBox_inner {

    overflow: hidden;

}



.activedBox dl {

	margin:0 0 30px 0;

}



.activedBox dt {

	font-size: 90%;

}



.activedBox dd {

	font-size: 130%;

}



.activedBox ul {

}



.activedBox li {

    float: left;

    width: 40%;

}



.activedBox li.sl01 {

}



.activedBox li.sl02 {

}



.activedBox li img {

	width:100%;

}



.activedBox_right {

	width: 100%;

	float: none;

	margin: 30px 0 0 0;

}



.activedBox_right p {

    border-top: none;

    border-bottom: 1px solid #eee;

}



.activedBox_right .art {

    padding: 15px 5px 0 5px;

    width: 23%;

    display:inline-block;

    vertical-align:top;

}



.activedBox_right .art p{

	width: 100%;

}



.activedBox_right .art a {

}



.activedBox_right .art a:hover {

	text-decoration:none;

}



.activedBox_right .art dl {

	width: 100%;

	padding: 0;

}



.activedBox_right .art dt {

    font-size: 70%;

    letter-spacing: 1px;

}



.activedBox_right .art dd {

	font-size: 70%;

	padding: 5px 0;

}



/**/

.detail {

}



.detail dl {

	border: none;

	padding: 0;

	margin: 0 0 15px 0;

}



.detail dt {

	padding: 5px 0 5px 5px;

	font-size: 80%;

}



.detail dd {

	font-size: 80%;

	padding: 10px 0 0 0;

}





.activedBox .breadcrumb li{

    font-size: 70%;

}



}



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



.activeBox {

	

padding: 30px 10px;

}



.activeList {

    padding: 80px 0 20px 0;

    margin:0 0 20px 0;

}



.activeBox li {

    width: 49%;

    margin: 0;

}



.activeBox li a figure {

	

min-height: 170px;

	

height: auto;

}





.activeBox li p {

	font-size:70%;

}



/*ARCHIVE_D

============================================*/



.activedBox_inner {margin: 30px 0;}



.activedBox dl {

	padding: 0 5px;

	box-sizing: border-box;

}





.activedBox dd {font-size: 100%;}



.activedBox ul {

    width:80%;

    float: none;

    box-sizing: border-box;

}



.activedBox li {

    float: left;

    width: 40%;

}





.activedBox li img {

	width:100%;

}





.activedBox_right p {

    border-top: none;

    border-bottom: 1px solid #eee;

}



.activedBox_right .art {

    padding: 10px 5px;

    width: 49%;

    box-sizing: border-box;

}



.activedBox_right .art p{

	width: 100%;

	height: 200px;

	overflow: hidden;

}



.activedBox_right .art p img {

	width:100%;

}



.activedBox_right .art a {

}



.activedBox_right .art dl {

	width: 100%;

	padding: 0;

}



.activedBox_right .art dt {

    font-size: 70%;

    letter-spacing:0;

}



.activedBox_right .art dd {

	font-size: 70%;

	padding: 5px 0;

}



/**/

.detail {

	width: 100%;

	padding: 0;

}



.detail dt {

	padding: 5px 0 5px 5px;

	font-size: 80%;

	box-sizing: border-box;

}



.detail dd {

	font-size: 80%;

	padding: 10px 0 0 0;

}





.activedBox .breadcrumb li{

    font-size: 70%;

}



.activeBtn a {

	width:70%;

}



}