@import url("../../css/font-awesome.min.css");

.special_btn {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #383838;
  letter-spacing: 0;
  border: none;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  text-decoration: none;
  padding: 15px 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.76, #FFB7B4), color-stop(0.07, #FFE7E6));
  background: -webkit-linear-gradient(top, #FFE7E6 7%, #FFB7B4 76%);
  background: -moz-linear-gradient(top, #FFE7E6 7%, #FFB7B4 76%);
  background: -o-linear-gradient(top, #FFE7E6 7%, #FFB7B4 76%);
  background: -ms-linear-gradient(top, #FFE7E6 7%, #FFB7B4 76%);
  background: linear-gradient(to bottom, #FFE7E6 7%, #FFB7B4 76%);
}
.special_btn:hover {
  color: #383838;
  text-decoration: none;
}
#data.spe #btn .img_btn img{
	width:290px;
	max-width:100%;
}

@media only screen and (max-width: 980px) {
  body {
    font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif !important;
    line-height: 1.3;
	}
  #container {
    max-width: 590px;
    width: 96%;
  }
  #title {
    width: 100%;
    text-align: center;
  }
  #title #titelimg {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  #title #titelimg > img {
    width: 100%;
    max-height: 300px;
    height: auto;
  }
  #data {
    padding-bottom:10px;
  	width: 100%;
  	height: auto;
  }
  #data ul#tokuten {
    text-align: left;
  }
  #content {
    width: 100%;
  }
  #main {
    width: 100%;
  }
  #reg-btn img,
  #btn img {
    width: 100%;
    max-width: 320px;
    height: auto;
  }
  .page_link ul li,
  .page_link ul {
  	left: 0%;
  }
  .page_link ul {
    overflow: hidden;
    display: inline-block;
    float: none;
  }
  .page_link ul li {
    max-width: 60px;
  }
  div#container div#header {
      width: 100%;
      height: auto;
      box-sizing: border-box;
  }
  #header ul#header-link,
  #header #search {
      display: none;
  }
  #header #logo {
    float: none;
  }
  #header #logo p {
    text-align: center;
  }
  #header #logo img {
    width: 200px;
  }
  /*#bn_title
  {
    display: none;
  }*/
  #footer {
    width: 100%;
    border-top: 1px solid #cecece;
    padding: 15px 10px;
    margin-bottom:0;
    box-sizing: border-box;
    background: #EEE;
  }
  #footer li {
    float:none;
    margin-top:10px;
    padding:0 7px;
    border-left:2px solid #378fcd;
  }
  #footer li:first-child {
    border-left:2px solid #378fcd;
  }
  #pmark {
    bottom: 40px;
    right: 10px;
  }
  .social_banner {
    box-sizing: border-box;
      display: inline-block;
      margin-top: 15px;
  }
  .social_banner:before,
  .social_banner:after {
    display: table;
    content: " "
  }
  .social_banner:after {
    clear: both
  }
  #bn_menu {
    width: 100%;
    text-align: center;
  }
  #bn_menu .social_banner li {
      width: 50%;
      max-width: 170px;
      box-sizing: border-box;
  }
  #bn_menu .social_banner li:first-child {
    padding-right: 5px;
  }
  #bn_menu .social_banner li img {
    width: 100%;
    height: auto;
  }
  .sns-btns-wrap .sns-btns-item {
    margin-top: 10px;
  }

  .interview img.photo {
    width: 50%;
  	margin: 20px 15px 5px 0;
  }
  .interview img.photo2 {
    width: 50%;
  	margin: 0 15px 5px 0;
  }

  .interview img.photoR {
    width: 50%;
  	margin: 20px 0 5px 15px;
  }

  .interview img.photoR2 {
    width: 50%;
  	margin: 0 0 5px 15px;
  }
	
	#data-itvw210-2 ul#tokuten-itvw210-2 {
				text-align:left;
		}
  
  /*---------------interview107のみに適用------------*/
  
div .reg_btn_inner107 {
  margin: 15px auto;
  padding:10px;
  width:85%;
  text-align: center;
  background:#40b011;
  font-size:18px;
  font-weight:bold;
  border-radius:6px;
  box-shadow: 0 6px 0 #147509;
  display: block;
}
div .reg_btn_inner107 span {
  padding-top:5px;
  display:block;
  font-size:14px
}
div .reg_btn_inner107 a{
  display:block;
  color:#fff;
  text-decoration:none;
} 
div .reg_btn_inner107:hover{
  background:#80D34C;
  box-shadow: 0 6px 0 #40b011;
  transition: all .3s;
}
div .reg_btn_inner107 a:visited{
  color:#fff;
  text-decoration:none;
} 

  /*---------------interview107のみに適用------------*/

#data-itvw210-2 {
		display:block;
    float: right;
    width: 100%;
    height: auto;
    background-color: none; 
		border:none;
    border-top: 3px solid #eee;
    margin-top: 30px;
    box-sizing: border-box;
}

#data-itvw210 {
		display:none;
}
  
  
  /*---------------バックナンバーメニュー追記------------*/
 
 #bn_menu, #bn_menu dl {
    width: 100%;
  }

/*---------------ハンバーガーメニュー追記------------*/


　#header { height: 54px; position:fixed; width:100%; z-index:999; top:0; }
  .logo { width:120px; margin:0 auto; display:block; float:none; padding-top:12px; }
  #header-link { position:absolute; right:0; top:40px; width:100%;  padding:0; }
  #header ul#header-link li { float: none; display: block; background: #7e7e7e; margin: 0;}
  #header-link li:first-child {  padding-top:10px; }
  #header-link li:last-child { padding-bottom:10px; }
  #header-link a { padding:6px 0; width:100%; text-align:center; color:#FFF; font-weight:400; font-size:15px;display: block; }
  .sp-menu { display: block; width: 34px; height: 34px; position: absolute; right: 0px; top: 7px; background: url(https://www.mag2.com/img/sp/menu.png) center center no-repeat;}
  .sp-menu-close {background: url(https://www.mag2.com/img/sp/menu-close.png) center center no-repeat;}

}



@media only screen and (min-width: 980px) {
  .sp-menu { display:none}
}

.relative { position:relative; }

/*---------------/ハンバーガーメニュー追記------------*/


@media only screen and (min-width: 980px) {
  .p-none{
    display:none;
  }
}

@media only screen and (max-width: 980px) {
  .s-none{
    display:none;
  }
  #bn_menu{
    margin-top:20px;
  }
}