@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=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');

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

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

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

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

img {max-width: 100%;}

/*背景指定*/
body {
    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::after {border-bottom:0;}

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


/*--------------------------------------------------------------------------------------------------------*
    BBS 2
----------------------------------------------------------------------------------------------------------*/

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

textarea { line-height:1.6em; resize: vertical; }

.basebg {background: rgba(255, 255, 255, 0.7); }

.bbs_sub {width:100%;}

.bbs_msg {width:100%;height: 300px;margin:8px 0px;padding:4px;}

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

.bbs_talking {display: none;}

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

.bbs_resmain{
display:flex;flex-wrap: wrap;justify-content: center;
margin:10px auto ;
width:100%;max-width: 700px;min-width:200px;}

.res_sub { font-size:1.4em; margin-top:20px; width:100%; padding:4px; font-weight:bold;
  text-shadow:1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff; }

.res_waku {
display:flex;flex-wrap:wrap;
width: 100%;min-height: 128px;
margin:50px 0 0;padding:20px 10px 6px 10px;}

.res_icon{ margin:0 auto 0;min-height:130px;}
.res_icon_in { width:100px;height:100px; margin:10px;}

.res_msgw {margin:0 auto 10px;line-height: 1.6;max-width:550px;min-width:200px;width: 100%;padding:3px;}

.res_msg { padding:4px;text-align: left;letter-spacing:0;font-size:1.1em;width: 100%;
  font-family:'M PLUS Rounded 1c', 'メイリオ', 'Meiryo',sans-serif; }

.res_date {text-align:right;font-size:1.2rem;height:26px;width:100%;padding:0 10px;}

.bbs_res_date {font-family: 'EB Garamond', serif;font-size:0.9em;color:#666;text-align: right;width:100%;padding-right:5px; background:#eee;}
.bbs_res_date a { color:inherit; }

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

/*新規投稿フォーム*/
.bbs_form {
    padding:15px;
    text-align: left;
    margin:50px auto;
    width:100%;max-width: 700px;}

/*文字数カウントの背景色*/
.textcount {font-weight: bold;color:#ffffff;background:#afafaf;padding:3px 8px;border-radius: 6px; white-space:nowrap; }

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

/*〆レス時に表示する文字　content:"この部分の文字を変更できます"*/
.bbs_end::after {content:"/END";font-family: 'EB Garamond', serif;letter-spacing: 0.2rem;}

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

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


/*掲示板タイトル*/
.bbs2_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;}

    /*リンク*/
    .bbs2_al {
    font-family:'Lora', sans-serif;
    border-radius: 3px;
    background: rgba(165, 75, 75, 0.8);
    padding:2px 6px;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: .2rem;
    color:#ffffff;}
    
    
    /*メイン：一覧ページ*/
    .bbs2_article {
    padding:10px 10px 2px 10px;
    text-align: left;
    margin:60px auto; max-width:700px;}
    
    .bbs2_main_sub{
    font-size: 1.2em; }
    
    .bbs2_name {
    margin:4px auto 0;
    text-shadow: 1px 2px 5px #ffffff;
    text-align: left;
    padding-left:9px;}
    
    .bbs2_name a{color:#666666;}
    
    .bbs2_date {
        font-family: 'EB Garamond', serif;
    margin:5px 5px 3px auto;
    text-align:right;
    font-weight: ;
    display:none;}
    
    .bbs_dateno{letter-spacing:0.2rem;font-family: 'EB Garamond', serif;}
    
    .bbs2_date:last-child {display:block;}
    
    .resi {margin:0 2px 0 10px;}
    .resi2 {margin:0 5px; font-size:0.82em;}

.anchor { padding-top:60px; margin-top: -60px; }

@media screen and (min-width:320px) and ( max-width:768px) {
.anchor { padding-top: 30px; margin-top: -30px; }
    .bbs_dateno{letter-spacing:0.1rem; }
    .bbs2_main_sub{ font-size: 1.12em; }
}

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

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

/*--------------------------------------------------------------------------------------------------------*
    個人設定
    css/profile に格納
----------------------------------------------------------------------------------------------------------*/