/* 全体設定 */

html,body {
    font-size: 15px;
}
body {
    padding-top: 80px;
    background-color:#fff;
}
@media screen and (max-width: 992px) {
    body {
        padding-top: 126px;
    }
}
@media screen and (max-width: 767px) {
    body {
        padding-top: 156px;
    }
}
a {
    color:#353535;
}
a:hover {
    text-decoration: none;
}
pre {
    white-space: pre-wrap;
}
i,
.list-group i {
    font-style: italic !important;
font-family:Times New Roman ,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.erondan-pagination li a {
    color:#c4006c;
}
.article_panel .list-group,
.erondan_search .list-group
{
    box-shadow: 2px 3px 10px gray;
overflow: hidden;
}
.glyphicon {
    padding:0;
    font-style: normal !important;
    font-family: 'Glyphicons Halflings' !important;
}
.list-group .glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}
.fa,
.list-group .fa,
.glyphicon,
.list-group .glyphicon {    font-style: normal !important;
}

@media screen and ( max-width:767px ) { /*ホームボタンの表示非表示*/
   .btn .iconicon {
        display:none;
    }
}
@media screen and ( max-width:767px ) { /*新規投稿ボタンの表示非表示*/
   .btn .iconpost {
        display:none;
    }
}
.spr00 { /*ボタンフォーム余白の微調整*/
    padding-top:0;
    padding-bottom:0;
    padding-right: 0px;
}
@media screen and ( max-width:767px ) { /*ボタンサイズと余白*/
    .spr00 {
        padding-right: 0;
    }
}
.btn {
    font-size: 16px;
}
@media screen and ( max-width:767px ) { /*ボタンサイズ*/
   .btn {
        font-size: 12px;
    }
}

/* ページ番号 */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color:#CC0066;
    border-color: #ff64b1;
}

/* header */
.logo-col {
    padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
    .logo-col {
        padding-bottom: 0;
    }
}
.logo-col img{
    margin-top: 15px;
}
.btn-col{
    padding-top: 15px;
    padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
    .btn-col{
        padding-top: 0;
        padding-bottom: 0;
    }
}
.header-box-shadow {
    box-shadow: 0px 10px 20px -3px rgba(196,0,108,0.3);
}


/*メニューボタン*/
.btall{
    margin-top:15px;
    margin-bottom :15px;
}
header a {
	transition-duration : 0s;
}
@media screen and (max-width: 767px) {
    .page-header {
        margin-top: 12px;
    }
}
@media screen and (max-width: 992px) {
    .menu-link a {
        font-size: 12px;
    }
}
.header-menu a{
    background-color: #fff;
    font-size:15px;
    border-left:#C4006C 1px solid;
}
@media screen and (max-width: 767px) {
    .header-menu a{
        font-size:13px;
    }
}
.header-menu > a:last-child{
    border-right:#C4006C 1px solid;
}
.header-menu a:hover{
    background-color: #edb3d3;
    color:#C4006C;
    transition-duration: .3s;
}


/* .logo */
.logo {
	margin:0;
	display: inline-block;
}
.logo a {
	padding: 17px 15px;
}
@media screen and (max-width: 992px) {
	.logo a {
		padding: 30px 15px;
	}
}
@media screen and (max-width: 767px) {
	.logo a {
		padding: 30px 15px 10px 15px;
	}
}
.logo a img {
		width: 350px;
}
@media screen and (max-width: 992px) {
	.logo a img {
		width: 180px;
	}
}


/* .navbar */
@media screen and (max-width: 992px) {
    .navbar{
        height: auto;
    }
}
@media screen and (max-width: 767px) {
	.navbar-toggle{
		margin-top: 13px;
		margin-bottom: 13px;
	}
}
.dropdown-menu {
	width: 300px;
	padding: 5px 10px;
}
@media screen and (max-width: 767px) { /* 調整用1 */
    .dropdown-menu {
        width: calc(92vw + 10% + 6px);
        margin-left: calc(-99% - 24vw);
        overflow: auto;
        min-width: auto;
    }
}
@media screen and (max-width: 640px) { /* 調整用2 */
    .dropdown-menu {
        width: calc(92vw + 10% + 2px);
    }
}
@media screen and (max-width: 400px) { /* 調整用3 */
    .dropdown-menu {
        width: calc(92vw + 10% - 6px);
    }
}

/* ヘッダーの日付 */
.list-time {
    margin: 10px 0 0;
}

/* ヘッダーの三角 */
/*
.triangle-1 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #9B2FAE;
}
@media screen and (max-width: 767px) {
    .triangle-1 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-2 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #673FB4;
}
@media screen and (max-width: 767px) {
    .triangle-2 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-3 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #159588;
}
@media screen and (max-width: 767px) {
    .triangle-3 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-4 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #50AE55;
}
@media screen and (max-width: 767px) {
    .triangle-4 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-5 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #FD9727;
}
@media screen and (max-width: 767px) {
    .triangle-5 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-6 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #9B2FAE;
}
@media screen and (max-width: 767px) {
    .triangle-6 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-7 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #FC5830;
}
@media screen and (max-width: 767px) {
    .triangle-7 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-8 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #785549;
}
@media screen and (max-width: 767px) {
    .triangle-8 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-9 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #9E9E9E;
}
@media screen and (max-width: 767px) {
    .triangle-9 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
.triangle-10 {
    z-index:1;
    position: absolute;
    float:left;
    width: 30px;
    border-right: 30px solid transparent;
    border-bottom: 140px solid #617D8A;
}
@media screen and (max-width: 767px) {
    .triangle-10 {
        width: 15px;
        border-right: 15px solid transparent;
    }
}
*/
.table-div
{
    display: table;
    width: 100%;
}
.table-row-div {
    display:table-row
}
.table-cell-div-icon {
    /*
    display:table-cell;
    width: 50px;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 20px;
    */
}
.table-cell-div-text {
    display:table-cell;
    width: auto;
    vertical-align: middle;
    text-align: left;
    padding:0;
    line-height: 1.1;
}
@media screen and (max-width: 767px) {
    .table-cell-div-text {
        padding:0;
        display: block;
    }
}
.report .table-cell-div-text h2 {
    margin-bottom: 0;
    padding: 2px 0 0;
    line-height: 1.0;
    font-size: 25px;
}
.report .table-cell-div-text h2 a {
    /* font-size: 22px; */
}
@media screen and (max-width: 767px) {
	.table-cell-div-text h2,
        .report .table-cell-div-text h2 {
            font-size: 20px;
	}
}
.table-cell-div-btn {
    display:table-cell;
    width: 100px;
    vertical-align: middle;
    text-align: right;
}
@media screen and (max-width: 992px) {
    .table-cell-div-btn {
        width: 60px;
    }
}
.read-text {
    position: relative;
    z-index:3;
}


/* 一覧・詳細・投稿・修正・削除・コメント・履歴・お問い合わせ共通 */
.list-title,
h2 i
{
    color:#C4006C;
}
.report h2 {
    margin: 0 auto 5px auto;
    font-size: 24px;
}
.report h3 {
    margin:0 auto;
    padding: 10px 0 10px 20px;
    font-size: 16px;
}
.list-group .panel-body {
    background-color: #fff;
    border-top:0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size:16px;
line-height:29px;
}
.list-title {
    padding-left: 10px;
}
@media screen and (max-width: 767px) {
    .list-title{
            font-size:16px;
    }
    .list-group .panel-body {
    font-size:14px;
    line-height:1.5;
    }
}
.list-group-item {
    color:#353535;
    background-color:#fff;
    width:100%;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
overflow: hidden;
}


/* 新規投稿　コメント　共通/ */
.erondan_post .list-group-item,
.erondan_comment_post fieldset .list-group-item {
    color:#353535;
    background-color:#fff;
    width:100%;
    border:#C4006C 1px solid;
    padding-top: 0;
    padding-bottom: 0;
}
.erondan_post .list-group .panel-body,
.erondan_comment_post fieldset .list-group .panel-body {
    background-color: #fff;
    border:#C4006C 1px solid;
    border-top:0;
}
.list-group .tg-over { /* 一連の記事用の上書き */
    background-color:#eee;
    color:#434343;
    cursor: pointer;
    transition-duration:.3s;
    position: relative;
    z-index: 3;
    text-align: center;
}
.list-group .tg-over-off {
    background-color:#C4006C;
    color:#fff;
    cursor: pointer;
    transition-duration:.3s;
    position: relative;
    z-index: 3;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .list-group .tg-over-off {
        background-color:#eee;
        color:#434343;
    }
}
span.tgover-toggle-on { /* ツリーを表示用の上書き */
}
span.tgover-toggle-on:hover { /* ツリーを表示用の上書き */
}
span.tgover-toggle-on:before { /* ツリーを表示用の上書き */
    content: "関連投稿を表示";
}
span.tgover-toggle-off-off { /* ツリーを表示用の上書き */
}
span.tgover-toggle-off:hover { /* ツリーを表示用の上書き */
}
span.tgover-toggle-off:before { /* ツリーを表示用の上書き */
    content: "関連投稿を非表示";
}

/* ツイート/facebook */
.fa {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tw-btn {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
}
.tw-btn:hover {
    color: #fff;
}
.fa-btn {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 0px 1px 6px;
    background-color: #4267B2;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
}
.fa-btn:hover {
    color: #fff;
}

/* 投稿者 */
.serialization-subtitle {
	font-size:12px;
}
/* 全文を表示の上のバー */
.all-text-bar {
    border-top:#999 2px solid;
    text-align:center;
    position: relative;
    z-index: 5;
}
.all-text-bar span {
    color:#555;
    display: block;
    position: relative;
    top:-8px;
    height: 0;
    z-index: 5;
}

/*名前、肩書き、性別欄背景*/
.list-subtitle{
    font-size: 16px;
    display: inline-block;
    float: right;
    text-align: right;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 900;
}
.list-subtitle time{
    font-size: 14px;
}
.contributor {
    position: relative;
    z-index:2;
    padding: 0 10px 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 900;
    overflow: hidden;
    border-bottom: 2px #BE006E solid;
}
.contributor a {
	/* font-size: 14px; */
	color:#000;
}
.contributor a:hover {
	text-decoration: underline;
}

/*見出し1,2番目のフォント*/
.list-group-item h2 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 900;
}
.list-body{
    background-color: #fff;
    border: 1px solid #ddd;
    border-top:0;
}
.contact-confirm h2 {
    font-size: 18px;
}

/* 投稿確認　コメント確認　共通 */
.contact-confirm p,
.erondan_comment_confirm p {
    padding-top: 7px;
    font-size: 15px;
}
.contact-thanks .panel-body {
    min-height: 200px;
}
.post-attention {
    overflow-y:scroll;
    height: 200px;
}
.post-pass {
    width: 100%;
    max-width: 200px;
}
/*
@media screen and (max-width: 1200px) {
    .md-width150{
        width: 150px;
    }
}
*/
.md-width150{
    width: 150px;
}
.width142 {
    width: 142px;
}
.list-body >.list-div-table{
    display: table;
    padding-top: 5px;
    padding-bottom: 5px;
}
.list-div-table > div{
    display: table-row;
}
.list-div-table > div > div{
    display: table-cell;
}
.attention-message {
    background-color:#fff;
    border:1px solid #ff0000;
    color:#ff0000;
    width:100%;
}
.history_list h2 {
    background-color: #fff;
    border:0;
    margin:0;
    padding: 10px;
}

/* footer */
.copyright {
    padding: 10px;
    background-color: #fff;
    border-top: 2px solid #C4006C;
}
.copyinner {
    width:150px;
    margin:0 auto;
    background-color: #fff;
    color: #C4006C;
    border: 1px dotted #C4006C;
    padding:5px;
    display: block;
}
.kind,
.corporate-name {
    font-size: 12px;
    color:#C4006C;
}
.corporate-name {
    font-size: 16px;
}
.attention-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #ff0000;
}

/* erondan_view（詳細） */
.erondan_view .post_comment {
    text-align: right;
    background-color: #fff;
    padding-bottom: 0;
}
.erondan_view .post_edit_or_del {
    text-align: right;
    overflow: hidden;
    background-color: #fff;
}
.erondan_view .post_edit_or_del ul {
    display: block;
    overflow: hidden;
    float: right;
    padding-top:10px;
    padding-bottom:5px;
    padding-right: 10px;
}
.erondan_view .post_edit_or_del ul li {
    float:left;
    list-style-type: none;
}
.post_comment {
    padding: 10px;
}
.post_comment span.post_comment_btn {
    display: inline-block;
    background-color: #cc0066;
    border: #fff 1px solid;
    color: #fff;
    margin-left: 10px;
    padding: 5px;
}
.post_comment span.post_comment_btn:visited,
.post_comment span.post_comment_btn:hover,
.post_comment span.post_comment_btn:active{
    background-color: #cc0066;
    border: #fff 1px solid;
    text-decoration: none;
}
.post_comment span.post_comment_btn a {
    color: #fff;
    font-size: 13px;
}
.erondan_view .post_edit_or_del ul li a {
    background-color: #fff;
    border: #cc0066 1px solid;
    color: #cc0066;
    margin-left: 10px;
    font-size: 12px;
}
.erondan_view .post_edit_or_del ul li a:hover {
    background-color: #cc0066;
    border: #fff 1px solid;
    color: #fff;
}
.post_pager {
    background-color: #fff;
    border-bottom:1px solid #ddd;
}


/* erondan_thanks */
.erondan_thanks .panel-header {
    font-weight: bold;
    font-size: 16px;
    background-color: #fff;
    margin-bottom: 1px;
}
.erondan_thanks .panel-body {
    font-size: 14px;
}


/* erondan_delete */
.erondan_delete .reason h3{
    font-size:17px;
    margin-top: 12px;
}


/* erondan_comment_confirm */
.erondan_comment_confirm h2 {
	font-size: 18px;
}


/* erondan_contribution_history_list */
.erondan_contribution_history_list_btn {
    background-color: #fff;
    border: #cc0066 1px solid;
    color: #cc0066;
    margin-left: 10px;
    font-size: 12px;
    font-family: sans-serif;
}
a.erondan_contribution_history_list_btn {
    color: #cc0066;
    padding: 3px;
}
.erondan_view a.erondan_contribution_history_list_btn:hover{
    background-color: #cc0066;
    border: #fff 1px solid;
    color: #fff;
}

/* erondan_contribution_history_list */
.erondan_contribution_history_list .list-body {
    border:0;
}
.erondan_contribution_history_list .article_list {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
}
.erondan_contribution_history_list .article_list .article_title {
    width: 50%;
    float: left;
    padding: 10px;
}
@media screen and (max-width: 767px) {
    .erondan_contribution_history_list .article_list .article_title {
        width: 100%;
    }
}
.erondan_contribution_history_list .article_list .article_list_header {
    overflow: hidden;
    border-bottom: 3px solid #ddd;
}
.erondan_contribution_history_list .article_list .article_list_row {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.erondan_contribution_history_list .article_list .article_contributor {
    width: 25%;
    float: left;
    padding: 10px;
}
@media screen and (max-width: 767px) {
    .erondan_contribution_history_list .article_list .article_contributor {
        width: 50%;
    }
}
.erondan_contribution_history_list .article_list .article_day {
    width: 25%;
    float: left;
    padding: 10px;
}
@media screen and (max-width: 767px) {
    .erondan_contribution_history_list .article_list .article_day {
        width: 50%;
    }
}
.erondan_contribution_history_list .list-subtitle {
    border: double 3px #C4006C;
    padding: 5px;
}

/* bootstrap要素上書き */
.btn-primary { /*ボタンをワインレッドに変更 */
  color: #fff;
  background-color: #cc0066;
  border-color: #990066;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.page-header {
   border-bottom: 1px solid #bbb;
}
.list-group-item {
    border: 0;
}
.table-hover > tbody > tr.info:hover > td {
    background-color: #ddd;
}
tr.info a:hover {
    color: #000;
}

/* common */
.bold {
    font-weight: bold;
}
.b800 {
    font-weight: 800;
}
.fl-r {
    float: right;
}
.box-shadow-gray {
    box-shadow: 2px 3px 10px gray;
}
.border-bottom-ddd{
    border-bottom: 1px solid #ddd;
}
p.indent-2 {
    padding-left:2em;
    text-indent:-2em;
}
.mt00 {
    margin-top: 0;
}
.mb00 {
    margin-bottom: 0;
}
.mb20 {
    margin-bottom: 20px;
}
.pd00 {
    padding:0;
}
.pd00-i {
    padding:0 !important;
}
.pd10 {
    padding:10px;
}
.pd15 {
    padding:15px;
}
.pt00 {
    padding-top:0;
}
.pd05 {
    padding: 5px;
}
.pd10 {
    padding: 10px;
}
.pl10 {
    padding-left: 10px;
}
.pr05 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 5px;
}
.pl00 {
    padding-left: 0;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl30{
    padding-left: 30px;
}
.pl35{
    padding-left: 35px;
}
.pl38{
    padding-left: 38px;
}
.pl40{
    padding-left: 40px;
}
.pl43{
    padding-left: 43px;
}
.pl45{
    padding-left: 45px;
}
.pl55{
    padding-left: 55px;
}
.pl60{
    padding-left: 60px;
}
.pl80{
    padding-left: 80px;
}
.pl100{
    padding-left: 100px;
}
.pt05 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt40{
    padding-top: 40px;
}
.pb15{
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb40{
    padding-bottom: 40px;
}
.w-80 {
    width: 80px;
}
.w-140 {
    width: 140px;
}
.f-12 {
    font-size: 12px;
}
.f-16 {
    font-size: 16px;
}
.bg-w {
    background-color: #fff;
}
.bg-eee-i {
    background-color: #eee !important;
}
.border-b1px-ddd{
    border-bottom: 1px #ddd solid;
}
.border-0 {
    border-left: 0 !important;
    border:0;
}
@media screen and (max-width: 767px) {
    .spb10{
    padding-bottom: 10px;
    }
}
.c-blue {
    color:#0000ff;
}
.c-434343-i {
    color: #434343 !important;
}
.cursor-default-i {
    cursor: default !important;
}

/* デフォルトCSS */
  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }