body{

  background: white;

  font-family: meiryo;

}

  

h1 {

  background: linear-gradient(transparent 70%, #a7d6ff 70%);

}



#menu-1 {

  width: 1000px;

  margin: 10px auto;

  display: block;

  padding: 0px;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

}



.acd-list {

  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;

  width: 200px;

  line-height: 50px;

  list-style: none;

  list-style-position: inside;

  font-size: 16px;

  -webkit-flex-grow: 1;

  flex-grow: 1;

  text-align: center;

  position: relative;

}



.acd-list  a,

.acd-list ul li a {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-1-1,

.acd-list:nth-child(1) {

  background-color: tomato;

}



ul#menu-2-1,

.acd-list:nth-child(2) {

  background-color: orange;

}



ul#menu-3-1,

.acd-list:nth-child(3) {

  background-color: gold;

}



ul#menu-4-1,

.acd-list:nth-child(4) {

  background-color: mediumseagreen;

}



ul#menu-5-1,

.acd-list:nth-child(5) {

  background-color: cornflowerblue;

}



ul#menu-6-1,

.acd-list:nth-child(6) {

  background-color: mediumorchid;

}



ul#menu-1-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-2-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-3-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-4-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-5-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



ul#menu-6-1 {

  color: white;

  text-decoration: none;

  font-weight: bold;

}



main {

  width: 1000px;

  margin: 0 auto;

}

section {

  clear: both;

}

video {

  margin: 0 auto;

}

#col {

  width: 1000px;

  margin: 0 auto;

}

.col-data {

  box-sizing: border-box;

  padding: 5px;

}



ul#menu-1-1,

ul#menu-2-1,

ul#menu-3-1,

ul#menu-4-1,

ul#menu-5-1,

ul#menu-6-1 {

  width: 100%;

  box-sizing: border-box;

  list-style: none;

  padding: 0;

  position: relative;

  display: none;

  opacity: 0.0;

  transition: all 0.5ms;

}



.acd-list:hover a + ul#menu-1-1,

.acd-list:hover a + ul#menu-2-1,

.acd-list:hover a + ul#menu-3-1,

.acd-list:hover a + ul#menu-4-1,

.acd-list:hover a + ul#menu-5-1,

.acd-list:hover a + ul#menu-6-1 {

  position: absolute;

  z-index: 100;

  top: 48px;

  opacity: 1.0;

  display: block;

}











.msr_newslist03 {

  width: 100%;

}

.msr_newslist03 li {

  background-color: #F8F8F8;

  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

  font-size: 88%;

  margin-bottom: 2px;

}

.msr_newslist03 li a {

  box-sizing: border-box;

  color: #000000;

  display: table;

  padding: 15px;

  text-decoration: none;

  transition: 0.2s ease-in-out;

  -o-transition: 0.2s ease-in-out;

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  width: 100%;

}

.msr_newslist03 li a:hover {

  background: #FFFFFF;

  text-decoration: none;

}

.msr_newslist03 li div {

  display: table-cell;

  width: 144px;

}

.msr_newslist03 li p {

  display: table-cell;

  padding-left: 20px;

  vertical-align: middle;

}



/* 時間の設定 */

.msr_newslist03 li time {

  color: #1B73BA;

  display: table-cell;

  vertical-align: top;

  width: 90px;

}



/* カテゴリの設定 */

.msr_newslist03 li .cat01,

.msr_newslist03 li .cat02 {

  background-color: #1B73BA;

  border-radius: 1px;

  color: #FFFFFF;

  font-size: 9px;

  padding: 0 2px;

  text-align: center;

  width: 50px;

}

.msr_newslist03 li .cat02 {

  background-color: #0E3A5F;

}









.btn{

  display: inline-block;

  text-decoration: none;

  color: #668ad8;

  width: 120px;

  height: 120px;

  line-height: 120px;

  border-radius: 50%;

  border: double 4px #668ad8;

  text-align: center;

  vertical-align: middle;

  overflow: hidden;

  transition: .6s;



}



.btn:hover{

  -webkit-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  transform: rotateY(360deg);

}



.lgbt{

/* margin-left: 122px; これをさくじょ*/

margin-bottom: 20px;

margin-right: 0px;

float: left;

width: 600px;

}





.btn1{

  display: inline-block;

  text-decoration: none;

  color: #ff4dac;

  width: 120px;

  height: 120px;

  line-height: 120px;

  border-radius: 50%;

  border: double 4px #ff4dac;

  text-align: center;

  vertical-align: middle;

  overflow: hidden;

  transition: .6s;

  /*margin-right: 100px; これをさくじょ*/

}



.btn1:hover{

  -webkit-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  transform: rotateY(360deg);

}

    

.img-001{

margin-bottom: -30px;

}