@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Courgette');


html { scroll-behavior: smooth;}

/* 全体 */
body {
    background: #fff;
    color: #000;
    font-size: 12px;
    font-family: 'Barlow Semi Condensed', 'STHeitiSC-Light',HG祥南行書体,ヒラギノ明朝, serif,'Microsoft YaHei', gulim, メイリオ;
    line-height: 180%;
    letter-spacing: 2px;
    margin:0;
}

/* リンク */
a {
    color: #4d32c7;
    text-decoration: none;
    padding:0 4px;
}

a:hover, active {
    color: #000;
    position: relative;
    top: 0;
}

/* 線 */
hr {
    border-top: solid 1px #000;
    border-left: none;
    border-bottom: none;
}

/* 太字 */
b {
    font-weight: 700;
    text-decoration: underline;
}

/* 右寄せ */
.right {
    text-align: right;
}

/* トップサイト名 */
h1 {
    color: #000;
    font-family: 'Courgette', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, HG祥南行書体,ヒラギノ明朝,メイリオ, serif;
    font-size: 30px;
    font-weight: 200;
    text-align: center;
    margin: -150px auto 129px;
        text-shadow:1px 1px 0 #eee, -1px -1px 0 #eee,
              -1px 1px 0 #eee, 1px -1px 0 #eee,
              0px 1px 0 #eee,  0-1px 0 #eee,
              -1px 0 0 #eee, 1px 0 0 #eee;
}

/* トップページ上部画像部分 */
.back{
    margin:0 auto;
    padding:0;
    width:100%;
    height:300px;
    color:#fff;
    background:url(https://alicex.jp/data/kit/img/kit_upld_1.jpg) center/cover no-repeat;
        -webkit-background-size:cover;
    background-size:cover;
}

/* トップ画像右下文字小 */
.smallt {
   font-size: 10px;
    font-style: italic;
    color: #000;
    font-weight: normal;
    text-align: right;
}

/* トップ以外上部画像部分 */
.bac{
    margin:0 auto;
    padding:0;
    width:100%;
    height:80px;
    color:#fff;
    background:url(https://alicex.jp/data/kit/img/kit_upld_1.jpg) center/cover no-repeat;
        -webkit-background-size:cover;
    background-size:cover;
}

.wrp {
    margin:0 auto;
    padding: 0;
}

.top {
    z-index: 99;
}

.st{
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    z-index: 1;
}

.st.fixed{
    position: fixed;
    top: 0;
}

.menu {
    display: table;
    table-layout: fixed;
    background:rgba(0,0,0,.9);
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.menu li {
    display: table-cell;
    vertical-align: middle;
}

.menu li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    text-transform: uppercase;
}

.menu li a:hover, active {
    color: #e6ccff;
    display: block;
    padding: 10px 0;
}

.main {
    text-align: center;
    margin:0 auto;
    padding: 60px 0 0;
    max-width: 650px;
}

.text {
    text-align: left;
    margin: 10px;
}

.title {
    z-index: 0;
}

/* コンテンツ名リーフ付 */
h2 {
    font-family: 'Courgette', HG祥南行書体,ヒラギノ明朝, 'STHeitiSC-Light',  'Microsoft YaHei', gulim, メイリオ, serif;
    font-size: 13px;
    padding: 0;
    margin: 20px 0p 5px 5px;
    font-weight: 200;
    text-align: left;
}

/* コンテンツ名 */
h3 {
    font-family: 'Courgette', HG祥南行書体,ヒラギノ明朝, 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, serif;
    font-size: 18px;
    padding: 5px 15px;
    margin: 70px auto 20px;
    font-weight: 200;
    display: inline-block;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    line-height: 200%;
}

/* 黒背景白抜き文字 */
h4 {
    font-size: 13px;
    padding: 5px 15px;
    margin: 10px auto 12px;
    display: inline-block;
    background: #000;
    color: #fff;
    border: solid 1px #000;
}

/*網掛け文字 */
h5 {
    display: inline-block;
    background: #ccc;
    margin: 0 10px 5px;
    padding: 0 5px;
}


/* トップページメールフォーム用 */
.ichi {
    font-family: 'Courgette', 'STHeitiSC-Light', HG祥南行書体,ヒラギノ明朝, 'Microsoft YaHei', gulim, serif;
    margin: 0px 10px;
}

.ichi input[type], textarea {
    height: 80px;
    width: 90%;
    font-size: 12px;
    font-family: HG祥南行書体,ヒラギノ明朝,'Barlow Semi Condensed', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, HG祥南行書体,ヒラギノ明朝, メイリオ, serif;
    line-height: 180%;
    letter-spacing: 2px;
    color: #000;
    background: #f3f3f2;
    border: solid 1px #000;
        -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    margin: 3px 10px;
    padding: 3px;
}

.ichi input[type=text]{
    height: auto;
    width: 90%;
}

.ichi input[type=submit]{
    height: auto;
    width: 100px;
    cursor: pointer;
    text-shadow: none;
    background: #000;
    color: #fff;
    font-weight: 200;
    border-radius: 5px;
}

/* textページ名前変換フォーム用 */
.ni {
    font-family: 'Courgette', 'STHeitiSC-Light', HG祥南行書体,ヒラギノ明朝, 'Microsoft YaHei', gulim, serif;
    margin: 0 5px 22px;
}

.ni input[type], textarea {
    height: 80px;
    width: 85%;
    font-size: 12px;
    font-family: HG祥南行書体,ヒラギノ明朝,'Barlow Semi Condensed', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, serif;
    line-height: 180%;
    letter-spacing: 2px;
    color: #000;
    background: #fff;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #000;
        -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    margin: 3px 0;
    padding: 3px;
}

.ni input[type=text]{
    height: auto;
    width: 80px;
}

.ni input[type=submit]{
    height: auto;
    width: 30px;
    cursor: pointer;
    text-shadow: none;
    background: #000;
    color: #fff;
    font-weight: 200;
    border-radius: 5px;
}

/* ペディア検索フォーム用(メールフォームの為に必須) */
.pedia {
    font-family: HG祥南行書体,ヒラギノ明朝,'Courgette', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, serif;
}

.pedia input[type],textarea {
    height: 70px;
    width: 85%;
    font-size: 12px;
    font-color: #555;
    font-family: HG祥南行書体,ヒラギノ明朝,'Barlow Semi Condensed', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, serif;
    line-height: 180%;
    letter-spacing: 2px;
    color: #000;
    background: #f3f3f2;
    border: none;
    border: solid 1px #000;
        -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    margin: 3px;
    padding: 3px;
}

.pedia input[type=text]{
    height: auto;
    width: 130px;
}

.pedia input[type=submit]{
    height: auto;
    width: 80px;
    cursor: pointer;
    text-shadow: none;
    background: #000;
    border: solid 1px #e8ecef;
    color: #fff;
    font-weight: 200;
    border-radius: 5px;
}

/* ページ右上タイトル */
.rtit { font-family: 'Courgette', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, serif;
    font-size: 14px;
    font-weight: 200;
    text-align: right;
}

/* topページlog,更新,日記 */
.log{
    border-left: solid 1px #000;
    margin: 0 0 20px 10px;
    padding: 5px 20px;
    text-align: left;
}

.log a{
    border: solid 1px #000;
    background: #000;
    color: #fff;
    display: inline-block;
    width: 50px;
    margin: 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.log a:hover{
    background: #fff;
    color: #000;
}

/*textシリーズ詳細グレー文字小 */
.small {
    font-size: 11px;
    color: #555;
    font-weight: normal;
}

/* シリーズ下テキスト */
.mr {
    color: #000;
    margin: 0 10px 20px;
    padding: 5px 10px;
    border-left: dashed 1px #777;
}

/* ひとこと用ボックス */
.box {
    color: #aaa;
    margin: 10px;
    width: 85%;
    border: solid 1px #ccc;
    padding: 8px;
}


/* ワンポイント緑付きひとこと用ボックス */
.box2 {
   margin: 10px; /* 外側余白 */
   padding: 10px; /* 内側余白 */
   position: relative; /* 擬似要素配置の基準 */
   border: 3px solid #eee; /* 枠線（太さ・種類・色） */
   z-index: 0; /* 重なり順 */
   max-width: 800px; /* 最大幅 */
}

.box2::before {
   content: ''; /* 擬似要素にコンテンツなし */
   display: block; /* ブロック要素として表示 */
   position: absolute; /* 絶対位置指定 */
   top: -3px; /* 上に配置 */
   left: -3px; /* 左に配置 */
   width: 3px; /* サイズ（幅） */
   height: 3px; /* サイズ（高さ） */
   background-color: #8cafa4 ; /* ワンポイントの色 */
   z-index: 1; /* 前面に表示 */
}

/* 段落の余白リセット文字色 */
.box2 p {
   color: #999; 
   margin: 0;
}


/* プロフィール画像丸抜き */
.profimg {
    background-image: url(https://alicex.jp/data/kit/img/kit_upld_1.jpg);
    width:  80px;
    height: 80px;
    border-radius: 50%;
    background-position: center center;
    background-size: 150px;
    border: double 5px #fffaf0;
    margin: 0 auto;
}


/* ワンポイント紫付きボックス */
.onep-boxk {
   margin: 2em auto; /* 外側余白 */
   padding: 2em; /* 内側余白 */
   position: relative; /* 擬似要素配置の基準 */
   border: 5px solid #eee; /* 枠線（太さ・種類・色） */
   z-index: 0; /* 重なり順 */
   max-width: 800px; /* 最大幅 */
}

.onep-boxk::before {
   content: ''; /* 擬似要素にコンテンツなし */
   display: block; /* ブロック要素として表示 */
   position: absolute; /* 絶対位置指定 */
   top: -5px; /* 上に配置 */
   left: -5px; /* 左に配置 */
   width: 5px; /* サイズ（幅） */
   height: 5px; /* サイズ（高さ） */
   background-color: #aca6c1 ; /* ワンポイントの色 */
   z-index: 1; /* 前面に表示 */
}

/* 段落の余白リセット */
.onep-boxk p { margin: 0;}


/* ワンポイント緑付きボックス */
.onep-boxt {
   margin: 2em auto; /* 外側余白 */
   padding: 2em; /* 内側余白 */
   position: relative; /* 擬似要素配置の基準 */
   border: 5px solid #eee; /* 枠線（太さ・種類・色） */
   z-index: 0; /* 重なり順 */
   max-width: 800px; /* 最大幅 */
}

.onep-boxt::before {
   content: ''; /* 擬似要素にコンテンツなし */
   display: block; /* ブロック要素として表示 */
   position: absolute; /* 絶対位置指定 */
   top: -5px; /* 上に配置 */
   left: -5px; /* 左に配置 */
   width: 5px; /* サイズ（幅） */
   height: 5px; /* サイズ（高さ） */
   background-color: #8cafa4 ; /* ワンポイントの色 */
   z-index: 1; /* 前面に表示 */
}

/* 段落の余白リセット */
.onep-boxt p { margin: 0;}


/* フッター */
.ft {
    margin: 30px 0 20px;
    padding-top: 20px;
    border-top: solid 1px #000;
}

/* talk検索フォーム用 */
.pedia {
    font-family: HG祥南行書体,ヒラギノ明朝,'Courgette', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, serif;
}

.pedia input[type],textarea {
    height: 70px;
    width: 85%;
    font-size: 12px;
    font-color: #555;
    font-family: HG祥南行書体,ヒラギノ明朝,'Barlow Semi Condensed', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, serif;
    line-height: 180%;
    letter-spacing: 2px;
    color: #000;
    background: #f3f3f2;
    border: none;
    border: solid 1px #000;
        -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    margin: 3px;
    padding: 3px;
}

.pedia input[type=text]{
    height: auto;
    width: 130px;
}

.pedia input[type=submit]{
    height: auto;
    width: 80px;
    cursor: pointer;
    text-shadow: none;
    background: #000;
    border: solid 1px #e8ecef;
    color: #fff;
    font-weight: 200;
    border-radius: 5px;
}