@charset "windows-31j";
/* CSS Document */
#box{
    width:100%;
    height:100px;
}
#box2{
    width:100%;
    height:100px;
}

/* search */
.search{
    width:100%;
    clear:both;
}
.job a{
    font-size:114%;
    font-weight:bold;
    color:#0075c1;
}
.job a:before {    
    font-family: 'FontAwesome';
    content: '\f0da';
    margin: 0 2px 0 0;
}
.job2{
    margin:0 0 5px 0;
    padding:0 0 0 10px;
    font-size:94%;
}
.result{
    padding:15px;
    border:2px solid #CCC;
    overflow:hidden;
    clear:both;
}
.result p{
    font-size:114%;
    margin:0;
    padding:0;
}
.dot{
    padding:15px;
    width:90%;
    border:3px dotted #CCC;
    overflow:hidden;
    clear:both;
}

/*TOP＞北陸で就活するならIBAC用*/
.KeyworBox{
    margin:0 0 10px 0;
    padding:5px 0;
    color:#556D25;
    font-size:130%;
    font-weight: bold;
    border-top:2px solid #84A638;/* メインサブカラー */
    border-bottom:2px solid #84A638;/* メインサブカラー */
}

/* event */
.event_01, .event_02{
    width:100%;
    margin:0 0 20px 0;
    float:left;
    clear:both;
}
.event_01 ul, .event_02 ul{
    clear:both;
    display:block;
}
.eventname a{
    font-size:114%;
    font-weight:bold;
}
.eventname a:before {    
    font-family: 'FontAwesome';
    content: '\f0da';
    margin: 0 2px 0 0;
}
.event_01 h2{
    color:#f08437;
    border-bottom:1px solid #f08437;
}
.event_02 h2{
    color:#6cbb5a;
    border-bottom:1px solid #6cbb5a;
}
.event_01 .eventname a{
    color:#f08437;
}
.event_02 .eventname a{
    color:#6cbb5a;
}
.event{
    font-size:114%;
    font-weight:bold;
}
.day{
    margin:5px 0 0 10px;
    font-size:94%;
}
.tag{
    margin:5px 0;
    font-size:85%;
    line-height:1;
    color:#FF0000;
}

/* banner */
.bnr{
    margin:0 0 10px 0;
    padding:10px;
    border:1px solid #CCC;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    background:#FFF;
    overflow:hidden;
    display:block;
    cursor:pointer;
}
.bnr_notblock{
    margin:0 0 10px 0;
    padding:10px;
    border:1px solid #CCC;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    background:#FFF;
    overflow:hidden;
}
.bnr:hover{
    border:1px solid #EF6327;/* メインカラー */
    background:#FFF;
}

.bnr p{
    line-height:150%;
}
.bnr img, .bnr_notblock img{
    width:100%;
    border:1px solid #CCC;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.forumBoxWrap{
    width: 100%;
    margin-bottom: 10px;
    overflow:hidden;
    display:block;
}
.forumBoxWrap img{
    width:100%;
}
.forumBoxRight ul{
    list-style: none;
}
.forumBoxRight li{
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    margin-bottom: 7px;
}

.usefulBoxWrap{
    width: 100%;
    margin-bottom: 10px;
    overflow:hidden;
    display:block;
}
.usefulBoxRight ul{
    list-style: none;
}
.usefulBoxRight li{
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    margin-bottom: 7px;
}
.psActBox{

}
.psActBox ul{
    list-style: none;
}
.psActBox li{
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    margin-bottom: 7px;
    font-size:85%;
    font-weight:normal;
}
/*フォーラム紹介：スマホ時の画像が大きすぎるためPCスマホ両方同じレイアウトに変更*/
    .forumBoxLeft	{float: left;
                   width: 35%;
    }
    .forumBoxRight	{float: right;
                    width: 65%;
                    padding-left: 20px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
    }
.forumBoxLeft img,.swiper-slide img{/*2027追加*/
    border-radius: 10px;
}
@media (min-width: 768px) {

    /* contents_main、sidemenuを横に並べる設定 */
    .bnr:after	, bnr_notblock:after{content: "";
                                    display: block;
                                    clear: both}

    .bnrLeft	{float: left;
              width: 35%;
    }

    .bnrRight	{float: right;
               width: 65%;
               padding-left: 20px;
               -moz-box-sizing: border-box;
               -webkit-box-sizing: border-box;
               box-sizing: border-box;
    }
    .forumBoxWrap:after{content: "";
                        display: block;
                        clear: both}
    .usefulBoxWrap:after{content: "";
                         display: block;
                         clear: both}

    .usefulBoxLeft	{float: left;
                    width: 40%;
    }

    .usefulBoxRight	{float: right;
                     width: 60%;
                     padding-left: 10px;
                     -moz-box-sizing: border-box;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
    }
    
    .psSortBox{
        padding-left: 20px;
        border-bottom: 0px;
    }
}
/* table */

.table_01, .table_02, .table_02a, .table_06,.table_01mail{
    width:100%;
    margin-bottom:20px;
}
.table_01{
    border-collapse:separate;
    border-spacing:1px;
    background:#CCC;
}
.table_01 th{
    padding:5px;
    background:#888;
    text-align:center;
    color:#FFF;
}
.table_01 th.thcolor{
    padding:5px;
    color:#000;
    background:#FFEDE5;
    text-align:left;
}
.table_01 td{
    padding:5px 10px;
    background:#FFF;
}
.table_01 td.tdacenter{
    text-align:center;
}
.table_01 td.date{
    font-size:85%;
}
/*メッセージボックス用に追加*/
    .table_01mail{
        background:none;
    }
    .table_01mail td{
        box-sizing: border-box;
        width:100%;
        margin:0;
        padding:0;
        text-align:left;
        border:none;
        display:inline-block;
        overflow:hidden;
    }
    .table_01mail td:nth-last-child(1) {
        margin:0 0 10px 0;
        padding:0 0 10px 0;
        border-bottom:1px solid #888;
    }
    .mailKindIconr{
        display: inline-block;
        width: 70px;
        font-weight: bold;
        text-align: center;
        float: right;
        margin-bottom:5px;
    }

.CorpName{/*検索用に追加*/
    font-size:130%;
}   
.table_02 th.CorpName a{
    color: #A82400;
    text-decoration: none;
}
.font85{
    font-size:85%;
}
.eventBatch{
    background: #777;
    color: #ffffff;
    font-size:85%;
    padding: 2px;
}
.table_02, .table_02a{
    background:linear-gradient(#FFEDE5, #F2F7E9);
    border-collapse:collapse;
    border:0px;
}
.table_02obog, .table_02oboga{
    background:#ffffff;
    border-collapse:collapse;
    border:0px;
}

.table_02 th, .table_02 td, .table_02a th, .table_02a td{
    padding:10px;
    /*background:#faf1c2;*/
    border-bottom:2px solid #FFF;
    text-align: left;
}
.stripe tr:nth-child(even) td{
    background: #FFFFCC;
}
.table_03{
    width:100%;
    border-collapse:separate;
    border-spacing:1px;
    background:#CCC;
}
.table_03 th{
    padding:5px 10px;
    font-size:114%;
    background:#FFEDE5;
    text-align:left;
}
.table_03 th a{
    text-decoration:none;
    transition: .2s;
}
.table_03 th a:hover{
    /*background:#555;*/
    color: #A3C656;
}
.table_03 th a:after{
    font-family: 'FontAwesome';
    content: '\f101';
    /*float:right;*/
    font-size:122%;
    font-weight:normal;
    margin-left:5px;
}
.table_03 td{
    padding:5px 10px;
    background:#FFF;
}
/*フォーラム*/
.table_search{
    width:100%;
    border-collapse:separate;
    border-spacing:1px;
    background:#CCC;
}
.table_search th{
    padding:5px 10px;
    font-size:110%;
    background:linear-gradient(#FFEDE5, #FFC8B7);
    /*background:#FFEDE5;*/
    text-align:left;
}
.table_search th a{
    text-decoration:none;
    transition: .2s;
}
.table_search th a:hover{
    color: #EF6327;
}
.table_search th a:after{
    font-family: 'FontAwesome';
    content: '\f101';
    font-size:122%;
    font-weight:normal;
    margin-left:5px;
} 
.table_search td.td2{
    font-weight:bold;
} 
.table_search td{
    padding:5px 10px;
    background:#FFF;
}
/*罫線透明テーブル */
.table_bordernone{
    width:100%;
    border-collapse:collapse;
    border:0px;
}
.table_bordernone tr{
    vertical-align: top;
}
.table_bordernone th, .table_bordernone td{
    padding:2px 0px 2px 0px;
}
.table_bordernone td.subtitle{
    font-size:85%;
}
.table_bordernone td.subtitle_border{
    font-size:85%;
    text-align: right;
    border-bottom: dotted 1px #999;
}
.table_bordernone td.border{
    border-bottom: dotted 1px #999;
}
.table_05{
    width:100%;
	border-collapse:collapse;
    border:0px;
	border-top:1px solid #CCCCCC;
    word-break:break-all;
}
.table_05 tr{
	border-bottom:1px solid #CCCCCC;
}
.table_05 th, .table_05 td{
    padding:5px 10px;
}
.table_05 th{    
	background:#EEE;
}
.table_05 td a:after{
    font-family: 'FontAwesome';
    content: '\f101';
    margin: 0 0 0 2px;
}

.table_05 td.afterNone a:after{
    content: none;
}

.table_06{
    border:0px;
}
.table_06 th, .table_06 td{
    padding:10px;
    background:#FFF;
    border-bottom:2px solid #FFF;
    text-align: left;
}

/*PC・スマホ共通レイアウト*/
.table_07{
    width:100%;
    margin-bottom:20px;
}
.table_07{
    border-collapse:separate;
    border-spacing:1px;
    background:#CCC;
}
.table_07 th{
    padding:5px;
    background:#888;
    text-align:center;
    color:#FFF;
}
.table_07 td{
    padding:5px 10px;
    background:#FFF;
}
.table_07 td.tdacenter{
    text-align:center;
}

/* コンタクトメッセージ */
.offer-link {
    text-decoration: none !important;
}

.offer-link input[type=button]{
    background-color:rgb(106,191,212) !important;
    border-color:rgb(106,191,212) !important;
}

@media (min-width: 641px) {
    .offer-link {
        margin-right: 20px;
        line-height: 42px;
    }
    
    .offer-link input[type=button]{
        margin-right: -5px;
    }

    .offer {
        margin-bottom: 5px;
        overflow: hidden;
    }
}

/*240625 640px→600px*/
@media screen and (max-width:600px){
    .table_05 td, .table_05 th{
        box-sizing: border-box;
        width:100%;
        margin:0;
        padding:0;
        text-align:left;
        border:none;
        display:inline-block;
        overflow:hidden;
    }
    .table_05 td{
        padding:5px;
    }
    .table_05 th{
        padding:5px;
    }
}

/* form */


input[type=text], input[type=password], input[type=email], input[type=datetime], input[type=search], input[type=url], input[type=tel], .selectsk, select{
    margin:0 5px;/*2027〜変更*/
    padding:5px;
    height: 30px;/*2027〜追加*/
    border:1px solid #CCC;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    vertical-align:middle;
}

input[type=text2]{
    margin:0;
    padding:5px;
    border:1px solid #CCC;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    vertical-align:middle;
    width:420px;
}

/*240625 640px→600px*/
@media (max-width: 600px) {
input[type=text2]{
    width:96%;
}
}
input[type=button], input[type=submit], input[type=reset]{
    padding:10px 15px;
    background:#EF6327;/* メインカラー */
    color:#FFF;
    border:1px solid #EF6327;/* メインカラー */
    box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
    -radius: 3px;        /* CSS3草案 */
    -webkit-appearance: none !important;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    vertical-align:middle;
}
input[type=button].nonButton{
    background:#888;/* メインカラー */
    border:1px solid #888;/* メインカラー */
}

.label {
    line-height: 25px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    cursor: default;
}

/* チェックボックスのラベル(基本設定)*/
.label-checkBox {
    padding-left: 30px;     /* ラベルの位置 */
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    /*box-sizing: border-box;*/
    /*width: 100%;*/
}

/* 元のチェックボックスは非表示 */
.checkbox-hidden {
    display: none;
}

/* チェックボックス(選択前) */
.label-checkBox:before {
    content: '';
    width: 20px;            /* チェックボックスの横幅 */
    height: 20px;           /* チェックボックスの縦幅 */
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    background-color: #fff;
    border: solid 2px #333;
    border-radius: 5px 5px 5px 5px;
}

/* チェックボックス(チェックマークの表示設定) */
.checkbox-hidden:checked + .label-checkBox:after {
    /* 長方形の右辺と底辺だけを表示し、45度回転させてチェックマークを表示する */
    content: '';
    width: 5px;         /* チェックマークの横幅 */
    height: 10px;       /* チェックマークの縦幅 */
    display: inline-block;
    position: absolute;   
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    top: 50%;
    left: 8px;
    margin-top: -8px;
    border-right: 3px solid #00f;
    border-bottom: 3px solid #00f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* チェックボックス(選択不可時の表示設定) */
.checkbox-hidden:disabled + .label-checkBox {
    cursor: default;
}
.checkbox-hidden:disabled + .label-checkBox:before {
    background-color: #CCC;
    opacity: 0.5;
}
.checkbox-hidden:checked:disabled + .label-checkBox:after {
    opacity: 0.5;
}

/* ラジオボタンのラベル(基本設定)*/
.label-radioButton {
    padding-left: 25px;     /* ラベルの位置 */
    line-height: 25px;      /* ボタンのサイズに合わせる */
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

/* 元のラジオボタンは非表示 */
.radio-hidden {
    display: none;
}

/* ラジオボタン(選択前) */
.label-radioButton:before {
    content: '';
    width: 20px;		/* ラジオボタンの横幅 */
    height: 20px;		/* ラジオボタンの縦幅 */
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    background-color: #fff;
    border: solid 2px #333;
    border-radius: 50%;
}

/* ラジオボタン(チェックマークの表示設定) */
.radio-hidden:checked + .label-radioButton:after {
    content: '';
    width: 10px;		/* チェックマークの横幅 */
    height: 10px;		/* チェックマークの縦幅 */
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -5px;
    background-color: #00f;
    border-radius: 50%;
}

/* ラジオボタン(選択不可時の表示設定) */
.radio-hidden:disabled + .label-radioButton {
    cursor: default;
}
.radio-hidden:disabled + .label-radioButton:before {
    background-color: #CCC;
    opacity: 0.5;
}
.radio-hidden:checked:disabled + .label-radioButton:after {
    opacity: 0.5;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{
    cursor:pointer;
}
input[type=button].button_L, input[type=submit].button_L, input[type=reset].button_L {
    padding:10px;
    font-size:114%;
    min-width:150px;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button].button_L:hover, input[type=submit].button_L:hover, input[type=reset].button_L:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    border:1px solid #FFF;
}
input[type=submit].button_S{
        box-sizing: border-box;
        width:100%;
        margin:50px;
}
select{
    padding:5px;
}
table .selectsk{
    width:100%;
    padding:10px;
}
input[type=reset]{
    padding:5px;
    background:#777;
    color:#FFF;
    border:1px solid #777;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    vertical-align:middle;
}
input[type=text].top_search{
    box-sizing: border-box;
    width:100%;
}

.content{
    background:#F5F5F5; 
    padding:10px;/*20px*/
}
.content2{
    background:#FFEDE5;
    margin-bottom:10px;
    padding:10px;
    font-size:120%;
    box-shadow: 1px 1px 2px gray;
}
.content2 a{
    position:static;
    width:100%;
    height:100%;
    font-size:90%;
    text-decoration: none;
}

/* overfllow */

.ofs{
    height:150px;
    padding-right:15px;
    overflow-y:scroll;
}


/* number */

.numberUL{
    position: relative;
    left: 50%;
    float: left;
    clear:both;
}
.numberUL li{
    margin:0 4px;
    font-size:114%;
    position: relative;
    float:left;
    left: -50%;
    color:#CCC;
}
.numberUL li a{
    color:#999;
}
.numberUL li a:hover{
    color:#555;
}
.numberUL li.number{
    line-height:1;
    background:#CCC;
}
.numberUL li.number a{
    padding:5px 10px;
    background:#999;
    display:block;
    color:#FFF;
    text-decoration:none;
}
.numberUL li.number a:hover{
    background:#555;
}
.numberUL li.active a{
    background:#CCC;
}


/* minicalendar */

.minicalendar{
    width:100%;
    margin:0 0 3px 0;
    border-spacing:0;
    padding:2px 0;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
.minicalendar th{
    border-bottom:1px solid #CCC;
    text-align:center;
    font-size:85%;
}
.minicalendar td{
    text-align:center;
}
.minicalendar td a{
    text-decoration:underline;
    font-weight:bold;
}
.minicalendar td.yourself a{
    /*background:#CCC;*/
    color:#333;
    background:pink;
    display:block;
    /*text-decoration:none;*/
    text-decoration:underline;
}
.minicalendar td:hover a{
    background:#555;
    color:#FFF;
    /*text-decoration:none;*/
}
.minicalendar td.IsEevent a{
    background:#CCC;
    color:#333;
    display:block;
    text-decoration:none;
}
.minicalendar td.IsEevent:hover a{
    background:#555;
    color:#FFF;
    text-decoration:none;
}
.minicalendar th.sat{
    color:rgb(109,145,203)
}
.minicalendar th.sun{
    color:rgb(222,112,77)
}
/*　アイバック追加 カレンダーの説明*/
.yourselfCaption{
    /*background:pink;*/
    margin-right: 10px;
    color: pink;
}
.IsEeventCaption{
    margin: 0 10px 0 3px;
    color:#07519a;
    text-decoration:underline;
    font-weight:bold;
}


/* action */

.action li{
    margin:1px 5px 1px 0;
    padding:2px 5px;
    border:1px solid #999;
    font-size:85%;
    float:left;
    -radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.action li.set{
    background:#999;
    color:#FFF;
}


/* youtube用*/
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto 20px auto;
    border: 1px solid #ccc;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.youtube_top {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto 20px auto;
    border: 1px solid #ccc;
}
.youtube_top iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
@media (min-width: 768px) {
    .youtube {
        width: 75%;
    }
}

.RESRcount{
    color: red;
}

/*企業P インターンシップ・エントリー用*/
/*参考：http://blog.56doc.net/Entry/503/*/
.challengeentry {
    background-color: blue !important;              /*背景色：青色*/
    font-size: 13px !important;                     /*フォントサイズ：ヘッダの他リンクと統一*/
    border-radius:10px 10px 10px 10px !important;   /*角に丸みをつける*/
    box-shadow:
        0 0 2px rgba(0, 0, 0, .2) inset,
        3px 3px 3px rgba(255, 255, 255, .2) inset,
        -3px -3px 3px rgba(0, 0, 0, .2) inset;      /*ボタンに影をつける*/
    
}
.challengeentry:active{
    /* ボタンが押された時*/
    position:relative;
    top:1px;                                        /*押された瞬間にボタンが沈んだ様に見せる*/
    background-color: darkblue !important;          /*背景色：押された瞬間濃い青色にする*/
    box-shadow:
        0 0 2px rgba(0, 0, 0, .1) inset,
        3px 3px 3px rgba(255, 255, 255, .1) inset,
        -3px -3px 3px rgba(0, 0, 0, .1) inset;      /*ボタンに影をつける*/
}

.kini_box{
    margin: 10px 0;
    padding: 10px;
    background-color: #FFEDE5;
    border-radius: 5px;
    font-size: 0.9em;
}
#icon_forumfa {
    margin: 0 2px;
    padding: 2px 7px;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: #EF6327;
    color: #fff;
    text-decoration: none;
}

/*未登録アイコン*/
.icon-nodata {
        margin: 0 2px;
        padding: 2px 7px;
        background-color: red;
        color: white;
        font-size: 0.9em;
        border-radius:5px;
}
.icon-nodata-navi {
        margin: 0 2px;
        padding: 2px 7px;
        background-color: red;
        color: white;
        font-size: 0.8em;
        border-radius:5px;
        position:relative;
        float:right;      
}

/*登録済アイコン*/
.icon-okdata {
        margin: 0 2px;
        padding: 2px 7px;
        background-color: #EF6327;
        color: white;
        font-size: 0.9em;
        border-radius:5px;
}
/*今後情報配信希望アイコン*/
.icon-afterdata {
        margin: 0 2px;
        padding: 2px 7px;
        background-color: #408078;
        color: white;
        font-size: 0.8em;
        border-radius:5px;
        position:relative;
        float:right;  
}
.check-onoff{
    width:100px;
    padding:5px;
    background-color:#EF6327;/* メインカラー */
    color: white;
    border:1px solid #EF6327;/* メインカラー */
    -radius: 3px;        /* CSS3草案 */
    -webkit-appearance: none !important;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    vertical-align:middle;
}
.check-onoff:before{
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size:122%;
    font-weight:normal;
    margin-right:5px;
}
.icon-disp {
        margin-bottom: 100px;
        line-height: 25px
}
.icon-disp1 {
        float: left;
        margin-right: 50px;
        line-height: 25px
}
.icon-disp2 {
        float: left;
        line-height: 25px
}

.obog_DAJNnmae{
    float: left;
}
.obogimg{
    float: left;
    margin-right: 5px;
}
.obog_DAJAimg{
    
}

@media (max-width: 960px) {
.icon-nodata-navi {
        margin: 0 2px;
        padding: 2px 7px;
        background-color: red;
        color: white;
        font-size: 0.8em;
        border-radius:5px;
        position:relative;
        margin-left: 0;
        float: none;
    }
}
/*WEB開催イベントアイコン*/
.icon-webevent {
        margin: 0px 1px;
        padding: 0px 3px;
        border: solid 1.5px;
        border-color: #c0c0c0;
        background-color: lightcyan;
        color: #000000;
        font-size: 0.8em;
        border-radius:5px;
}

/*2026検索用*/
.acd-check{
  display: none;
}
.acd-label{
  background: #A82400;
  color: #fff;
  display: block;
  padding: 10px;
  margin-bottom: 5px;
}
.acd-content{
  height: 0;
  opacity: 0;
  padding: 0 10px;
  /*transition: .5s;*/
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 5px;
  visibility: visible;
}

.arrow_u {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow_u:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 5;
  left: 0;
  bottom: 0;
  margin-left: 10px;
}
.button_fix {
    
}

.al_c{/*センター配置*/
	text-align:center;
}
.al_l{/*左配置*/
	text-align:left;
}
.al_r{/*右配置*/
	text-align:right;
}
.msg-modal{
    display: block;
    z-index: 1;
    position: fixed;
    width:500px;
    min-height: 150px;
    border-radius: 10px;
    left:25%;
    top:12%;
    background:#FFFFDD;
    box-shadow: 0 0 8px gray;
    padding: 8px 10px;
}
.hutozi{
    font-weight: bold;
}
/*「フォーラム」って何？の箇条書き部分*/
.what-event{
    width:60%;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    background-color:#ff8d5d;
    color: #fff;
    font-size:130%;
    border:1px solid #ff8d5d;
    -radius: 30px;        /* CSS3草案 */
    -webkit-appearance: none !important;
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;   /* Firefox用 */
    vertical-align:middle;
    min-width:300px
}
/*フォーラム申込ページの参加特典ボックス*/
.benefit{
    width:90%;
    padding:15px;
    background-color:#AA974B;
    color: white;
    border:1px solid #AA974B;
    -radius: 10px;        /* CSS3草案 */
    -webkit-appearance: none !important;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    vertical-align:middle;
}