@charset "UTF-8";

/* header
================================================= */
header{
	width: 100%;
	height: 110vw;
	max-height: 768px;
	background-image:url("../image/back_header.png");
	overflow: hidden;
}
.header_main_box {
	width: 100%;
	height: 100%;
	max-width: 1360px;
	margin: 0 auto;
	position: relative;
	background-image:url("../image/back_header_pre_right.png"),url("../image/back_header_pre_left.png");
	background-size: 70vw auto;
	background-repeat: no-repeat;
	background-position: right bottom 1vw, left bottom 1vw ;
}
.header_parts_pre,
.header_parts_monsuke,
.header_parts_title {
	position: absolute;
}
.header_parts_pre { width: 22vw; max-width: 260px; top:-1px; right:2vw; }
.header_parts_monsuke { width: 74vw; max-width: 550px; bottom:-32vw ; right:10vw; }
.header_parts_title { width: 125vw; max-width: 1320px; top:6vw;  left:-5vw; }

.header_fade-in{
	animation: fade-in ease;
	animation-duration: 1.6s;
}
@keyframes fade-in {
  0% { transform: translateY(30px); }
  100% { transform: translateY(0); }
}

@media print, screen and (min-width: 768px) {
header { height: 58vw; }
.header_main_box { background-size: 40vw auto; }
.header_parts_pre { width: 18vw; top:-1px; right:2vw; }
.header_parts_monsuke { width: 40vw; bottom:-21vw ; right:30vw; }
.header_parts_title { width: 100vw; top:-1vw;  left:0; }
}

@media print, screen and (min-width: 1366px) {
.header_main_box { background-size: 540px auto; }
.header_parts_pre { width: 18vw; top:-1px; right:2vw; }
.header_parts_monsuke { bottom:-300px ; right:400px; }
.header_parts_title { top:-1vw;  left:0; }
}

/* 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%; }
}

/*ボタン----------------------------------*/
ul.link_btn_list{
	display: flex;
	justify-content: space-between;
	width: 80%;
	max-width: 1280px;
	margin: 2% auto;
	flex-wrap: wrap;
}
.link_btn_list li{ width:100%; margin:0 0 0.6rem; }

a.btn {
  display: block;
  margin: 1.8rem auto 0;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  width: 100%;
  min-width: 140px;
  box-sizing: border-box;
  color: #ffffff;
  line-height: 1.5;
  text-decoration: none;
  transition: .2s;
  border-radius: 30px;
  font-size: 1.5rem;
  font-weight: bold;
  border: solid 2px #ffffff;
  text-align: center;
}
/* link */
a.sns_x { background:#121212; }
a.sns_x:hover,a.sns_x:active { background:#ffcc00 }

a.ohter_link { background:#af7eb5; }
a.ohter_link:hover,a.sns_x:active { background:#af7eb5 }

/* timetable */
a.timetable { 
	background:#e88600 url("../image/icon_download.svg") no-repeat right 16px center;
	background-size: auto 36%;
	padding-right: 1.4rem;
 }
/* radiko */
a.radiko_l { 
	background:#00a7e9 url("../image/link_radiko.svg") no-repeat right 16px center;
	background-size: 2.6rem auto;
	padding-right: 1.4rem;
	 }
a.guest_link { background-image: linear-gradient(90deg, rgba(243, 196, 170, 1), rgba(228, 81, 154, 1) 50%, rgba(77, 84, 224, 1)); text-align: center; padding: 1.4rem 0; }
a.guest_link:hover,a.sns_x:active { background-image: linear-gradient(90deg, rgba(145, 175, 175, 1), rgba(188, 146, 166, 1)); }

@media print, screen and (min-width: 640px) {
ul.link_btn_list{ width: 90%; }
.link_btn_list li{ width:49%; }
}
@media print, screen and (min-width: 960px) {
.link_btn_list li{ width:32%; margin:0 0 0; }
}
@media print, screen and (min-width: 1200px) {
a.btn { font-size: 1.8rem; }
}