@charset "UTF-8";
html,
body{
	width: 100%;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}


img{
	width:100%;
}

i{
	margin: 0 0.5rem;
}

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


* {
	/*outline: 2px solid red;*/
	}


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

#main{
	width: 100%;
	height: auto;

	padding-bottom: 12rem;
	/*background: url("../img/main_bg_pc.png") #beff58;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;*/

	background:#fffcf0;

	position: relative;
	z-index: 0;
}

.main_bg_pc_left_top{
	width: 40%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 32%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_left_btm{
	width: 40%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	bottom: -30rem;
	z-index: -1;
}

.main_bg_pc_right_btm{
	width: 40%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	bottom: -30rem;
	z-index: -1;
}

#main h1{
	width:100%;
	max-width: 1204px;
	margin: 0 auto;
}


#main h1 img{
	padding: 8rem 0 0; 

}

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

.main_bg_pc_left_top{
	width: 45%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 45%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}

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

#main h1{
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
}

.main_bg_pc_left_top{
	width: 48%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 48%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}

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

#main h1{
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
}

.main_bg_pc_left_top{
	width: 55%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 55%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}


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

#main h1{
	width:100%;
	max-width: 900px;
	margin: 0 auto;
}

.main_bg_pc_left_top{
	width: 60%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 55%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}


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

.main_bg_pc_left_top{
	width: 85%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 60%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}

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

.main_bg_pc_left_top{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 75%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}


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

.main_bg_pc_left_top{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main_bg_pc_right_top{
	width: 75%;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

}

@media only screen and (max-width: 750px) {
#main{
	padding-bottom: 15rem;
}

#main h1{
	width:100%;
}
	
#main h1 img{
	padding: 0 0 0; 
}

}

/*放送時間-*/
.on_air{
	padding:0;
	width:100%;
	background:#fffcf0;
	
	background: url("../img/main_btm_bg.png");
	background-size: cover;
	background-position: top;
	background-repeat-y: repeat;

	position: relative;
	top: -4rem;

    height: calc((140 / 1800) * 100vw);
	z-index: 1;
}

.on_air_time{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;

	/*position: relative;
	top: -6rem;*/


}

.numbers_font {
	font-family: "vdl-logomaru-jr", sans-serif;
	font-weight: 600;
	font-style: normal;
    font-weight: bold;

    letter-spacing: 0.5rem;
}

.on_air_small{
	font-size: 80%;
}


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

.on_air{
	font-size: 2.2rem;
	}

.on_air{
	margin: 0 auto;
}

.on_air_time{
	width: 90%;
}

}


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

#contents{
	width: 100%;
	padding: 0;
	margin: 0;

	z-index: 1;
	position: relative;
}

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

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


.cont{
	width: 1200px;
	max-width: 100%;
	padding: 0 0 0;
	margin: 0 auto;
}


.midashi01{
	font-family: "vdl-logomaru-jr", sans-serif;
    font-weight: 600;
    font-size: 5.4rem;

    text-align: center;
    margin: 0 auto 6rem;
}

.midashi01 .txt_adjust_kanzi{
	letter-spacing: 1rem;
}

.midashi01 .txt_adjust_kana{
	letter-spacing: 0.5rem;
}


/* 見出しタイトル */
.midashi01 .h2_ttl_overview{
	width: 1108px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_event{
	width: 371px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_special{
	width: 467px;
	height: auto;
	display: block;
	margin: 0 auto;
}


.midashi01 .h2_ttl_event_guest{
	width: 228px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_mc{
	width: 227px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_special_sponsor{
	width: 291px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_sponsor{
	width: 285px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.cont_txt{
	text-align: center; 
	font-size: 2.4rem;
	line-height: 2;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg);
	font-weight: 500;
}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {
.cont{
	/*width: 1000px;*/

	max-width: 90%;
	padding: 2rem 0 0;
	margin: 0 auto;
}

.cont_txt{
	font-size: 2rem;
	line-height: 1.8;
}


}

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

section{
	margin: 0rem auto;
}

.cont_wrap{
	width: 100%;
	max-width: 100%;
}

.cont{
	width: 100%;
    max-width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}


/* h2 見出し */

.midashi01{
	font-family: "vdl-logomaru-jr", sans-serif;
    font-weight: 600;
    font-size: 3.8rem;
    margin: 0 auto 3rem;
    padding: 0 0 0;
}

.midashi01 .h2_ttl_overview{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.midashi01 .h2_ttl_event{
	width: 65%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5rem 0 0;
}

.midashi01 .h2_ttl_special{
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5rem 0 0;
}

.midashi01 .h2_ttl_event_guest{
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5rem 0 0;
}

.midashi01 .h2_ttl_mc{
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5rem 0 0;
}

.midashi01 .h2_ttl_special_sponsor{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5rem 0 0;
}

.midashi01 .h2_ttl_sponsor{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.cont_txt{
	font-size: 2rem;
}

}

/* ボタンの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) {

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

}


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

/* 概要 */
.overview_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

@media screen and (min-width:1921px) {
.overview_wrap{
    margin-top: -20rem;
}

}


@media screen and (max-width:1920px) {
.overview_wrap{
    margin-top: -16rem;
}

}

@media screen and (max-width:1240px) {
.overview_wrap{
    margin-top: -10rem;
}

}


.overview_top{
	position: relative;
	width: 100%;
	height: calc((140 / 1800) * 100vw); 
}

.overview_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/main_btm_bg.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.overview{
	width: 100%;
	background: url(../img/bg_overview.png), linear-gradient(0deg, rgba(186, 231, 161, 1), rgba(247, 255, 181, 1));

	padding: 10rem 0 25rem;
	background-position: top;
	position: relative;
}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {
.overview{
	padding: 4rem 0 25rem;
}

}


@media screen and (max-width:750px) {
.overview_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -22rem;
}

.overview{
	width: 100%;
	background: url(../img/bg_overview.png), linear-gradient(0deg, rgba(186, 231, 161, 1), rgba(247, 255, 181, 1));

	padding: 5rem 0 20rem;
	background-position: top;
	position: relative;
}

.overview_txt{
	font-size:1.8rem;
}


}



/* イベント概要 */
.event_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

.event_top{
	position: relative;
	width: 100%;
	height: calc((105 / 1800) * 100vw); 
}

.event_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/bg_event_top.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
  }

.event{
	/*background: #fbfbeb;*/
	background: #fbf8e3;
	padding: 8rem 0 20rem;
	position: relative;
}



/*イベント*/

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

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

	font-size: 2.4rem;
    line-height: 1.8;
    font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
    font-weight: 500;
}

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

.event_box table td {
	padding: 1.5rem 2rem 1.5rem 3rem;
	font-size: 2.2rem;
}

.event_box table th{
	background: #01a08e;
	width: 24%;
	text-align: center;
	color: #fafbeb;
	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%;
}

.cautions_txt{
	padding-bottom: 2rem;
}

.cautions_txt li{
	text-indent: -1em;
	padding-left: 1em;
}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {
.event{
	padding: 2rem 0 20rem;
}

.event_box table {
	font-size: 2rem;
    line-height: 1.8;
}

.event_box table td {
	font-size: 2rem;
    line-height: 1.8;
}

}


@media screen and (max-width:750px) {
.event{
	/*background: #fbfbeb;*/
	background: #fbf8e3;
	padding: 0 0 12rem;
	position: relative;
}

.event_top::before{
	/*height:initial;*/
}

.event_box table {
	font-size: 1.8rem;
    line-height: 1.6;
}

.event_box table th, table td {
	display: block;
}

.event_box table th{
	width: 100%;
	font-size: 1.8rem;
    line-height: 1.6;
}

.event_box table td{
	font-size: 1.8rem;
    line-height: 1.6;
}

}


/* スペシャルゲスト */
.special_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

.special_top{
	position: relative;
	width: 100%;
	height: calc((140 / 1800) * 100vw); 
}

.special_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;

	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/bg_special_top.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
  }

.special{
	background: url(../img/bg_special.png), #8ed593;
	padding: 8rem 0 15rem;
	position: relative;
	background-position: top;
}


.special_guest_wrap{
	width: 100%;
	position: relative;

    line-height: 2;
    font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
    font-weight: 500;

    display: flex;
    flex-wrap: wrap;
}

.special_guest_wrap li{
	margin-bottom: 6rem;
}

.special_guest_wrap li.special_left_guest{
	/*width: 1281px;
	height: 798px;*/
	width: 100%;
	margin-left: calc(50% - 38vw);

	background-image: url(../img/special_nitta_bg.png);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;

	padding-bottom: 75rem;
	position: relative;
}


.special_guest_wrap li.special_right_guest{
	/*width: 1279px;
	height: 818px;*/
	width: 100%;
	margin-right: calc(50% - 42vw);

	background: url(../img/special_matsumoto_bg.png);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;

	padding-bottom: 77rem;
	position: relative;
}

.guest_box_left{
	width: 50%;
	position: absolute;
	left: 41%;
    top: 9rem;
} 

.guest_box_right{
	width: 55%;
	position: absolute;
	left: 18rem;
    top: 10rem;
} 

.guest_box_left .guest_name,
.guest_box_right .guest_name{
	font-size: 3rem;
}

.guest_box_left .guest_detail,
.guest_box_right .guest_detail{
	font-size: 1.8rem;
	line-height: 1.8;
}


@media screen and (max-width:1536px) {
.special_guest_wrap li{
	width: 80%;
}

.special_guest_wrap li.special_left_guest{
	margin-left: initial;
}

.special_guest_wrap li.special_right_guest{
	margin-right: initial;

}

}


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

.special_guest_wrap li.special_left_guest{
	width: 100%;
	margin-left: initial;
	padding-bottom: 74rem;
}

.special_guest_wrap li.special_right_guest{
	margin-right: initial;
	width: 100%;
	padding-bottom: 76rem;
}

}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {

.special{
	padding: 2rem 0 15rem;
}

.special_guest_wrap li{
	margin-bottom: 0;
}

.special_guest_wrap li.special_left_guest{
	padding-bottom: 58rem;
}

.special_guest_wrap li.special_right_guest{
	padding-bottom: 59rem;
}
.guest_box_left{
	position: absolute;	
    top: 7rem;
} 

.guest_box_right{
	position: absolute;
	left: 13rem;
    top: 6rem;
} 

.guest_box_left .guest_name,
.guest_box_right .guest_name{
	font-size: 2rem;
}

.guest_box_left .guest_detail,
.guest_box_right .guest_detail{
	font-size: 1.4rem;
	line-height: 1.4;
}

}



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

.special{
	padding: 0 0 15rem;
}

.special_guest_wrap{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;

    padding: 0;
}

.guest_box_left {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
}


li.special_left_guest .guest_box_left img{
	width: 70%;
	margin: 0 auto;
	display: block;
}

.special_guest_wrap li.special_left_guest{
	margin-left: initial;
	width: 100%;
	padding-bottom: initial;
	background: #fffcf0;
	padding: 2rem 2rem 4rem;
	border-radius: 50px;
}

.guest_box_right{
    width: 100%;
    position: relative;
    right: initial;
    top: initial;
    left: initial;
}


li.special_right_guest .guest_box_right img{
	width: 70%;
	margin: 0 auto;
	display: block;
}

.special_guest_wrap li.special_right_guest{
	margin-left: initial;
	width: 100%;
	padding-bottom: initial;
	background: #fffcf0;
	padding: 2rem 2rem 4rem;
	border-radius: 50px;
}

.guest_box_left .guest_name,
.guest_box_right .guest_name{
	font-size: 2rem;
}

.guest_box_left .guest_detail,
.guest_box_right .guest_detail{
	font-size: 1.8rem;
	line-height: 1.6;
}


}

/* イベントゲスト */
.event_guest_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

.event_guest_top{
	position: relative;
	width: 100%;
	height: calc((105 / 1800) * 100vw); 
}

.event_guest_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/bg_event_top.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
  }

.event_guest{
	/*background: #fbfbeb;*/
	background: #fbf8e3;
	padding: 8rem 0 20rem;
	position: relative;
}

.corner_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;

	display: flex;
	justify-content: space-between;
	align-items: stretch;

    padding: 0;
}

.corner_box li{
	width: 45%;
	/*flex-shrink: 0;*/
	margin: 0 auto 4rem;
	position: relative;
	padding: 0;
}

.corner_img_left{
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
	position: absolute;
	top: -5rem;
	left:0;
	right:0;
}

.corner_img_right{
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
	position: absolute;
	top: 0;
	left:0;
	right:0;
}

.corner_detail{
	width: 100%;
	padding: 22rem 4rem 4rem;
	border-radius: 25px;

	margin: 25rem 0 0;
	background-color: #ffffff;
}

.corner_detail .corner_name{
	text-align:left;
	color: #00a08e;

	font-size: 2.4rem;
	line-height: 2;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg);
	font-weight: 500;
}

.corner_detail .corner_ttl{
	font-size: 2.4rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.corner_detail .corner_ttl span.font_s15{
	font-size: 1.5rem;
}

.corner_detail .corner_txt{
	text-align:left;
	font-size: 2rem;
	line-height: 1.8;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg);
	font-weight: 500;
}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {

.event_guest{
	padding: 2rem 0 20rem;
}

.corner_box li{
	width: 46%;
	padding: 0;

}
.corner_img_left{
	width: 85%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
	position: absolute;
	top: -2rem;
	left:0;
	right:0;
}

.corner_img_right{
	width: 85%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
	position: absolute;
	top: 0;
	left:0;
	right:0;
}

.corner_detail{
	width: 100%;
	padding: 14rem 3rem 4rem;
	border-radius: 25px;

	margin: 20rem 0 0;
	background-color: #ffffff;
}

.corner_detail .corner_name{
	font-size: 2rem;
	line-height: 1.8;
}

.corner_detail .corner_ttl{
	font-size: 2rem;
	line-height: 1.8;
}


}



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

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.corner_box li{
	width: 100%;
	/*flex-shrink: 0;*/
	padding: 0;
	margin: 0 auto 2rem;
}

.corner_box li:last-child{
	margin: 0 auto 0;
}

.corner_img_left{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}

.corner_img_right{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}

.corner_detail{
	margin: 9rem 0 0;
	padding: 20rem 2rem 4rem;
}

.corner_detail .corner_txt{
	line-height: 1.8;
	font-size: 1.8rem;
}

.corner_detail .corner_name{
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 1rem;
}

}


/* MC */
.mc_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

.mc_top{
	position: relative;
	width: 100%;
	height: calc((140 / 1800) * 100vw); 
}

.mc_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/bg_mc_top.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
  }

.mc{
	background: url(../img/bg_mc.png), #6dcec3;
	padding: 4rem 0 25rem;
	position: relative;
	background-position: top;
}

.mc_box{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;

    padding: 0;
}

.mc_box li{
	width: 49%;
	/*flex-shrink: 0;*/
	margin: 0 auto;
	position: relative;
}

.mc_box li:nth-child(2n){
	/*margin-right:0;*/
}

.mc_box li:nth-last-child(-n+2){
	/*margin: 0 auto;*/
}

.mc_img_left{
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
}

.mc_img_right{
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
}

.mc_name{
	text-align:center;
	color: #ffffff;

	font-size: 2.4rem;
	line-height: 2;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg);
	font-weight: 500;
}


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {

.mc{
	padding: 2rem 0 25rem;
}

}


@media only screen and (max-width: 750px) {
.mc{
	padding: 0 0 18rem;
}

.mc_img_left{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
}

.mc_img_right{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
}

.mc_box li{
	width: 100%;
	margin: 0 auto 2rem; 
}


}

/* 協賛企業 */
.company_wrap{
	width: 100%;
    padding: 0;
    margin: 0;
    margin-top: -15rem;
}

.company_top{
	position: relative;
	width: 100%;
	height: calc((105 / 1800) * 100vw); 
}

.company_top::before{/*画像を絶対配置*/
    content: '';
    width: 100%;
    display: block;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: inherit;
	height: inherit;

	background-image: url("../img/bg_event_top.png");
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
  }

.company_main{
	width: 100%;
	background: #fbf8e3;
	padding: 8rem 0 10rem;
	position: relative;
}

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

.company_general{
	width: 100%;
	padding: 0 0 20rem;
	margin: 0 auto;
	background: #fbf8e3;
}

.company_banner{
	width: 100%;
	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 ul:after {
    /*content: "";
    display: block;
    width: 30%;
    height: 0;*/
}

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


/* タブレット */
@media screen and (min-width: 751px) and (max-width: 1024px) {

.company_main{
	padding: 2rem 0 5rem;
}


.company_general{

}

}



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

.company_main{
	width: 100%;
	padding: 3rem 0 4rem;
}

.company_general{
	width: 100%;
	padding: 0 0 6rem;
}

.company_banner_main{
	width:80%;
}

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

}




/*ラジコ ボタン*/

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

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

.message_txt{
	margin: 2rem 0;
	font-size: 2rem;
}



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

/*ラジコ ボタン*/

#linklist li img{
    width: 80%;
}

.message_txt{
	text-align: left;
	font-size: 1.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;
}