@charset "utf-8";

/* Font Awesome */
@import url('https://use.fontawesome.com/releases/v6.1.1/css/all.css');

/* Google Fonts */


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

    ◆ Google  fonts
    ： M PLUS Rounded 1c　…　日本語
    　→　https://fonts.google.com/specimen/M+PLUS+Rounded+1c?subset=japanese

    ： La Belle Aurore　…　見出しなど
    　→　https://fonts.google.com/specimen/La+Belle+Aurore?query=belle

    ： Marcellus SC　…　メニューなど
    　→　https://fonts.google.com/specimen/Marcellus+SC

    ： EB Garamond　…　掲示板の日時など
    　→　https://fonts.google.com/specimen/EB+Garamond

/*--------------------------------------------------------------------------------------------------------*
    ページ全体のデザイン
----------------------------------------------------------------------------------------------------------*/

*,*::before,*::after {box-sizing: border-box;}
html {height: -webkit-fill-available;margin: 0;padding:0;background: transparent;font-size: 62.5%;}
h1,h2,h3,h4,h5,h6,p,dl,dd,ul,li {margin: 0;padding:0;font-weight: normal;font-style: normal;}
img {max-width: 100%;}

/*背景指定*/
body {
    margin: 0;padding:0;
    min-height: -webkit-fill-available;
    min-height:100%;
    background:#e8ebee;}    


/* フォントや行間など文字の指定 */
body,input,select,textarea,button {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo',sans-serif;
    font-size: 1.4rem;
    color: #000000;
    line-height: 1.7;}

span::before {
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo',sans-serif;}

/* リンク */
a { text-decoration: none;font-weight: bold;}

a.alink {
    color:#db5d5d;
    background:linear-gradient(transparent 60%, #f7c5c5 60%);
    padding:0 5px;}

/*--------------------------------------------------------------------------------------------------------*
    スクロール（上に戻る）
----------------------------------------------------------------------------------------------------------*/

#backtop a{
    display: flex;
    justify-content:center;
    align-items:center;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background:#cecece;
    color: #ffffff;
    font-size:1.6rem;
    transition:all 0.3s;}
  
#backtop a:hover{background: #afacac;}
  
#backtop {
    position: fixed;
    right: 10px;bottom:10px;
    z-index: 10;
    opacity: 0;}

#backtop.Up{animation: UpAnime 0.5s forwards;}

@keyframes UpAnime{
    from {opacity: 0;transform: translateY(100px);}
    to {opacity: 1;transform: translateY(0);}
  }

/*--------------------------------------------------------------------------------------------------------*
    遅延掲示板
----------------------------------------------------------------------------------------------------------*/

input,select,textarea,button {
    color: #000000;
    background: rgba(255, 255, 255, 0.85);
    border:solid 1px #000000;
    padding:0 5px;
    vertical-align:middle;
    position:relative;
    margin: 0 4px 2px 0;
    *margin-right:3px;
    top:-1px;}

    form {margin:0;padding:0;border:0;outline:0;background:transparent;}
    input { height: 30px; line-height: 30px;}
    button[type="submit"] , input[type="button"] {overflow:visible; height:22px;padding:0 3px;border:none;}
    input[type="checkbox"],input[type="radio"] { border:none; top:-2px;top:0\9;margin-right:2px; margin-right: 0\9; }
    select,button[type="submit"] ,input[type="submit"],input[type="text"] { height: 32px; line-height: 32px;padding:0 6px;}
	input[type="password"] { height: 32px; line-height: 32px;padding:0 6px;width:80px;}

.basebg {
    border:8px solid #ffffff;
    background: rgba(255, 255, 255, 0.85);}

.bbs_select1 {width:200px;}
.bbs_select2,.bbs_pass {width:100px;}

.bbs_talking {display: none;}

.bbs_edit {
    width:100%;
    margin:100px auto 0;}


.gray {color:#a8a8a8}

.edit_w80 {width:80px;}
.edit_del {width:60px;}
.edit_no,.edit_pass,.edit_mode,.edit_send {width:18%;}
.edit_no {max-width:50px;}
.edit_pass,.edit_mode{max-width:100px;}

.pj {text-decoration:none;background: rgba(111, 120, 202, 0.8);padding:2px 4px;}

.bbs_search {width:calc(90% - 50px);}

.pagejump { 
    color:#db5d5d;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    font-family: 'EB Garamond', serif;
    padding: 5px;}

.pagejump a{
    display: inline-block;
    line-height: 22px;
    margin: 0 3px;
    font-size: 1.5rem;
    font-weight: bold;
    color:#db5d5d;
    background: rgba(255, 255, 255, 0.8);
    padding:2px 6px;
    letter-spacing: .2rem;}

.pagelink {
    margin: 0 auto;
    text-align: center;
    color:#db5d5d;
    font-family: 'EB Garamond', serif;
    font-weight: bold;}

.pagelink a{
    display: inline-block;
    line-height: 22px;
    margin: 0 3px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 3px;
    font-weight: normal;
    color:#db5d5d;
    background:linear-gradient(transparent 60%, #f7c5c5 60%);
    padding:0 5px;
    letter-spacing: .2rem;}


/*投稿ボタンの背景色*/
.edit_send,.bbs_submit {background: #9e5a5c;border:1px solid #9e5a5c;color:#ffffff;}


/*横幅*/
.box_w700 {
    margin:100px auto;
    width:95%;max-width:700px;
    text-align: center;}

.box_w800 {
    margin:100px auto;
    width:95%;max-width:800px;
    text-align: center;}


/*掲示板タイトル*/
.bbsd_title {
    font-family: "UoqMunThenKhung", serif;
    transform: rotate(0.03deg);
    margin:0 auto 30px;text-align: center;
    padding: 1.5rem;
    position: relative;
    color:#000000;
    text-shadow: 1px 2px 3px #ffffff; 
    font-size: 5rem;}
    
 
    
    
    .bbsd_edit {
        width:100%;
        text-align: right;
        margin:15px auto 0;}

    /*リンク*/
    .bbsd_al {
    font-family:'Marcellus SC', sans-serif;
    border-radius: 3px;
    background: rgba(160, 160, 160, 0.8);
    padding:2px 6px;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: .2rem;
    color:#ffffff;}
    
    
    /*メイン：一覧ページ*/
    .bbsd_article {
    padding:15px;
    text-align: left;
    margin:50px auto;}

    
    .bbsd_msg {
    text-align:left;
    border-bottom:1px dashed #000000;
    padding-bottom:5px;
    margin:5px auto;}
    
    
    .bbsd_msg input {display: none;}
    .bbsd_msg label {
        position: relative;display: inline-block;cursor: pointer;margin-right:3px;width:160px;font-family: 'EB Garamond', serif;font-size:1.5rem;
        padding: 0 3px 0 5px;border-radius: 5px;border: 1px solid #f5e3c3;transition: all .2s;background: #ffffff;text-align: center; margin-right: 5px;}
    .bbsd_msg input:checked + label {background: #f5e3c3;color: #000000;}
    .bbsd_msg input[type='radio'] {position: absolute;visibility: hidden !important;}
    

    h4 {padding: 3px 10px;
        font-weight: bold;
        background: #FE8F8F;
        border-radius: 5px;
        color:#ffffff;
        font-size: 1.4rem;
        display: inline-block;
        margin:5px 0;}
    
        h4::before {
            font-family: 'Font Awesome 5 Free';
            content: '\f005';
            font-weight: 900;
            color:#ffffff;
            font-size: 1.2rem;
            margin-right:5px;}
    

    .bbsd_h {background: #ee827c;;}


/*--------------------------------------------------------------------------------------------------------*
    管理画面
----------------------------------------------------------------------------------------------------------*/

#adminCheck {
    margin:200px auto 100px;
    text-align: center;
    border:8px solid #ffffff;
    width:90%;max-width:500px;
    padding:40px 20px;
    line-height: 5rem;
    background: rgba(255, 255, 255, 0.85);}


#admin,#error{
    margin:100px auto;
    text-align: center;
    border:8px solid #ffffff;
    width:100%;max-width:800px;
    padding:20px 10px;
    background: rgba(255, 255, 255, 0.85);}


h2.oyasub {
    display: block;
	margin-right: 10px;
	font-weight: bold;
    font-size: 2rem;}

h2.oyasub:before {display: none;}

h3.ressub {
    display: block;
	margin-right: 10px;
	padding: 0 10px;
    font-size: 1.5rem;
	font-weight: bold;}

h3.ressub:after{display: none;}


#log {
	width: 100%;
	text-align: left;
	border: 1px solid #666666;
	margin: 10px auto;}

.oyahead {
	background: #e7e7e7;
	padding: 8px;
	border-bottom: 1px solid #666666;
}

.oyaname{
	margin-right: 10px;
}
.oyamsg {margin: 15px 10px;}
.oyafile {margin: 5px 10px;}
.oyahost {margin: 5px 10px;}

.res {
	margin: 8px 0px;
	padding: 8px 8px 8px 20px;
	border-top: 1px solid #999999;}



.resname {
	margin: 0px;
	padding: 0px;
}
.resmsg {
	margin: 15px 10px;
}
.logfoot {
	background: #e7e7e7;
	padding: 8px;
	border-top: 1px solid #666666;}


.mtresMsg {width: 100%;}
#pagejump {width: 100%;}

.btnJpage {background: #e7e7e7;}

.hide {display: none;}

.az_ver {
    display: inline-block;
    margin:5px auto;text-align: center;
    padding:2px 4px;
    color:#303030;
    background: rgba(255, 255, 255, 0.85);}

.az_ver a{color:#db5d5d;}

/*--------------------------------------------------------------------------------------------------------*
    個人設定
----------------------------------------------------------------------------------------------------------*/

.nanamatsu {color:#f7c114;}
.nanamatsu_ic {background:url(../../../icon/nanamatsu.jpg) 50% 50% no-repeat;}
.nanamatsu_name::before {content:"七松小平太";}
.nanamatsu_bd {border:1px solid #f7c114;}
.nanamatsu_bg {background:#f7c114;}

 


.ohama {color:#f8e58c;}
.ohama_ic {background:url(../../../icon/ohama.jpg) 50% 50% no-repeat;}
.ohama_name::before {content:"尾浜勘右衛門";}
.ohama_bd {border:1px solid #f8e58c;}
.ohama_bg {background:#f8e58c;}


.ayabe {color:#9d5b8b;}
.ayabe_ic {background:url(../../../icon/ayabe.jpg) 50% 50% no-repeat;}
.ayabe_name::before {content:"綾部喜八郎";}
.ayabe_bd {border:1px solid #9d5b8b;}
.ayabe_bg {background:#9d5b8b;}


.hama {color:#89c3eb;}
.hama_ic {background:url(../../../icon/hama.jpg) 50% 50% no-repeat;}
.hama_name::before {content:"浜守一郎";}
.hama_bd {border:1px solid #89c3eb;}
.hama_bg {background:#89c3eb;}

 	


.gakubunji {color:#f7bd8f;}
.gakubunji_ic {background:url(../../../icon/gakubunji.jpg) 50% 50% no-repeat;}
.gakubunji_name::before {content:"鰐文寺英哉";}
.gakubunji_bd {border:1px solid #f7bd8f;}
.gakubunji_bg {background:#f7bd8f;}

.kurisu {color:#86473F;}
.kurisu_ic {background:url(../../../icon/kurisu.jpg) 50% 50% no-repeat;}
.kurisu_name::before {content:"栗栖理助";}
.kurisu_bd {border:1px solid #86473F;}
.kurisu_bg {background:#86473F;}

.hosoba {color:#274a78;}
.hosoba_ic {background:url(../../../icon/hosoba.jpg) 50% 50% no-repeat;}
.hosoba_name::before {content:"細葉史士郎";}
.hosoba_bd {border:1px solid #274a78;}
.hosoba_bg {background:#274a78;}


.shishiya {color:#7b8d41;}
.shishiya_ic {background:url(../../../icon/shishiya.jpg) 50% 50% no-repeat;}
.shishiya_name::before {content:"獅子谷千代丸";}
.shishiya_bd {border:1px solid #7b8d41;}
.shishiya_bg {background:#7b8d41;}


.noname {color:#7b7b7b;}
.noname_ic {background:#7b7b7b url(../../../profile/icon/noname.jpg) 50% 50% no-repeat;}
.noname_name::before {content:"No Name";}
.noname_bd {border:1px solid #7b7b7b;}
.noname_bg {background:#7b7b7b;}



.komatsuda {color:#7b7b7b;}
.komatsuda_ic {background:url(../../../icon/komatsuda.jpg) 50% 50% no-repeat;}
.komatsuda_name::before {content:"小松田秀作";}
.komatsuda_bd {border:1px solid #7b7b7b;}
.komatsuda_bg {background:#7b7b7b;}