@charset "UTF-8";
body{
	width: 100%;
}

img{
	width:100%;
}

i{
	margin: 0 1rem;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

/* メインビジュアル 
----------------------------------------*/

.main{
	width: 100%;
	height: auto;
	background-image: url(../img/main_bg_pc.jpg);
	background-size: cover;
	background-position: bottom;
	display: flex;
	justify-content: center;
	align-items:  flex-end;
/*	border-bottom: 3px solid #009D8D;*/
}

.main h1{
	width:100%;
	max-width: 1800px;
}

.main h1 img{

}

@media only screen and (max-width: 750px) {
.main{
	width: 100%;
	background-image: none;
	display: block;
	background: #ffd633;
}

.main h1{
	width:100%;
	max-width: 100%;
	background: #fff;
}

.main h1 img{

}

}


/*放送時間-*/
#on_air{
	padding: 2.5rem 0;
	width:100%;
	background: #014099;
	/*font-size: 6rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;*/
}

#on_air img{
	width: 1309px;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
#on_air{
	font-size: 3rem;
	padding: 1.4rem 1rem;
	font-weight: bold;
	letter-spacing: 0.5rem;
	line-height: 1.3;
	}

#on_air img{
	width: 100%;
}

}


/*コンテンツ
---------------------*/

#contents{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background:#ffd633;
}

#contents_wrap{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

section{
	width: 100%;
	margin: 0rem auto;
}

section.first_overview{
	width: 100%;
	padding: 0 0 12rem;
	margin: 0 auto;
	background: url(../img/cont_bg_pc.png);
	background-repeat: repeat-x;
	background-position:bottom;
}

section.event_overview{
	width: 100%;
	padding: 0 0 6rem;
	margin: 0 auto;
	background: url(../img/cont_bg03.png),#0d6aba;
	background-repeat: repeat;
	background-position:bottom;
}


section.event_profile{
	width: 100%;
	padding: 6rem 0 6rem;
	margin: 0 auto;
	background: url(../img/cont_bg02.png),#d31f1e;
	background-repeat: repeat-y;
	background-position:top;
}

section.company_main{
	width: 100%;
	padding: 10rem 0 6rem;
	margin: 0 auto;
}

section.company_general{
	width: 100%;
	padding: 0 0 8rem;
	margin: 0 auto;
}

.cont_wrap{
	width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
}


@media only screen and (max-width: 750px) {
	
#contents{
	width: 100%;
	margin: 0 auto;
}

#contents_wrap{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

section{
	margin: 0rem auto;
}

section.first_overview{
	width: 100%;
	background: url(../img/cont_bg_sp.png);
	background-repeat: no-repeat;
	background-position:bottom;
}

section.event_profile{
	width: 100%;
	padding: 0 0 10rem;
}

section.event_profile{
	background-position:initial;
}
.cont_wrap{
	width: 100%;
	max-width: 100%;
	padding: 0 2rem;
}

}


/*見出し
---------------------*/

/*.ttl {
    text-align: center;
	width: 447px;
	height: auto;
	display: block;
	margin: 0 auto 6rem;              
}*/

.theme_txt{
	width: 100%;
	height: auto;
    padding: 8rem 0 0;
    margin: 0 auto 8rem;

	/*display: flex;
	justify-content: center;
	align-items: center;*/
	}

.theme_txt p{
	font-size: 3rem;
	line-height: 2;

	color: #002c6a;
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	}


/*見出し テキスト
---------------------*/

.midashi01 {
	position: relative;
	font-size: 3.5rem;
	text-align: center;

	margin-bottom: 6rem;

	font-weight: bold;
	color: #002c6a;

	font-weight: bold;
	text-align: center;
}

.midashi01.event_overview,
.midashi01.event_15th,
.midashi01.event_guest-youhachi{
	position: relative;
	font-size: 3.5rem;
	text-align: center;
	font-weight: bold;
	color: #002c6a;

	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto 12rem;
}

.midashi01.event_sub_host{
	position: relative;
	font-size: 3.5rem;
	text-align: center;
	font-weight: bold;
	color: #002c6a;

	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto 8rem;
}

.midashi01::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #25207d;
}

.midashi01.event_overview::after,
.midashi01.event_overview::after,
.midashi01.event_15th::after,
.midashi01.event_guest-youhachi::after,
.midashi01.event_sub_host::after{
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #ffffff;
}


.company_main .midashi01,
.company_general .midashi01{
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 4.6rem;
}

.midashi01_mini {
    font-size: 40%;
}

/* h2画像サイズ*/
.midashi01 img.ttl_first_overview{
	display: block;
	margin: 0 auto;
	width: 102px;
	height: auto; 
	}

.midashi01 img.ttl_event_overview{
	display: block;
	margin: 0 auto 2rem;
	width: 314px;
	height: auto; 
	}

.midashi01 img.ttl_event_15th{
	display: block;
	margin: 0 auto 2rem;
	width: 954px;
	height: auto; 
	}

.midashi01 img.ttl_event_guest-youhachi{
	display: block;
	margin: 0 auto 2rem;
	width: 954px;
	height: auto; 
	}


.midashi01 img.ttl_event_sub_host01{
	display: block;
	margin: 0 auto;
	width: 390px;
	height: auto; 
}

.midashi01 img.ttl_event_sub_host02{
	display: block;
	margin: 0 auto;
	width: 423px;
	height: auto; 
}


/* ボタンのCSS　*/

.box_message_btn{
	width: 100%;
	text-align: center;
}

.box_message_btn a{
	color: white;
	/*text-decoration: none;*/
}

.box_message_btn a:hover {
	opacity: 0.8;
	transition: 0.3s;
}

.btn-icon {
	display: inline-block;
	width: 60%;
	margin: 2rem auto;
	background-color: mediumvioletred;
	font-size: 2.6rem;
	text-decoration: none;
	font-weight: bold;
	padding: 2.5rem 0;
	border-radius: 45px;
	position: relative;
	text-align: center;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.box_message_txt{
	text-align: center;
}

@media only screen and (max-width: 750px) {
.midashi01.event_overview,
.midashi01.event_15th,
.midashi01.event_guest-youhachi,
.midashi01.event_sub_host{
	margin-bottom: 8rem;
}

.midashi01.event_sub_host{
	/*margin-bottom: 6rem;*/
	margin-bottom: 8rem;
}


/* h2画像サイズ*/
.midashi01 img.ttl_first_overview{
	width: 20%;
	}

.midashi01 img.ttl_event_overview{
	width: 50%;
	}

.midashi01 img.ttl_event_15th{
	width: 100%;
	}

.midashi01 img.ttl_event_guest-youhachi{
	width: 100%;
	}

.midashi01 img.ttl_event_sub_host01{
	width: 60%;

}

.midashi01 img.ttl_event_sub_host02{
	width: 65%;

}

.theme_txt{
	margin:0 auto;
}

.theme_txt p{
	font-size: 2rem;
}

.btn-icon {
	width: 100%;
	font-size: 1.6rem;
	padding: 1.5rem;
}

}


/*イベント*/

.event_box{
	width: 100%;
	margin: 0 auto 10rem;
}

.event_box table {
  width: 100%;
	margin-bottom: 1rem;
	font-size: 1.8rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

	/*font-family: "M PLUS 2", sans-serif;*/

	line-height: 2;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
	
	font-family: "RocknRoll One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.event_box table th, table td {
	border: solid 1px #002c6a;
	padding: 1.5rem;
	background-color: white;
}

.event_box table th{
	background: #ffd633;
	width: 28%;
	text-align: center;
	color: #002c6a;
	font-weight: bold;
}

.event_box table td a{
	text-decoration: underline;
}

.event_caption{
	font-size: 1.2rem;
	text-align: center;
	}

.event_txt_mini {
	font-size: 80%;
}

.fa-twitter:before {
    content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
}


@media only screen and (max-width: 750px) {	

/*イベント*/

.event_box{
	width: 100%;
	margin: 0 auto 6rem;
}

.event_box table {
  width: 100%;
	font-size: 1.4rem;
}

.event_box table th, table td {
  display: block;
  width: 100%;
	border-top: none; /* 一旦、すべてのborder-topを削除 */
}
	
.event_box table tr:first-child th{
	border-top: 1px solid #06932f; /* 一番上にあるthだけborder-topを追加 */
  }

.event_box table th{
	font-size: 1.8rem;
	padding: 1rem;
}
	

}

/* チケットぴあ ボタンのCSS */

.ticket-pia_btn{
	width: 100%;
	text-align: center;
	margin: 0 auto 4rem;
	display: flex;
}

.ticket-pia_btn a{
	color: white;
}

.ticket-pia_btn a:hover {
	/*opacity: 0.8;
	transition: 0.3s;*/
}

/* 募集中 */
.btn-icon_red {
	width: 65%;
	max-width: 65%;
	display: inline-block;
	margin: 0 auto;
	background-color: #d31f1e;
	font-size: 3.6rem;
	line-height: 3;
	text-decoration: none;

	border-radius: 100vh;
	border: solid 5px #000;
	position: relative;
	text-align: center;
	box-shadow: 4px 7px 0px 0px rgba(0, 0, 0, 1);
	
	overflow: hidden;
    text-decoration: none;
    outline: none;
    transition: ease .2s;
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-icon_red span{
    font-family: "RocknRoll One", sans-serif;
    position: relative;
    z-index: 3;
    color:#fff;
    font-weight: bold;
}

.btn-icon_red i.fa-globe{
    position: relative;
    z-index: 3;
    color:#fff;
    font-size: 4rem;
    margin: 0.5rem 1rem 0 1rem;
}

.btn-icon_red:hover span,
.btn-icon_red:hover i.fa-globe{
    color:black;
}

.btn-icon_red::before {
  content: '';
  position: absolute;
  top: 0;
  left: -130%;
  background:#ffffff;
  width:120%;
  height: 100%;
  transform: skewX(-25deg);
}

.btn-icon_red:hover::before {
  animation: skewanime .5s forwards;
}

/* 募集終了 */
.btn-icon_end {
	width: 65%;
	max-width: 65%;
	display: inline-block;
	margin: 0 auto;
	background-color: #666;
	font-size: 4rem;
	line-height: 2.8;
	text-decoration: none;

	border-radius: 100vh;
	border: solid 5px #000;
	position: relative;
	text-align: center;
	box-shadow: 4px 7px 0px 0px rgba(0, 0, 0, 1);
	
	overflow: hidden;
    text-decoration: none;
    outline: none;
    transition: ease .2s;
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5rem;
}

.btn-icon_end span{
    font-family: "RocknRoll One", sans-serif;
    position: relative;
    z-index: 3;
    color:#fff;
    font-weight: bold;
}

.event_end_txt{
	width: 100%;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
    font-family: "RocknRoll One", sans-serif;
    margin-top: 2rem;
}


@keyframes skewanime {
  100% {
    left:-10%;
  }
}



@media only screen and (max-width: 750px) {

.ticket-pia_btn{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.fa-globe{
	font-size: 2.2rem;
}

i.fa-globe {
    font-size: 2.4rem;
}

/* ボタン */

.btn-icon_red,
.btn-icon_end {
	width: 90%;
	max-width: 85%;
	margin: 0rem auto 4rem;
	font-size: 3rem;
    padding: 1rem 0;
	border: solid 4px #000;
	box-shadow: 2px 6px 0px 0px rgba(0, 0, 0, 1);
}

.event_end_txt{
	font-size: 2rem;
}

}


/* プロフィール */

.profile_box_contents{
	width: 100%;
	display: flex;
	/*justify-content: center;*/
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 6rem;
}

.profile_box_photo{
	width: 479px;
	height: auto;
}

.profile_box_photo img{
	border-radius: 10px;
}

.profile_box_txt{
	width: 55%;
	font-family: "RocknRoll One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.profile_box_txt p{
	font-size: 1.8rem;
	margin-bottom: 1.8rem;
	color: #ffffff;
	line-height: 1.8;
	text-align: left;
	text-shadow: 0 0 0.5em rgba(172, 1, 12, 1);
}

.sns_box {
    width: 100%;
}

.sns_box a{
	color: #ffffff;
	text-decoration: none;
}

.sns_box i.fa-globe{
	font-size: 2rem;
	margin: 0 0.5rem 0 0;
}

.flex_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}


.profile_box{
	width: 100%;
	height: auto;
    padding: 8rem 0 0;
    margin: 0 auto 8rem;

    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
	}

.profile_box.prf_bottom{
	width: 100%;
	height: auto;
    padding: 0 0 0;
    margin: 0 auto 10rem;

    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
	}

/* 逆順 */
.box_reverse {
	flex-direction: row-reverse;
	}


.sub_host{
	width: 100%;
	display: flex;
	/*justify-content: center;
	align-items: center;
	flex-wrap: nowrap;*/
	flex-wrap: wrap;
}

.sub_host li{
	width: 100%;
	margin: 0 auto 8rem;

    display: flex;
    flex-wrap: wrap;
}

.sub_host_box.first {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/*margin: 0 auto;*/
}

.sub_host_box.first :nth-child(-n+2) {
	margin-right: 14rem;
}

.sub_host_box.second {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*margin: 0 auto;
	padding-left: 20rem;*/
}

.sub_host_box.second :nth-child(-n+2) {
	margin-right: 14rem;
}


.sub_host li .sub_host_box.first img.event_sub_host01{
	width:314px;
	height: auto;
	display: block;
	transform: rotate(-5deg); /* 10度回転 */
}

.sub_host li .sub_host_box.first img.event_sub_host02{
	width:315px;
	height: auto;
	display: block;
	/*position: relative;
	top: 5rem;*/
	transform: rotate(5deg); /* 10度回転 */
}


.sub_host li .sub_host_box.first img.event_sub_host001{
	width:304px;
	height: auto;
	display: block;
	/*position: relative;
	top: 5rem;*/
	position: relative;
    top: -12rem;
	left: -4rem;
}

.sub_host li .sub_host_box.second img.event_sub_host03{
	width:313px;
	height: auto;
	display: block;
	transform: rotate(-5deg); /* 10度回転 */
}

.sub_host li .sub_host_box.second img.event_sub_host04{
	width:304px;
	height: auto;
	display: block;
	/*position: relative;
	top: 5rem;*/
	transform: rotate(5deg); /* 10度回転 */
}

.sub_host li .sub_host_box.second img.event_sub_host002{
	width:315px;
	height: auto;
	display: block;
	/*position: relative;
	top: 5rem;*/
	position: relative;
    top: -12rem;
	left: 4rem;
}

@media screen and (max-width: 768px) {

.profile_box_contents{
	display: block;
	margin-bottom: 2rem;
}

.profile_box.prf_bottom{
	margin: 0 auto 6rem;
}

.profile_box_photo{
	width: 100%;
	padding-bottom: 1rem;
	}

.profile_box_photo img{
	width: 60%;
	display: block;
	margin: 0 auto;
	}

.profile_box_txt{
	width: 100%;
}

.profile_box_txt p{
	font-size: 1.4rem;
}

.sub_host{
	display: block;
}

.sub_host li{
	width: 100%;
	margin: 0 auto;
}

.sub_host_box.first{
	width: 100%;
	position: relative;
}

.sub_host_box.first :nth-child(-n+2){
	margin-right: 4rem;
}

.sub_host_box.second{
	width: 100%;
	position: relative;
}

.sub_host_box.second :nth-child(-n+2){
	margin-right: 4rem;
}

.sub_host li:first-child{
	margin-bottom: 6rem;
}

.sub_host li .sub_host_box.first img.event_sub_host01{
	width: 45%;
}

.sub_host li .sub_host_box.first img.event_sub_host02{
	width: 45%;
}

.sub_host li .sub_host_box.first img.event_sub_host001{
	display: block;
	width:30%;
	position: relative;
        left: -16rem;
        top: -12rem;
}

.sub_host li .sub_host_box.second img.event_sub_host03{
	width: 45%;
}

.sub_host li .sub_host_box.second img.event_sub_host04{
	width: 45%;
}

.sub_host li .sub_host_box.second img.event_sub_host002{
	display: block;
	width:30%;
    position: relative;
        left: 16rem;
        top: -12rem;
        z-index: 10;
}

}

/*ラジコ ボタン*/

.radiko_btn{
	width: 100%;
	text-align: center;
	margin:0 auto;  
}

#linklist li img{
    width: 380px;
	height: auto;
	margin-bottom: 1rem;
}

.message_txt{
	margin-top: 1rem;
}


@media screen and (max-width: 768px) {

#linklist li img{
    width: 80%;
}

.message_txt{
	text-align: left;
	font-size: 1.2rem;
}

}


/*協賛企業*/

.company_banner_main{
	width: 460px;
	margin: 0 auto 3rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.company_banner{
	width: 1100px;
	margin: 0 auto;
}

.company_banner ul{
	width:95%;
	margin: 0 auto;
	display: flex;
	/*justify-content: center; /*1列センター*/
	justify-content: space-evenly; /*均等*/
	/*justify-content: space-between; /*4列*/
	flex-wrap: wrap;
}

.company_banner li{
	width: 30%;
	margin-bottom:3rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* 最後のコンテンツを左寄せにする指定 */
.company_banner ul:after {
   /*content: "";
    display: block;
    width: 30%;  バナー1点のみの時はズレるので消す*/
    /*height: 0;*/
}

@media screen and (max-width: 768px) {

.company_banner_main{
	width:80%;
}

.company_banner{
	width:100%;
	margin: 0 auto;
}

.company_banner ul{
	width:100%;
	display: flex;
	/*justify-content: center; /*1列センター*/
	justify-content: space-between; /*4列*/
}
	
.company_banner li{
	width: 46%;
	margin-bottom:2rem;
}

}


/* PCのみ表示
------------------------------*/
@media only screen and (max-width: 750px) {

	.for_pc{
		display: none;
	}
	
}

/* スマホのみ表示
------------------------------*/

@media only screen and (min-width: 751px) {

	.for_sp{
		display: none;
	}
	
}

/*------------------------------
表示・非表示管理（）
本体のcommon.cssに記述あり
【非表示】.disp_none
【PC非表示】.pc_none
【SP非表示】.sp_none
------------------------------*/




/* header/footer --------------------*/

.header_simple {
   background: #333333;
}

.footer_simple {
    background: #333333;
}

.footer_simple .copyright{
	color: #ffffff;
}