@charset "UTF-8";
a:hover {
	opacity: 0.8;
}
.recommend-list {
    font-size: 0;
    margin-top: 30px;
}
.recommend-item {
    display: inline-block;
    margin-left: 5%;
    width: 30%;
}
.recommend-item:first-of-type {
    margin-left: 0;
}
.recommend-item__link {
    color: inherit;
    display: block;
    text-decoration: none;
    transition: .3s all;
}
.recommend-item__link:hover {
	opacity: 0.8;
}
.recommend-item__img {
    border: 1px solid #d4d4d4;
    max-width: 100%;
}
.recommend-item__title {
    font-size: 1.4rem;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-item__author {
    color: gray;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-item__note {
    color: #ff6800;
    display: block;
    font-size: 1.2rem;
    margin-top: 4px;
}
.recommend-item__date {
    color: #ff6800;
    display: block;
    font-size: 1.2rem;
}

.naokiman-show {
	max-width: 1200px;
	margin: auto;
}
.naokiman-show__title {
	width: 80%;
	max-width: 600px;
	margin: 5rem auto 6rem;
}
.naokiman-show-about {
	
}
.naokiman-show-about__title {
	width: 56%;
	max-width: 420px;
	margin: 0 auto 3.5rem;
	color: #b3b3b3;
	font-size: 2rem;
}
.naokiman-show-about__title  img {
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 1rem;
}
.naokiman-show-about__title  span {
	display: block;
	line-height: 1;
	text-align: center;
}
.naokiman-show-about__photo {
	display: block;
	width: 53.3%;
	max-width: 400px;
	margin: 0 auto 4em;
}
.naokiman-show-about__name {
	width: 81%;
	max-width: 608px;
	margin: 0 auto 2.6rem;
	padding-bottom: 1rem;
	border-bottom: 4px solid #000000;
	color: #000000;
	font-size: 1.2rem;
}
.naokiman-show-about__name img {
	width: calc(100% - 11em);
	vertical-align: sub;
}
.naokiman-show-about__name span {
    display: inline-block;
    margin-left: 0.5rem;
}

.naokiman-show-about__text {
	width: 81%;
	max-width: 608px;
	line-height: 2;
	margin: 0 auto 6rem;
	color: #000000; 
	font-size: 1.2rem;
}
.naokiman-show-ch {
	width: 88.8%;
	max-width: 900px;
	margin: 0 auto 8rem;
	font-size: 1.2rem;
}
.naokiman-show-ch__title {
	display: block;
	width: 32%;
	max-width: 260px;
	margin: 0 auto 2.6rem;
	font-size: 1.2rem;
}
.naokiman-show-ch__link {
	display: block;
	width: 100%;
	margin: 0 auto 1rem;
}
.naokiman-show-ch__link img {
	max-width: 100%;
}
.naokiman-show-youtube  {
	position: relative;
	margin-bottom: 8rem;
    font-size: 1.4rem;
}
.naokiman-show-youtube .container  {
	padding: 0;
}
.naokiman-show-youtube__player {
    display: block;
    position: relative;
    width: 100%;
    line-height: 0;
    max-width: 900px;
    margin: 0 auto;
    transition: .3s all;
}
.naokiman-show-youtube__title {
	position: relative;
    z-index: 1;
    width: 100%;
    max-width: 940px;
    line-height: 1;
    margin: 0 auto 1.6em;
    padding: 1em 2rem;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600;
}
.naokiman-show-youtube__title::before {
    content: ""; 
    position: absolute;
    top: 0; 
    bottom: 0; 
    left: -100%; 
    right: calc(90% - 20em);
    z-index: -1;
    background-color:#ff6800;
    transform: skewX(-30deg);
}
.naokiman-show-youtube__title span{

}
.naokiman-show-youtube__text {
	padding: 0 20px;
	margin-bottom: 1rem;
	color: #333333;
	text-align: center;
}
.naokiman-show-youtube__player img {
	width: 100%;

}
.naokiman-show-gentei {
	margin-bottom: 3rem;
    font-size: 1.4rem;
}
.naokiman-show-gentei__bg {
    padding-top: 4rem;
    margin-top: -4rem;
    /*background: #f0f0f0;*/
}
.naokiman-show-gentei__title {
	position: relative;
    z-index: 1;
    width: 100%;
    max-width: 940px;
    margin: 0 auto 2.6em;
    padding: 1em 2rem;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600;
}
.naokiman-show-gentei__title::before {
    content: ""; 
    position: absolute;
    top: 0; 
    bottom: 0; 
    left: -100%; 
    right: calc(90% - 14em);
    z-index: -1;
    background-color:#ff6800;
    transform: skewX(-30deg);
}
.naokiman-show-gentei__title span {
    display: block;
}
.naokiman-show-gentei__text {
	position: relative;
  z-index: 1;
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding-left: 2rem;
	color: #333333;
	font-size: 1.5rem;
	font-weight: 600;
}
.naokiman-show-gentei__text::before {
  content: ""; 
  position: absolute;
  left: 0;
  top: .7rem;
  z-index: -1;
  width: 9px;
  height: 9px;
  background-color:#ff6800;
  border-radius: 50%;
}

.naokiman-show-gentei__text--s {
	font-size: 1.3rem;
}
.naokiman-show-gentei .recommend-list {
	width: 100%;
	max-width: 800px;
	margin: 2.6rem auto 0;
}
.naokiman-show-recommend {
		margin-bottom: 10rem;
    font-size: 1.4rem;
}
.naokiman-show-recommend__text {
	position: relative;
    z-index: 1;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding-left: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.naokiman-show-recommend__text::before {
    content: ""; 
    position: absolute;
    left: 0;
    top: .7rem;
    z-index: -1;
    width: 9px;
    height: 9px;
    background-color:#ff6800;
    border-radius: 50%;
}
.naokiman-show-recommend .recommend-list {
	width: 100%;
	max-width: 800px;
	margin: 2.6rem auto 0;
}
.recommend-item {
	margin-left: 0;
	margin-right: 5%;
	margin-bottom: 4rem;
}
.recommend-item__link {
	color: #000000;
}
.recommend-item:nth-of-type(3n) {
	margin-right: 0;
}
.akiman-link {
	width: 100%;
	max-width: 900px;
	height: 78px;
	line-height: 0;
	margin: 0 auto;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: #ff6800 url(../images/youtube/naokiman_show_akiman_link_bg_sp.png) top left repeat-x;
    background-size: contain;
    transition: margin-bottom .3s ease;
/*	padding: 1.2rem 10%;
*/
}
.akiman-link::after{
	content: "";
	display: table;
	line-height: 0;
	clear: both;
}
.akiman-link__banner img {
	max-width: 100%;
	max-height: 100%;
}
.akiman-link__banner span {
    display: inline-block;
    width: 100%;
    max-width: 800px;
    line-height: normal;
    height: 100%;
    text-indent: -9999px;
    background: url(../images/youtube/naokiman_show_akiman_link_sp.png) top center no-repeat;
    background-size: contain;
}
.akiman-link__logo {
	width: 100%;
}
.akiman-link__logo {
	float: left;
	width: 20%;
	max-width: 175px;
}
.akiman-link__copy {
	display: block;
	max-width: 435px;
	margin:0.5rem 0 1rem 25%;
}
.akiman-link__button {
	display: inline-block;
	line-height: 1.8;
	margin: 0 0 0 20%;
	padding: 0 2.5rem;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 1.4rem;
	text-decoration: none;
}
.footer {
	background: #1a1a1a;
	margin-bottom: 88px;
	/*margin-bottom: calc(100.198 / 375 * 100%);*/
}

.akiman-link.is-scrollEnd {
	margin-bottom: 10px;
	transition: margin-bottom .3s ease;
}


@media only screen and (min-width: 769px) {
.naokiman-show__title {
	margin: 10rem auto 6rem;
}
.naokiman-show-about {
	max-width: 940px;
	margin: auto;
	padding: 0 20px;
}
.naokiman-show-about::after {
	content: '';
	display: table;
	clear: both;
}
.naokiman-show-about__title {
	max-width: 580px;
	margin-bottom: 12rem;
	font-size: 3.2rem;
}
.naokiman-show-about__title  img {
	width: calc(100% - 4em);
	vertical-align: middle;
}
.naokiman-show-about__title  span {
	display: inline-block;
}
.naokiman-show-about__photo {
	float: left; 
	width: 44%;
	margin-bottom: 19rem;
}
.naokiman-show-about__name {
	width: 50%;
	margin-left: 50%;
	font-size: 2.6rem;
}
.naokiman-show-about__name img {
	width:100%
}
.naokiman-show-about__name span {
    display: block;
    margin-left: 0;
}
.naokiman-show-about__text {
	width: 50%;
	margin-left: 50%;
	font-size: 2rem;
 }
 
 .naokiman-show-ch {
 	margin-bottom: 16rem;
 }
.naokiman-show-ch::after {
	content: '';
	display: table;
	clear: both;
}
 
 
 .naokiman-show-ch__link {
 	float: left;
 	width: 49%;
 	margin-left: 2%;
 }
 .naokiman-show-ch__link:nth-of-type(1) {
 	margin-left: 0;
 }
 
 .naokiman-show-youtube {
 	margin-bottom: 16rem;
 }
 .naokiman-show-youtube__title {
 	margin-bottom: 7rem;
 	font-size: 3.0rem;
 }
 .naokiman-show-youtube__text {
 	margin-bottom: 2rem;
 	font-size: 2.4rem;
 }
 .naokiman-show-gentei {
 	margin-bottom: 8rem;
}
 .naokiman-show-gentei__title {
 	margin-bottom: 12rem;
 	font-size: 3.0rem;
}
 .naokiman-show-gentei__title::before {
 	right: calc(90% - 26.4em);
}
.naokiman-show-gentei__title span {
    display: inline-block;
}
.naokiman-show-gentei__bg {
    padding-top: 6.5rem;
    margin-top: -6.5rem;
}
.naokiman-show-gentei__text {
 	font-size: 3.0rem; 
}
.naokiman-show-gentei__text::before {
  top: 1.5rem;
  width: 16px;
  height: 16px;
}
.naokiman-show-gentei__text--s {
 	font-size: 2.4rem; 
}
.naokiman-show-gentei .recommend-list {
  margin-top: 4rem;
}
.naokiman-show-recommend {
	margin-bottom: 6rem;
}
.naokiman-show-recommend__title {
	font-size: 3.0rem;
}
.naokiman-show-recommend__text {
 	font-size: 3.0rem; 
}
.naokiman-show-recommend__text::before {
  top: 1.5rem;
  width: 16px;
  height: 16px;
}
.naokiman-show-recommend .recommend-list {
  margin-top: 4rem;
}
.naokiman-show-recommend .recommend-item {
	width: 16%;
	margin-right: 5%;
}
.naokiman-show-recommend .recommend-item:nth-of-type(5n) {
	margin-right: 0;
}

.akiman-link {
	max-width: 100%;
	height: 110px;
    background: url(../images/youtube/naokiman_show_akiman_link_bg_pc.png) top left repeat-x;
    background-size: contain;

}
.akiman-link__banner span {
    background: url(../images/youtube/naokiman_show_akiman_link_pc.png) center top no-repeat;
    background-size: cover;
}

.footer {
	margin-bottom: 110px;
	background: #1a1a1a;
}
 
 }