@charset "UTF-8";

/* header
================================================= */
header {
  width: 100%;
  margin: 0 auto 6%;
  padding: 36% 0 0 ;
  background: 
      /*画像*/url("../image/header.png") no-repeat ,
	  /*画像*/url("../image/back_header.png") ,
      /*下地*/#83c7df;
  background-size:90% auto, 100% auto;
  background-position: top 4vw center ,center;
}
header h1 { display: none;}


@media print, screen and (min-width: 1340px) {
header {
  margin: 0 auto 80px;
  padding: 480px 0 0 ;
  background: 
      /*画像*/url("../image/header.png") no-repeat ,
	  /*画像*/url("../image/back_header.png") ,
      /*下地*/#83c7df;
  background-size: 1330px auto, 1830px auto;
  background-position: top 40px center ,center;
}
}

/* bofore_topic------------------------------------------------------------------------------*/
.b_campaign{
	background: #fff;
	border-radius: 8px;
	padding:6% 3%;
	box-sizing: border-box;
    box-shadow: 0px 0px 10px -5px #777777;
}
.b_campaign:first-child{margin-bottom: 8%;}

.b_campaign h2 img{
    width: 100%;
	max-width: 600px;
    margin: 0 auto 2%;
}

@media print, screen and (min-width: 640px) {
.b_campaign{
	padding: 3%;
    box-shadow: 0px 0px 15px -5px #777777;
}
.b_campaign:first-child{margin-bottom: 0;}
.b_campaign h2{ width: 100%; }
}

/*背景----------------------------------*/
.back_blue { 
	width: 100%;
	padding: 9% 0 1px;
	background: #c1e3ef;
}

@media print, screen and (min-width: 640px) {
.back_blue { padding: 6% 0 1px; }
}

@media print, screen and (min-width: 1280px) {
.back_blue { padding: 4% 0 1px; }
}

/*ボタン----------------------------------*/
a.btn {
  display: block;
  margin: 1.8rem auto 0;
  width: 90%;
  min-width: 200px;
  max-width: 320px;
  box-sizing: border-box;
  color: #ffffff;
  line-height: 1.5;
  text-decoration: none;
  transition: .2s;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: bold;
  border: solid 2px #ffffff;
}

/* timetable */
a.timetable { 
	background:#e61272 url("../image/icon_download.svg") no-repeat right 16px center;
	padding: 1.4rem 0 1.4rem 2.8rem;
	 }
a.timetable:hover, a.timetable:active {
	background:#f288b8 url("../image/icon_download.svg") no-repeat right 16px center;
}

/* X */
a.sns_x { background:#121212; text-align: center; padding: 1.4rem 0; }
a.sns_x:hover,a.sns_x:active { background:#ffcc00 }

a.radiko { background: #00a7e9; text-align: center; padding: 1.4rem 0; }
a.radiko:hover,a.radiko:active { background:#7fd3f4 }

/* link */
a.ohter_link { background:#00a140; text-align: center; padding: 1.4rem 0; }
a.ohter_link:hover,a.sns_x:active { background:#7fd09f }

@media print, screen and (min-width: 768px) {
a.btn {
  font-size: 2rem;
  max-width: 380px;
}
	
a.timetable {
	background:#e61272 url("../image/icon_download.svg") no-repeat right 32px center;}
a.timetable:hover,a.timetable:active {
	background:#f288b8 url("../image/icon_download.svg") no-repeat right 32px center;
}
}