@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　slider　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#top_visual {
}
.slider_top {
width:100vw;
top:0;
left:0;
margin:0 auto;
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}


.insta_btn3 {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background:#3b5998;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
.insta_btn4 {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background:#00aced ;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2 .fa-instagram, .insta_btn3 fa-facebook, .insta_btn4 fa-twitter{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span, .insta_btn3 span, .insta_btn4 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　information　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.information_area {
	background-color: #fff;
padding:5px;
}
#information_list {
	margin: 10px auto;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
#information_list li {
	clear: both;
	border-bottom: 1px solid #860419;
	padding: 15px;
	background-color: #fff;
	overflow: hidden;
}
#information_list span {
	display: inline-block;
	padding: 5px 0;
}
#information_list .Date {
	margin-left: 20px;
	font-weight: bold;
	color: #860419;
}
#information_list .Category {
	border: 1px solid #860419;
	color: #860419;
	width: 200px;
	background-color: #fff;
	text-align: center;
	margin-left:15px;
}
#information_list .Title {
	color: #860419;
	text-align: left;
}
#information_list .Title a{
	color: #860419;
}
.information_more {
	margin:0 10px 10px 0;
	text-align:right;
}
.information_more a{
	color: #860419;
padding:8px;
｝
/* -- PC -- */
@media screen and (min-width: 768px) {
	/* INFORMATION */
	#information_list .Title {
		float: right;
		display: block;
		width:500px;
	}
}
/* -- SMP -- */
@media screen and (max-width: 767px) {
	/* INFORMATION */
	#information_list .Title {
		display: block;
		margin-top: 10px;
		width: 100%;
		text-align:center;
	}
}