/* トップ_top */
.topMesse{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* ニュース_news */
.news_box{
    height:250px;
    overflow-y:scroll;
    border:1px solid #CCCCCC;
}
.topInfo{
    height:250px;
    padding: 10px 0;
    display: inline-block; /* インライン要素にすることで横に回り込む */
    vertical-align: middle; /* 上下中央に寄せる */
    color: #1F3E98;
}
.twitterBox{
    height:250px;
    overflow-y:scroll;
    border:1px solid #CCCCCC;
}
.news_box .day{
    font-weight: bold;
	margin-bottom:1px;
    content: "\A" ;
    white-space: pre;
}
.news_box .memo{
	margin-bottom:10px;
}
.TitlePa01{
    text-shadow: 3px 3px #f8cf1a, 4px 4px 0 #f8cf1a, 4px 2px 0 #f8cf1a, 2px 4px 0 #f8cf1a, 2px 2px 0 #5d6f77; /*f8cf1a*/
    font-size: 2.25em;
}
.TitlePa02{
    text-shadow: 3px 3px #5d6f77, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77; /*f8cf1a #5d6f77*/
    font-size: 2.25em;
}

/* アンソロジー概要_ABOUT */
.detail{
	overflow:hidden;
	width:70%;
	margin:0 auto;
}
.detail dt{
    background-color: #6BFBCE;
    color: #fff;
    padding: 0.1em;
}
.detail dd{
    padding: 0.3em 0 0 0;
    color: #fff;
}
.detail hr{
    margin: 0.2em 0;
    height:0px;
    /*
    border-radius: 2px;
    border: 1px solid #eba321;
    */
    border-top: 3px dotted #6BFBCE;
}

/* イベント情報_INFO */
#info{
    color: #1F3E98;
}
.detail2{
	overflow:hidden;
	width:70%;
	margin:0 auto;
}
.detail2 dt{
    background-color: #6BFBCE;
    color: #1F3E98;
    padding: 0.1em;
}
.detail2 dd{
    padding: 0.3em 0 0 0;
    color: #1F3E98;
}
.detail2 hr{
    margin: 0.2em 0;
    height:0px;
    /*
    border-radius: 2px;
    border: 1px solid #eba321;
    */
    border-top: 3px dotted #6BFBCE;
}

/* メンバー_member */
#member{
    color: #fff;
}
.memberList{
    /* width:200px; */
    height:auto;
    /* margin:0; */
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 65px;
}
.memberList img{
    /* max-width: 200px; */
    height: auto;
}
.memberName{
    /* background-color: #FFD027 #00C2D9; */
    color: #fff;
    margin: 0.3em 0;
    padding: 0.3em 0;
    font-weight:bold;
    background-color: #1F3E98;
}
.memberType{
    display:inline-block;
    color: #fff;
    margin: 0.3em 0;
    padding: 0.3em 0;
    font-weight:bold;
    background-color: #1F3E98;
}

.memberLinkBox {
  border: none;
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}
.boxType {
    float: left;
    color: #fff;
    font-weight:bold;
    background-color: #1F3E98;
    border: 2px solid #1F3E98;
    width: 40%; // 3分割
}
.boxPixiv, .boxTwitter {
    float: left;
    border-color: blue;
    width: 30%; // リンク２つ
}
.boxPixiv2, .boxTwitter2 {
    float: left;
    border-color: blue;
    width: 60%; // リンク１つ
}
/* メンバーボタン */
.memBtn-border {
    display: inline-block;
    text-align: center;
    border: 2px solid #1F3E98;
    background-color: #fff;
    color: #1F3E98;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    border-radius: 4px;
    transition: .4s;
}
.memBtn-border:hover {
    background-color: #00C2D9;
    border-color: #D9F7F5;
    color: #FFF;
}



/* 頒布情報_event */
.center-outer {
display: table;
width: 100%;
height: 100%;
}

.center-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}

/* コンタクト_contact */

.contactMesse{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}


/* Essential CSS - Makes the effect work */

.bubbles {
display: block;
font-family: arial;
position: relative;
}

.bubbles h1 {
position: relative;
margin: 1em 0 0;
font-family: 'Luckiest Guy', cursive;
color: #fff;
z-index: 2;
}
/*白縁バブル*/
.individual-bubble {
position: absolute;
border-radius: 100%;
bottom: 10px;
/*background-color: #fff;*/
border: 2px solid #fff;
z-index: 1;
}
/*白塗りバブル*/
.individual-bubble2 {
position: absolute;
border-radius: 100%;
bottom: 10px;
background-color: #fff;
z-index: 1;
}


.bubbles2 {
display: block;
font-family: arial;
position: relative;
}
/*青縁バブル 00C2D9*/
.individual2-bubble {
position: absolute;
border-radius: 100%;
bottom: 10px;
border: 2px solid #00C2D9;
z-index: 1;
}
/*青塗りバブル*/
.individual2-bubble2 {
position: absolute;
border-radius: 100%;
bottom: 10px;
background-color: #00C2D9;
z-index: 1;
}



/*見出し左の星飾り*/
.titleLeftStar{
  padding: 3px;
  text-align: center;
  border: none;
  margin-top: 10px;
  margin-bottom:  10px;
  margin-left: auto;
  margin-right: auto;
}
.titleLeftStar:before{
  position: relative;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3em;
  top: -.1em; /*星の高さ*/
  left: 0.45em; /*横の位置*/
  transform: rotate(50deg);
}
.titleLeftStar:after{
  position: relative;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.8em;
  top: 0.69em; /*星の高さ*/
  left: -0.2em; /*横の位置*/
  transform: rotate(-60deg);
}
.titleLeftStar:before{
  color: #268AFA;
}
.titleLeftStar:after{
  color: #7828FA;
}
/*見出し右の星飾り*/
.titleRightStar{
  padding: 3px;
  text-align: center;
  border: none;
  margin-top: 10px;
  margin-bottom:  10px;
  margin-left: auto;
  margin-right: auto;
}
.titleRightStar:before{
  position: relative;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3em;
  top: -.1em; /*星の高さ*/
  left: 0.5em; /*横の位置*/
  transform: rotate(100deg);
}
.titleRightStar:after{
  position: relative;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.8em;
  top: 0.6em; /*星の高さ*/
  left: -2.5em; /*横の位置*/
  transform: rotate(50deg);
}
.titleRightStar:before{
  color: #268AFA;
}
.titleRightStar:after{
  color: #7828FA;
}
/*見出し黒ふち*/
.borderTitle{
    color: #fff;
    text-shadow: 1px 1px 1px #5d6f77, -1px 1px 1px #5d6f77, 1px -1px 1px #5d6f77, -1px -1px 1px #5d6f77, 1px 1px 1px #5d6f77, -1px 1px 1px #5d6f77, 1px -1px 1px #5d6f77, -1px -1px 1px #5d6f77;
}
/*見出し下部説明*/
.titleCom{
    border-top: 6px dotted #6BFBCE;    /* 上側の1本線 */
    padding-top: 1em; /* 内容と線との間隔量 */
    padding-bottom: 2.5em; /* 内容と線との間隔量 */
    display: inline-block;
    padding-right: 50px;
    padding-left: 50px;
}
.titleComBox{
    width: 100%;
}
/*クリックしてねアイコン　※上書き※　*/
.fa-search-plus{
   color: #18BC9C;
}





.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}

#containerTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  svg {
  }
}