@charset 'UTF-8';
/* キャンペーンサイト共通 */
/*====================================*/
/* 個別記事ページ */
/*====================================*/
/**
 * 記事表示部分
 */
#post_container {
    letter-spacing: .04em;
    word-wrap: break-word;
}

/**
 * 記事見出し
 */
#post_container h3 {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.3;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: .4em;
}

/**
 * 投稿日 テキスト
 */
#update_day {
    font-size: 14px;
    clear: both;
    margin-bottom: .5em;
    letter-spacing: 0;
}

/**
 * 更新日 テキスト
 */
.update_day--campaign {
    font-size: 14px;
    padding-left: 1em;
}

/**
 * キャンペーンバナー
 */
#banner {
    width: 510px;
    margin: 1.5em auto 0 auto;
}

/**
 * キャンペーンバナー 期間 テキスト
 */
#camp_limit, #camp_finished {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    width: 510px;
    height: 22px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    color: #FFF;
}

#camp_limit {
    background-color: #222;
}

#camp_finished {
    background-color: #C81717;
}

/**
 * 記事エリア
 */
#post_content {
    margin-top: 1.5em;
}

/**
 * 記事 本文
 */
#post_content p {
    font-size: 24px;
    margin: 1.5em 0;
}

/**
 * オフィシャルサイトのリセットCSSの設定をキャンセル
 */
#post_content p, #post_content span, #post_content strong {
    font-size: inherit;
    line-height: 1.6;
    color: inherit;
}

#post_content strong {
    font-weight: 900;
}

/**
 * キャンペーン用ボタン
 */
#camp_btns {
    margin: 35px auto 0;
    text-align: center;
}

#camp_btns li {
    display: inline-block;
}

#camp_btns a {
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

#camp_btns #right_btn {
    margin-left: 50px;
}

/**
 * キャンペーン用注意事項
 */
#post_container #notice {
    width: 600px;
    margin: 35px auto 0;
    background-color: #FFF;
}

#post_container #notice dt {
    padding: 8px 0;
    text-align: center;
    color: #FFF;
}

#post_container #notice dd {
    line-height: 1.5;
    padding: 16px;
}

/**
 * 記事下部 前へ、次へ、一覧
 */
#article_navi {
    overflow: hidden;
    height: 24px;
    margin: 35px auto 0;
    border-width: 1px;
    border-style: solid;
}

#article_navi li {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.333%;
    height: 24px;
    border-right-width: 1px;
    border-right-style: solid;
}

#article_navi li:last-child {
    border-right: none;
}

#article_navi li a {
    line-height: 24px;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #309DF5;
}

#article_navi li a:hover {
    text-decoration: underline;
}

/**
 * キャンペーン用ボタン
 */
#camp_btns a {
    color: #FFF;
    border: 1px solid #000;
    background-color: #1A1A1A;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262626), color-stop(100%, #1A1A1A));
    background-image: -webkit-linear-gradient(#262626, #1A1A1A);
    background-image:         linear-gradient(#262626, #1A1A1A);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    text-shadow: 0 1px 0 black;
}

#camp_btns a:hover {
    background-color: #262626;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1A1A1A), color-stop(100%, #262626));
    background-image: -webkit-linear-gradient(#1A1A1A, #262626);
    background-image:         linear-gradient(#1A1A1A, #262626);
}

/*====================================*/
/* 記事一覧ページ */
/*====================================*/
/*------------------------------*/
/* キャンペーン一覧の時 */
/*------------------------------*/
/**
 * カード
 */
#campaign_list {
    margin: 0 auto 30px;
}

#campaign_list li {
    margin-top: 25px;
    padding: 0 67px 25px;
    border-bottom: 1px dashed #C2C0C1;
}

#campaign_list .camp_img {
  background-image: url("../img/arrow.png");
  background-repeat: no-repeat;
  background-position: 96% center;
}


/**
 * 期間 テキスト
 */
#campaign_list .camp_limit {
    margin-bottom: 7px;
}

#campaign_list .camp_limit span {
    margin-right: 5px;
    padding: 4px 0 2px 9px;
    letter-spacing: .7em;
    color: #FFF;
    background-color: #D82828;
}

#campaign_list .camp_limit strong {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;
    color: #353535;
}

/**
 * 記事タイトル
 */
#campaign_list .camp_title a {
    font-size: 14px;
    font-weight: bold;
    color: #309DF5;
}

/**
 * キャンペーンバナー
 */
#campaign_list .camp_img {
    margin-bottom: 5px;
}

/**
 * 終了したキャンペーン リンク
 */
#finished_link {
    margin: 30px 0;
}

#finished_link a {
    color: #309DF5;
    text-decoration: none;
}

#finished_link a:hover {
    text-decoration: underline;
}

/*------------------------------*/
/* ニューストピックス一覧の時 */
/*------------------------------*/
/**
 * カード
 */
#news_list {
    overflow: hidden;
    margin: 0;
}

#news_list li {
    float: left;
    margin: 10px 0;
    border-bottom: 1px solid #BFBFBF;
    word-wrap: break-word;
}

#news_list .left_side {
    margin-right: 19px; /* border-right分 -1px*/
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #BFBFBF;
}

#news_list li a {
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 0;
}

#news_list li a:hover .news_title {
    text-decoration: none;
}

/**
 * サムネイル
 */
#news_list li .news_thumb {
    display: block;
    float: left;
    width: 92px;
    min-height: 137px;
    margin-right: 10px;
}

#news_list li .news_thumb img {
    width: 90px;
    max-height: 135px;
    height: auto;
    border: 1px solid #DADADA;
}

/**
 * 記事メタ ( 記事タイトル + 投稿日 )
 */
#news_list .news_mata {
    float: left;
}

/**
 * 記事タイトル
 */
#news_list li .news_title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    text-decoration: underline;
    color: #309DF5;
}

/**
 * 投稿日
 */
#news_list li .news_date {
    display: block;
    margin: .5em 0;
}

/*====================================*/
/* ページナビ */
/*====================================*/
.wp-pagenavi {
    margin: 30px 0;
    text-align: center;
}
.wp-pagenavi a {
    color: #309DF5;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-size: 15px;
    line-height: 18px;
    display: inline-block;
    height: 18px;
    padding: 5px;
    text-align: center;
}

.wp-pagenavi span.current {
    color: #FFF;
}

/*====================================*/
/* その他 */
/*====================================*/
.article_area {
    clear: both;
}

/**
 * 404ページ
 */
#not-found {
    line-height: 1.7;
    margin-top: 10px;
}

#not-found a {
    color: #309DF5;
}

#not-found a:hover {
    text-decoration: none;
}

/**
 * 一覧ページで記事が1件もないとき
 */
.article_area #article_nothing {
    padding: 0 10px;
}

/**
 * オフィシャルサイト上書き
 */
#left_cont #news_topics ol li .extract img {
    width: 66px;
    height: auto;
}

/*====================================*/
/* 出勤リクエストフォーム用 */
/*====================================*/
#mw_wp_form_mw-wp-form-7597 {
    width: 48%;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 1px;
}

#mw_wp_form_mw-wp-form-7597 input {
    border: none;
    background: #e8e8e8;
    padding: 8px 0;
    margin-top: 6px;
    box-sizing: border-box;
    text-align: center;
}

#mw_wp_form_mw-wp-form-7597 input:focus {
  outline: 0;
  border: 2px solid #ffc1da;
  background: #fff; 
}

#mw_wp_form_mw-wp-form-7597 .input-w input {
    width: 100%;
    padding: 8px;
    text-align: left;
}

#mw_wp_form_mw-wp-form-7597 .send-button input {
    background-color: #fe7ab0;
    border-style: none;
    width: 100%;
    padding: 12px;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    margin: 20px 0;
}

#mw_wp_form_mw-wp-form-7597 p {
    color: #1B1B1B;
    font-size: 13px;
}

#mw_wp_form_mw-wp-form-7597 p .required,
#mw_wp_form_mw-wp-form-7597 p .optional {
    color: #fff;
    background: #fe7ab0;
    padding: 3px;
    width: 34px;
    text-align: center;
    margin-right: 6px;
    border-radius: 6px;
}

#mw_wp_form_mw-wp-form-7597 p .optional {
    background: #5a9fca;
}

#mw_wp_form_mw-wp-form-7597 .desired-course {
    display: block;
    margin-top: 6px;
}

#mw_wp_form_mw-wp-form-7597 .desired-course select {
    width: 287px;
}

#mw_wp_form_mw-wp-form-7597 .t-area {
    width: 100%;
    margin-top: 6px;
}

#mw_wp_form_mw-wp-form-7597 .example {
    font-size: 12px;
    color: #ff0000;
}