@charset "utf-8";
/* MEDIA CSS
------------------------------------ */
/* CAT1 TV番組 ---- */
.cat1 .thumb-scale {
	position: relative;
	background: #f7f7f7;
}

.cat1 .thumb-scale::after {
    content: "\e916";
	font-family: 'fonticon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
	font-size: 13vw;
	position: absolute;
	top: 50%;
	line-height: 1.0;
	display: block;
	text-align: center;
	width: 100%;
	color: rgba(0,0,0,0.15);
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.section-media .cat1 .thumb-scale::after{
	transform: translateY(-70%);	
}


.cat1 a:hover .thumb-scale::after{
	/*-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);*/
	font-size: 15vw;
}

.cat1 .txt-date::after {
	content:"放送";
	color: #9e9e9e;
	position: relative;
	padding-left: 3px;
}

.cat1 .thumb-scale .txt-date::after {
	color: #444444;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.cat1 .thumb-scale .txt-tv {
	position: absolute;
	width: 90%;
    bottom: 30px;
    left: 5%;
	text-align: center;
	color: #444444;
	line-height: 1.3;
}

.cat1 .thumb-scale .txt-tv span {
	display: block;
}

.cat1 .thumb-scale .txt-tv .txt-date {
	color: #444444;
	padding-top: 5px;
}

/* CAT2 雑誌 ---- */
.cat2 .txt-date::after {
	content:"発売";
	color: #9e9e9e;
	position: relative;
	padding-left: 3px;
}

/* CAT3 WEB ---- */
.cat3 .txt-date::after {
	content:"投稿";
	color: #9e9e9e;
	position: relative;
	padding-left: 3px;
}

@media (max-width: 1199px) {

	.ul-media li.cat1 .thumb-scale .txt-tv {
		bottom: 10px;
	}
}

@media (max-width: 990px) {
	.ul-media li.cat1 .thumb-scale .txt-tv {
		bottom: 6px;
	}
}

@media (max-width: 900px) {
	.ul-itembox > li.cat1 .thumb-scale::after {
		font-size: 20vw;
	}
	.ul-media li.cat1 .thumb-scale .txt-tv {
		bottom: 10px;
	}
}

@media (max-width: 768px) {
	.ul-itembox > li.cat1 .thumb-scale::after {

	}
	.section-media .cat1 .thumb-scale::after{
		transform: translateY(-75%);	
	}	
	.section-media .ul-tab {
		display: table;
	}
	
	.section-media .ul-tab > li {
		display: table-cell;
		font-size: 1.6rem;
	}
	
}

@media (max-width: 640px) {
	.ul-media li.cat1 .thumb-scale .txt-tv {
		bottom: 6px;
	}	
	.t-tvname {
		font-size: 1.6rem;	
	}
	.ul-itembox > li .txt-date {
		font-size: 1.5rem;
	}	
}

@media (max-width: 480px) {
	.ul-media li.cat1 .thumb-scale .txt-tv {
		bottom: 5px;
	}
	.ul-itembox > li.cat1 .thumb-scale::after {
		font-size: 40vw;
		line-height: 1.0;
	}
	.section-media .ul-tab {
		display: block;
	}	
	.section-media .ul-tab > li {
		display: inline-block;
	}
}


/* detail.php
------------------------------------- */
/*.section-media-detail {
  padding-bottom: 247px;
}

.section-media-detail .sec-title .title {
  letter-spacing: -0.01em;
}
.section-media-detail .sec-title .pttl {
  letter-spacing: 0;
}*/

.column-main.cat1 .media-row .col-r img {
	background: #f7f7f7;
	position: relative;
}

.section-media-detail .media-row.no-thumb .col-l {
	width: 100%;
    float: none;
}

.section-media-detail .cat1 .thumb-scale::after{
	transform: translateY(-50%);
}

.section-media-detail .group {
  padding: 0 0 0 35px;
  position: relative;
  margin-bottom: 13px;
}
.section-media-detail .group:before {
  content: '';
  width: 18px;
  height: 3px;
  background: #29211f;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.section-media-detail .date {
  color: #9e9e9e;
}
.section-media-detail .media-row {
  margin-bottom: 26px;
}
.section-media-detail .col-l {
  width: 50.58823529411765%;
  float: left;
}
.section-media-detail .col-l .pttl1 {
  letter-spacing: 0.075em;
  font-weight: bold;
  margin-bottom: 11px;
}
.section-media-detail .col-l .txt1 {
  letter-spacing: 0.025em;
  line-height: 1.44;
  font-weight: 500;
}
.section-media-detail .col-r {
  width: 47.05882352941176%;
  float: right;
  padding-top: 5px;
}
.section-media-detail .col-r img {
  display: block;
  width: 100%;
  border: 1px solid #dedede;
}
.section-media-detail .pttl2 {
  overflow: hidden;
  margin-bottom: 22px;
}
.section-media-detail .pttl2 > span {
  position: relative;
  letter-spacing: 0.075em;
  padding-right: 18px;
}
.section-media-detail .pttl2 > span:after {
  content: '';
  width: 850px;
  left: 100%;
  top: 50%;
  margin-top: -1px;
  height: 1px;
  background: #000;
  position: absolute;
}
.section-media-detail .caption {
  line-height: 2.117647058823529;
  letter-spacing: 0.075em;
  margin-bottom: 84px;
}
.section-media-detail .caption strong {
  font-weight: bold;
}
.section-media-detail .caption .mb {
  margin-bottom: 22px;
}
.section-media-detail .cm-btn-blank {
  display: block;
  margin: 0 auto;
}


@media (max-width: 900px) {

  .section-media-detail .media-row {
    margin-bottom: 40px;
  }
  .section-media-detail .col-l {
    width: auto;
    float: none;
    margin-bottom: 25px;
  }
  
  .section-media-detail .column-main.cat1 .col-r {
	max-width: 280px;
  }
  .section-media-detail .col-r {
    width: auto;
    float: none;
    max-width: 500px;
    margin: 0 auto;
  }
  .section-media-detail .caption {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {

  .section-media-detail .media-row {
    margin-bottom: 40px;
  }
  .section-media-detail .col-l {
    margin-bottom: 15px;
  }
  .section-media-detail .caption {
    margin-bottom: 0;
  }
   .section-media-detail .col-r {
    width: 100%;
    max-width: 100%;
  }
  .section-media-detail .column-main.cat1 .col-r {
	max-width: 280px;
	width: 280px;
  }
  .section-media-detail .cat1 .thumb-scale::after {
	  font-size: 20vw;
  }
}
@media (max-width: 480px) {
  .section-media-detail .cat1 .thumb-scale::after {
	  font-size: 40vw;
  }	
}