@charset "utf-8";
/* CSS Document */

/*

============ お客様用css ============

スタイルを調整される際は以下に追記をお願いいたします。
また、スタイルがうまく反映されない場合は、

「margin-top: 10px!important;」

のように、値の後に「!important」を記述して下さい。

*/
.pointer {
    cursor: pointer !important;
}

/* radio
---------------------------------------------------------*/
label.checked {
    background: #20ae59 !important;
    color: #fff
}

.radio_label:hover {
    background: #20ae59 !important;
    color: #fff
}

/* error
---------------------------------------------------------*/
#error {
    margin-bottom: 15px;
    padding: 10px;
    color: #F00;
    text-align: left !important;
    border: 1px dotted #F00;
}

.error_bg {
    background-color: #fbd3ce !important;
}

.form_error, #error_msg {
    color: #F00 !important;
}


/* text
---------------------------------------------------------*/
.text_ss {
    width: 80px !important;
}

.text_s {
    width: 120px !important;
}

.text_m {
    width: 200px !important;
}

.text_l {
    width: 340px !important;
}

.text_xl {
    width: 400px !important;
}

/* inner table
---------------------------------------------------------*/
table.inner_table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

table.inner_table th,
table.inner_table td {
    margin: 0;
    padding: 8px;
    border: none;
    background: none;
    color: #2b2b2b;
    /*width: 160px;*/
    text-align: left;
}

/* place holder
---------------------------------------------------------*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

::placeholder { /* Others */
    color: #ccc !important;
}


.search_active {
    background: #20AE59 !important;
    color: #fff !important;
}

.c-form__btn {
    color: #fff !important;
    cursor: pointer;
}

.search_icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 40px;
    padding: 5px 25px 5px 18px;
    border-radius: 0 20px 20px 0;
    background: #e8e8e8 url(/common/img/search_ico.png) center center/18px 18px no-repeat;
    cursor: pointer;
}

/* お知らせの関連リンク */
.related_link {
    background: red;
    font-size: 13px;
    color: #2b7c31 !important;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 22px;
    background: url(/parts/img/top_related_link.png) no-repeat left center;
    background-size: 14px;
}

.text_date {
    display: inline-block;
    color: #636363;
    font-size: 13px;
}

.information_type {
    display: inline-block;
    padding: 3px 16px;
    border: 1px solid #178a45;
    border-radius: 3px;
    background: #fff;
    color: #178a45;
    font-size: 1.2rem;
}
.p-top__info__news__list li a dt {
	position: relative;
}

.p-top__info__news__list li a dt .pdf {
	right: 5px;
	top: 0;
}
@media screen and (max-width:480px){
	.p-top__info__news__list li a dt .pdf {
		top: 5px;
	}
}

.p-top__modal__content .modal_detail {
	position: relative;
}
.p-top__modal__content .modal_detail .pdf {
	right: 50px;
	top: 5px;
}

@media screen and (max-width:480px){
	.p-top__modal__content .information_type {
		text-align: center;
		display: block;
		width: 90px;
		margin-top: 5px;
	}
}

/* ジャンルから探すのli pointerに */
.p-publication__modal__genre li{
    cursor: pointer;
}