@charset "UTF-8";

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px;font-family:"Arial", "メイリオ";background:#e7e7e7}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Arial", "メイリオ";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:"Arial", "メイリオ";font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:"Arial", "メイリオ";font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;width:1290px;height:100%;;zoom:1}
#aside {float:right;width:315px;padding:0;margin:20px 0 20px 10px;}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:952px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;max-width:1200px;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}

.lt_wr{width:49.5%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""; padding-bottom: 8px;}


.lat {position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff}
.lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.lat .lat_title a{color:#253dbe;display:inline-block;position:relative}
.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.lat ul{padding:15px 20px}
.lat li {position:relative;line-height:18px;padding:3px 0;padding-right:50px;padding-left:10px;position:relative}
.lat li:before{position: absolute;top: 12px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;}
.lat li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lat li a:hover{color:#a22121}
.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute;top:3px;right:0;color:#888}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#777}


.pic_lt{position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff}
.pic_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;}
.pic_lt .lat_title a{color:#253dbe;display:inline-block;position:relative}
.pic_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{padding:20px 15px }
.pic_lt li{float:left;width:230px;padding:0 10px}
.pic_lt li .lt_img{margin:5px 0;display:block}
.pic_lt li .lt_img img{width:100%;height:auto}
.pic_lt li a:hover{color:#a22121}
.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.pic_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.pic_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.pic_lt .lt_date{display:block;margin-top:5px;color: #888;}


select {vertical-align:middle}
select {font-family:"Arial", "メイリオ";font-size:1em}
select {margin:0}
select{height:35px;line-height:32px;border:1px solid #d5d5d5;}





.main_top {
    overflow: hidden;
}

.main_top .div_l {
    float: left;
    width: 1000px;
}

.main_top .div_r {
    float: left;
    width: 280px;
}

.bbs_title {
    overflow: hidden;
    padding-left: 3px;
    max-width: 100%;
    border-top: solid 1px #0000ff;
}

.bbs_title div {
    float: left;
    width: 48%;
}

.bbs_title_l {
    text-align: left;
    padding: 3px 0 0px 3px;
}

.bbs_title_r {
    text-align: right;
    padding: 3px 3px 0px 0;
}

#bbs_list{
    padding:0 0 10px 0;
    border-top:solid 1px #FFF;
    border-bottom:solid 1px #DFDFDF;
}

#bbs_list li{
    padding:2px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

#bbs_list li span{
    font-weight:bold;
    letter-spacing:-1px;
    margin-right:16px;
}

.cm_box {
    max-width:95%;
    margin:auto;
    overflow:hidden;
    display:block;
    text-align:center;
    border:solid 1px #FFF;
}

.cm_box img{
    max-width:99.5%;
    height:auto;
    margin:auto;
    display:block;
    border:solid 1px #CCC;
}

.cm_box span{
    background:#FFF;
    max-width:98.5%;
    height:auto;
    margin:auto;
    padding:5px;
    display:block;
    border:solid 1px #CCC;
    text-align:left;
}

.cm_box_cor {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.cm_box_cor img{
    background:#FFF;
    padding:1px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.gyo_box {
  margin         : auto;                 /* サンプル用 中央寄せ */
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #fff;                 /* BOXの背景色         */
  border         : 1px solid #666;       /* 枠線の指定          */
  width          : 996px;                /* BOXの幅             */
  max-height     : 600px;                /* BOXの高さ           */
  animation: boxAnime 10s linear infinite alternate;

  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}

.gyo_box div {
      box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #B0C4DE;              /* BOXの背景色         */
  border         : 2px solid #35557f;    /* 枠線の指定          */
  width          : 328px;                 /* サンプルBOXの幅     */
  height         : 180px;                 /* サンプルBOXの幅     */
  margin         : 1px;                  /* サンプルBOXの間     */

  /* ▼ FlexBoxの各ボックス均等自動幅 */
/*  flex-grow      : 1;                    /* 各BOXを均等に割当て */
}



.yoko_box{
  float: left;
  width: 49%;
}

.yoko_box_r {
  float: left;
  width: 49%;
  padding-left: 8px;
}

.yoko_boxcontainer{
  overflow: hidden;
}


/* 会員登録　開始 */
#afjregister h2 {margin:0 0 20px;text-align:left;font-size:1.1em; color: #808080;}
#afjregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #e9e9e9;background:#fff;color:#666;line-height:1.8em}
#afjregister .fregister_agree {padding:10px 0 0;text-align:right;border-style: none;}
#afjregister .afgregister_agreet {padding:10px 0 0;text-align:left;border-style: none;}
#afjregister .fregister_agree label {display:inline-block;margin-right:5px; color: #808080; font-size: 13px;}
label, input, button, select, img {vertical-align:middle}
#afjregister p {color:#e8180c;text-align:center;margin-bottom:20px; margin-top: 20px;}
#afjregister .btn_confirm {margin-bottom:20px;}
#fregister_type, #fregister_term, #fregister_private{border:1px solid #eee;background:#fafbfb;padding:20px;margin-bottom:0;}
.btn_submit {width:180px;height:40px;background:#3c95d5;border-radius:5px;border-bottom:3px solid #2d81c9;font-size:16px;margin:5px 0em; text-align: center;}
.btn_confirm{width:100%;background:#f5f9fa;padding-bottom:20px;margin:0em;text-align: center;padding-top: 20px;}
.btn_submit {background:#3c95d5;border:none;border-radius:3px;color:#fff;display:inline-block}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
.btn_submit:hover{background:#0071c2}
p {margin:0;padding:0;word-break:break-all}

/* 会員登録　終了 */



.at-title {
    height: 80px;
    position: relative;
    color: #000;
    background-color: #fafafa;
    border-bottom: 1px solid #dfdfdf;
}

.at-title .at-container {
    height: 100%;
    position: relative;
}

.at-container {
    max-width: 1200px;
}

.at-container {
    margin: 0px auto;
    padding: 0px;
}

.at-title .page-title {
    font-size: 24px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    z-index: 1;
}

.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
    font-family: "Roboto", sans-serif;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.at-title .page-desc {
    color: #888;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
}

.is-pc .at-body {
    min-height: 600px;
}

.at-body .at-container {
    padding: 0px 15px;
    overflow: hidden;
}

.at-container {
    max-width: 1200px;
}

.at-container {
    margin: 0px auto;
    padding: 0px;
}

.at-content {
    position: relative;
    padding: 20px 0px;
}




.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel .panel-heading {
    border-radius: 0px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.is-pc .ko .panel .panel-body {
    font-size: 12px;
}

.panel-body {
    padding: 15px;
}

.register-form .text-gap {
    margin-bottom: 4px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.has-feedback {
    position: relative;
}

.form-group {
    margin-bottom: 15px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.col-sm-2 {
    width: 16.66666667%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control, .well, .btn, .alert, .input-group-addon, .label {
    border-radius: 0 !important;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: 14px;
    line-height: inherit;
}

input {
    line-height: normal;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: 14px;
    color: inherit;
}

input, button {
    margin: 0;
    padding: 0;
    font-family: "Arial", "メイリオ";
    font-size: 1em;
}

label, input, button, select, img {
    vertical-align: middle;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

/* 会員登録　情報入力画面　開始 */
.afj_wrap01 table {width:100%;border-collapse:collapse;border-spacing:0}
.afj_wrap01 caption {padding:10px 0;font-weight:bold;text-align:left}

.afjmbform table { background-color: #f5f5f5; }
.afjmbform caption {padding-top:0;font-size:1.083em}
.afjmbform .afj_frm01 {margin:0 0 20px}
.afjmbform .afj_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.afjmbform .afj_frm01 th {width:155px;padding:8px 11px;border:1px solid #c4c4c4;background:#ebebeb;color:#696969;text-align:left;font-size:14px;}
.afjmbform .afj_frm01 td {padding:5px 8px;border:1px solid #dfdfdf;font-size:14px;color:#666}
.afjmbform .afj_frm01 textarea, .frm_input {border:1px solid #dcdcdc;;color:#000;vertical-align:middle;line-height:2em}
.afjmbform .afj_frm01 textarea {padding:2px 2px 3px;width:98%;height:100px}
.afjmbform .frm_input {height:30px;padding-left:10px;font-size:14px;color:#555}
.afjmbform .afj_frm01 a {text-decoration:none}
.afjmbform .afj_frm01 .frm_file {display:block;margin-bottom:5px;padding-left:0}
.afjmbform .afj_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/* ボタン */
a.btn_cancel {border-radius:3px;padding:8px 20px;background:#fff;border:1px solid #3c95d5;color:#3c95d5;display:inline-block;vertical-align:middle}
.btn_cancel:hover,.btn_cancel:focus{background:#eef7fd}
button.btn_cancel {display:inline-block;border-radius:3px;padding:9px 20px;background:#fff;border:1px solid #3c95d5;color:#3c95d5;display:inline-block}


/* 会員登録　情報入力画面　終了 */

/* 会員加入完了 */
#reg_result {padding:30px;background:#fafbfb;margin-bottom:30px;border:1px solid #eee;margin-top:20px}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border:3px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em;font-size:1.083em;color:#555;margin-bottom:15px}
#reg_result p strong{color:#3c95d5}
#reg_result .btn_confirm {margin:50px 0}
/* 会員加入完了 */