@charset "UTF-8";
/* CSS Document */
#text-wrap {
    width: 860px;
    display: block;
    margin: 0 auto;
    margin-top: -100px;
}
.information__inner {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
padding: 25px !important;
}
.information__text {
margin-top: 25px !important;
}
.information__text-body dl.show {
display: block;
}
.information__text-body dl {
padding-bottom: .8em;
padding-top: .8em;
border-top: 1px dotted #ff005a;
}
.information__text-body dl:last-child {
    border-bottom: 1px dotted #ff005a;
}
#text-wrap dl {
    overflow: hidden;
}
dl.show {
    display: block;
    padding-bottom: .8em;
    padding-top: .8em;
    border-bottom: 1px dotted #ff005a;
}
.firstDl {
	border-top: 1px dotted #ff005a !important;
}
dl.hide {
    padding: .8em 0;
    border-bottom: 1px dotted #ff005a;
}
dt.information__date {
    margin-left: 25px;
}
dd.information__content a {
    text-decoration: underline;
    color: #000;
}

.information__date {
    color: #ff005a;
}
.information__date {
    float: left;
    margin-right: 2em !important;
}
.information__title img {
    height: 45px;
}
div#text-wrap__innner {
    background-color: #fff;
    padding: 25px;
	background-color: #fff;
    background-image: radial-gradient(#83cdd1 10%, transparent 13%),radial-gradient(#83cdd1 10%, transparent 13%) !important;
    background-position: 0 0, 5px 5px !important;
    background-size: 10px 10px !important;
	border-radius: 20px;
}
h2.information__title {
    margin-bottom: 25px;
	text-align: center;
}
.openNext {
	text-align: center;
}
.openNext a {
    background-color: #000;
    padding: 10px 20px;
    position: relative;
    top: 30px;
	color: #fff;
	border: 3px solid #000;
}
.closeNext {
	text-align: center;
}
.closeNext a {
    background-color: #000;
    padding: 10px 20px;
    position: relative;
    top: 30px;
	color: #fff;
	border: 3px solid #000;
}
span.wordwrap {
    display: inline-block;
}
img.ribon_info {
position: relative;
top: -320px;
right: -1020px;
}
dl.show dd {
    display: inline-block;
}
dl.show dd a {
    color: #000;
    text-decoration: underline !important;
}


/*SP*/
@media screen and (max-width: 768px) {
#text-wrap {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: -60px;
}
dt.information__date {
    margin-left: 0 !important;
}
.information__title img {
    height: 35px;
}
h2.information__title {
    margin-bottom: 12.5px;
}
}


/*リボン共通*/
.news_ribon {
    text-align: right;
    position: relative;
    top: 70px;
    right: -15px;
}
/*リボン_SP*/
@media screen and (max-width: 768px) {
.news_ribon img {
    width: 30%;
}
}