body{
    /*本体背景色*/
    Background-image:url("../img/SWST-0052_001_purple.jpg");
    Background-size:50% auto;
    font-family:"Trajan","Hiragino Maru Gothic Pro","MS PMincho",serif;
    color:#FFFFFF;
}




.parent {
  text-align: center;
}




/*下線消去、カーソルが当たったときのみ表示：開始*/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
/*下線消去、カーソルが当たったときのみ表示：終了*/







/*偽装ループ記述開始（動かない）*/
@keyframes loop01 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes loop02 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}

.loop_wrap0{
    z-index: 30;
    /*数字が大きいほど手前に表示*/
    position: relative;
    height: 00px;
    width: 100vw;
    display: inline-block;
    float: left;
}
.loop_wrap0 img:first-child {
   animation: loop01 60s -30s linear infinite;
}
.loop_wrap0 img:last-child {
   animation: loop02 60s linear infinite;
}

/*偽装ループ記述終了（動かない）*/



/*ループ記述開始*/
@keyframes loop11 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop12 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap1{
    display: flex;
    width: 100vw;
    overflow: hidden;
    z-index: 20;
    position: relative;
    /*数字が大きいほど手前に表示*/
}
    .loop_wrap1 img:first-child {
      animation: loop11 60s -30s linear infinite;
    }
    .loop_wrap1 img:last-child {
      animation: loop12 60s linear infinite;
    }




@keyframes loop21 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes loop22 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0%);
  }
}

.loop_wrap2{
    display: flex;
    width: 100vw;
    overflow: hidden;
    z-index: 10;
    position: relative;
    /*数字が大きいほど手前に表示*/
    float: left;
}
    .loop_wrap2 img:first-child {
      animation: loop21 60s -30s linear infinite;
    }
    .loop_wrap2 img:last-child {
      animation: loop22 60s linear infinite;
    }
/*ループ記述終了*/




/* 画面幅の45%の幅で画像を表示 */
.image-vw {
    width : 45vw ; 
    max-width :400px;
}





.column {
}
.c-1 {
        width : 48vw ; /* 画面幅の48％ */
        background-color: #87ceeb;
}
.c-2 {
        width : 48vw ; /* 画面幅の48％ */
        line-height:45px;
        background-color: #87ceeb;
}
@media all and (min-width: 500px) {
  .wrapper {
    display: flex;
  }
}



.chapter_b{
    text-align: center;
    color:#FFFFFF;
}


.chapter_c{
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 3.2rem;
    padding: 0px 55px;
    color: #FFFFFF;
        /*color=white*/
}


.chapter_c2{
    padding: 0px 0px;
    width : 50vw ;
    background-color: #87ceeb;
}



.chapter_d{
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0px 55px;
    color: #FFFFFF;
}


.chapter_e{
    position: relative;
    display: inline-block;
    font-size: 1rem;
    padding: 0px 55px;
    color: #FFFFFF;
}




.chapter::before, .chapter::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #ffffff;
}

.chapter::before {
    left:0;
}
.chapter::after {
    right: 0;
}

.site_content{
    font-size: 2rem;
    padding: 0px 20px;
    color: #FFFFFF;
    font-family: 'Lato', 'Noto Sans JP', 'Yu Gothic Medium', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}

.site_content_mini{
    font-size: 1.5rem;
    padding: 0px 20px;
    color: #ffffff;
    font-family: 'Lato', 'Noto Sans JP', 'Yu Gothic Medium', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}




.guest_name{
    font-size: 2.5rem;
    line-height:40px;
    padding: 0px 20px;
    color: #FFFFFF;
    margin: 0 auto;
    font-family: 'Lato', 'Noto Sans JP', 'Meiryo UI','Yu Gothic','YuGothic', sans-serif;
}

.guest_name2{
    font-size: 2.5rem;
    line-height:40px;
    padding: 0px 20px;
    color: #FFFFFF;
    margin: 0 auto;
    font-family: 'Lato', 'Noto Sans JP', 'Meiryo UI','Yu Gothic','YuGothic', sans-serif;
}





a:link, a:visited, a:hover, a:active {
    color: #FFFFFF;
}

.end_write{
    font-size: 1.6rem;
    padding: 0px 10px;
    color: #FFFFFF;
}





.flex-child p:last-child { margin-bottom: 0; }

.flex-child  .gb{
    
}

/**/
[class^="flex-col"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

/**/
.flex-child {
    margin-bottom: 10px;
    display:flex;
        /*子要素の最大高さにそろえる*/
    min-width :250px;
    text-align: center;
    align-items: center;
}

/**/
.flex-col2 .flex-child { width: calc( (100% - 10px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); line-height:128px;}

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 30px) / 4 ); }

/**/
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }

.flex-child img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
    display:flex;
}






/* ロールオーバーでの画像変化01 */
.link-sano {
    background-image: url("../img/mini/41sano-mini.png");
}
.link-sano a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-sano a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41sano-mini.png");
}


/* ロールオーバーでの画像変化02 */
.link-monn {
    background-image: url("../img/mini/41monn-mini.png");
}
.link-monn a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-monn a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41monn-mini.png");
}




/* ロールオーバーでの画像変化04 */
.link-haji {
    background-image: url("../img/mini/41haji-mini.png");
}
.link-haji a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-haji a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41haji-mini.png");
}




/* ロールオーバーでの画像変化05 */
.link-syunn {
    background-image: url("../img/mini/41syunn-mini.png");
}
.link-syunn a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-syunn a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41syunn-mini.png");
}





/* ロールオーバーでの画像変化07 */
.link-mzk {
    background-image: url("../img/mini/41mzk-mini.png");
}
.link-mzk a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-mzk a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41mzk-mini.png");
}



/* ロールオーバーでの画像変化08 */
.link-suzu {
    background-image: url("../img/mini/41suzu-mini.png");
}
.link-suzu a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-suzu a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41suzu-mini.png");
}

/* ロールオーバーでの画像変化09 */
.link-yuki {
    background-image: url("../img/mini/41yuki-mini.png");
}
.link-yuki a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-yuki a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41yuki-mini.png");
}





/* ロールオーバーでの画像変化11 */
.link-hida {
    background-image: url("../img/mini/41hida-mini.png");
}
.link-hida a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-hida a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41hida-mini.png");
}




/* ロールオーバーでの画像変化15 */
.link-kirameki {
    background-image: url("../img/mini/41kirameki-mini.png");
}
.link-kirameki a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-kirameki a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41kirameki-mini.png");
}




/* ロールオーバーでの画像変化22 */
.link-momo {
    background-image: url("../img/mini/41momo-mini.png");
}
.link-momo a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-momo a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41momo-mini.png");
}


/* ロールオーバーでの画像変化25 */
.link-oga {
    background-image: url("../img/mini/41oga-mini.png");
}
.link-oga a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-oga a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41oga-mini.png");
}


/* ロールオーバーでの画像変化26 */
.link-huji {
    background-image: url("../img/mini/41huji-mini.png");
}
.link-huji a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-huji a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41huji-mini.png");
}



/* ロールオーバーでの画像変化28 */
.link-abu {
    background-image: url("../img/mini/41abu-mini.png");
}
.link-abu a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-abu a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41abu-mini.png");
}


/* ロールオーバーでの画像変化30 */
.link-shiro {
    background-image: url("../img/mini/41shiro-mini.png");
}
.link-shiro a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-shiro a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41shiro-mini.png");
}


/* ロールオーバーでの画像変化31 */
.link-miya {
    background-image: url("../img/mini/41miya-mini.png");
}
.link-miya a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-miya a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41miya-mini.png");
}


/* ロールオーバーでの画像変化33 */
.link-nekosa {
    background-image: url("../img/mini/41nekosa-mini.png");
}
.link-nekosa a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-nekosa a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41nekosa-mini.png");
}



/* ロールオーバーでの画像変化35 */
.link-nimai {
    background-image: url("../img/mini/41nimai-mini.png");
}
.link-nimai a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-nimai a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41nimai-mini.png");
}





/* ロールオーバーでの画像変化42 */
.link-ei {
    background-image: url("../img/mini/41ei-mini.png");
}
.link-ei a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-ei a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41ei-mini.png");
}


/* ロールオーバーでの画像変化43 */
.link-beru {
    background-image: url("../img/mini/41beru-mini.png");
}
.link-beru a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-beru a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41beru-mini.png");
}


/* ロールオーバーでの画像変化44 */
.link-ann {
    background-image: url("../img/mini/41ann-mini.png");
}
.link-ann a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-ann a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41ann-mini.png");
}


/* ロールオーバーでの画像変化46 */
.link-mame {
    background-image: url("../img/mini/41mame-mini.png");
}
.link-mame a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-mame a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41mame-mini.png");
}


/* ロールオーバーでの画像変化47 */
.link-ayu {
    background-image: url("../img/mini/41ayu-mini.png");
}
.link-ayu a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-ayu a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41ayu-mini.png");
}


/* ロールオーバーでの画像変化48 */
.link-tika {
    background-image: url("../img/mini/41tika-mini.png");
}
.link-tika a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-tika a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41tika-mini.png");
}


/* ロールオーバーでの画像変化51 */
.link-gonn {
    background-image: url("../img/mini/41gonn-mini.png");
}
.link-gonn a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-gonn a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41gonn-mini.png");
}




/* ロールオーバーでの画像変化63 */
.link-tsuki {
    background-image: url("../img/mini/41tsuki-mini.png");
}
.link-tsuki a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-tsuki a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41tsuki-mini.png");
}


/* ロールオーバーでの画像変化64 */
.link-nana {
    background-image: url("../img/mini/41nana-mini.png");
}
.link-nana a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-nana a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41nana-mini.png");
}















/* ロールオーバーでの画像変化 */
.link-tou {
    background-image: url("../img/mini/41tou-mini.png");
}
.link-tou a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-tou a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41tou-mini.png");
}






/* ロールオーバーでの画像変化 */
.link-umibe {
    background-image: url("../img/mini/41umibe-mini.png");
}
.link-umibe a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-umibe a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41umibe-mini.png");
}








/* ロールオーバーでの画像変化 */
.link-ogawashira {
    background-image: url("../img/mini/41ogawashira-mini.png");
}
.link-ogawashira a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-ogawashira a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41ogawashira-mini.png");
}







/* ロールオーバーでの画像変化 */
.link-silver {
    background-image: url("../img/mini/41silver-mini.png");
}
.link-silver a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-silver a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41silver-mini.png");
}







/* ロールオーバーでの画像変化 */
.link-senngoku {
    background-image: url("../img/mini/41senngoku-mini.png");
}
.link-senngoku a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-senngoku a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41senngoku-mini.png");
}





/* ロールオーバーでの画像変化 */
.link-hoshi {
    background-image: url("../img/mini/41hoshi-mini.png");
}
.link-hoshi a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-hoshi a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41hoshi-mini.png");
}





/* ロールオーバーでの画像変化 */
.link-ryuhe {
    background-image: url("../img/mini/41ryuhe-mini.png");
}
.link-ryuhe a {
    color: #FFFFFF;
    width: 250px;
    height:125px;
    display:inline-block;
    vertical-align: middle;
    line-height:normal;
    background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}
.link-ryuhe a:hover {
    align-items: center;
    width: 250px;
    height:125px;
    text-indent: -9999px;
    background-image: url("../img/mini/41ryuhe-mini.png");
}