@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------------------------/
	共通
/------------------------------------------------------------------------------------------------------------------------ */

.subvisual {
    background-image: url("../image/visual.jpg");
    background-repeat: no-repeat;
}

article {
    margin: 84px 0;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	list
/------------------------------------------------------------------------------------------------------------------------ */

.info-list {
    width: 100%;
}

.info-list h3 {
    display: inline-block;
    margin-bottom: 24px;
    border-bottom: 2px solid #f2909e;
}

.info-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.info-list ul li {
    border-bottom: 1px dotted #aaa;
}
.info-list ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 1em 0;
    box-sizing: border-box;
    text-decoration: none;
}
.info-list ul li a::after {
    position: relative;
    left: 0;
    font-family: 'Material Icons';
    content: '\e5cc';
    color: #f2909e;
    font-size: 150%;
    line-height: 1;
    transition: .2s all;
}
.info-list ul li a:hover:after {
    left: 6px;
}
.info-list ul li a .date {
    width: 7.5em;
    box-sizing: border-box;
    border: 1px solid #f2909e;
    padding: 0 .75em;
    margin-right: 1.5em;
    color: #f2909e;
}
.info-list ul li a .title {
    width: calc(100% - 8em);
    box-sizing: border-box;
    padding-right: 24px;
}

.kpage {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin-top: 36px;
    text-align: center;
}
.kpage li {
    display: inline-block;
    line-height: 1;
    margin-right: 1em;
}
.kpage li:last-child {
    margin-right: 0;
}
.kpage li.now {
    width: 2em;
    height: 2em;
    padding: .5em;
    background: #f2909e;
    border-radius: 1em;
    box-sizing: border-box;
    color: #fff;
}
.kpage li a {
    text-decoration: none;
    color: #f2909e;
    font-weight: 500;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	detail
/------------------------------------------------------------------------------------------------------------------------ */

.contents-title {
    border-bottom: 1px solid #f2909e;
    padding-bottom: .5em;
    margin-bottom: 2em;
}
.contents-title .date {
    display: block;
    box-sizing: border-box;
    color: #f2909e;
}
.contents-title .kizi-title {
    box-sizing: border-box;
    padding-right: 24px;
}

.pager {
    display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	margin-top:48px;
}
.pager .prev,
.pager .next {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #f2909e;
}
.pager .prev:hover,
.pager .next:hover {
    text-decoration: underline;
}
.pager .prev::before {
    font-family: 'Material Icons';
    content: '\e5cb';
    font-size: 24px;
}
.pager .next::after {
    font-family: 'Material Icons';
    content: '\e409';
    font-size: 24px;
}
.pager .prev:hover:before,
.pager .next:hover:after {
    text-decoration: none;
}
@media screen and (max-width:750px) {
    .ua-sp .pager .prev::before {
        font-size: 72px;
    }
    .ua-sp .pager .next::after {
        font-size: 72px;
    }
    .ua-sp .pager .pager-txt {
        display: none;
    }
}


.pager .btn {
    margin: 0 2em;
}

.photo-l {
	float:left;
	margin-right:36px;
}
.photo-c {
	margin:0 auto 36px auto;
	text-align:center;
}
.photo-r {
	float:right;
	margin-left:36px;
}

.gl-box {
    padding-bottom: 48px;
	margin-bottom: 48px;
    border-bottom: 1px dotted #f2909e;
}
.gl-box:last-of-type {
    border-bottom: none;
}
.gl-box:after {
	content:"";
	display:block;
	clear:both;
}