@charset "UTF-8";
body {
	width: 100%;
	margin: 0;
}


img{
	width:100%;
}

i{
	margin: 0 0.5rem;
}

.fa-twitter-square:before {
    content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

.line_yellow{
	font-weight: bold;
	background:linear-gradient(transparent 60%, #ffff66 40%);	
}


/*NEW 点滅*/
.blink{
	background-color: #ea6368;
	color: #fff;
	margin: 0.5rem;
	padding: 0;
}

/*NEW*/

.new_info{
	display: flex;
	justify-content: left;
}

.new_info {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

.new_detail {
	font-size: 1.6rem;
}

.new_info time{
	font-weight: bold;
}

.blink.small{
	display: flex;
	justify-content: center;
	align-items: center;

	background-color:#e60012;
	color: #fff;

	font-size: 1.3rem;
	width: 10%;
	margin: 0;
	padding: 0;
	margin-left: 1rem;
	line-height: 2;
}

/* お知らせ */
.box_news{
	width: 63%;
	padding: 1rem;
	border: solid #2e7cc2 1px;

	background-color: #f8f8f8;
	margin: 0 auto 4rem;
}

.box_inner{
	width: 100%;
	padding: 0 2rem 2rem;
	background-color: #fff;
}

.news_midashi {
	font-size: 3rem;
	text-align: center;

	color: #1e74c2;
	border-bottom: solid #2e7cc2 1px;
	background: #fff;
	padding: 1.5rem 0 1rem;
}

.text-area {
	width: 100%;
	/*max-width: 490px;*/
	margin: 0 auto;
	background-color: #fff;
	color: #333;
	padding: 3rem;
	overflow-y: auto;
	max-height: 300px;
}

.text-area ul {
	background-color: #fff;
}

.text-area ul li {
    font-size: 1.6rem;
}

.text-area ul li {
	margin: 0 auto 2rem;
}

@media only screen and (max-width: 768px) {

/* お知らせ */
.box_news{
	width: 90%;
}

.blink.small{
	font-size: 1.3rem;
	width: 18%;
}

}


/* メインビジュアル 
----------------------------------------*/

.main{
	width: 100%;
	height: auto;
	background-image: url(../img/main_bg_pc.jpg);
	background-size: cover;
	background-position: top;
	display: flex;
	justify-content: center;
	align-items:  flex-end;
/*	border-bottom: 3px solid #009D8D;*/
}

.main h1{
	width:100%;
	max-width: 1400px;
}

@media only screen and (max-width: 768px) {
.main{
	width: 100%;
	background-image: none;
	display: block;
}

.main h1{
	width:100%;
	background: #fff;
}
	
}


/*放送時間-*/
.on_air{
	padding: 0.5rem;
	width:100%;
	/*background-color:#009D8D;*/
	background-color:#1b68ad;
	color: #FFFF00;
	font-size: 3.8rem;
	text-align: center;
	/*margin-bottom: 6rem;*/
	font-family: 'Zen Kurenaido', sans-serif;
}

.on_air_time{
	margin: 0 auto 6rem;
	display: block;
	width: 815px;
	height: auto;
}

.numbers_font {
    /* font-weight: bold; */
    font-style: normal;
    letter-spacing: 0.3rem;
    font-size: 6rem;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

.on_air_small{
	font-size: 80%;
}


@media only screen and (max-width: 768px) {

.on_air{
	font-size: 3.4rem;
	}

.on_air_time{
	margin: 0 auto 3rem;
	display: block;
	width: 90%;
	height: auto;
}

}



/*コンテンツ
---------------------*/

#box_contents{
	width: 100%;
	padding: 6rem 0 0;
	margin: 0 auto;
	color: #333333;


	/*background: #f1f7f0 url(../img/bg.png) center;*/
	background: #eaf4f9 url(../img/bg.png) top center;
	background-size: 100% auto;

}

section{
	width: 1100px;
	margin: 0rem auto 8rem;
	display: block;

	font-family: 'Noto Sans JP', sans-serif;
}

section a{
	color: #1e74c2;
	text-decoration: none;
}

section a:hover {
  opacity: 0.7;
	transition: 0.3s;
}


@media only screen and (max-width: 768px) {
	section {
	width: 90%;
	margin: 0rem auto 4rem;
}	

}


/*見出し
---------------------*/

.midashi01 {
	font-size: 4rem;
	text-align: center;
	color: #1e74c2;
	font-family: 'Zen Kurenaido', sans-serif;
	position: relative;
	margin-bottom: 2rem;
}

.midashi01_mini {
	font-size: 40%;
}

.mini_days{
	padding-left:1rem;
	font-size: 70%;
}


.theme_txt {
	width: 90%;
	margin: 0 auto 6rem;
	font-size: 2.2rem;
	line-height: 1.8;
	text-align: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

.theme_txt p{
	margin-bottom:1.5rem;
}

.txt_kokokara{
	color: #009d8e;
	font-size: 115%;
	font-weight: bold;
}

p.ttl_h3{
	width: auto;
	height: auto;
	margin:0;
}


p.ttl_h3 img{
	display: block;
	margin: 0 auto 3rem;
}


/*TVバナー*/
.btn_tv{
	width: 550px;
	margin: 0 auto;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/*基金について*/
.btn_kikin{
	width: 740px;
	margin: 0 auto 5rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.kikin_box{
	font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
	margin: 0 auto 6rem;
}

.txt_kikin{
	color: #0a589d;
	margin-bottom:1.5rem;
	font-size: 2.2rem;
}


@media only screen and (max-width: 768px) {

#box_contents{
	width: 100%;
	padding: 3rem 0 0;
	margin: 0 auto;
}

.midashi01 {
	font-size: 3rem;
	margin-bottom: 1rem;
}
	
.theme_txt {
	width: 95%;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 auto 3rem;
}
	
.theme_txt p{
	margin-bottom:1.5rem;
}

/*TVバナー*/
.btn_tv{
	width: 100%;
}

.btn_kikin{
	width: 100%;
}
.txt_kikin{
	width: 95%;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom:1.5rem;
}

.kikin_box{
	margin: 0 auto 3rem;
}

}


/*9月21日特別番組*/

.main_personality_box{
	width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  /*flex-wrap: wrap;*/
  padding: 0;
  margin: 5rem auto 14rem;
}

.main_personality{
    width: 350px;
    height: 350px;
}

ul li div .personality_name{
	font-size: 2rem;
  color: #0a589d;
  text-align: center;
  font-family: 'RocknRoll One', sans-serif;
  text-align: center;
  margin: 0 auto;
}

ul li div .main_personality_img {
    width: 100%;
    margin-bottom: 1.5rem;
    margin: 0 auto 1.5rem;
}

/*特番終了*/
.special_end{
	width: 100%;
	padding: 1rem;
	background-color: #fff;
	color: red;
	margin-bottom: 1rem;
	text-align: center;
	border: dotted 1px red;
}


@media only screen and (max-width: 768px) {
.main_personality{
	margin-bottom: 2rem;	
}

.main_personality_box{
  margin: 0 auto 2rem;
}

}


/*0623特番告知*/


.program_box{
	width: 100%;
	margin: 0 auto 6rem;
}

.charity_box{
	width: 100%;
	margin: 0 auto 6rem;
}

.charity{
	width: 200px;
	height: 200px;
}

.ttl_0801special_img{
	width: 70%;
	margin:0 auto 1.5rem;
}

.box_special_midashi{
	width: 100%;
	padding: 2rem 4rem;
}

.box_0801special_tab{
	width: 58%;
	display: flex;
	justify-content: left;
}

.box_0801special_tab.happy-hour{
	margin-bottom: -1px;
}

.box_0801special{
	width: 100%;
	margin-bottom: 6rem;
}

.box_0801special_flex{
	width: 100%;
	background-color: #fff;
	padding: 0 1rem;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.8rem;
}

.program_wrap{
	width: 50%;
	margin-bottom: 1.5rem;
}

.box_0801special_flex:nth-child(even) {
  /*flex-direction: row-reverse;/* ★入れ替え★ */
}

.box_0801special_box{
	width: 65%;
}

.event_ttl img{
	width: 739px;
	height: auto;
}

.mini_event_ttl img{
	width: 414px;
	height: auto;
}

.participation_ttl img{
	width: 461px;
	height: auto;
}

section .box_0801special_txt li{
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

section .box_0801special_txt li:last-child{
	margin-top: 1rem;
}

section .box_0801special_txt a{
	text-decoration: underline;
}

section .box_0801special_txt_long a{
	text-decoration: underline;
}

.box_0801special_foofdrive{
	width: 100%;
	padding: 2rem;
	background-color: white;
	border: dotted 1px #cccccc;
	margin-top: 4rem;
}

.ttl_foofdrive{
	width: 100%;
	padding: 1rem;
	background-color: #009d8d;
	color: yellow;
	margin-bottom: 1rem;
	font-size: 2rem;
	text-align: center;
}

.box_0801special_foofdrive p{
	margin-bottom: 1.5rem;
}

/*0426特番告知*/
@media only screen and (max-width: 768px) {

.personality2024{
	display: block;
	width: 800px;
	height: auto;
	margin: 0 auto 2rem;
}

.box_0801special_plan{
	margin: 0 auto 3rem;
}

.box_0801special{
	width: 100%;
	padding: 0;
	margin-bottom: 3rem;
}

.box_0801special_flex{
	width: 100%;
	padding: 0;
	margin-bottom: 4rem;
	background-color: #fff;
	border-radius: 0 0 30px 30px;
	display: block;
	font-size: 1.4rem;
}

.program_wrap{
	width: 100%;
	margin-bottom: 1.5rem;
}

.box_0801special_box{
	width: 100%;
}

.box_0801special_tab{
	width: 100%;
}

.box_0801special_tab img{
	width: 100%;
	vertical-align: bottom;
	display: block;
	border: none;
}

.box_0801special_ttl img{
	width: 100%;

	vertical-align: bottom;
	display: block;
}

.box_0801special_txt{
	width: 100%;
	font-size:1.6rem;
}

}


/*0825特番公開*/

.program_contents{
	margin: 0 auto;
  border-radius: 30px 30px 0 0;
}

.program_ttl{
	padding: 0.5rem;
	font-size:4rem ;
	color: white;
	text-align: center;
	font-family: 'RocknRoll One', sans-serif;
	background: linear-gradient(90deg, #099bcc 25%, #7ebd27 75%);
	border-radius:30px 30px 0 0;
}

.program_ttl span{
	font-size:4.6rem ;
}

.program_cont{
	background: #fff;
	padding: 6rem 5rem 0.5rem;
}

.program_cont img.program_detail{
	width:900px;
	display: block;
	margin: 0 auto 8rem;
}

.program_cont .program_txt{
	font-size: 2rem;
	margin: 0 auto 7rem;
	text-align: center;
	width: 90%;
	line-height: 2;

	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

.program_cont .ttl_personality{
	width:100%;
	display: block;
	margin: 0 auto 4rem;
}

.program_cont .ttl_personality img{
	width:395px;
	display: block;
	margin: 0 auto 3rem;
}



/* パーソナリティ */
.personality_box{
	width: 70%;
	margin: 0 auto 6rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.personality_box li img{
	width: 220px;
	height: auto;
	display: block;
}

.ttl_plan{
	padding: 0.2rem;
	font-size:2.6rem ;
	margin: 0 auto 4rem;
	color: white;
	text-align: center;
	font-family: 'RocknRoll One', sans-serif;
	background: #099bcc;
}

.subttl_plan{
	padding: 0.6rem 0 0.2rem;
	font-size:2rem;
	margin: 0 auto 4rem;
	/*color: #1e74c2;*/
	color: #1e74c2;
	text-align: center;
	background: #f7f5f0;

	letter-spacing: 3px;
	font-family: 'RocknRoll One', sans-serif;
}

.box_0801special_wrap{
	width: 100%;
	padding: 0;
	margin-bottom: 6rem;
	background-color: #fff;
	font-size: 1.8rem;
}

.box_0801special_txt_long{
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	padding: 0 2rem;
}

.box_0801special_txt_long li{
	/*color: #02a091;*/
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

.box_0801special_txt_long li.indent{
  padding-left: 4em;
	}

.box_0801special_txt_long li:first-child{
	font-weight: normal;
	margin-bottom: 2rem;
	color: #000;
}





/*チャリティフリーマーケット＆オークション開催！*/
.charity_wrap{
	margin: 0 auto 4rem;
}

.ttl_charity{
	width: 100%;
	padding: 0.4rem;
	font-size:2.6rem ;
	margin: 0 auto 4rem;
	color: #1e74c2;
	text-align: center;
	font-family: 'RocknRoll One', sans-serif;
	border: solid 1px #2e7cc2;
	border-radius: 50px;
	text-align: center;
	background: #eaf4f9;
}

.charity_wrap ul.charity_box{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;

	padding: 0;
	/*margin: 5rem auto 3rem;	*/
	margin: 5rem auto 16rem;
	}

.charity_wrap ul li{
	/*width: 26%;
	margin: 0 0 3rem;	*/
	}


.charity_wrap ul li div .charity_img{
	/*width: 100%;*/
	margin-bottom: 1.5rem;
	}


	.charity_wrap ul li div .charity_img img{
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
  border-radius: 50%;
	}


.charity_wrap ul li div .personality_name{
	font-size: 2rem;

	color: #1e74c2;
	text-align: center;
	font-family: 'RocknRoll One', sans-serif;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	}

.charity_wrap ul li div .personality_txt{
	font-size: 1.8rem;
	font-weight: bold;
	color: black;
	}

.marker_yellow {
    background: linear-gradient(transparent 50%, #ffff7e 50%);
    }

/* hover effect */

/* メインパーソナリティ */
.main_personality_img{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
	border-radius: 50%;
}

.main_personality_img img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
  border-radius: 50%;
}

.main_personality_img img:hover {
  transform: scale(1.25, 1.25);
  filter: brightness(70%);
}


/* チャリティ　MC */

.charity_wrap ul.charity_box li{
  width: 266px;
  height: 266px;

}

.charity_img{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
	border-radius: 50%;
}

.charity_img img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
  border-radius: 50%;
}

.charity_img img:hover {
  transform: scale(1.25, 1.25);
  filter: brightness(70%);
}



/* イベント企画 */

.box_event_plan_flex{
	width: 100%;
	padding: 2rem 2rem 4rem;
	margin-bottom: 3rem;
	/*background-color: #eaf4f9;
	border: solid 1px #2e7cc2;*/
	background-color: #ffffff;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.6rem;

	position: relative;
	--border-color: #2e7cc2;
}

.box_event_plan_flex::before,
.box_event_plan_flex::after{
    content: '';
    width: 40px;
    height: 50px;
    position: absolute;
}

.box_event_plan_flex::before {
    border-left: solid 1px var(--border-color);
    border-top: solid 1px var(--border-color);
    top: 0;
    left: 0;
}

.box_event_plan_flex::after {
    border-right: solid 1px var(--border-color);
    border-bottom: solid 1px var(--border-color);
    bottom: 0;
    right: 0;
}

.box_event_plan_flex:nth-child(even) {
  /*flex-direction: row-reverse;　/* 左右入替え */
}

.box_event_plan_img{
	width: 40%;
}

.box_event_plan_txt{
	/*width: 60%;*/
}

.box_event_plan_txt p{
	margin-bottom: 1.5rem;
}

.box_event_plan_ttl{
	width: 100%;
	color: #1e74c2;
	text-align: left;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

.box_event_plan_txt_long{
	width: 100%;
	color: #1e74c2;
	text-align: left;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.box_event_plan_txt_long li{
  position: relative; /* 擬似要素の位置基準にする */
  padding-left: 25px; /* アイコン分の左側余白を確保 */
}

.box_event_plan_txt_long li::before {
  content: ""; /* 必ず記述 */
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%); /* 上下の位置を中央に揃える */
  width: 16px; /* アイコンの幅 */
  height: 16px; /* アイコンの高さ */
  background-image: url('../img/0801special/icon_heart.png'); /* アイコン画像のURLを指定 */
  background-size: contain;
  background-repeat: no-repeat;
}

.event_plan_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.event_plan_img{
	width: 40%;
  position: absolute;
  display: block;
  right: 0;
  top: 30%;
}


@media only screen and (max-width: 768px) {

/* メインパーソナリティ */
.main_personality:first-child{
	/*margin-bottom: 2rem;*/
}

.main_personality{
	width: 45%;
	height: 45%;
	margin: 0 auto;
}

ul li div .main_personality_img {
  margin-bottom: 1.5rem;
  display: flex;
}

.main_personality_img{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
	border-radius: 50%;
}

.main_personality_img img{
	width: 100%;
	height: 100%;
  object-fit: cover;
}

}


ul.note_charity{
	width: 100%;
	padding: 0;
	margin-bottom: 6rem;
	text-align: left;
}

ul.note_charity > li{
	font-weight: bold;
	font-size: 1.8rem;
	color: #02a091;
}

ul.note_charity li .note_charity_in li{
	font-weight: normal;

  text-indent: -1em;
	padding-left: 1em;
	font-size: 1.4rem;
	color: #000;
}

/* オークション出品物 */

.auction-wrapper{
	width: 100%;
	position: relative;
}

/* オークションタイトル */
.auction-wrapper:before{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}

.auction-wrapper:after {/*画像を絶対配置*/
  /*position: absolute;
  content: '';
  top: -10px;
  left:0;
  display: block;
  width: 100%;
  height: 800px;
  background-image: url(../img/0801special/ttl_auction_pc.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 0;*/
  }

.auction_ttl{
	width: 746px;
	display: block;
	margin: 0 auto 4rem;
}

.auction_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	/*justify-content: center;*//*１件のみ*/
	overflow-x: scroll;
	padding: 0 1rem 4rem;
	margin: 2rem auto 6rem;
}


/* オークション出品者 記事エリア*/
/*.auction_items{
	width: 100%;
	display: flex;
	/*justify-content: center;*//*１件のみ*/
	/*overflow-x: scroll;
	padding-bottom: 1.5rem;
	}*/


.auction_box li{
	/*width: 47%;
	width: 450px;*/
	width: 420px;
	/*display: flex;*/
  flex-shrink: 0;
  padding: 4rem;

	position: relative;
	--border-color:#1f78c6;/*カッコの色*/

	background-color: rgba(255, 255, 255, 0.9);
	margin-right: 4rem;
}

.auction_box li::before,
.auction_box li::after {
	content: '';
	width: 40px;
	height: 50px;
	position: absolute;
}

.auction_box li::before {
	border-left: solid 1px var(--border-color);
	border-top: solid 1px var(--border-color);
	top: 0;
	left: 0;
}
.auction_box li::after {
	border-right: solid 1px var(--border-color);
	border-bottom: solid 1px var(--border-color);
	bottom: 0;
	right: 0;
}

.auction_box li:nth-child(2n){

}

.auction_box li:last-child{
	margin-right:0;
}

.auction_seller{
	width: 330px;
	height: auto;
	display: block;
	margin: 0 auto 1rem;
}

.seller_detail{
	width: 100%;
}

.seller_detail .seller_name{
	text-align: center;
}

.seller_detail .seller_ttl{
	font-size: 1.8rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.seller_detail .seller_ttl span.font_s15{
	font-size: 1.5rem;
}

.seller_detail .seller_txt{
	font-size: 1.8rem;
}

.seller_detail .seller_name span.font_s16{
	font-size: 1.6rem;
}

.seller_detail .seller_name span.font_s15{
	font-size: 1.5rem;
	letter-spacing: -0.5px;
}

.seller_detail .seller_name span.font_s14{
	font-size: 1.4rem;
}

.seller_name{
	font-family: 'RocknRoll One', sans-serif;
	font-size: 2rem;
	color: #02a091;
	margin-bottom: 1rem;
}

.auction_comming_soon{
	text-align: center;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 3rem;
	color: #02a091;
}

.auction_comming_soon span{
	background:linear-gradient(transparent 70%, #fcff00 70%);
}

.map{
	width: 70%;
	display: block;
	margin: 5rem auto 0;
}

/* タイムスケジュール追加 */

.time_schedule{
	width: 100%;
	position: relative;
	margin: 2rem auto 2rem;
}

.time_schedule_box{
	width: 100%;
	padding: 3rem 4rem 4rem;

	position: relative;
	--border-color:#1f78c6;/*カッコの色*/

	background-color: rgba(255, 255, 255, 0.9);
	margin: 0 auto;
}

.time_schedule_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  flex-shrink: 0;
  /* margin-bottom: 2rem; */
	border-bottom: dashed 1px #00a9d8;  
}

.time_schedule_wrap.last{
  margin-bottom: 0;
}

.time_schedule_box::before,
.time_schedule_box::after {
	content: '';
	width: 40px;
	height: 50px;
	position: absolute;
}

.time_schedule_box::before {
	border-left: solid 1px var(--border-color);
	border-top: solid 1px var(--border-color);
	top: 0;
	left: 0;
}

.time_schedule_box::after {
	border-right: solid 1px var(--border-color);
	border-bottom: solid 1px var(--border-color);
	bottom: 0;
	right: 0;
}

.time_sche_ttl{
	text-align: center;
  font-family: 'RocknRoll One', sans-serif;
  font-size: 4rem;
  color: #02a091;

  /*position: absolute;
  top: -60px;
  left: 320px;*/
	margin: 0 auto 2rem;
}

.time_schedule_wrap li{
	list-style: none;
	width: 78%;
	font-size: 1.8rem;
	margin: 1rem 0;
}

.time_schedule_wrap li.w_short{
	width: 16%;
	text-align: center;
	}

.txt_blue{
	font-weight: bold;
  color: #02a091;
}

@media screen and (max-width: 960px) {


}



@media screen and (max-width: 768px) {
.program_contents{
	width: 100%;
	margin: 0 auto;
}

.program_ttl{
	font-size:2rem ;
}

.program_ttl span{
	font-size:2.6rem ;
}

.program_cont{
	background: #fff;
	padding: 3rem 2rem 0;
}

.program_cont .program_txt{
	font-size: 1.6rem;
	margin: 0 0 4rem;
	text-align: left;
	width: 100%;
}

.program_cont img.program_detail{
	width:100%;
	display: block;
	margin: 0 auto 5rem;
}

.program_cont .ttl_personality{
	width:100%;
	margin: 0 auto 4rem;
}



.program_cont .ttl_personality img{
	display: block;
	width: 80%;
	margin: 0 auto;
}

.personality2025{
    width: 100%;
		margin: 0 auto 4rem;
}

/* パーソナリティ */
.personality_box{
	width: 100%;
	margin: 0 auto 3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.personality_box li{
	width: 100%;
}

.personality_box li img{
	width: 80%;
	display: block;
	margin: 0 auto;
}


.ttl_plan{
	padding: 0.2rem 0.2rem 0.4rem;
	font-size:2.2rem ;
	margin: 0 auto 2rem;
}

.subttl_plan{
	padding: 0.4rem 0 0.2rem;
	font-size:1.6rem;
	margin: 0 auto 2rem;
}

.box_0801special_ttl{
	width: 100%;
	margin-bottom: 1rem;
}

.box_0801special_wrap{
	width: 100%;
	padding: 0 ;
	margin-bottom: 2rem;
	font-size: 1.4rem;
}

.event_plan_wrap{
	width: 100%;
	display: block;
	position: relative;
}

.box_event_plan_img{
	width: 100%;
	margin-bottom: 2rem;
}

.event_plan_img{
	width: 65%;
	position: initial;
	display: block;
	margin: 0 auto 2rem;
}

.box_0801special_txt_long li.indent{
  padding-left: 0;
	}

.auction_ttl{
	width: 80%;
	display: block;
	margin: 0 auto 2rem;
}

/* タイムスケジュール追加 */

.time_schedule{
	margin: 2rem auto 0;
}

.time_schedule_wrap{
	display: block;
  margin-bottom: 0rem;
}

.time_sche_ttl{
  font-size: 3.2rem;
  /*position: absolute;
  top: -40px;
  left: 25%;*/
}

.time_schedule_box{
	padding: 3rem;
}

.time_schedule_wrap li{
	width: 100%;
	font-size: 1.6rem;
	margin: 0.5rem 0;
}

.time_schedule_wrap li.w_short{
	width: 100%;
	text-align: left;	
	}

.time_schedule_wrap li.h_btm{
	margin: 1rem 0 2rem;
}

/*チャリティフリーマーケット＆オークション開催！*/
.charity_wrap{
	margin: 0 auto 3rem;
}

.charity_wrap .ttl_charity{
	width: 100%;
	padding: 0.6rem;
	font-size:2rem ;
	margin: 0 auto 2rem;
}

.charity_wrap .charity_box{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.charity_wrap ul.charity_box{
	margin: 5rem auto 2rem;
}
.charity_wrap ul.charity_box li{
	width: 40%;
	height: 40%;
	margin: 0 auto 2rem;
}

.charity_wrap .charity_box li img{
	width: 100%;
	height: auto;
	display: block;
}

.charity_wrap ul li div .personality_name{
	font-size: 2rem;
	margin: 0 auto;
	}

.charity_wrap ul li div .personality_txt{
	font-size: 1.8rem;
	}


/* hover effect */
.charity_img{
  width: 100%;
  height: 100%;
  display: flex;
}


/* オークション出品物 */

/*.auction-wrapper:after {
	position: absolute;
	content: '';
	top: -30px;
	left: 25%;
	display: block;
	width: 50%;
	height: 800px;
	background-image: url(../img/0801special/ttl_auction_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 0;
	}*/

.subttl_plan {
    padding: 0.6rem 0 0.2rem;
    font-size: 2rem;
    margin: 0 auto 2rem;
    color: #1e74c2;
    text-align: center;
    background: #f7f5f0;
}

.auction_box{
	width: 100%;
	margin: 1rem auto 2rem;
	padding: 0 0 0;
}

.event_ttl img{
	width: 100%;
}

.charity_ttl img{
	width: 100%;
}

p.ttl_h3 img {
    display: block;
    margin: 0 auto 2rem;
}

.auction_box li{
	width: 100%;

  padding: 3rem 2rem;
}

.seller_detail{
	width: 100%;
  font-size: 1.4rem;
}

.auction_seller{
	width: 80%;
	display: block;
	margin: 0 auto 1rem;
}

.seller_detail .seller_name{
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.8rem;
}

.seller_detail .seller_txt{
	text-align: left;
	font-size: 1.3rem;
}

.seller_detail .seller_name span.font_s16{
	font-size: 1.3rem;
}

.seller_detail .seller_name span.font_s15{
	font-size: 1.3rem;
}

.seller_detail .seller_ttl span.spacing{
	letter-spacing: -0.5px;
}

.seller_detail .seller_ttl span.font_s16{
	font-size: 1.24rem;
}

.seller_detail .seller_ttl span.font_s15{
	font-size: 1.3rem;
}

.seller_detail .seller_ttl span.spacing{
	letter-spacing: -0.5px;
}

.auction_comming_soon{
	font-size: 2.6rem;
}

.auction_comming_soon.form_baby{
	font-size: 2.6rem;
	margin: 0 auto 4rem;
}

.auction_comming_soon span{
	background:linear-gradient(transparent 70%, #fcff00 70%);
}

.swipe_note_sp{
	color: #02a091;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 9rem 0 0;
	text-align: right;

	/*position: absolute;
	top:84px;
	right: 14px;*/
}

ul.note_charity{
	margin-bottom: 4rem;
}

ul.note_charity > li{
	font-size: 1.4rem;
}

.map{
	width: 96%;
	display: block;
	margin: 3rem auto 0;
}

}

@media screen and (max-width: 430px) {
/*.auction-wrapper:after {
	position: absolute;
	content: '';
	top: -30px;
	left: 20%;
	display: block;
	width: 60%;
	height: 800px;
	background-image: url(../img/0801special/ttl_auction_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 0;
	}*/

}

//横向きの場合
@media screen and (orientation:landscape){
/*.auction-wrapper:after {
	position: absolute;
	content: '';
	top: -70px;
	left: 30%;
	display: block;
	width: 50%;
	height: 800px;
	background-image: url(../img/0801special/ttl_auction_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 0;
	}*/
 
}

.slide-content p span{
	background: linear-gradient(transparent 70%, #fcff00 70%);
	color: #02a091;
	font-size: 1.3rem;
}

.slide-content p span.name{
	background: none;
	color: #02a091;
	font-weight: bold;
	font-size: 1.4rem;
}

.card05 .slide-title.txt_small{
	font-size: 1.5rem;
}


/* フォームページ遷移 */

.box_participation {
	width: 100%;
}

.box_participation ul {
	width: 100%;
	display: flex;
	/*justify-content: center;*/
	justify-content: space-between;
	flex-wrap: wrap;
}

.box_participation li {
	width: 48%;
	margin-bottom: 6rem;
	padding: 1.5rem 1.5rem 2.5rem;
background-color: #f3faee;
	border: dotted 1px #cccccc;
	font-size: 1.4rem;
}

.box_participation p{
	margin-bottom: 1.5rem
}

.box_participation ul::after {
	display: block;
	content:"";
	width:48%;
}

.box_participation_photo {
    width: 100%;
    margin-bottom: 1rem;
}

.box_participation_ttl {
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #009d8e;
	border-bottom: #009d8e solid 2px;
	text-align: center;
}

.box_participation_day {
	margin-bottom: 1rem;
	color: #009d8e;
	font-weight: bold;
}

.box_participation_txt{
	margin-bottom: 1.5rem;
	text-align: justify;
}


@media only screen and (max-width: 768px) {
.box_participation li {
	width: 100%;
	/*width: 48%;*/
	margin-bottom: 3rem;
	padding: 1rem;
}

}



/* タブ切り替え */
.tab_contents{
	background: #fff;
}

.tab_cont{
	width: 100%;
	margin: 0 auto;
	padding: 0rem 5rem 6rem;
	/*background: #fff;*/
}

.tabs {
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
}

.tab_label{
	background-color: transparent;
	border-radius: 35px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  /*flex: 1;*/
  margin: 0;
  padding: 0;
}

#tab01 {
  display: none;
}

/* アサデス。 クリック前*/
#tab01 + .tab_label.asadesu::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/asadesu_tab_off.png);
  background-repeat: no-repeat;
  width: 318px;
  height: 227px;

}

/* アサデス。 クリック後*/
#tab01:checked + .tab_label.asadesu::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/asadesu_tab.png);
  background-repeat: no-repeat;
  width: 318px;
  height: 227px;
}


/* パオ～ン　クリック前*/
#tab02 + .tab_label.pao-n::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/pao-n_tab_off.png);
  background-repeat: no-repeat;
  width: 318px;
  height: 227px;

}

/* パオ～ン　クリック後*/
#tab02:checked + .tab_label.pao-n::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/pao-n_tab.png);
  background-repeat: no-repeat;
  width: 318px;
  height: 227px;
}


/* ハッピーアワー　クリック前*/
#tab03 + .tab_label.happy-hour::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/happy-hour_tab_off.png);
  background-repeat: no-repeat;
  width: 318px;
  height: 227px;

}

/* ハッピーアワー　クリック後*/
#tab03:checked + .tab_label.happy-hour::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/happy-hour_tab.png);
  width: 318px;
  height: 227px;
}

.tab_label:hover {
  opacity: 0.75;
}

.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
  padding: 6rem 4rem 3rem;
}

.box_0801special_flex_in{
	width: 100%;
	margin-bottom: 6rem;
	background-color: #fff;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.8rem;
}

.box_0801special_img{
	width:450px;
	height: auto;
}

.box_0801special_img img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
}

.box_0801special_img.demo img{
		width: 300px;
		height: auto;
		display: block;
		margin: 0 auto;
}
.tab_content .box_0801special_txt_s{
	width: 100%;
	margin-bottom: 1.5rem;
}

input[name="tab_switch"] {
  display: none;
}

.tabs input:checked + .tab_label {

}


#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
  margin-top: 2rem;
}

#tab01:checked ~ #tab01_content{
	content: "";
	border: solid 8px #ea82a5;
	border-radius: 35px;
}

#tab02:checked ~ #tab02_content{
	content: "";
	border: solid 8px #eea815;
	border-radius: 35px;
}

#tab03:checked ~ #tab03_content{
	content: "";
	border: solid 8px #4fbbcb;
	border-radius: 35px;
}

.tab_content{
  position: relative;
  animation: fadeIn 1s ease;
}


/* タブ内 radikoスケジュール */
.schedule_cont{
	width: 100%;
}

.ttl_schedule{
	padding: 0.4rem 0 0;
	font-size:2rem ;
	margin: 0 auto 2rem;
	color: white;
	text-align: center;
	border-radius: 50px;
	font-weight: bold;
}

.ttl_schedule.asadesu{
	background: #ea82a5;
}

.ttl_schedule.pao-n{
	background: #eea815;
}

.ttl_schedule.happy-hour{
	background: #4fbbcb;
}


.schedule_detail{
	padding: 0 0 2rem;
	font-size: 1.8rem;
}


.schedule_detail a{
	text-decoration: underline;
}

.read_more_radiko{
	font-size: 1.4rem;
	text-align: right;
	padding: 1rem 0 2rem;
}


.broadcast_photo,
.broadcast_photo.one{
	width: 100%;
	margin: 0 auto 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap:wrap;
}

.broadcast_photo li{
	margin-bottom:2rem;
}

.broadcast_photo li:nth-last-child(-n+2)/* 最後から2番目まで */{
	/* margin-bottom:0;*/
}

.broadcast_photo li:nth-child(-n+2) /* 2番目まで */{
	/* margin-bottom:2rem;*/
}

.broadcast_photo li img{
	width: 430px;
	height: auto;
	display: block;
	border-radius: 30px 0 30px 0;
}

@media screen and (max-width: 768px) {

/* タブ切り替え */
.tab_contents{
	width: 100%;
}

.tab_cont{
	width: 100%;
	margin: 0 auto;
	padding: 0 2rem 2rem;
}

.tabs {
	width: 100%;
}

.tab_label{
	border-radius: 10px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  /*margin: 0 3px;*/
  margin-right: 6px;
  padding: 0;
}

.tab_label.happy-hour{
  margin-right: 0;
}

/* アサデス。 クリック前*/
#tab01 + .tab_label.asadesu::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/asadesu_tab_off.png) 100% 100% / cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}

/* アサデス。 クリック後*/
#tab01:checked + .tab_label.asadesu::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/asadesu_tab.png) 100% 100% / cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}

/* パオ～ン　クリック前*/
#tab02 + .tab_label.pao-n::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/pao-n_tab_off.png) 100% 100% / cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}

/* パオ～ン　クリック後*/
#tab02:checked + .tab_label.pao-n::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/pao-n_tab.png) 100% 100% / cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}


/* ハッピーアワー　クリック前*/
#tab03 + .tab_label.happy-hour::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/happy-hour_tab_off.png) 100% 100% / cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}

/* ハッピーアワー　クリック後*/
#tab03:checked + .tab_label.happy-hour::after{
  content: "";
  display: inline-block;
  background: url(../img/0801special/happy-hour_tab.png) 100% 100% / cover;
  width: 100%;
  height: auto;

  aspect-ratio: 318 / 227;
}

.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
  padding: 3rem 2rem 0;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
  margin-top: 1rem;
}

#tab01:checked ~ #tab01_content{
	content: "";
	border: solid 5px #ea82a5;

}

#tab02:checked ~ #tab02_content{
	content: "";
	border: solid 5px #eea815;

}

#tab03:checked ~ #tab03_content{
	content: "";
	border: solid 5px #4fbbcb;

}

/* タブ内 radikoスケジュール */
.schedule_cont{
	width: 100%;
}

.schedule_cont:last-child{
	/*margin: 0 auto 0;*/
}


.ttl_schedule{
	padding: 0.2rem 0 0;
	font-size:1.6rem ;
	margin: 0 auto 2rem;
}

.schedule_detail{
	padding: 0 0 2rem;
	font-size: 1.4rem;
}




.box_0801special_flex_in{
	width: 100%;
	margin-bottom: 3rem;
	background-color: #fff;

	font-size: 1.4rem;
}

.box_0801special_img{
		width: 100%;
}

.box_0801special_img img{
		width: 100%;
		display: block;
		margin: 0 auto 3rem;
}

.box_0801special_img img.large{
		width: 100%;
		display: block;
		margin: 0 auto;
}

.read_more_radiko{
	font-size: 1rem;
	text-align: right;
	padding: 1rem 0 2rem;
}

.broadcast_photo,
.broadcast_photo.one{
	width: 100%;
	margin: 0 auto 3rem;
	display: block;
}

.broadcast_photo.one li{
	width: 100%;
	height: auto;
	margin: 0 auto 2rem;
}

.broadcast_photo li{
	margin-bottom:2rem;
}

.broadcast_photo li:nth-last-child(-n+2)/* 最後から2番目まで */{
	margin-bottom:2rem;
}

.broadcast_photo li:not(:last-child)/* 最後以外 */{
	width: 100%;
	height: auto;
	margin: 0 auto 2rem;
}


.broadcast_photo li img,
.broadcast_photo.one li img{
	width: 100%;
	height: auto;
	display: block;
}

}


/*協賛企業*/

.company_banner_fukuren{
	width: 460px;
	margin: 0 auto 3rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.company_banner{
	width: 100%;
}

.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;
	list-style: none;
}

/* 最後のコンテンツを左寄せにする指定 */
.company_banner ul:after {
   /*content: "";
    display: block;
    width: 30%;  バナー1点のみの時はズレるので消す*/
    /*height: 0;*/
}

@media screen and (max-width: 768px) {

.company_banner_fukuren{
	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;
}

}


/*もっとみるボタン*/

.box_bar li.is-hidden {
	display: none;
	/*opacity: 0;*/
	height: 0;
	margin: 0;
}

.more {
	position: relative;
	height: 5rem;
	width: 60%;
	background-color: #4a0000;
	color: white;
	border-radius: 30px;
	margin: 0 auto;
	font-size: 2rem;
	box-shadow: 3px 3px 0px 0px #777777;
}
.more button {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

/* buttonのスタイル削除 */
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.more button:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: all 0.4s ease 0s;
  }


/*ラジコ ボタン*/

.radiko_btn{
	text-align: center;
	margin:0 auto;
	  
}

#linklist li img{
    width: 460px;
	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.4rem;
}
}


/*footerの緑*/
.footer_green{
	width: 100%;
}




/* 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: #009d8d;
}

.footer_simple {
    background: #1b68ad;
}

.footer_simple .copyright{
	color: #ffffff;
}