/*
Theme Name: Asterism-over-the-sky
Author: HagiwaraSeiya
Description: This is my original theme.
Version: 1.0
*/

/*----------------------共通---------------------*/
@font-face {
   font-family: 'Neogrey';
   src: url('NeogreyRegular.otf') format('opentype');
}
@font-face {
   font-family: '851tegaki';
   src: url('851tegakikakutto.ttf') format('truetype');
}
/*-----特定部分の文字色-----*/
a{
   text-decoration: none;
   color: #CCFFFF;
}
time{
   color: #D9E5FF;
}

/*-----レスポンシブ化-----*/
html{
   -webkit-text-size-adjust: 100%;
}
img{
   border: 0;
   max-width: 100%;
   height: auto;
}

/*-----全体のレイアウト-----*/
.center{
   display: flex;
   padding-top: 48px;
}
@media screen and (max-width: 640px){
   .center{
   display: block;
   padding-top: 30px;
   }
}
.main{
   width: 73.1481%;
   background-image: url(img/bgimg_900px.png);
}
@media screen and (max-width: 640px){
   .main{
   width: 100%;
   }
}

/*-----コンテンツの基本設定-----*/
#wrap{
   max-width: 1080px;
   margin: 0px auto;
   border: #333333 1px solid;
   background-color: #111111;
   font-family: '851tegaki';
   font-size: 17px;
   color: #A4C6FF;
}
@media screen and (max-width: 640px){
   #wrap{
      font-size: 13px;
   }
}

/*----------------------ヘッダー----------------------*/
/*-----レイアウト設定-----*/
#header{
   max-width: 1080px;
   margin: 0px auto;
}

/*------------グローバルナビゲーション----------------*/
/*-----レイアウト設定-----*/
#menu-global{
   display: flex;
}
.gnav{
   background-color: rgba(20,20,20,0.3);
   max-width: 1080px;
   margin: 0px auto;
   margin-top: -1px;
}
.gnav li{
   width: 24.9%;
   border-right: #666666 1px double;
   border-top: #666666 1px double;
   border-bottom : #666666 1px double;
   text-align: center;
}
.gnav li :first-child{
   border-left: #666666 1px double;
}

/*-----選択時の背景色変更-----*/
.current-menu-item{
   background-color: rgba(120,120,120,0.5);
}
.gnav a:hover{
   background: #D7EEFF;
}
/*------スティッキー化--------*/
/*デフォルト状態*/
.gnav-region{
   position: absolute;
   max-width: 1080px;
   width: 100%;
}
/*スティッキー状態*/
.gnav-region.sticky{
   position: fixed;
   top: 0;
}
.gnav a{
   display: block;
   padding: 14px 0;
   text-decoration: none;
   font-family: 'Neogrey';
   font-size: 18px;
   color: #A4C6FF;
}
@media screen and (max-width: 640px){
   .gnav a{
      font-size: 12.5px;
      padding: 9px 0;
   }
}

/*--------------------フッター--------------------*/
/*-----レイアウト設定-----*/
#footer{
   background-color: rgba(10,10,10,1);
   color: #D9E5FF;
    border-top: #666666 1px double;
   text-align: center;
   padding: 20px 0;
}

/*------------------サイドバー-------------------*/
/*-----レイアウト設定-----*/
#aside{
   width: 25.9259%;
   margin-left: 0.9259%;
   box-sizing: border-box;
   background-image: url(img/bgimg_900px_aside.png);
   padding-top: 8.3333%;
   padding: 70px 0;
}
@media screen and (max-width: 640px){
   #aside{
   width: 100%;
   margin-left: 0;
   box-sizing: border-box;
   padding: 20px 0 25px 0;
   }
}
.sidebar{
   border: #666666 1px solid;
   border-radius: 5px;
   width: 89.2857%;
   margin: 3.5714% 5.3572% 7.1429% 5.3572%;
   padding: 3.5714% 4%;
   box-sizing: border-box;
   color: #E6FFE9;
}
@media screen and (max-width: 640px){
   .sidebar{
   margin: 3.1250% auto;
   }
}
.sidebar li{
   padding-bottom: 0.5em;
}
/*-----フォント設定-----*/
.sidebar a{
      color: #CEF9DC;
}
#aside h3{
   font-size: 20px;
   text-shadow: 0 0 8px #FFF;
   margin-bottom: 4.3478%;
   color: #B1F9D0;
   padding: 2px 0;
   border-bottom: solid 2px #86F9C5;
}
@media screen and (max-width: 640px){
   #aside h3{
      font-size: 18px;
   }
}
.tagcloud a{
   font-size: 16px !important;
}
@media screen and (max-width: 640px){
   .tagcloud a{
      font-size: 14px !important;
   }
}
.my-name{
   color: #CEF9DC;
   font-weight: bold;
}
/*-----サイト内検索ウィジェットの「検索:」非表示-----*/
.sidebar .screen-reader-text{
   display: none
}

/*---------------------------ギャラリーページ用--------------------------------*/
/*-----WordPressタイトル非表示-----*/
.main-gallery .gallery{
   display: none;
}
/*------レイアウト設定-----*/
/*全体*/
.main-gallery{
   max-width: 1080px;
   width: 100%;
   background-image: url(img/bgimg_900px.png);
}
@media screen and (max-width: 640px){
   .main-gallery{
      padding-bottom: 5px;
   }
}
#gallery .f-container{
   display: flex;
   flex-wrap: wrap;
}
#gallery .f-item{
   width: 29.4118%;
   margin: 0 1.9608%;
}
@media screen and (max-width: 640px){
   #gallery .f-item{
       width: 43.3333%;
       margin: 0 3.3333%;
   }
}
#nebula, #galaxy, #starry_pictures{
   margin: 0px 2.9412% 15px;
}
#others{
   margin: 0px 2.9412% 0px;
}
@media screen and (max-width: 640px){
   #nebula, #galaxy, #starry_pictures, #others{
      margin: 0px 3.1250% 10px;
   }
}
#nebula{
   padding-top: 20px;
}
/*キャプション*/
#gallery .f-item{
   text-align: center;
}
.title{
   padding: 10px 0px;
   margin-bottom: 15px;
   display: inline-block;
   text-align: left;
}
@media screen and (max-width: 640px){
   .title{
      margin-bottom: 10px;
   }
}
/*-----フォント設定-----*/
#gallery h2{
   font-size: 35px;
   font-family: '851tegaki';
   color: #FF8C00;
   letter-spacing: -0.05em;
   background: -webkit-linear-gradient(left, #00DBDE 0%, #FC00FF 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   border-bottom: 2px solid;
   border-image: linear-gradient(to right, #00DBDE 0%, #FC00FF 100%);
   border-image-slice: 1;
   text-shadow: 0 0 8px #FFF;
   padding: 10px 0px 5px;
   margin-bottom: 25px;
}
@media screen and (max-width: 640px){
#gallery h2{
      font-size: 25px;
      padding-top: 0px;
      margin-bottom: 20px;
   }
}
/*-----画像選択時透明度-----*/
#gallery a:hover img{
	opacity:0.8;
}

/*-----------------------------シングルページ(個別投稿)用------------------------*/
/*-----レイアウト設定-----*/
/*全体*/
#front{
   padding: 1.2658% 0;
   box-sizing: border-box;
   background-color: #222222;
   font-family: sans-serif;
}
@media screen and (max-width: 640px){
   #front{
   margin: 0 auto;
   padding: 3.1250% 0;
   font-family: sans-serif;
   }
}
/*記事投稿日*/
.single time{
   padding-left: 2.5316%;
   font-family: '851tegaki';
}
/*画像*/
.wp-block-image{
    margin: 2.5316% 0;
}
@media screen and (max-width: 640px){
   .wp-block-image{
    margin: 3.5714% 0;
   }
}
/*本文*/
#article p{
   padding: 2.6667% 2.5316%;
   line-height: 1.5;
}
.single .entry-footer{
      padding-left: 2.5316%;
}
/*前後ページへのナビゲーション*/
.single h2.screen-reader-text{
   display: none;
}
.single .nav-links{
   margin: 2.6667% 0 2.6667%;
   padding: 2%;
   display: flex;
   justify-content: space-evenly;
}
@media screen and (max-width: 640px){
.single .nav-links{
   margin: 1.7858% 0 1.7858%;
   }
}
.single .nav-links a{
   background-color: rgba(50,50,50,0.7);
   padding: 0.2em 0.7em;
}
.single .comment-respond{
   margin-top: 100px;
   padding-left: 2.5316%;
}
/*コメント*/
#comments, .commentlist{
   padding: 0 2.5316%;
}
#comments{
   margin-top: 2em;
}
.children{
   margin-left: 2em;
   margin-top: 2em;
}
.comments-area{
	padding:  0 2.5316%;
}
.comments-area .comments-count{
	padding: 0 0 2.5316% 0;
}

/*記事間*/
#article article{
   margin-bottom: 6.6667%;
}
/*-----フォント設定-----*/
/*見出し*/
#article h2{
   font-family: '851tegaki';
   font-size: 36px;
   color: #75A9FF;
   letter-spacing: -0.05em;
   text-shadow: 0 0 8px #FFF;
   border-bottom: solid 3px #4689FF;
   padding: 1.3333% 0 1.3333% 2.5316%;
}
@media screen and (max-width: 640px){
   #article h2{
   font-size: 21px;
   padding: 1.7858% 0 1.7858% 1.7858%;
   }
}
/*画像キャプション*/
.single figcaption{
   padding: 1.3333% 0;
   padding-left: 25%;
   font-family: sans-serif;
   font-size: 15px;
   line-height: 1.5;
   color: #D9E5FF;
   text-align: left;
}
@media screen and (max-width: 640px){
.single figcaption{
   font-family: sans-serif;
   font-size: 12px;
   padding: 0.8928% 0;
   padding-left: 8%;
   text-align: left;
   }
}

/*コメント*/
.comment-respond{
   color: #D9E5FF;
   line-height: 1.5;
}

/*-------------------------トップページ(記事一覧)用--------------------------*/
/*-----レイアウト設定-----*/
/*投稿一覧全体*/
#archive{
   padding-top: 20px;
}
@media screen and (max-width: 640px){
   #archive{
   padding-top: 10px;
   }
}
/*サムネイル横文章*/
#archive .archive-header{
   font-family: '851tegaki';
}
#archive .text{
   font-family: sans-serif;
   background-color: rgba(50,50,50,0.7);
   padding: 10px 2.2388%;
}
@media screen and (max-width: 640px){
#archive .text{
   padding: 5px 1%;
   }
}
/*ページネーション*/
#archive .pagination{
   padding: 0.7em 0;
   text-align: center;
}
#archive .pagination a{
   margin: 0 12px;
   padding: 0.2em 0.7em;
   background-color: rgba(50,50,50,0.7);
}
@media screen and (max-width: 640px){
   #archive .pagination a{
   margin: 0 7px;
   }
}
#pagination{
   padding-bottom: 20px;
}
.pagination h2.screen-reader-text{
   display: none;
}
/*各投稿*/
#archive article{
   display: flex;
   margin: 20px 0;
}
@media screen and (max-width: 640px){
   #archive article{
   margin: 10px 0;
   }
}
/*投稿サムネイル*/
/*大きさ保持*/
.archive-thumbnail{
   min-width: 230px;
}
/*大きさを変更して保持*/
@media screen and (max-width: 640px){
   .archive-thumbnail{
   min-width: 150px;
   }
}
/*各投稿カテゴリー*/
/*横幅最大時縦並び*/
#archive .cat-tags-links{
   font-family: '851tegaki';
   display: block;
   margin-bottom: 0.8em;
}
/*横幅980pxで横並び化*/
@media screen and (max-width: 980px){
   #archive .cat-tags-links{
   display: inline;
   margin-right: 1em;
   }
}
/*各投稿フッター*/
.entry-footer{
      font-family: '851tegaki';
      margin-top: 0.8em;
}
@media screen and (max-width: 768px){
   .entry-footer{
      margin-top: 0.5em;
   }
}

/*-----フォント設定-----*/
@media screen and (max-width: 768px){
   #archive{
   font-size: 15px;
   }
}
@media screen and (max-width: 640px){
   #archive{
   font-size: 12px;
   }
}
/*「記事一覧」*/
#archive h2{
   font-size: 38px;
   text-shadow: 0 0 8px #FFF;
   color: #75A9FF;
   border-bottom: solid 3px #4689FF;
   padding: 7px;
}
@media screen and (max-width: 640px){
   #archive h2{
   font-size: 23px;
   padding: 4px;
   }
}
/*各投稿タイトル*/
#archive h3{
   font-family: '851tegaki';
   font-size: 26px;
   color: #75A9FF;
   text-shadow: 0 0 8px #FFF;
   border-bottom: solid 3px #4689FF;
   padding: 5px 0 5px;
   margin: 5px 0 15px 0;
}
@media screen and (max-width: 768px){
   #archive h3{
      font-size: 21px;
      border-bottom: solid 2px #4689FF;
      margin: 0 0 8px 0;
   }
}
@media screen and (max-width: 640px){
   #archive h3{
      font-size: 16px;
   }
}
/*リンク色変更*/
.archive-title a{
   color: #75A9FF;
}
.archive-text a{
   color: #A4C6FF;
}
@media screen and (max-width: 640px){
   .archive-text a{
   font-size: 11.5px;
   }
}
#archive .comments-count{
   color: #D9E5FF;
}

/*-------------------------お問い合わせページ用------------------------------*/
/*-----レイアウト設定-----*/
/*全体*/
.post-170{
   color: #FFF;
   margin: 20px 0;
   text-align: center;
}
@media screen and (max-width: 640px){
   .post-170{
   margin: 0;
   }
}
@media screen and (max-width: 640px){
   #contact{
      padding: 10px 0;
   }
}
/*「お問い合わせ」*/
.contact-title{
   text-align: left;
}
/*フォーム*/
.form-content{
   margin: 0 auto;
   display: inline-block;
   text-align: left;
   max-width: 100%;
}
/*フォーム項目間*/
.form-content p{
   margin: 20px;
}
/*フォーム入力欄*/
.form-content input{
   max-width: 100%;
   padding: 10px 0;
   margin: 10px 0;
}
.form-content textarea{
   padding: 10px 0;
   margin: 10px 0;
   width: 100%;
}
/*フォームボタン*/
.c-button-region{
   text-align: center;
}
.c-button-region .c-button{
   padding: 10px 15px;
   border-radius: 4px;
}
@media screen and (max-width: 640px){
   .c-button-region .c-button{
   padding: 8px 12px;
   }
}
.c-button-region .c-button:hover {
	background-color: #75A9FF;
}
/*送信完了後ページ*/
#sended p{
   margin: 15px 0;
}
/*-----フォント設定-----*/
/*「お問い合わせ」*/
.post-170 h3{
   font-size: 35px;
   text-shadow: 0 0 8px #FFF;
   border-bottom: solid 3px #FFF;
   padding: 10px;
   margin-bottom: 20px;
}
@media screen and (max-width: 640px){
   .post-170 h3{
   font-size: 23px;
   padding: 7px;
   margin-bottom: 0;
   }
}
/*「送信完了しました」*/
.sended{
   font-size: 25px;
   font-family: '851tegaki';
   color: #FFF;
   padding: 10px;
   margin-bottom: 20px;
}
/*「※必須」*/
.is-required{
   color: #cc2919;
}

/*---------------------------機材ページ用------------------------------------------*/
/*-----レイアウト設定-----*/
/*全体*/
#equipment{
   padding: 20px 0;
}
@media screen and (max-width: 640px){
   #equipment{
   padding: 10px 0;
   }
}
/*各項目間*/
#equipment ul{
   margin-bottom: 30px;
}
@media screen and (max-width: 640px){
   #equipment ul{
   margin-bottom: 20px;
 }
}
/*各項目リスト間*/
#equipment li{
   padding: 0.5em 20px 0 20px;
}
/*[番号]間*/
#equipment p{
   padding: 0.5em 20px 0 20px;
   margin-bottom: 30px;
}
@media screen and (max-width: 640px){
   #equipment p{
   margin-bottom: 20px;
   }
}
/*機材画像*/
#equipment figure{
   padding-right: 20px;
   margin-bottom: 20px;
}
@media screen and (max-width: 640px){
   #equipment figure{
   padding-right: 0;
   }
}
/*-----フォント設定-----*/
/*「機材一覧」*/
#equipment h2{
   color: #75A9FF;
   font-size: 35px;
   text-shadow: 0 0 8px #FFF;
   border-bottom: solid 3px #4689FF;
   padding: 10px;
   margin-bottom: 20px;
}
@media screen and (max-width: 640px){
   #equipment h2{
   font-size: 23px;
   padding: 7px;
   margin-bottom: 10px;
   }
}
/*各項目*/
#equipment h3{
   color: #8EB8FF;
   font-size: 22px;
   border-bottom: solid 1px #8EB8FF;
   display: inline-block;
   margin: 0 10px;
   padding-right: 1em;
}
@media screen and (max-width: 640px){
   #equipment h3{
   font-size: 18px;
   margin: 5px 5px 0 5px;
   }
}
/*画像キャプション*/
#equipment figcaption{
   padding: 1.3333% 0;
   font-size: 15px;
   color: #D9E5FF;
}
@media screen and (max-width: 640px){
   #equipment figcaption{
   padding: 1% 0;
   font-size: 12px;
 }
}