@charset "utf-8";


html {font-size: 100%;}
body{
    color:#d8d8d8;
    background-color:#000000;
    font-family: "装甲明朝", "メイリオ",  "ぼくたちのゴシック", "sans-serif","ヒラギノ角ゴシック";
    line-height: 1.7;
}
a {text-decoration: none;}
img{max-width: 100%;}

/* HEADER---- */
.logo {
    width: auto;
    padding:0px 0px;
    display: flex;
    justify-content: center;
    
}
/* -- メニューボックス -- */
.menu {
    background-color:rgb(0, 0, 0, .5) ;
    padding: 10px 10px;
}

/* メニュー */
.main-nav a {
    display: flex;
    justify-content: center;
    font-size: 1.25rem;
    margin-left: 36px;
    padding: 10px 10px;
    color: #FFF;
    transition: 0.3s ease;
    font-weight: 200;
}
.main-nav a:hover {
    color: #FF0000;
}
.main-nav a:hover:after {
    border-color: #FF0000;
}

.main-nav .item{
    box-sizing: border-box;
    padding: 40px 80px;  
}

.example{
    /*コレ*/list-style: none;
    text-align: center;
    }
    nav ul{
    margin: 0 ;
    padding: 0 ;
    }
    nav ul li{
    list-style: none;
    text-align: center;
    display: inline-block;
    width: 18%;
    min-width: 90px;
    }

/* メニュー終わり */


/* HOME---- */
.home-content {
    text-align: center;
    margin-top: 10%;
}
.home-content p {
    font-size: 1.125rem;
    margin: 10px 0 42px;
}

/* 背景 */

.background {
    min-height: 100vh;
    background-image: url(../images/yuugure.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }

/* 背景２ */

  .background2 {
    min-height: 100vh;
    background-image: url(../images/yozora.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }

/* 背景３ */

.background3 {
    min-height: 100vh;
    background-image: url(../images/hikaritoki.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }

/* 背景４ */

.background4 {
    min-height: 100vh;
    background-image: url(../images/yuugure4.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }


/* 背景　終わり */

/* フッター */
.footer{
    width: 100%;
    background-color: rgb(0, 0, 0, .5) ;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: relative;/*←相対位置*/
    bottom: 0; /*下に固定*/
}

.wrapper{
    height: 100%;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
}
/* フッター　終わり */

/* 文字 */
.hiragino {  
    font-family: "ヒラギノ角ゴシック";
}

.hiragino2 {  
    font-family: "ヒラギノ角ゴシック";
    color: #000000;
}

.bokutatino2 {  
    font-family: "ぼくたちのゴシック";
    color: #000000;
}

.meirio2 {  
    font-family: "メイリオ";
    color: #000000;
}



/* 黒透明の中央枠 */
.box{
    margin:0px 0px;

    background-color:rgb(0, 0, 0, .5) ;/*背景色*/
    box-shadow:10px 10px 10px -10px #ffffff;
}

/* 白の中央枠 */
.box2{
    margin:0px 0px;

    background-color:rgb(255, 255, 255) ;/*背景色*/
    box-shadow:10px 10px 10px -10px #000000;
}

/* スクロールする枠 */
.memo{
    background-color:#000000;
    font-size:90%;
    padding:0px 20px;
    height:150px;
    overflow:auto;
    margin:40px 10px;
    box-shadow:1px 1px 3px -1px #888;
}

.border {
    border: 1px solid transparent;
}

/* テキスト関係 */

.text{
	margin:10px auto 10px;
	padding: 0 10px 0 10px;
    line-height:180%;
    max-width:800px;

}

.text2{
	margin:10px auto 10px;
	padding: 0 10px 0 10px;
    line-height:180%;
    max-width:800px;

}

.text3{
	margin:10px auto 10px;
	padding: 0 10px 0 10px;
    line-height:180%;
    max-width:800px;

}

img
{
	max-width:100% ;
	height:auto ;
    pointer-events: none;
}

.base{
    margin:0 auto;
    max-width:1000px;
}

.work{
    padding:30px 15px;
    margin:50px 0px 20px 0px;
    max-width:1000px;
    margin:0 auto;
}

/* テキスト関係　上の文字 */
.header{
    padding:20px;
    margin:20px 0px;
    text-align:center;
}

/* ↓タグ↓ */

.pp{
    text-align:left;
    padding:5px 0px;
}

.aa{
    justify-content: center;
    padding:10px 10px;
}

h1{
    font-size:180%;
    font-weight:normal;
}


h2{
    font-size:150%;
    font-weight:normal;
    margin:10px;
}

h3{
    font-size:130%;
    font-weight:normal;
    text-align:center;
    margin:25px 0px;
}

h4{
    font-size:100%;
    font-weight:normal;
    margin:20px 0px;
    text-align:right;
}

h5{
    font-size:100%;
    font-weight:normal;
    margin:15px 0px;
}

h6{
    font-size:80%;
    font-weight:normal;
    margin:15px 0px;
    padding:3px;
}

em{
   background: linear-gradient(transparent 60%, #fff799 60%);
   font-style:normal;
}

strong{

    font-weight:normal;
    color:#000000;
}

small{
    font-size:70%;
}

big{
    font-size:130%;
}

ins{
    background-color:#000000;
}

i{
    font-style:italic;
}

/* ↓classタグ↓ */

.hr1{
    margin:5px 0px;
    border-top: 1px #bbb;
    border-bottom: 1px #eee;
    border-style:solid;
}

.hr2{
    margin:5px 0px;
    border-top: 1px #aaa;
    border-style:dashed;
}

.hr3{
    margin: 20px 0px;
    height:50px;
    border-width:0px;
}

.p1{
    padding:5px;
    margin:5px 0px;
    font-size:90%;
    background-color:#ffffff;
}

.p2{
    border-style:double;
    border-width:3px;
    border-color:#000000;
    padding:3px;
    margin:5px 0px;
    font-size:90%;
}

.p3{
    border-style:dashed;
    border-width:1px;
    border-color:#000000;
    padding:5px;
    margin:5px 0px;
    font-size:90%;
}

.p4{
    border-style:double;
    border-width:3px;
    border-color:#fff;
    padding:3px;
    margin:5px 0px;
    font-size:90%;
}

.p5{
    border-style:solid;
    border-width:1px;
    border-color:#fff;
    padding:5px;
}

.dt1{
    font-family: 'Cormorant Garamond', serif;
    margin-top:15px;
}

.dd1{
    font-size:90%;
    border-style:solid;
    border-width:0px 0px 0px 5px;
    margin:0px;
    border-color:#E2E2D7;
    padding:3px 10px;
}

.dt1span{
    color:#757771;
    font-weight:bold;
}

.pagetop{
    position: fixed;
    bottom: 10px;
    right: 14px;
}
 
.pagetop a{
    display: block;
    text-decoration: none;
}
 
.pagetop:hover{
    opacity: 0.7 ;
}






/* 未分類 */

.toumei{
    background-color: rgba(0, 0, 0, .5);
    padding: 40%;
    width: 40%;
  }

.page-2 {
    color: #FFF;
    text-align: center;
    position: fixed;
    justify-content: center;
    bottom: 0;
    left: 40px;
    right: 40px;
    padding: 10px;
  }

  div {
    background-attachment: fixed;
    user-select: none;
  }