@charset "utf-8";

/* Font Awesome */
@import url('https://use.fontawesome.com/releases/v6.2.0/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 {
    min-height: -webkit-fill-available;
    min-height:100%; }    

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

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

#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::after { border-bottom:0; }

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


/*--------------------------------------------------------------------------------------------------------*
    MEMO 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 { font-size:1.2em; line-height:1.4em; padding:3px; }
.memo_sub { width:90%; }
 
.bbs_sub {width:100%;}

.bbs_msg {width:90%;height: 260px;margin:8px auto;}

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


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

.pagejump > b { border:0; }
.pagejump { 
    color:#abced8;
    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.4rem;
    font-weight: bold;
    color:#abced8;
    background: rgba(255, 255, 255, 0.8);
    padding:2px 6px;
    letter-spacing: .2rem;}

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

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

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


/*投稿ボタンの背景色*/
.edit_send,.bbs_submit {background: #abced8 !important;border:1px solid #abced8;color:#ffffff;}
.bbs_submit { width:120px; }


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

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


/*--------------------------------------------------------------------------------------------------------*
    MEMO 2
----------------------------------------------------------------------------------------------------------*/

/*メモタイトル*/
.memo2_title {
    font-family: 'La Belle Aurore','M PLUS Rounded 1c', cursive;
    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;}
    
.memo2_title:before {
    position: absolute;
    bottom: 28px;
    left: calc(50% - 25px);
    width: 50px;
    height: 3px;
    content: '';
    box-shadow: 1px 2px 3px #ffffff;
    border-radius: 6px;
    background: #000000;}
    

/*リストやスケジュールなどの装飾*/
ul.m_list {margin:0;text-align: right;}
ul.m_list li {display:inline-block; list-style: none;margin-left: 20px;}


.memo2_article {
    padding:13px 25px;
    text-align: left;
    margin:50px auto 50px auto;}

.basebg {
        background: rgba(255, 255, 255, 0.7);
        border:2px solid #999999; border-radius: 20px; margin:4rem auto;}

/*メモ：各日タイトル*/
.memo2_sub {
    font-family: 'M PLUS Rounded 1c', cursive;
    transform: rotate(0.03deg);
    position: relative;color:#385560;
    margin:6px 0;
    font-size:1.8rem; }

    .memo2_sub:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #aaaaaa, #aaaaaa 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #aaaaaa, #aaaaaa 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

/*メモ：小見出し*/
.memo2_h {
    font-family: 'M PLUS Rounded 1c', cursive;
    transform: rotate(0.03deg);
    position: relative;
    margin:1em 10px 8px 0;
    padding-left: 20px;
    color:#6e6e6e;
    font-weight: bold;
    font-size:1.5rem;}

    .memo2_h:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #669db3, #669db3 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #669db3, #669db3 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

    .memo2_h:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        position: absolute;left: 0;bottom:3px;
        color: #6e6e6e;
      }


    .memo2_msg {margin:14px 15px; font-family:'M PLUS Rounded 1c', 'メイリオ', 'Meiryo',sans-serif;}


    @media screen and (max-width: 800px) {
         .memo2_msg {margin:3px;}  
.memo2_article {
    padding:10px 10px;}
    }
    

 .memo2_line{border:none;
    width: 100%;
    height: 7px;
    margin:10px auto;
    background-image: -webkit-repeating-linear-gradient(135deg, #aaaaaa, #aaaaaa 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #aaaaaa, #aaaaaa 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

.memo2_box_e {border: none;font-family: 'EB Garamond';text-align: right;}
.memo2_box_e input {display: none;}
.memo2_box_e label {position: relative;display: inline-block;
    padding: 2px 8px;border-radius: 5px;transition: all .2s;background: #ffffff;border:1px solid #ddd;text-align: center;}
.memo2_box_e input:checked + label {background: #999;color: #fff;border:1px solid #999;}
.memo2_box_e input[type='radio'] {position: absolute;visibility: hidden !important;}
.memo2_box_e a { color:#abced8;}

.memo2_edit{display:inline-flex;}

.memo2_resi {font-size:1.4rem;margin-left:10px;color:#665c5c;}

/*--------------------------------------------------------------------------------------------------------*
    本文に使用する装飾
----------------------------------------------------------------------------------------------------------*/

em {
    background:linear-gradient(transparent 60%, #ffde97 60%);
    color:#ff932d; border-bottom:0;
    font-weight: bold;font-style: normal;}

b {font-weight:bold;
    color:#ff7473;
    border-bottom:2px dashed #ff7473;}


.note { 
    background: #e8ebee;
    width:96%; max-width:620px;
    font-size: 0.9em;
    padding: 10px 18px;
    text-align:left;
    border: 1px solid #ffffff;
    background-size: auto 2.8rem;
    line-height: 2.1rem;
}

ul.elist {
    list-style-type: none !important; 
    margin-left: 20px;
    padding-left: 18px;
    position: relative;}

ul.elist li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    font-weight: 900;
    position: absolute;left : 0;}

.sidea:before{color:#4e7991;}
.sideb:before{color:#ba728a;}
.sidec:before{color:#ee7800;}

ul.qlist {
    list-style-type: none !important; 
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;}

ul.qlist li{
    position: relative;
    padding-left: 18px;
    margin-right: 10px;}

ul.qlist li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f004";
    font-weight: 900;
    color:#db7d91;
    position: absolute;left : 0;}

 .memo2_line2{border:none;
    width: 100%;
    height: 4px;
    margin:10px auto;
    background-image: -webkit-repeating-linear-gradient(135deg, #385560, #385560 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #385560, #385560 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}


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

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

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

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