.info_date a{
  color:blueviolet!important;
  text-decoration: none!important;
}
.past-record a{
  color:blueviolet!important;
  text-decoration: none!important;
}


/* body{
  background-image: url(../img/1282_damask_s.jpg);
} */
.TOP {
  margin-top: 30px;
}
.img-responsive{
  margin-bottom: 10px;
}
#wrapper2{
  background-color: white;
  padding-bottom: 30px;
}
.more_info a {
  background: none;
  color:white;

}
.more_info a:hover{
  color: rgb(174, 138, 252);
}

.logo_title {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.main-menu {
  width: 1200px;
  max-width: 100%;
  text-align: center;
  font-size: 20px;
  background-color: rgb(174, 138, 252);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-top: 30px;
  margin-bottom: 50px;
}

.square_btn{
  display: inline-block;

  text-decoration: none!important;
  background:none ;
  color: rgb(0, 0, 0);

  transition: .4s;
  font-weight: bold;
  margin-right: 1%;
  width:18%;



}



.square_btn img{
width:100%;
max-width:160px;
height: auto;
}

.schedule{
	text-align: center;
	width:100%;
}

area{
	outline-style: none;
}

.notice {

  max-width: 100%;
  background-image: url(../img/loose_leaf.jpg);
  background-size: contain;
  background-repeat: repeat-y;
  padding-right: 20px;

}

.notice-title {
  font-size: 25px;

  font-weight: bold;
  border-bottom: solid 5px rgb(88, 4, 107);
  padding-top:15px;
  margin-left: 30px;
  margin-bottom: 10px;
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
}

.date {
  display: inline-block;


}

.date li {
  font-weight: bold;
}
ul.date{
  margin-bottom: 15px;
}
ul.main-menu_list{
  margin-bottom: 15px;
}
.main-menu_list {
  display: inline-block;
}

.main-menu_list li {
  list-style: none;
  font-weight: bold;
}
.main-menu_list li:first-child {
  font-size: 13px;
}

.heading {
  margin-left: 30px;
  font-size: 25px;
  font-weight: bold;
  border-bottom: solid 5px rgb(255, 94, 22);

  margin-right: 20px;

  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
}

.heading2 {

  font-size: 25px;
  font-weight: bold;
  border-bottom: solid 5px rgb(88, 4, 107);
  margin-bottom: 20px;



  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
}


.info_date{
  color:blueviolet ;
  border-bottom: dotted 5px blueviolet;
  font-size: 20px;
}
.log{
  color:blueviolet ;
  border-bottom: dotted 5px blueviolet;
  font-size: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.jumpper ul {
  border: solid 2px blueviolet;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.jumpper ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.jumpper ul li:before {/*疑似要素*/
  list-style-type: square;
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: blueviolet;/*アイコン色*/
}
.jumpper{
  padding-top: 20px;

}

.card {
  margin-top: 20px;

  position: relative;
}

.date_info{
	font-size:14px;
	font-weight: bold;

}
.new_news_article {


  vertical-align: top;
  margin-top: 5px;

  margin-left: 30px;

}
.new_news_article2{


  vertical-align: top;
  margin-top: 15px;
  margin-bottom: 20px;


}
.banner{

}




.next_broadcast_article {
  width: 370px;
  display: inline-block;

}

.more_info {
  background-color: #2f322f;
  color: white;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 130px;
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 20px;
}


.foot {
  background: #2f322f;
  font-size: 12px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
}


.logo {
  margin-bottom: 6px;
  border: 1px solid #b2b9b2 ;
  padding-left: 5px;
  padding-right: 5px;


}
  .logo1{
    margin-bottom: 6px;
    border: 1.5px solid #b2b9b2 ;
    padding-left: 5px;
    padding-right: 5px;

}
.logo2{
    margin-bottom: 6px;
    border: 1px solid #b2b9b2 ;
    padding-left: 5px;
    padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;

}
.logo3{
    margin-bottom: 6px;
    border: 1px solid #b2b9b2 ;
    padding-left: 5px;
    padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;

}
.logo4{
    margin-bottom: 6px;
    border: 1px solid #b2b9b2 ;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:5px;
	padding-bottom:5px;
}
.logo:hover{
  opacity: 0.6;
}
.logo1:hover{
  opacity: 0.6;
}
.induction{
  display: inline-block;
}
.kochira{
  display: inline-block;
  color: blueviolet;
}
.double{
  margin-bottom: 50px;

}
.pair{
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.pair2{



}

.broadcast_schedule a{
	color:blueviolet;
	font-size:14px;
	font-weight: bold;

}

.ceremony{
  display: inline-block;
  width: 45%;
  margin-left: 30px;

}

.ceremony:hover{
  opacity: 0.6;
}
.ceremony1{
  width: 100%;
  height: auto;
  max-width: 100%;
  display:block;
}
.ceremony_article{
  margin-bottom: 10px;
}
.Loushou_comment{
  border: 3px solid blueviolet;
  padding: 5px;
  margin-bottom: 30px;
}
h4.comment1{
  font-size: 16px;
  font-weight: bold;
}

.kochira ul {
  border: solid 2px blueviolet;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.kochira ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.kochira ul li:before {/*疑似要素*/
  list-style-type: square;
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: blueviolet;/*アイコン色*/
}

.second_battle{
  display: inline-block;
  margin-bottom: 20px;
}
.second_battle_article{
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  width:40%;


}
.second_battler{
  display: inline-block;

  height:auto;
  max-width: 100%;
}
.second_battler2{
  margin-top: 20px;
  margin-bottom: 40px;
  display: inline-block;
  width:48%;
  height:auto;
  max-width: 100%;
}
.frame{
  display:inline-block;
}
.jpg{
  width:48%;
  display:inline-block;
}
.battle-announce1{
	margin-top:20px;
	width:45%;
	margin-right: 40px;
  margin-left: 30px;
}
.battle-announce1-2{
	margin-top:20px;
	width:45%;

}


.battle-announce2{
	margin-top:20px;
	width:45%;
	display: inline-block;
}

.battle-announce3{
	margin-top:20px;
	width:45%;
	margin-left: -30px;
}

.main-line{
	color: blueviolet;
    border-top: dotted 5px blueviolet;
    font-size: 20px;
	margin-bottom: 10px;
}


.row .schedule{
	margin-top: 50px;
}

.pic{

	margin-bottom: 20px;
}




  /* アニメーション前のスタイル */
.js-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #fff200, #fff200); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 1.5s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}

/* アニメーション発火時 */
.js-marker.inview {
  background-size: 100% 30%; /* '30%'の部分は上で設定した太さに合わせる */
}
}



@media all and (min-width: 1200px) {}

@media all and (max-width: 767px) {
	.banner a:first-child .logo{
		margin-top: 20px;
	}
	.logo{
  		margin-left: auto;
  		margin-right: auto;
  		margin-bottom: 2px;
	}
	.logo1{
		width: 252px;
		height: 62px;
  		margin-left: auto;
  		margin-right: auto;
  		margin-bottom: 2px;
	}
	.main-menu{
		padding-bottom: 7px;
		padding-top: 7px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
    .youtube iframe {
		position: absolute;
	    top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
	}

}

@media all and (max-width:575px) {
	.col-xs-12{
  		/*margin: 0;*/
	}

}

/*.header {
    margin-top: 50px;
    margin-left: 40px;
    margin-right: 40px;
    width: 68%;
    background-image: url(../img/loose_leaf.jpg);
    background-size: contain;
    background-repeat: repeat-y;
  }*/

/*.header2 {
    display: inline-block;
    background-image: url(../img/loose_leaf2.jpg);
    margin-top: 50px;
    margin-left: 40px;
    margin-right: 40px;
    width: 68%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }*/

}