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

Diary Stylesheet

-------------------------------------------------- */

/* 基本設定
------------------------------ */
/* ボックス */
.bdBox1 {
    clear: both;
    width: 598px;
    margin: 0 auto;
    padding: 15px 0;
}
/* フォーム */
#contentArea input,
#contentArea textarea {
    font-size:12px;
}
/* タブ */
#diaryTabArea {
    clear: both;
    width: 600px;
    margin: 0 auto;
    height: 40px;
    overflow: hidden;
    background: url(../img/common/bg_navi_border_bottom.png) repeat-x left bottom;
}
#diaryTabArea ul {
    margin: 0;
    margin-left: 4px;
}
#diaryTabArea li{
    float: left;
    width: 119px;
    height: 40px;
    margin-right: 3px;
}
#diaryTabArea li a,
#diaryTabArea li p {
    display: block;
    width: 119px;
    height: 40px;
    background: url(../img/diary/bg_tab.png) no-repeat 0 0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
#diaryTabArea li a:hover {
    text-decoration: none;}

    #diaryTabArea li.diaryTab_all a { background-position: 0 0; }
    #diaryTabArea li.diaryTab_all p { background-position: 0 -50px; }
    #diaryTabArea li.diaryTab_all a:hover { background-position: 0 -100px; }

    #diaryTabArea li.diaryTab_edit a { background-position: 0 -150px; }
    #diaryTabArea li.diaryTab_edit p { background-position: 0 -200px; }
    #diaryTabArea li.diaryTab_edit a:hover{ background-position: 0 -250px; }

    #diaryTabArea li.diaryTab_all_gray p { background-position: 0 -298px; }
    #diaryTabArea li.diaryTab_edit_gray p { background-position: 0 -348px; }

    /* イイネ */
    .reaction strong {
        color: #e74848;
    }

    /* ボタン diary */
    .btn_ds_edit a,
    .btn_ds_moreview a,
    .btn_ds_update a,
    .btn_ds_delete a,
    #contentArea .btn_report a {
        display: block;
        height: 16px;
        background: url(../img/diary/bg_btn.png) no-repeat 0 0;
        overflow: hidden;
        text-indent: -9999em;
        white-space: nowrap;
    }
    .btn_ds_edit a { width: 87px; background-position: 0 0; }
    .btn_ds_edit a:hover { width: 87px; background-position: -87px 0; }
    .btn_ds_moreview a { width: 77px; background-position: 0 -20px; }
    .btn_ds_moreview a:hover { width: 98px; background-position: -98px -20px; }
    .btn_ds_update a { width: 47px; background-position: 0 -40px; }
    .btn_ds_update a:hover { width: 47px; background-position: -47px -40px; }
    .btn_ds_delete a { width: 47px; background-position: 0 -60px; }
    .btn_ds_delete a:hover { width: 47px; background-position: -47px -60px; }
    #contentArea .btn_report a { width: 64px; background-position: 0 -80px; }
    #contentArea .btn_report a:hover { background-position: -64px -80px; }
    .btn_commentDelete {}
    /* ボタン common */
    #contentArea .btn_commentDelete input,
    #contentArea .btn_diarytop a {
        display: block;
        width: 150px;
        height: 27px;
        margin: 0 auto;
        background: url(../img/common/bg_btn_round.png) no-repeat 0 0;
        border: medium none;
        overflow: hidden;
        text-indent: -9999em;
        white-space: nowrap;
        cursor: pointer;
    }
    #contentArea .btn_commentDelete input {
        background-position: 0 -204px;
    }
    #contentArea .btn_diarytop a { width: 210px; background-position:0 -2480px; }
    #contentArea .btn_diarytop a:hover { background-position:0 -2512px; }
    /* ボタン配置 */
    #diary_list .btnArea {
        clear: both;
        margin: 5px 20px;
    }
    #view_diary .bdBox1 .btnArea {
        float: right;
        width: 200px;
        font-size: 12px;
        text-align: right;
    }
    .btn_ds_update {
        float: right;
        width: 47px;
    }
    .btn_ds_delete {
        float: right;
        width: 47px;
    }
    .btn_ds_moreview {
        float: right;
        width: 77px;
        margin-right: 5px;
    }
    .btn_report {
        float: right;
        width: 64px;
    }
    .logBtnArea .btn_report  {
        margin: 0 0 2px 0;
    }
    .btn_diarytop {
        width: 210px;
        margin: 0 auto;
    }

/* リスト
------------------------------ */
#diary_list .cttBox {
    position: relative;
}
/* もしタブが復活したら復活
 #diary_list .bdBox1 {
border-top: none;
} */
#diary_list .article {
    position: relative;
    clear: both;
    margin: 0 10px;
    padding: 15px 0;
    border-top: #888 dotted 1px;
}
#diary_list .logtitleHead {
    margin: 0;
    padding: 0 0 0 10px;
    border-bottom: none;
}
#diary_list .txt_logDate {
    margin-bottom: 4px;
    padding-left: 15px;
    background: url(../img/diary/ico.gif) no-repeat 0 1px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
}
#diary_list span.ico_photo {
    display: inline-block;
    margin-left: 5px;
    padding-left: 19px;
    padding-top: 2px;
    background: url(../img/diary/ico_camera.gif) no-repeat 0 2px;
    color: #7d8594;
}
*:first-child+html #diary_list span.ico_photo {
    margin-top: 2px;
    padding-top: 1px;
}
#diary_list .log_title {
    clear: both;
    padding: 0 10px 0 3px;
}
#diary_list .reaction {
    float: left;
    width: 300px;
    margin-left: 12px;
    font-size: 12px;
    line-height: 1.4;
}
#diary_list .pictArea {
    margin-top: 10px;
}
#diary_list .logBtnArea {
    margin-top: 5px;
    width: 200px;
}
*:first-child+html #diary_list .logBtnArea {
    margin-top: 0;
}
#diary_list .mainDiaryArea {
    margin: 10px 8px 0;
    padding: 0 0 10px;
    background-color: #f7f6ef;
    border: 3px solid #e3e3d5;
}
*:first-child+html #diary_list .mainDiaryArea {
    padding: 0 0 4px;
}
#diary_list .letter_body {
    margin: 12px 12px 8px;
}
#diary_list .mainDiaryArea .letter_body img {
    margin: 0 3px;
}
#diary_list .title_diary {
    margin-bottom: 5px;
}
#diary_list #contentArea .title_diary a:link,
#diary_list #contentArea .title_diary a:visited,
#diary_list #contentArea .title_diary a:hover,
#diary_list #contentArea .title_diary a:active {
    color:#555;
    text-decoration: none;
}
#diary_list #contentArea .title_diary a:hover {
    text-decoration: underline;
}
/* ソート */
.sort {
    width: 598px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: right;
}
#diary_list #selectArea {
    position: absolute;
    top: 75px;
    right:7px;
    width:360px;
    font-size: 12px;
}
#selectArea select {
    width: 120px;
    padding: 1px;
    border: 1px solid #777;
}
#selectArea {
}
.diaryCategory {
    float: left;
    width: 180px;
}
.diarySort {
    float: left;
    width: 180px;
}
.btn_ds_edit {
    float: right;
    width: 87px;
}
.notFoundBox_b_s {
    clear: both;
}
/* 非表示フラグ */
.txt_hide {
    height:21px;
    margin-bottom: 5px;
    background: #c2bea7 url(../img/diary/txt_hide.gif) no-repeat 5px 3px;
    overflow: hidden;
    text-indent: -9999em;
    white-space: nowrap;
}
#diary_list .txt_hide {
    margin:5px;}

/* 詳細ページ
------------------------------ */
/* SNSボタン */
#social_btn {
    float: right;
    margin: -10px 22px 8px 0;
}
/* ログ情報 */
.logtitleHead {
    margin: 0 20px 15px;
    padding: 0 10px 5px;
    border-bottom: 1px dotted #777;
}
.logtitleArea {
    font-size: 1.2em;
    line-height: 1.4;
}
.log_title {
    font-size: 12px;
    line-height: 1.4;
}
.title_diary {
    color:#555;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
#view_diary .title_diary {
    clear: both;
}

.txt_logDate,
.date_category {
    color:#808080;
}
#view_diary .date_category {
    float: left;
    width: 420px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}
.txt_category {
    margin-left: 10px;
    font-size: 10px;
}
.logBtnArea {
    float: right;
    width:100px;
}
/* 日誌内容 */
.mainDiaryArea {
    margin: 15px 30px;
}
.letter_body {
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
.mainDiaryArea .showLargePict {
    width: 456px;
    margin: 0 auto;
}
.showLargePict {
    display: block;
    position: relative;
}
.showLargePict span {
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 456px;
    height: 258px;
    background: url(../img/picture/bg_freezed.png) repeat scroll 0 0 transparent;
    text-align: center;
}
#view_diary .showLargePict span {
    top: 0;
    left: 0;
}
#view_diary .mainDiaryArea .showLargePict span img {
    display: inline;
    width: 329px;
    margin: 110px 0 0;
    border: none;
}
#view_diary .letter_body img {
    width: 450px;
    display:block;
    margin: 8px auto;
    border: 3px solid #C9C9C9;
}
/* *:first-child+html .letter_body {
white-space: pre;
} */
.txt_diaryDate {
    margin-bottom: 5px;
    color:#808080;
    font-size: 1.2em;
    line-height: 1.4;
}
/* イイネ */
.reactionArea {
    margin-right: 30px;
    font-size: 1.2em;
    text-align: right;
}
.btn_ds_nice {
    display: inline-block;
    width: 113px;
    margin: 0 3px 0 8px;
    padding-top:5px;
    overflow: hidden;
    vertical-align: -4px;
}
*:first-child+html .btn_ds_nice {
    padding-top:0;
    vertical-align: -2px;
}
.article .mainDiaryArea a.btn_ds_nice img { margin: 0; }

a.btn_ds_nice:hover img,
.article .mainDiaryArea a.btn_ds_nice:hover img { margin-left: -114px; }
#contentArea a.txt_nice { text-decoration: underline; }
{ margin:0; }
/* 写真 */
.pictArea,
#selectPictArea .pictconfirmArea {
    clear: both;
    width: 474px;
    margin: 0 auto;
    padding: 8px 0;
    background-color:#FFF;
    border: 1px solid #ADADAD;
}
.pict_img {
    width: 450px;
    margin: 0 auto;
    border: 3px solid #C9C9C9;
}
.pict_img img {
    width: 450px;
}
.pict_img span img {
    margin-top: 110px;
    width: 329px;
}
.pict_comment {
    width: 456px;
    height: 35px;
    margin: 8px auto 0;
    background: url(../img/diary/bg_pict_comment.png) no-repeat 0 0;
    color:#FFF;
    font-size: 1.2em;
    text-align: center;
    line-height: 3.0;
}
.txt_caution {
    padding:10px 0;
    color:#6E680A;
    font-size:1.2em;
    text-align:center;
}
.alert_box_area {
	width:90%;
	margin:0 auto;
}
.alert_box {
	color:#d90000;
	font-size:12px;
	font-weight:bold;
	margin:20px auto 0 auto;
	text-align:left;
	text-indent:-10px;
	padding-left:10px;

}
/* forumから　あとで整理する
------------------------------ */
#view_diary .commentlist,
#playerevent .commentlist {
    clear: both;
    width: 600px;
    margin: 0 auto 10px;
    border: 2px solid #94a3b4;
    background-color:#FFF;
}
#playerevent #postBox,
#view_diary #postBox {
    margin-top: 35px;
}
.commentlist_admin {
    border-color:#c58f39;
}
#postBox {
    clear: both;
    position: relative;
}
.writeArea {
    clear: both;
}

.writeBox {
    margin: 0 auto 15px;
    width: 566px;
}
.txt_caution_comment {
    color: #5E0114;
    font-size: 1em;
    line-height: 1.4;
    margin: 5px auto 8px;
    padding-left: 1em;
    text-indent: -1em;
    width: 555px;
}
#contentArea .writeArea textarea {
    width: 556px;
    height: 60px;
}
/* コメント枠 */
.commentBox {
    clear: both;
    padding: 0 6px;
    margin-bottom: 8px;
}
.leftCol {
    float: left;
    width:80px;
    margin-top: 8px;
}
.rightCol {
    float: right;
    width:500px;
    margin-top: 8px;
}
.btn_comment input {
    margin: 0 auto;
}
.commentBox .charaName {
    float:left;
    width:250px;
    color:#6a7e9b;
    font-size: 1.2em;
}
#contentArea .charaId {
    color:#6c6c6c;
}
#contentArea .commentBox .charaName a {
    padding: 0 3px 0 10px;
    background: url(../img/common/bg_ico.png) no-repeat 0 -214px;
    font-weight: bold;
}
.writeArea .caution {
    margin: 0 auto;
    width: 560px;
}
/* 自分 */
#contentArea .commentBox .owner a:link {
    color:#7D2C1C;
    background: url(../img/common/bg_ico.png) no-repeat 0 -448px;
}
/* 他人 */
#contentArea .commentBox .others a:link {color:#6d7ea9;}
#contentArea .commentBox .others a:visited {color:#6d7ea9;}
#contentArea .commentBox .others a:hover {color:#6d7ea9;}
#contentArea .commentBox .others a:active {color:#6d7ea9;}
/* 管理者 */
.charaName_a {
    font-size: 12px;
    font-weight: bold;
}
.quoteBox .charaName_a {
    color: #603814;
}
.quoteBox .charaImg {
    float: left;
    width: 64px;
    margin-right: 10px;
}
.charaImg a {
    display: block;
    width: 64px;
    height: 64px;
    background-position:0 0;
    background-repeat: no-repeat;
    overflow: hidden;text-indent: -9999em;white-space: nowrap;
}
.commentBox .date {
    float:right;
    width:240px;
    color: #777;
    font-size: 1.2em;
    text-align: right;
}
.commentBox .commentText {
    clear: both;
    font-size: 1.2em;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
.txt_caution_comment {
    width: 555px;
    margin: 0 auto 8px;
    color: #5E0114;
    font-size: 1.0em;
    line-height: 1.4;
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
.commentlist .btnArea {
    border-top: 1px dotted #707070;
    clear: both;
    font-size: 1.2em;
    padding: 5px 0;
}
.commentlist .btnArea .btn_quote {
    float: right;
    width:140px;
}
#contentArea .btn_quote input {
    margin: 0 5px;
    padding: 0;
    border: none;
    vertical-align: -2px;
}
.commentlist .btn_ds_update,
.commentlist .btn_ds_delete,
.btn_report {
    margin-top: 3px;
}
/* 引用もと */
.quoteCtt {
    font-size: 1.2em;
    padding-left: 17px;
}
*:first-child+html .quoteCtt { float:left; }
.quoteCtt span span {
    background: url(../img/common/bg_quoteBox.png) repeat-y scroll right top #E7E7DE;
    border: 1px solid #BCBCB4;
    display: block;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 10px;
    white-space: pre-line;
    width: 546px;
    word-wrap: break-word;
}
.quoteCtt span span strong { padding-right: 8px; }
.quoteBox .date {
    padding-left: 3px;
    color:#777;
    font-size: 1.2em;
}
.check_quoteCtt {
    width: 526px;
    margin: 0 0 5px 25px;
    padding: 10px;
    background: url(../img/common/bg_quoteBox.png) repeat-y scroll right top #E7E7DE;
    border: 1px solid #BCBCB4;
    white-space: pre-line;
    word-wrap: break-word;
}
#comment_diary_confirm #contentArea .charaName,
#comment_update_confirm #contentArea .charaName,
#comment_update .charaName {
    background: url(../img/common/bg_ico.png) no-repeat scroll 0 -241px transparent;
    color: #777737;
    font-size: 1.2em;
    padding-left: 10px;
}
#contentArea .quoteTxt {
    font-size: 1.2em;
}
#contentArea .quoteBox .charaName a,
#comment_update .charaName {
    display: inline;
    background-position: 0 -243px;
}

/* いいねポップアップ
------------------------------ */
#niceArea {
    position: relative;
    width: 523px;
    height: 284px;
    padding: 4px;
    background-color:#FFF;
    border: 2px solid #000;
}
.charaArea {
    height: 216px;
    padding: 10px 0 0 24px;
    background: url(../img/diary/bg_charaarea.png) no-repeat center 10px;
    border: 1px solid #35250b;
}
.charaBox {
    float: left;
    width: 76px;
    height: 90px;
    margin: 0 8px 10px 0;
    padding: 8px 0 0 12px;
    background: url(../img/diary/bg_charabox.png) no-repeat 0 0;
    text-align: center;
}
*:first-child+html .charaBox {
    width: 88px;
    padding: 8px 0 0 0;
}
.charaBox a {
    display: block;
    width: 64px;
    color: #7D2C1C;
    font-size: 1.2em;
    text-decoration: none;
}
.charaBox a:hover {
    color: #CC9933;
    text-decoration: underline;
}
.charaBox img {
    display: block;
}
.btn_close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 27px;
    height: 27px;
    background: url(../img/common/close.png) no-repeat 0 0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    cursor: pointer;
}
.tit_nice {
    background-color:#35250b;
}
.countArea {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 503px;
    padding: 0 10px;
}
.nicecount {
    float: left;
    width: auto;
    font-size: 1.2em;
}
.countArea .pageNavi {
    float: right;
    width: auto;
    margin: 3px 0 0 0;
}
.countArea .pageNavi li a:link, .countArea .pageNavi li a:visited {
    color: #676767;
    padding: 0;
    text-decoration: none;
}
.countArea .pageNavi li.prev a:link,
.countArea .pageNavi li.prev a:visited,
.countArea .pageNavi li.next a:link,
.countArea .pageNavi li.next a:visited {
    padding: 0 5px;
}
.countArea .pageNavi li.prev a:link,
.countArea .pageNavi li.prev a:visited,
.countArea .pageNavi li.next a:link,
.countArea .pageNavi li.next a:visited {
    padding: 0 5px;
}
.pageNavi li a:link,
.pageNavi li a:visited {
    padding: 0 7px;
    color: #676767;
    text-decoration: none;
}

/* 新規投稿・記事の編集
------------------------------ */
/* table */
#contentArea table.formTable {
    width: 600px;
    margin: 20px auto 40px;
    font-size: 1.2em;
    word-wrap: break-word;
    /* table-layout: fixed; */
    border: 1px solid #777;
}
#edit_diary table.formTable {
    margin-bottom: 0;
}
#contentArea .formTable th {
    width: 110px;
    padding: 5px 8px;
    border-bottom: 1px solid #777;
    background-color:#a79873;
    color:#FFF;
    text-align:left;
}
#contentArea .formTable td {
    padding: 5px 10px;
    border-left: 1px solid #a7a7a7;
    border-bottom: 1px dotted #a7a7a7;
    background-color: #FFF;
    overflow: hidden;
    color:#4e544f;
}
.confirm_txt img {
    display: block;
    margin-bottom: 5px;
}
*:first-child+html .confirm_txt img {
    width: 435px;
    margin-bottom: 0;
}
#edit_diary .formTable td a,
#playerevent table.formTable a {
    display: block;
}
#edit_diary .formTable textarea { resize: none; }
#edit_diary .bdBox1,
#edit_diary_confirm .bdBox1,
edit_diary_confirm .bdBox1 {
    border-bottom: none;
}
#edit_diary table.formTable,
#edit_diary_confirm table.formTable,
edit_diary_confirm table.formTable {
    margin-top: 0;
}
.txt_caution_input {
    margin-top: 5px;
    color: #5E0114;
    font-size: 0.9em;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em;
}
/* 元ログ */
#edit_diary .pictArea,
#edit_diary_confirm .pictArea,
edit_diary_confirm .pictArea {
    margin-top: 12px;
    padding: 0;
    border: none;
}
#edit_diary .logtitleHead,
#edit_diary_confirm .logtitleHead,
edit_diary_confirm .logtitleHead {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}
p.txt_logDate {
    float: left;
    width: 70px;
}
#edit_diary .log_title,
#edit_diary_confirm .log_title {
    float: left;
    width: 500px;
}

/* 入力フォーム */
#contentArea .formTable td select {
    padding: 5px 2px;
    border: 1px solid #C3BDBD;
    font-size:12px;
}
#contentArea .formTable textarea {
    width: 433px;
    height: 150px;
}
.pull01 { width: 280px; }
.formTable label { margin-right: 10px; }
*:first-child+html .formTable label { margin-right: 3px; }
#contentArea .formTable label input { margin-right: 2px; padding: 0; border: none; vertical-align: -3px; }
*:first-child+html #contentArea .formTable label input { margin-right: 0; padding: 0; border: none; vertical-align: -5px; }
.txtFix {
    width: 440px;
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-break: break-all;
}
.selectPicture {
    float: left;
    position: relative;
}
    .selectPicture span {
        display: block;
        position: absolute;
        top: -3px;
        left: -3px;
        width: 456px;
        height: 258px;
        background: url(../img/picture/bg_freezed.png) repeat scroll 0 0 transparent;
        text-align: center;
    }
        .selectPicture span img {
            display: inline;
            width: 329px;
            margin: 110px 0 0;
            border: none;
        }

.cautionBox {
    display: block;
    width: 598px;
    margin: 10px auto 30px;
    background-color: #E6E4CF;
    border: 1px solid #78702E;
}
.cautionBox h3 {
    padding: 1px 10px 0;
    background-color:#6E680A;
    color:#FFF;
    font-size: 12px;
}
.txt_cautionBox {
    margin: 10px;
    font-size: 12px;
    line-height: 1.4;
}
#contentArea .cautionBox .btn_square a {
    margin: 0 10px 13px;
}
#diaryOpenTo {
    display: block;
    float: right;
    width: 300px;
    text-align: right;
}
#contentArea .link_confirm_event {
    float: none;
    text-align: left;
}
.txt_confirm {
    margin: -32px 22px 30px;
    font-size:12px;
    line-height: 1.4;
}
#diaryOpenToDetail .txt_confirm { margin-top: 0; }
.txt_confirm strong {
    color:#D50000;
    font-weight: normal;
}
.txt_confirm_event {
    padding: 3px 8px;
    border: 1px solid #D50000;
    color:#D50000;
    line-height: 1.4;
}
.title_icon02 {
    clear: both;
    margin: 0 22px;
    padding-left: 15px;
    background: url(../img/common/ico_list.png) no-repeat scroll 0 5px transparent;
    color:#4B3232;
    font-size: 12px;
}
/* 公開設定について */
.btn_popupwin {
    text-align: right;
    font-size: 12px;
    line-height: 1.3;
}
#contentArea table.visibility { margin: 0 0 40px 22px; }
#contentArea .visibility th { width: 150px; }

/* 完了画面 */
.txt_success {
    width: 470px;
    height: 118px;
    margin: 40px auto;
    padding: 100px 0 0 5px;
    background: url(../img/common/bg_success.jpg) no-repeat 0 0;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}
#edit_diary_success .txt_caution { margin-top: -40px; }
#edit_diary_success .txt_caution strong {
    color: #d50000;
    font-weight: normal;}
    #postBox_b {
        padding: 10px 0 20px;
    }
    .writeArea {
        clear: both;
    }
    .forumComment {
        width: 558px;
        padding: 5px 20px;
        white-space: pre-line;
        word-wrap: break-word;
    }
    .forumCommentchek_txt {
        margin: 5px;
        padding: 5px 10px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #C3BDBD;
        font-size: 1.2em;
    }
    .txt_check {
        padding: 0;
    }
    /* 写真を選択 */
    #selectPictArea {
        position: relative;
        width: 518px;
        min-height: 445px;
        padding: 18px 0 35px;
        background-color:#F1E9DC;
        border: 2px solid #CBB091;
    }
    .closeBtn {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 5px;
    }
    .closeBtn a {
        display: block;
        width: 137px;
        height: 29px;
        margin: 0 auto;
        background: url(../img/common/close_l.png) no-repeat 0 0;
        overflow: hidden;text-indent: -9999em;white-space: nowrap;
    }
    .closeBtn a:hover { background: url(../img/common/close_l_on.png) no-repeat 0 0; }
    #selectPictArea .txt_check {
        margin: 8px 0;
    }
    .row {
        margin-left: 20px;
        display: flex;
        flex-wrap: wrap;
    }
    .selectPict {
        float: left;
        width: 158px;
        margin: -1px 0 0 -1px;
        padding: 8px 0;
        background-color: #FFF;
        border: 1px solid #CBB091;
        font-size: 12px;
        line-height: 1.2;
    }
    .iconArea {
        float: left;
        width: 20px;
        margin-left: 8px;
    }
    .s_pict {
        float: right;
        width: 100px;
        margin: 0 29px 3px 0;
    }
    .s_pict a img {
        border: 2px solid #FFF;
    }
    .s_pict a:hover img {
        border: 2px solid #FF6;
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
    }
    .lockIcon {
        width: 16px;
        height: 17px;
        margin-bottom: 2px;
        background: url(../img/common/bg_ico.png) no-repeat scroll 0 -131px transparent;
        overflow: hidden;
        text-indent: -9999em;
        white-space: nowrap;
    }
    .commentIcon {
        width: 16px;
        height: 17px;
        background: url(../img/common/bg_ico.png) no-repeat scroll 0 -72px transparent;
        overflow: hidden;
        text-indent: -9999em;
        white-space: nowrap;
    }
    .s_date {
        clear: both;
        text-align: center;
        font-size: 12px;
    }
    .s_place {
        text-align: center;
    }
    .pictconfirmArea .s_date {
        margin-top:8px;
    }
    .selectPict .s_date {
        clear: both;
        /clear: none;
        /float:left;
        width:158px;
    }
    #selectPictArea .twoBtnArea {
        padding-bottom:20px;
    }
    #edit_diary hr.lineType2 {
        width: 500px;
        margin-top:20px;
        /margin:10px 0 0;
        /padding: 0;
    }
    .searchResult {
        margin-left: 20px;
        width: 180px;
        line-height: 1.3;
    }
    #edit_diary .searchResult {
        width: 160px;
    }
    #selectPictArea .pageNavi {
        width: 313px;
    }
    #formBack a:hover {
        background-position: 0 -512px;
        height: 27px;
        width: 150px;
    }
    .pageNavi li.location,
    .pageNavi li a:link, .pageNavi li a:visited {
        padding: 0 6px;
    }
    .pageNavi li.location {
        /margin-right: 0px;
    }
    .pageNavi li a:link, .pageNavi li a:visited {
        /margin-right: 2px;
    }
    #selectPictArea .pageNavi .first a,
    #selectPictArea .pageNavi .prev a {
        padding: 0 5px 0 0;
    }
    #selectPictArea .pageNavi .next a,
    #selectPictArea .pageNavi .last a {
        padding: 0 0 0 5px;
    }
    #selectPictArea .pageNavi li a:hover {
        background-color: #F3F3F3;
        border-left: 1px solid #F1E9DC;
        border-right: 1px solid #F1E9DC;
        padding: 0 5px;
        text-decoration: none;
    }
    #selectPictArea .pageNavi .first a:hover,
    #selectPictArea .pageNavi .prev a:hover {
       padding: 0 4px 0 0;
       background-color: transparent;
       border-left: none;
       border-right: 1px solid #F1E9DC;
   }
   #selectPictArea .pageNavi .next a:hover,
   #selectPictArea .pageNavi .last a:hover {
       padding: 0 0 0 4px;
       background-color: transparent;
       border-left: 1px solid #F1E9DC;
       border-right: none;
   }

/* コメントの編集
------------------------------ */
#comment_update .writeBox {
    width: 548px;
}
#comment_update #contentArea .writeArea textarea {
    width: 536px;
}

/* β版button.css
------------------------------ */
/* ボタンのベース */
.buttonText, .buttonText2, .buttonImage {
    width: 165px;
    height: 25px;
}
/* テキストボタン */
.buttonText {
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    background-image: url(../imgs/button/base/text.png);
}
.buttonText div {
    margin: 3px 0 0 0;
    color: #fff;
    font-weight: bolder;
    cursor: pointer;
}

.radiusFrameDQ, .radiusFrameDQIn {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.radiusFrameDQ {
    border: 1px solid #000;
    background-color: #222;
    color: #fff;
}
.radiusFrameDQIn {
    text-align: center;
    border: 2px solid #f3f3f3;
}
.radiusFrameDQInner {
    text-align: left;
    margin: auto;
    padding: 6px 0 6px 0;
}
.radiusFrameDQBorder {
    border: 1px solid #f3f3f3;
}
#pictDetail .button {
    display:block;
    font-size:0;
    text-decoration:none !important;
    background-position:0 0;
}
.button:hover {
    background-position:0 bottom;
}
.buttonDisabled {
    cursor:default;
}

/* ポップアップβ版CSS
------------------------------ */
#pictDetail a.btn_pictdownload {/* 写真をダウンロード */
    display: block;
    width: 150px;
    height: 27px;
    margin-right: 3px;
    border: none;
    background: url(../img/common/bg_btn_round2.png) no-repeat 0 -60px;
    text-align: center;
    text-indent: -9999em;
    white-space:nowrap;
    overflow:hidden;
}
#pictDetail a.btn_pictdownload:hover { background-position:0 -90px; }

#pictDetail #screenShotNext, #pictDetail #screenShotPrev {
    height: 46px;
    width: 30px;
    background: url(../img/common/bg_ico.png) no-repeat top left;
}
#pictDetail a#screenShotNext { background-position: 0 -343px; }/* 写真次へ */
#pictDetail a#screenShotNext:hover { background-position: -34px -343px; }
#pictDetail a#screenShotPrev { background-position: 0 -394px; }/* 写真前へ */
#pictDetail a#screenShotPrev:hover { background-position: -34px -394px; }

.mask {
    background-color: #000000;
    opacity: 0.75;
}
#largePict {
    min-height: 600px;
    width: 853px;
}
* html #largePict {
    height: 600px;
}
#largePict font {
    color: #FFD200;
    font-size: 18px;
    font-weight: bolder;
    text-decoration: none;
}
#largePict p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bolder;
    text-decoration: none;
}
#pictDetail {
    min-height: 480px;
    width: 961px;
}
.thumbLocationAndDate {
    margin: 3px 0;
}
.pictureList {
    margin: 0 0 0 16px;
}
#pictureDetailLocationAndDate {
    color: #FFD200;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0 0;
}
#pictureDetailComment {
    color: #FFFFFF;
    font-size: 14px;
    margin: 6px 0 0;
}
#pictureDetail {
    position: relative;
    padding: 0 0 14px;
}
#pictureDetail .btnArea {
    margin: 12px auto 0;
}
#pictureDetailImage {
    cursor: pointer;
}
#pictureDetail .block {
    width: 808px;
    margin: 10px auto 0 auto;
}

#pictureDetailIcoNav {
    position: absolute;
    margin: 2px auto;
    left: 0;
    right: 0;
    width: 808px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.pictureDetailIcoNav-navbox {
    display: flex;
    width: 84px;
}

.pictureDetailIcoNav-navbox:nth-of-type(2) {
    justify-content: flex-end;
    margin-left: auto;
}

/* Twitterアイコンとダウンロードアイコン */
.img-button.twitter-ico,
.img-button.download-ico {
    margin-left: 2px;
    width: 40px;
    height: 40px;
}

.pictureDetailIcoNav-navbox span {
    margin-left: 2px;
}

.contentsTable1TD1 {
    text-align: center;
}
#pictDetail a.btn_delete,
#pictDetail a.btn_comChange,
#pictDetail a.btn_protection,
#pictDetail a.btn_release {
    display: block;
    width: 150px;
    height: 27px;
    margin-right: 3px;
    border: none;
    background: url(../img/common/bg_btn_round.png) no-repeat top left;
    text-align: center;
    text-indent: -9999em;
    white-space:nowrap;
    overflow:hidden;
}
#pictDetail a.btn_delete { background-position: 0 -204px; }
#pictDetail a.btn_delete:hover { background-position: 0 -236px; }
#pictDetail a.btn_comChange { background-position: 0 -1840px; }
#pictDetail a.btn_comChange:hover { background-position: 0 -1872px; }
#pictDetail a.btn_protection { background-position: 0 -1904px; }
#pictDetail a.btn_protection:hover { background-position: 0 -1936px; }
#pictDetail a.btn_release { background-position: 0 -1968px; }
#pictDetail a.btn_release:hover { background-position: 0 -2000px; }

#pictureDetail .freezed {
    width: 798px;
    border: 5px solid #333;
    opacity:0.5;
    filter:alpha(opacity=50);
}
#pictureDetail .txt_freezed img {
    position: absolute;
    top: 235px;
    left: 235px;
}

/* Popup Window */
#popupWin {
    padding: 0;
}
#popupWin .cttBox {
    min-height:200px;
}
#popupWin #wrapper_light {
    background: none repeat scroll 0 0 transparent;
}
#popupWin #container {
    margin: 0;
    width: 100%;
}
#popupWin #contentArea {
    float: none;
    margin: 0 auto;
    padding: 10px 0 30px;
}
#popupWin h1 {
    margin: 30px auto 10px;
    width: 563px;
}
#popupWin .lead {
    font-size: 1.2em;
    margin: 0 auto 10px;
    width: 540px;
}
#contentArea .btn_winclose a {
    display: block;
    width: 150px;
    height: 27px;
    margin: 40px auto 0;
    background: url(../img/common/bg_btn_square.png) no-repeat 0 -1430px;
    overflow: hidden;
    text-indent: -9999em;
    white-space: nowrap;
}
#contentArea .btn_winclose a:hover {
    background-position: 0 -1470px;
}

.photo-settings {
	margin: 0 auto;
	font-size: 12px;
}
	.photo-settings ul {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.photo-settings li {
		padding: 6px 0;
		flex-basis: 240px;
		background-color: #000;
	}
		.photo-settings li:not(:last-of-type) {
			margin-right: 2px;
		}
	.photo-setting-item {
		display: flex;
		justify-content: center;
	}
	.photo-setting-item--name {
		color: #914b00;
	}
	.photo-setting-item--value {
		color: #fff;
		text-align: right;
	}
    /* 使用中のコンテンツ */
    .photo-using {
        width: 724px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2px;
        color: #CCC;
        font-size: 12px;
        background-color: #393222;
        padding-top: 3px;
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }

    .photo-using__head {
        display: flex;
        align-items: center;
    }

    .photo-using__head::before {
        content: '';
        display: block;
        width: 1.0rem;
        height: 1.0rem;
        margin-right: 5px;
        margin-top: -2px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/common/ico_chain_s.png);
    }

    .photo-using__head {
        color: #c7b153;
        word-break: keep-all;
    }

    .photo-using__body {
        display: flex;
        flex-wrap: wrap;
    }
#pictureDetailIcoNav {
  position: absolute;
  margin: 2px auto;
  left: 0;
  right: 0;
  width: 808px;
}
/* Twitterアイコンとダウンロードアイコン */
.img-button.twitter-ico,
.img-button.download-ico {
  float: right;
  margin-left: 2px;
  width: 40px;
  height: 40px;
}