.c5-container {
  padding-top: 3.5%; }

.c5-container * {
  line-height: 1.8;
  margin: 0; }

.c5-container img {
  max-width: 100%;
  vertical-align: bottom; }

@media screen and (max-width: 767px) {
  .c5-container {
    padding-top: 6.5%; } }

.c5-container__heading {
  margin-bottom: 1.16667%; }

@media screen and (max-width: 768px) {
  .c5-container__heading {
    margin-bottom: 1.5%;
    width: 100vw;
    margin-left: -6.04%; } }

.c5-sp-menu {
	margin: 0 auto 60px;
	max-width: 775px;
	width: 65%;
}
@media screen and (max-width: 769px) {
	.c5-sp-menu {
		width: 98%;
		margin: 0 auto 10%;
	}
}

.c5-only-sp,
.c5-only-1000sp,
.c5-only-900sp {
  display: none !important; }
@media screen and (max-width: 1000px) {
	.c5-only-1000sp {
		display: block!important;
	}
}
@media screen and (max-width: 900px) {
	.c5-only-900sp {
		display: block!important;
	}
}
@media screen and (max-width: 769px) {
  .c5-only-sp {
    display: block !important; }
  .c5-only-pc {
    display: none !important; }
	.c5-only-1000sp {
		display: none !important; }
}

.c5-menu__container {
	margin-top: 0;
	background: #ecf6fe;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
#drama_anime {
	margin-top: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

@media screen and (max-width: 769px) {
	.c5-menu__container {
		margin-top: 6%;
		padding-bottom: 6%;
	}
}
.c5-menu__inner {
	margin: 22px auto 20px;
	max-width: 1100px;
	width: 93%;
	overflow: hidden;
}
@media screen and (max-width: 769px) {
	.c5-menu__inner {
		margin-bottom: 10px;
	}
}
.c5-menu__inner img {
	width: 100%;
}
.c5-menu__inner li {
	list-style-type: none;
	line-height: 0;
	margin: 15px 0 0;
	padding: 0;
	background-color: #FFF;
}
.c5-sp-menu img,
.c5-menu__inner li img {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.c5-transition3 img {
	    -webkit-transition: all .3s;
    transition: all .3s;
}
.c5-sp-menu img:hover,
.c5-menu_btn img:hover {
	opacity: .6;
}
.c5-menu__inner li:first-child {
	margin-top: 0;
}
@media screen and (max-width: 769px) {
	.c5-menu__inner li {
		margin-top: 10px;
	}
	.c5-menu__inner li:first-child {
		margin-top: 0;
	}
}
.c5-menu_left {
	float: left;
	width: 47.5%;
	margin: 0;
	padding: 0;
}
.c5-menu_right {
	float: right;
	width: 47.5%;
	margin: 0;
	padding: 0;
}
.c5-menu_annotation_text {
	font-size: 13px;
	margin-bottom: 50px;
}
.c5-menu_annotation_text a {
	text-decoration: underline;
}
@media screen and (max-width: 769px) {
.c5-menu_annotation_text {
	clear: both;
	position: relative;
	overflow: hidden;
	font-size: 2.1vw;
	line-height: 1.5!important;
	background: none!important;
	width: 90%;
	margin: 0 auto;
}
.c5-menu_annotation_text span {
	font-size: 3.5vw;
	}
}
@media screen and (max-width: 769px) {
	.c5-menu_left,
	.c5-menu_right {
		width: 49%;
	}
}
.c5-title {
	margin: 100px auto 65px;
	max-width: 470px;
	width: 75%;
}
@media screen and (max-width: 769px) {
	.c5-title {
		margin: 13% auto 6%;
	}
}
.c5-title img {
	width: 100%;
}
.c5-subtitle-sp {
	color: #fff;
	max-width: 900px;
	width: 93%;
	margin: 105px auto 0;
	padding: .8%;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.3;
	background: linear-gradient(#2BACEE 50%, #008FD3);
	position: relative;
	overflow: visible;
}
.c5-subtitle-icon img {
	position: absolute;
	left: -7px;
	top: -7px;
	width: 102px;
}
@media screen and (max-width: 769px) {
	.c5-subtitle-sp {
		font-size: 28px;
		width: 85%;
		padding: 3%;
		margin-top: 15%;
	}
	.c5-subtitle-icon img {
		width: 75px;
		left: -5px;
		top: -5px;
	}
}
ul,li {
	list-style-type: none;
	padding: 0;
}
.c5-caption {
	background: #f0f0f0;
	max-width: 920px;
	width: 93%;
	margin: -10px auto 50px;
	display: flex;
	align-items: center;
}

.c5-caption-img {
	width: 18%;
	margin: 0 0 0 3%;
}
.c5-caption-img img {
	width: 100%;
}
.c5-caption-txt {
	text-decoration: none;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	width: 82%;
	margin: 2%;
}
@media screen and (max-width: 769px) {
	.c5-caption {
		display: block;
		width: 91%;
		overflow: hidden;
		position: relative;
		margin: 0 auto 3%;
	}
	.c5-caption-img {
		width: 45%;
		margin: 5% auto 0;
	}
	.c5-caption-txt {
		width: 90%;
		position: relative;
		margin: 0 5% 5% 5%;
		font-size: 12px;
		line-height: 1.7;
	}
}

.c5-subtitle {
	max-width: 900px;
	width: 93%;
	margin: 0 auto;
	text-align: center;
	border: solid #9fd3f9 4px;
	padding: 0.3%;
	font-size: 38px;
}
@media screen and (max-width: 769px) {
	.c5-subtitle {
		font-size: 28px;
		width: 85%;
		padding: 1%;
	}
}
.c5-subtitle-sp span,
.c5-subtitle span {
	font-size: 28px;
}
@media screen and (max-width: 769px) {
	.c5-subtitle span {
		font-size: 20px;
	}
}
.c5-readtext {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin: 65px auto 45px;
	position: relative;
	overflow: hidden;
}
.c5-readtext1 {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin: 35px auto 45px;
	position: relative;
	overflow: hidden;
}
.c5-readtext2 {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin: 35px auto 0;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 769px) {
	.c5-readtext,
	.c5-readtext2 {
		font-size: 15px;
		width: 89%;
		text-align: left;
		margin: 5% auto;
	}
	.c5-readtext1 {
		font-size: 15px;
		width: 89%;
		text-align: left;
		margin: 2% auto 5%;
	}
}
.c5-bg-sp {
	position: relative;
	margin-top: 20px;
	width:100%;
	height: 788px;
	overflow: visible;
	z-index: 0;
	background: url("../img/drama_anime_bg.jpg") no-repeat center center;
	background-size: 100%;
}
@media screen and (min-width: 1800px) {
	.c5-bg-sp {
		height: 1000px;
	}
}
@media screen and (max-width: 1350px) {
	.c5-bg-sp {
		height: 600px;
	}
}
@media screen and (max-width: 1155px) {
	.c5-bg-sp {
		background-size: 1155px;
	}
}
@media screen and (max-width: 769px) {
	.c5-bg-sp {
		height: auto;
	}
	.c5-bg-sp img {
		width: 100%;
	}
}

.c5-bg {
	position: relative;
	margin-top: 20px;
	width:100%;
	height:700px;
	overflow: hidden;
}
.c5-bg img {
	width: 100%;
}

@media screen and (max-width: 1155px) {
	.c5-bg img {
		position: absolute;
		left: 50%;
		width: 1155px;
		margin-left: -577px;
	}
}
@media screen and (max-width: 769px) {
	.c5-bg {
		margin-top: 1.3%;
		height: auto;
	}
	.c5-bg img {
		position: relative;
		width: 100%;
		margin: 0;
		left: 0;
	}
}
.c5-img1100,
.c5-img1100-btm20 {
	margin: 25px auto 70px;
	width: 93%;
	max-width: 1100px;
	position: relative;
}
.c5-img900-btm20 {
	margin: 25px auto 70px;
	width: 93%;
	max-width: 900px;
	position: relative;
}
.c5-img1000-300 {
	margin: -330px auto 0;
	width: 93%;
	max-width: 1000px;
	position: relative;
}
.c5-img1100-150 {
	margin: -150px auto 100px;
	width: 93%;
	max-width: 1100px;
	position: relative;
}
@media screen and (max-width: 1350px) {
	.c5-img1000-300 {
		margin: -250px auto 0;
	}
}
@media screen and (max-width: 1000px) {
	.c5-img1000-300 {
		margin: -150px auto 0;
	}
}
@media screen and (max-width: 769px) {
	.c5-img1100,
	.c5-img1000-300 {
		width: 100%;
		margin: 1.3% auto 0;
	}
	.c5-img1100-150,
	.c5-img1100-btm20,
	.c5-img900-btm20 {
		width: 100%;
		margin: 1.3% auto 20%;
	}
}

.c5-img800 {
	margin: 25px auto 70px;
	width: 93%;
	max-width: 800px;
}
.c5-img1100 img,
.c5-img1100-btm20 img,
.c5-img1100-150 img,
.c5-img1000-300 img,
.c5-img800 img,
.c5-img900-btm20 img {
	width: 100%;
}
@media screen and (max-width: 769px) {
	.c5-img800 {
		margin: 1.3% auto 20%;
		width: 100%;
	}
}
.c5-img1100-btm0 {
	margin: 25px auto 0;
	width: 100%;
	max-width: 1100px;
}
.c5-img1100-btm0 img {
	width: 100%;
}
@media screen and (max-width: 769px) {
	.c5-img1100-btm0 {
		margin-bottom: -10px;
	}
}
.c5-img1135 {
	margin: 0 auto;
	width: 93%;
	max-width: 1135px;
}
.c5-img1135 img {
	width: 100%;
}
@media screen and (max-width: 769px) {
	.c5-img1135 {
		width: 90%;
	}
}
.c5-sub__container {
	background: #f0f0f0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 100px;
	padding: 0!important;
}
@media screen and (max-width: 769px) {
	.c5-sub__container {
		margin: -22% auto 20%;
	}
}
.c5-col_subtitle {
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	margin: 80px auto 20px;
	position: relative;
	overflow: hidden;
	line-height: 1.4;
}
@media screen and (max-width: 769px) {
	.c5-col_subtitle {
		font-size: 22px;
		text-align: left;
		margin: 10% auto 2%;
		display: inline-block;
	}
}
.c5-col_title {
	margin: 0 auto;
	max-width: 373px;
	width: 80%;
}
@media screen and (max-width: 769px) {
	.c5-col_title {
		margin-bottom: 2%;
	}
}
.c5-col_title img {
	width: 100%;
}
.c5-plugin__container {
	background: #008fd3;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.c5-plugin__container ul {
	display: flex;
	max-width: 650px;
	width: 90%;
	margin: 20px auto 30px;
	padding: 0;
	list-style: none;
}
.c5-plugin__container ul li {
	padding: 1.5%;
}
.c5-plugin__container ul li:last-child {
	padding-right: 0;
}
.c5-plugin__container ul img {
	width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.c5-plugin__container ul img:hover {
	opacity: .8;
}
@media screen and (max-width: 550px) {
	.c5-plugin__container ul {
		flex-wrap: wrap;
	}
	.c5-plugin__container ul li {
		padding: 1.5% 5.5%;
	}
	.c5-plugin__container ul li:last-child {
		padding: 0;
	}
}

.c5-plugin_title {
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	margin: 45px auto 0;
	position: relative;
	overflow: hidden;
	color: #fff;
	line-height: 1.5;
}
.c5-plugin_text {
	font-size: 17px;
	text-align: center;
	margin: 20px auto 35px;
	position: relative;
	overflow: hidden;
	color: #fff;
	line-height: 2;
}
.c5-plugin_text a {
	text-decoration: underline;
}
.c5-plugin_text a:hover {
	color: #fff;
}
@media screen and (max-width: 769px) {
	.c5-plugin_title {
		font-size: 20px;
		margin-top: 35px;
	}
	.c5-plugin_text {
		font-size: 15px;
		margin-top: 10px;
		text-align: left;
		width: 90%;
		line-height: 1.8;
	}
}
.c5-annotation_text_ub {
	max-width: 900px;
	font-size: 13px;
	text-align: left;
	margin: 30px auto 0;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	line-height: 1.8;
	border-bottom: 1px solid;
}
.c5-annotation_text {
	max-width: 900px;
	font-size: 13px;
	text-align: left;
	margin: 20px auto 0;
	position: relative;
	overflow: hidden;
	line-height: 1.8;
	font-weight: normal;
}
.c5-annotation_text_banner {
	font-size: 13px;
	text-align: left;
	padding-left: 4%;
	padding-top: 5px;
}
.c5-annotation_text_title {
	font-size: 13px;
	text-align: left;
	padding-top: 8px;
	max-width: 930px;
	width: 95%;
	margin: 0 auto;
}
@media screen and (max-width: 769px) {
	.c5-annotation_text_ub,
	.c5-annotation_text {
		font-size: 10px;
	}
	.c5-annotation_text_banner {
		padding-left: 2%;
		font-size: 10px;
	}
	.c5-annotation_text_title {
		padding-left: 3%;
		font-size: 10px;
	}
}
.c5-annotation_text a,
.c5-annotation_text_ub a {
	text-decoration: underline;
}
.c5-sec__linkbtn {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
	.c5-sec__linkbtn a {
		width: 100%;
		font-size: 14px;
	}
}
.c5-model_title {
	margin: 155px auto 0;
	text-align: center;
	border: solid #008fd3 1px;
	padding: 0.3%;
	font-size: 35px;
	font-weight: bold;
	color: #008fd3;
}
@media screen and (max-width: 769px) {
	.c5-model_title {
		padding: 1%;
		font-size: 28px;
	}
}
.c5-model_subtitle {
	width: 93%;
	margin: 60px auto 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.c5-model_subtitle2 {
	width: 93%;
	margin: 20px auto 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 769px) {
	.c5-model_subtitle {
		font-size: 20px;
		margin-top: 10%;
	}
	.c5-model_subtitle2 {
		margin-top: 20%;
		font-size: 20px;
	}
}
.c5_4kchoice__list {
	margin-top: 35px;
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.c5_4kchoice__list a {
	text-decoration: none;
}
.c5_4kchoice__prod {
  width: 32%;
  list-style: none;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 2%;
}
.c5_4kchoice__prod_last {
  width: 32%;
  list-style: none;
  text-align: center;
  margin-bottom: 40px;
}
.c5_4kchoice__list li img {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c5_4kchoice__list {
    display: block;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
  .c5_4kchoice__list li {
    width: 100%;
  }
}
.c5_4kchoice__btn2 {
  text-align: center;
  background-color: #5787f4;
  color: #fff;
  padding: 10px 0;
  display: block;
  min-width: 80%;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.c5_4kchoice__btn2 span {
  text-align: center;
  font-size: 16px;
  position: relative;
  color: #fff;
}
.c5_4kchoice__btn2 span::before {
  content: "";
  text-align: center;
  position: absolute;
  background: url(../img/ico_arrow2.png) left top no-repeat;
  left: -20px;
  top: 0.2em;
  width: 8px;
  height: 12px;
  background-size: 8px;
}
.c5_4kchoice__btn2.to_product {
  margin-top: 50px;
  min-width: 30%;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .c5_4kchoice__btn2.to_product {
    margin-top: 50px;
    min-width: 80%;
    width: 80%;
  }
}
.s5-listItem4__store {
  padding: 0;
  width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.s5-listItem4__store .s5-storeButton{
  font-size: 16px;
}
.c5-bd_choice_title {
	margin: 30px auto 0;
	max-width: 558px;
}
.c5-bravia_cp_title {
	margin: 50px auto 0;
	max-width: 565px;
}
.c5-bd_choice_title img,
.c5-bravia_cp_title img {
	width: 100%;
}
.c5-bd_choice_br {
	margin: 20px auto;
	width: 100%;
}
.c5-bravia_cp_title2 {
	font-size: 30px;
	font-weight: bold;
	margin: 60px auto 20px;
	color: #008fd3;
	text-align: center;
	line-height: 1.3;
}
.c5-bravia_cp_stitle {
	font-weight: normal;
	font-size: 15px;
	display: block;
}
@media screen and (max-width: 850px) {
	.c5-bravia_cp_title2 {
		font-size: 3.5vw;
	}
	.c5-bravia_cp_stitle {
		font-size: 2vw;
	}
}
@media screen and (max-width: 768px) {
	.c5-bravia_cp_title2 {
		font-size: 6vw;
	}
	.c5-bravia_cp_stitle {
		font-size: 3vw;
	}
}
.c5-bravia_cp_br {
	margin: 20px auto;
	width: 100%;
}
.c5-bd_choice_br img,
.c5-bravia_cp_br img {
	width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.c5-bd_choice_br img:hover,
.c5-bravia_cp_br img:hover {
	opacity: .6;
}