@charset "utf-8";

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

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

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

    ◆ 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

/*--------------------------------------------------------------------------------------------------------*
    ページ全体のデザイン
----------------------------------------------------------------------------------------------------------*/
 
img {max-width: 100%;}

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

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

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

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: #94A6B8;border:1px solid #94A6B8;color:#ffffff;}


/*横幅*/
.box_w700 {
    margin:10px 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: 'Great Vibes','M PLUS Rounded 1c', cursive;
    transform: rotate(0.03deg);
    margin:0 auto 20px;text-align: center;
    padding: 1.2rem;
    color:#000000;
    text-shadow: 1px 2px 3px #ffffff; 
    font-size: 2.6rem;}
    
    .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:20px 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:2px;width:140px;font-family: 'EB Garamond', serif;font-size:1.4rem;
        padding: 0 3px 0 5px;border-radius: 5px;border: 1px solid #9cb3d9;transition: all .2s;background: #ffffff;text-align: center; margin-right: 5px;}
    .bbsd_msg input:checked + label {background: #9cb3d9;color: #000000;}
    .bbsd_msg input[type='radio'] {position: absolute;visibility: hidden !important;}
    

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

    .bbsd_h {background: #aaaaaa;}



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

#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;}
 

#base01 {
   border:0;margin:0 auto;padding:0;height:100vh;width:100%; 
   background:url(../../img/bg.jpg);
   color:#595959;
 }
#error { 
   border:0;margin:auto;padding:40px;height:100vh;width:100%;
   background:rgba(255,255,255,0.60);
   font-family:'M PLUS Rounded 1c', "メイリオ", 'Meiryo',sans-serif;
}
#error a { color:#719bad; }

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