.nav_test ul {
    list-style-type: none;/* リストマークなし */
    padding: 0;/* リストマークの余白なし */
}
.menu_test {
    display: flex;/* 要素をFlexboxに定義 */
    justify-content: flex-start;/* 左寄せ配置 */
    text-align: center;/* テキストを中央寄せ */
}
.menu_test a {
    display: block;/* 要素をブロックに定義 */
    text-decoration: none;/* リンク下線なし */
    background-color: #fdb4eb;/* 背景色 */
    color: #000000;/* テキスト色 */
    padding: 10px;/* 余白 */
}
.menu_test a:hover {
    background-color: #de87da;/* リンク選択時の背景色 */
}
.nav_test ul {
    list-style-type: none;/* リストマークなし */
    padding: 0;/* リストマークの余白なし */
}
.menu_test {
    display: flex;/* 要素をFlexboxに定義 */
    justify-content: flex-start;/* 左寄せ配置 */
    text-align: center;/* テキストを中央寄せ */
}
.menu_test li {
    position: relative;/* ボックスの配置基準 */
    z-index: 1;/* 前面に描画 */
    min-width: 130px;/* 親メニューの最小横幅 */
}
.menu_test a {
    display: block;/* 要素をブロックに定義 */
    text-decoration: none;/* リンク下線なし */
    background-color: #fcb7e5;/* 背景色 */
    color: #000000;/* テキスト色 */
    padding: 13px;/* 余白 */
}
.menu_test a:hover {
    background-color: #fc84c0;/* リンク選択時の背景色 */
}
.menu_test li ul {/* 子メニュー */
    position: absolute;/* ボックスの配置基準 */
    top: 100%;/* 親メニュー上部からの表示位置 */
    left: 0;/* 親メニュー左端からの表示位置 */
    width: 100%;/* 親メニュー幅に合わせる */
}
.menu_test li ul li {
    visibility: hidden;/* 子メニューの非表示 */
    /* スライド表示させる場合は以下も */
    overflow: hidden;/* ボックスからはみ出た部分を非表示 */
    height: 0;
    transition-duration: 0.2s;/* 変化にかかる時間 */
}
.menu_test li:hover > ul > li {
    visibility: visible;/* 子メニューの表示 */
    /* スライド表示させる場合は以下も */
    overflow: visible;/* ボックスからはみ出た部分を表示 */
    height: 44px;/* 項目名が途切れて隠れないように注意 */
}
.menu_test li ul {
    visibility: hidden;
    opacity: 0;
   transition: .2s ease-in-out;
}
.menu_test li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.menu_test li ul li ul {
    top: 0;/* 子メニュー上部からの表示位置 */
    left: 100%;/* 子メニュー左端からの表示位置 */
}
.menu_test li:last-child ul li ul {/* 親メニュー最後のリストの孫表示は左側に表示 */
    left: -100%;
}
body{
    background-image: url(https://blossomsarchive.com/wp-content/uploads/2022/06/back.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }

    *{
        border: 0;
        margin: 0;
        padding: 0;
       }
       nav{
        background-color:#fcb7e5;
        height:50px;
       }
       
       .inner{
        max-width: 100%;
        margin:0 auto;
        width:980px;
       }
       nav>.flex{
         align-items: center;
         height:50px; 
       }
       .flex {
         display: flex;
         justify-content: space-between;
       }
       
       li a{
         color:white;
         text-decoration:none;
       }

       
        
        /*スクロール文字*/
        .scroll {
            margin     : auto;
            width      : 100%;
            font-size  : 140%;
            line-height: 1.5em;
            text-align : center;
            border     : 1px solid #666;
            color      : #000000;
            background : #fff;
            overflow   : hidden;
          }
          .scroll span{
            display     : inline-block;
            padding-left: 100%;
            white-space : nowrap;
            line-height : 1em;
            animation   : scrollAnime 10s linear infinite;
          }
          @keyframes scrollAnime{
              0% { transform: translateX(0)}
            100% { transform: translateX(-100%)}
          }

         
         
         
 /* 2カラムサイトにする */
.wrapper {
    width: 95%;
    display: flex;
    margin: 20px auto;
    justify-content: center;
}

.main, .side {
    padding: 10px;
}

.main {
    background: rgba(252, 183, 229,0.5);
    width: 80%;
    margin-right: 20px;
}

.side {
    background:rgba(252, 183, 229,0.5);
    width: 20%;
}

.side p, ul {
    background-color: #f0f0f0;
    padding: 30px;
}
 

/*画面向き警告*/
@media screen and (orientation: landscape) {
    .note { display:none; }
}

 @media screen and (orientation: landscape) {
    .hide-logo { display:none; }
 }

 @media screen and (orientation: portrait) {
    .all { display: none; }
 }

.note{
    margin: 10px auto;
    width:50px;
}
.hide-logo{
    background:url('https://blossomsarchive.com/wp-content/uploads/2022/06/logo.webp');
    background-size: cover;
    width:100%;
    height:100px;
}

div.footer-menu {
    width:100%; height:70px;
    
    background-color:#fcb7e5;
    }

    footer{
        /*footerの装飾*/
        width: 100%;
        
        color: rgb(0, 0, 0);
        text-align: center;
        
        
     bottom: 0; /*下に固定*/
    }

    .cp_hr09 {
        height: 2px;
        border-width: 0;
        background-color: #fcb7e5;
        background-image: -webkit-linear-gradient(right,
        #e99ed0 5px,#000000 5px);
        background-image:         linear-gradient(-90deg,
        #e99ed0 5px,#000000 5px);
        background-size: 10px 10px;
    }

    .an4-fadeleft {
        background-color:#e99ed0;
        margin-bottom: 10px;
        font-weight: bold;
        animation-name: fadeleft;
        animation-duration: 2s;
        animation-iteration-count: 1;


    }
    
    
    @keyframes fadeleft {
    from {
        opacity: 0;
         transform: translateX(150px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
    }
    
    .an2-fadeup {
        
        font-size: 30px;
        font-weight: bold;
        animation-name: fadeup;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }
    @keyframes fadeup {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
    }