@charset "utf-8";


.closed { padding: 15px; margin: 0 0 15px 0; color: #C00; background: #FF7; }
.closed h3 { font-weight: bold; font-size: 18px; color: #C00; }

/*左メニュー*/

#aside {
	width: 180px;
	float: left;
	position: relative;
	z-index: 100;
}

/*左メニュー*/


/*左メニュー　li共通*/

#aside ul#aside_section01 li,
#aside ul#aside_section02 li {
	position: relative;
	margin-bottom: 10px;
}
#aside ul#aside_section01 li:last-child,
#aside ul#aside_section02 li:last-child {
	margin-bottom: 0;
}

/*左メニュー　コンテンツボタン*/

#aside ul#aside_section01 {
	margin-bottom: 30px;
}

#aside ul#aside_section01 li h3 {
	font-family: 'Arimo', Arial, sans-serif;
	font-weight: 700;
}

#aside ul#aside_section01 li h3 a {
	position: relative;
	z-index: 20;
	width: 180px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 2em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 0.75);
}

#aside ul#aside_section01 li>img {
	position: absolute;
	z-index: 0;
	top: 0;
}

#aside ul#aside_section01 li>img.active {
	position: absolute;
	z-index: 10;
	opacity: 0;
}

/*左メニュー　バナー*/

#aside ul#aside_section02 li {
	background: #aadef5;
}

/*右エリア*/

#article {
	width: 690px;
	float: right;
}
	

#article dl{ margin-top:20px;}
#article dt{float:left;}
#article dd{margin-left:220px; background:none;}
#article dd b{ font-size:120%; font-weight:bold; display:block; margin:10px 0; color:#369;}


/*右エリア　スライダー*/

#article #slider {
	margin-bottom: 30px;
	position: relative;
	z-index: 100;
}

/*右エリア　最新情報*/

#article #section01 {
	position: relative;
	margin-bottom: 40px;
	display:inline-block;
	width:400px;
	float:left;
}
#article #section01 h3 {
	height: 22px;
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
	z-index: 0;
}
#article #section01 h3 img {
	position: absolute;
	left: -41px;
	top: -37px;
}

/*右エリア　バナー*/
#article #section02{
	float:right;
	display:inline-block;
	margin-top:42px;
}

#article #section02 li{
	margin-bottom:15px;
	text-align:center;
}
	
.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_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

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

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}