@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

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

*,*::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:#2b2b2b;
    background:linear-gradient(transparent 60%, #68be8d 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: #ffff00;}
  
#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;}

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

.bbs_sub {width:100%;}

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

.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_waku {
margin:0 auto;
display:flex;flex-wrap:wrap;
width: 100%;min-height: 128px;
margin:50px 0 0;}

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


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

.res_msg {padding:0;text-align: left;letter-spacing:0;font-size:1.4rem;}

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

.bbs_res_date {font-family: 'EB Garamond', serif;font-size:1.5rem;color:#ffffff;text-align: right;width:100%;padding-right:5px;}

.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:#2b2b2b;
    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:#2b2b2b;
    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;}

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

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


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

/*横幅*/
.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;}


/*掲示板タイトル*/
.bbs2_title {
    font-family:'Kranky',Verdana, Arial,"メイリオ", "Osaka", "ＭＳ Ｐゴシック", sans-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;}
    
    
    
    
    /*リンク*/
    .bbs2_al {
    font-family:'Marcellus SC', sans-serif;
    border-radius: 3px;
    background: #ffff00;
    padding:2px 6px;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: .2rem;
    color:#666666;}
    
    
    /*メイン：一覧ページ*/
    .bbs2_article {
    padding:15px 15px 5px 15px;
    text-align: left;
    margin:60px auto;}
    
    .bbs2_main_sub{color:#666666;
    text-shadow: 1px 2px 5px #ffffff; 
    font-size: 1.4rem;}
    
    
    .bbs2_name {
    margin:10px auto 0;
    text-shadow: 1px 2px 5px #ffffff;
    text-align: left;
    padding-left:10px;}
    
    .bbs2_name a{color:#666666;}
    
    .bbs2_date {color:#7b7b7b;
        font-family: 'EB Garamond', serif;
    margin:5px 5px 3px auto;
    text-align:right;
    font-weight: bold;
    display:none;}
    
    .bbs_dateno{letter-spacing:0.3rem;font-family: 'EB Garamond', serif;}
    
    .bbs2_date:last-child {display:block;}
    
    .resi {margin:0 2px 0 10px;}
    .resi2 {margin:0 5px;}


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

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

.az_ver a{color:#2b2b2b;}
    
/*--------------------------------------------------------------------------------------------------------*
    個人設定
----------------------------------------------------------------------------------------------------------*/


.empress {color:#8a80af;}
.empress_ic {background:#8a80af url(../../../profile/icon/empress.jpg) 50% 50% no-repeat;}
.empress_name::before {content:"アイリーン";}
.empress_bd {border:1px solid #8a80af;}
.empress_bg {background:#8a80af;}


.hierophant {color:#900F42;}
.hierophant_ic {background:#900F42 url(../../../profile/icon/hierophant.jpg) 50% 50% no-repeat;}
.hierophant_name::before {content:"ジャガ";}
.hierophant_bd {border:1px solid #900F42;}
.hierophant_bg {background:#900F42;}


.lovers {color:#fce2d5;}
.lovers_ic {background:#fce2d5 url(../../../profile/icon/lovers.jpg) 50% 50% no-repeat;}
.lovers_name::before {content:"アリス";}
.lovers_bd {border:1px solid #fce2d5;}
.lovers_bg {background:#fce2d5;}


.justice {color:#CF355D;}
.justice_ic {background:#CF355D url(../../../profile/icon/justice.jpg) 50% 50% no-repeat;}
.justice_name::before {content:"ルビー";}
.justice_bd {border:1px solid #CF355D;}
.justice_bg {background:#CF355D;}


.hermit {color:#0075c2;}
.hermit_ic {background:#0075c2 url(../../../profile/icon/hermit.jpg) 50% 50% no-repeat;}
.hermit_name::before {content:"イサナ";}
.hermit_bd {border:1px solid #0075c2;}
.hermit_bg {background:#0075c2;}


.strength {color:#ecc656;}
.strength_ic {background:#ecc656 url(../../../profile/icon/strength.jpg) 50% 50% no-repeat;}
.strength_name::before {content:"バニラ";}
.strength_bd {border:1px solid #ecc656;}
.strength_bg {background:#ecc656;}


.death {color:#4f2052;}
.death_ic {background:#4f2052 url(../../../profile/icon/death.jpg) 50% 50% no-repeat;}
.death_name::before {content:"シンシ";}
.death_bd {border:1px solid #4f2052;}
.death_bg {background:#4f2052;}


.devil {color:#d70023;}
.devil_ic {background:#d70023 url(../../../profile/icon/devil.jpg) 50% 50% no-repeat;}
.devil_name::before {content:"ロック";}
.devil_bd {border:1px solid #d70023;}
.devil_bg {background:#d70023;}

.moon {color:#5a008c;}
.moon_ic {background:#5a008c url(../../../profile/icon/moon.jpg) 50% 50% no-repeat;}
.moon_name::before {content:"マンゲツ";}
.moon_bd {border:1px solid #5a008c;}
.moon_bg {background:#5a008c;}


.star {color:#ff1971;}
.star_ic {background:#ff1971 url(../../../profile/icon/star.jpg) 50% 50% no-repeat;}
.star_name::before {content:"ヒカリ";}
.star_bd {border:1px solid #ff1971;}
.star_bg {background:#ff1971;}



.sstar {color:#ff1971;}
.sstar_ic {background:#ff1971 url(../../../profile/icon/sstar.jpg) 50% 50% no-repeat;}
.sstar_name::before {content:"ヒカリ";}
.sstar_bd {border:1px solid #ff1971;}
.sstar_bg {background:#ff1971;}



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




.ukai {color:#006336;}
.ukai_ic {background:#006336 url(../../../profile/icon/ukai.jpg) 50% 50% no-repeat;}
.ukai_name::before {content:"鵜飼倫央";}
.ukai_bd {border:1px solid #006336;}
.ukai_bg {background:#006336;}


.kyudo {color:#325e9a;}
.kyudo_ic {background:#325e9a url(../../../profile/icon/kyudo.jpg) 50% 50% no-repeat;}
.kyudo_name::before {content:"九堂律";}
.kyudo_bd {border:1px solid #325e9a;}
.kyudo_bg {background:#325e9a;}


.sazare {color:#ea211c;}
.sazare_ic {background:#ea211c url(../../../profile/icon/sazare.jpg) 50% 50% no-repeat;}
.sazare_name::before {content:"佐々礼笑子";}
.sazare_bd {border:1px solid #ea211c;}
.sazare_bg {background:#ea211c;}



.miyao {color:#285294;}
.miyao_ic {background:#285294 url(../../../profile/icon/miyao.jpg) 50% 50% no-repeat;}
.miyao_name::before {content:"宮生彰虎";}
.miyao_bd {border:1px solid #285294;}
.miyao_bg {background:#285294;}



.hirugami {color:#8278aa;}
.hirugami_ic {background:#8278aa url(../../../profile/icon/hirugami.jpg) 50% 50% no-repeat;}
.hirugami_name::before {content:"昼神晴一";}
.hirugami_bd {border:1px solid #8278aa;}
.hirugami_bg {background:#8278aa;}