body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a {
  outline: none;
  text-decoration: none;
}

#global_header {
  display: block;
}

#nav_sp {
  display: none;
}

#global_footer {
  display: block;
}

.footer_sp {
  display: none;
}

.clearfix {
  display: block;
  margin: 0;
  padding: 0;
}

/*  //////////////////////////////////////////*/

#wrapper {
position: relative;
background-color: #000;
}

#header {
position: relative;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: 0;
text-align: left;
}

#header img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  z-index: 0;
  bottom: 0;
}

/* /////////ヘッダーここまで///////// */


.main {
      width: 100%;
      background-image: url(../images/content-back.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 50px 0 50px 0;
}

.contents {
display: flex;
width: 80%;
max-width: 1000px;
margin: 0 auto;
}

h2 {
  position: absolute;
      top: -5%;
      left: -2%;
}

.about {
width: 700px;
position: relative;
border:3px solid #000;
background-color: #fff;
padding:20px;
}

.about_day{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 3em;
  color: #fff;
  text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555, 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555, 5px 5px #ff4c68;
  line-height: 1.3;
  margin-top: 0.5em;
}

.about p{
  font-size: 1.2em;
  line-height: 1.5;
}

.about_mail{
  width: 100%;
  font-weight: bold;
  font-size: 2.5em;
  color: #fff;
  color: rgba(233, 30, 99, 0.7);
  text-shadow: 3px 3px #fff, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77;
  line-height: 1.5;
  margin-top: 1em;
}

.about_mail a{
text-decoration:none;
}

.about_mail a:hover{
  color: #ff4c68;
  text-shadow: 3px 3px #fff, 4px 4px 0 #ff4c68, 4px 2px 0 #ff4c68, 2px 4px 0 #ff4c68, 2px 2px 0 #ff4c68;
}

.mail_te {
font-weight: bold;
}


/* 番組概要ｺｺﾏﾃﾞ */


.twitter {
margin-left: 1em;
width: 300px;
display: inline-block;
height: auto;
background-color: #fff;
border: 3px solid #000;
max-width: 300px;
}




/*===============================================
●style.css 画面の横幅が1000pxまで
===============================================*/

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



body {
    font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;
    position: relative;
    height: 100%;
  }

.clearfix {
  display: block;
  margin: 0;
  padding: 0;
}

#global_header {
  display: none;
}

#nav_sp {
  display: block;
}

#global_footer {
  display: none;
}

.footer_sp {
  display: block;
}


/* ---------------------------------------------------- */

}
/*===============================================
●style.css 画面の横幅が700pxまで
===============================================*/

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

.contents{
display: block;
margin: 0 auto;
}

h2 {
  position: absolute;
  top: -8%;
  left: -5%;
}

.about {
width: 100%;
height: auto;
margin: 0 auto;
display: inline-block;
padding: 5%;
box-sizing: border-box;
}

.about_day {
font-size: 2em;
}

.about_mail{
font-size: 1.5em;
overflow: visible;
}

.twitter{
margin-top: 1em;
width: 100%;
height: auto;
margin-left: 0;
box-sizing: border-box;
}

}