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

 .clearfix::after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }

/* ▼ */


#wrap {
  width: 100%;
      height: auto;
      position: relative;
      line-height: 1.5;
      color: #373737;
      z-index: 0;
  background-image: url(../images-2/bg.jpg);
  background-repeat: repeat;
}

#header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../images-2/archive_bg.png);
  background-size: contain;
  background-repeat: repeat;
  background-position: bottom center;
  padding: 3vh 0;
    border-bottom: solid 2px #71c7e7;

}

#header img {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    max-width: 220px;
    z-index: 5;
  }

#header a {
 position: relative;;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent:-999px;
  z-index: 2;
}

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

#contents .main_top {
    background: url(../images/main_top.png);
    background-repeat: repeat-x;
    background-size: contain;
    height: 77px;
    background-position: top;
}

#contents {
width: 100%;
height: auto;
margin: 0 auto;
max-width: 1040px;
    padding-top: 5vh;
}

.contents_left {
    width: 76%;
  height: auto;
  float: left;
  position: relative;
  padding-right: 1em;
  font-family: fot-tsukubrdgothic-std,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.contents_right {
  float: right;
  width: 22%;
box-sizing: border-box;
padding: 1em;
border-radius: 10px;
font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 700;
font-style: normal;
}

.box_left {
    min-width: 400px;
}

.box_left img {
min-width: 400px;
}

.blog{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-right: 2em;
    border-right: 2px solid #71c7e7;
    padding-bottom: 5vh;
    padding-top: 5vh;
    border-bottom: 2px solid #71c7e7;
}

.blog img {
    width: 100%;
    height: auto;
    max-width: 500px;
    border-radius: 10px;
    margin-bottom: 2vh;
    display: block;
    margin: initial;
        margin-bottom: 1em;
  }

.webradio_wrap {
min-width: 400px;
}

.contents_left .box_right p {
  font-size: 17px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.box {
border-bottom: 1px solid #71c7e7;
padding-bottom: 5vh;
margin-bottom: 5vh;
}

.box_right {
 margin-left: 1.5em;
 width: 45%;
 float: left;
}

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

.back-num {
  font-size: 18px;
  text-align: center;
  display: block;
  letter-spacing: 0.01em;
}

.back_list_year {
  font-size: 18px;
  line-height: 1.5;
  padding: 0.2em;
  width: 100%;
  background: #71c7e7;
  display: block;
  text-align: center;
  margin: 1em 0;
  font-weight: bold;
  color: #fff;
}

.back_list_month {
    padding: 10px;
    text-align: right;
    float: left;
    line-height: 1.2;
}

.back_list_month a {
color: #71c7e7;
    font-size: 18px;
  font-weight: bold;
}

.main_bottom {
  background: url(../images/main_bottom.png);
      background-repeat: repeat-x;
      background-size: contain;
      height: 77px;
      background-position: bottom;
}

.sp {
display: none;
}

.pc {
display: block;
}

/*  ============================= */

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

  .sp {
  display: block;
  }

  .pc {
  display: none;
  }

	#wrap {
	margin-bottom: 0;
	}

	.radiko{
	display: none;
	}

	.radiko_sp {
	display: block;
	width: 100%;
	position: relative;
	}

	.radiko_sp a img {
	  position: relative;
	      width: 100%;
	      height: auto;
	}

#wrap {
padding-bottom: 0em;
}

#wrap::before {
top: 0%;
}

#header .header_box img {
width: 40%;
height: auto;
}

#header {
    margin-top: -7px;
}

#contents {
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 0rem;
}

.contents_left {
width: 90%;
height: auto;
float: none;
margin: 0 auto;
}

.contents_right {
width: 90%;
height: auto;
float: none;
margin: 0 auto;
padding-bottom: 3em;
}

.box_left {
min-width: auto;
}

.box_left img {
min-width: auto;
}

.webradio_wrap {
min-width: auto;
}

.contents_left {
border:0px;
padding-right: 0em;
}

.box_right {
  width: 100%;
  float: none;
margin-left: 0em;
}

.contents_left .box_right p {
    font-size: 14px;
    margin-top: 1em;
}

.blog{
    border-right: 0px solid #71c7e7;
    padding-right: 0em;
}

}