@charset "utf-8";

/* ==================================================
[Style]
	 1. Reset
	 2. General
	 3. Header
	 4. Main img
	 5. Content
	 6. Footer
	 7. Index
	 8. News
	 9. SERVICE
	10. STB2（ケーブルプラスSTB-2）
	11. SHINTIKU（新築）
	12. COMMUNITY-CH（コミュニティチャンネル）
	13. USER（ユーザーページ）
	14. REPORT（取材情報）
	15. BUSINESS（法人サービス）
	16. SERVICEARA（サービスエリア）
	17. COMPANY（会社概要）
	18. COVENANT（契約約款・利用規約）
	19. POLICY（個人情報の保護に関する宣言）
	20. SITEMAP（サイトマップ）
	21. BEFORE_USE（ご利用の前に）
	22. Print-css
	23. 中学総体特設
	24. electricity電気
	25. streaming 動画配信

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

/* ---------------------------------------------------------------
	 1. Reset
--------------------------------------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* add to
---------------------------------------------------------- */
html{
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}
*, *:before, *:after{
	box-sizing: inherit;
}

main{
	display: block;
	background: #ebebeb;
	overflow: hidden;
}

article{
	margin: 70px;
	padding: 60px 50px;
	background: #fff;
}
section{
	max-width: 1000px;
	margin: 0 auto 100px;
	overflow: hidden;
}
section:last-child{
	margin-bottom: 0;
}
img {
	border-style: none;
}

button, input, select, textarea {
	font-family: inherit;
	font-weight: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/* SP */
@media only screen and (max-width: 896px) {
	main{
		background: #fff;
	}
	article{
		margin: 0;
		padding: 0 3%;
	}
}

/* ---------------------------------------------------------------
	 2. General
--------------------------------------------------------------- */
body {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	word-break: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	text-align: left;
}
.inner,
.inner_s{
	margin: 0 auto 3em;
	overflow: hidden;
}
.inner_s{
	width: 100%;
	max-width: 880px;
}
header:after,
#content:after,
section:after,
.inner:after,
.inner_s:after,
.edit:after{
	content:" ";
	display:block;
	clear:both;
}
a {
	color: #e53278;
	text-decoration: none;
}
a[href^="tel:"]{
	text-decoration: none;
	color: #333;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
del{
	font-style: line-through;
}
sup, sub {
	line-height: 1.35;
	font-size: 10px;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
img{
	max-width: 100%;
	height: auto !important;
}

/* PC */
@media all and (min-width: 897px) {
	body{
		min-width: 1200px;
	}
	.pc_no_inner{
		width: auto;
	}
	table{
		max-width: 100%;
		max-width: 1200px;
	}
	a,
	a img{
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
		-moz-transition-property: background-color, color, opacity;
		-webkit-transition-property: background-color, color, opacity;
		-o-transition-property: background-color, color, opacity;
		-ms-transition-property: background-color, color, opacity;
		transition-property: background-color, color, opacity;
	}
	a:hover{
		opacity: 0.7;
		text-decoration: none;
	}
	a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	a[href^="tel:"]{
		cursor: default;
		pointer-events: none;
	}
}
/* SP */
@media only screen and (max-width: 896px) {
	body{
		width: 100%;
		min-width: 320px;
	}
	body:not(.index) #content{
		padding-bottom: 100px;
	}
	.inner{
		margin: 0 3vw 30px;
	}
	.sp_no_inner{
		margin: 0;
	}
	table{
		width: 100% !important;
		table-layout: fixed;
	}
	img{
		max-width: 100%;
	}
}


/* ---------------------------------------------------------------
	 3. Header
--------------------------------------------------------------- */
header{
	position: fixed;
	width: 100%;
	background-color: rgba(255,255,255,1);
	z-index: 100;
	top: 0;
	left: 0;
	text-align: center;
}
.logo a{
	display: block;
	width: calc(382px / 2);
	height: calc(132px / 2);
	background: url("./image/logo.png") no-repeat left top;
	background-size: contain;
	text-indent: -9999px;
}

/* PC */
@media all and (min-width: 897px) {
	header{
		height: 100%;
		max-width: 240px;
		display:-webkit-box;
		display: flex;
		float: left;
		border-right: 1px solid #ccc;
	}
	h1{
		height: 60px;
		display: block;
		margin: 55px auto 0;
	}
	.logo a{
		width: calc(360px / 2);
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	header{
		height: 67px;
		border-bottom: 1px solid #ccc;
	}
	header .inner{
		margin: 0;
	}
	h1{
		width: 160px;
	}
	.logo a{
		margin: 8px 0 0 8px;
		width: 160px;
		height: 50px;
	}
}


/* wrap_menu
-------------------------------------------------- */
/* PC */
@media all and (min-width: 897px) {
	.wrap_menu{;
		position: relative;
	}
}



/* sub_menu sns_menu
-------------------------------------------------- */
.sns_menu{
	overflow: hidden;
}
.sns_menu ul{
	text-align: center;
	font-size: 0;
}
.sns_menu ul li a{
	display: block;
	width: 35px;
	height: 35px;
	font-size: 0;
}
.sns_menu ul li.facebook a{
	background: url("./image/icon_facebook.png") no-repeat;
	background-size: 32px 32px;
	background-position: center 0;

}
.sns_menu ul li.instagram a{
	background: url("./image/icon_instagram.png") no-repeat;
	background-size: 35px 35px;
	background-position: center 0;

}
.sns_menu ul li.line a{
	background: url("./image/icon_line.png") no-repeat;
	background-size: 35px 33px;
	background-position: center 0;
		width: 70px;
}

/* PC */
@media all and (min-width: 897px) {
	.sub_menu{
		display: none;
	}
	.sns_menu{
		margin:12px auto;
	}
	.sns_menu ul li{
		list-style: none;
		display: inline-block;
	}
	.sns_menu ul li.facebook{
		margin-right: 5%;
	}
	.sns_menu ul li a{
		width: auto;
		font-size: 0.75rem;
		padding-top: 35px;
		color: #9c9c9c;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.sub_menu ul li{
		text-align: center;
		list-style: none;
		border-bottom: 1px solid #fff;
	}
	.sub_menu ul li a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		font-size: 0.937rem;
		height: 35px;
		line-height: 35px;
	}
	.sns_menu{
		margin: 20px auto;
	}
	.sns_menu ul li{
		list-style: none;
		display: inline-block;
	}
	.sns_menu ul li.facebook a{
		background: url("./image/icon_facebook_white.png") no-repeat;
		background-size: 32px 32px;
	}
		.sns_menu ul li.instagram a{
		background: url("./image/icon_instagram_white.png") no-repeat;
		background-size: 32px 32px;
		margin: 0px 20px;
	}
	.sns_menu ul li.line a{
		background: url("./image/icon_line_white.png") no-repeat;
		background-size: 35px 33px;
	}
}


/* global_menu
-------------------------------------------------- */
#global_menu ul li a{
	display: block;
	width: 100%;
	position: relative;
	text-decoration: none;
	color: #000;
	text-align: center;
	font-size: 15px;
}

/* PC */
@media all and (min-width: 897px) {
	#bgr_btn{
		display: none;
	}
	#global_menu{
		width: 240px;
		position: relative;
		display: block;
	}
	#global_menu > ul{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#global_menu ul li{
		display: block;
		text-align: center;
		position: relative;
		vertical-align: middle;
		border-bottom: 1px solid #ccc;
	}
	#global_menu ul li.top{
		display: none;
	}
	#global_menu ul li.service{
		border-top: 1px solid #ccc;
	}
	
	#global_menu ul li.netflix,.dazn{
		height: 91px
	}	
	
	
	#global_menu ul li a::before{
		display: inline-block;
		content: "";
		position: absolute;
		left: 20px;
		top: 12px;
		margin: 0 auto;
		width: 33px;
		height: 33px;
		background: transparent no-repeat center center;
		background-size: contain;
	}
	#global_menu ul li.service a::before{
		background-image: url("./image/global_menu_service.png");
	}
	#global_menu ul li.value a::before{
		background-image: url("./image/global_menu_value.png");
	}
	#global_menu ul li.guide a::before{
		background-image: url("./image/global_menu_guide.png");
	}
	#global_menu ul li.report a::before{
		background-image: url("./image/global_menu_report.png");
	}
	#global_menu ul li.news a::before{
		background-image: url("./image/global_menu_news.png");
	}
	#global_menu ul li.campaign a::before{
		background-image: url("./image/global_menu_campaign.png");
	}
	#global_menu ul li.user a::before{
		background-image: url("./image/global_menu_user.png");
	}
	#global_menu ul li.business a::before{
		background-image: url("./image/global_menu_business.png");
	}	
	#global_menu ul li.netflix a::before{
		background: url(./image/global_menu_netflix.png) ;
		left: 10px;
		top: 0px;	
		width: 220px;
		height: 90px;
		text-indent: -9999px;
	}
	
	#global_menu ul li.dazn a::before{
		background-image: url("./image/global_menu_dazn.png");
		left: 10px;
		top: 0px;	
		width: 220px;
		height: 90px;
		text-indent: -9999px;
	}
	#global_menu ul li a{
		display: block;
		text-align: left;
		font-weight: bold;
		padding: 5px 0 7px 80px;
	}
	#global_menu ul li a span{
		display: block;
		font-size: 11px;
		font-family: Arial, Helvetica, "sans-serif";
		color: #9c9c9c;
		letter-spacing: 2px;
		font-style: italic;
	}

	
	
	body.service #global_menu ul li.service a,
	body.value #global_menu ul li.value a,
	body.guide #global_menu ul li.guide a,
	body.report #global_menu ul li.report a,
	body.news #global_menu ul li.news a,
	body.campagin #global_menu ul li.campagin a,
	body.user #global_menu ul li.user a,
	body.business #global_menu ul li.business a{
		color: #e53278;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.toggleWrap{
		background: #009ca5;
		padding: 67px 0;
	}
	#global_menu{
		width: 100%;
		top: 60px !important;
		z-index: 110;
	}
	#global_menu ul{
		font-size: 0;
		border-top: 1px solid #fff;
	}
	#global_menu ul li{
		border-bottom: 1px solid #fff;
		font-size: 16px;
	}
	#global_menu ul li{
		display: inline-block;
		width: 50%;
	}
	#global_menu ul li:nth-child(2n-1){
		border-right: 1px solid #fff;
	}
	#global_menu ul li a{
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-size: 1.125rem;
		font-weight: bold;
	}
	#global_menu ul li a span{
		display: none;
	}
}

/* page_menu
-------------------------------------------------- */
.page_menu{
	display: block;
	margin: 30px auto;
	text-align: center;
	font-size: 0;
}	
.page_menu ul li{
	text-indent: inherit !important;
	font-size: 0.937rem;
}
.page_menu ul li::before{
	display: none !important;
}
.page_menu ul li{
	display: inline-block;
	list-style: none;
	padding: 2px 15px !important;
	margin: 0.5% !important;
	border: 1px solid #e53278;
	border-radius: 25px;
	font-weight: bold;
	background: #FDF1F6;
}

/* PC */
@media all and (min-width: 897px) {
	.page_menu{
		margin-bottom: 60px;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.page_menu{
		margin-bottom: 60px;
	}
	.page_menu ul{
		font-size: 0;
		text-align: center;
	}
	.page_menu ul li{
		position: relative;
		display: inline-block;
		vertical-align: text-top;
		width: 48%;
		min-height: 32px;
		margin: 0 0.5% 12px !important;
		line-height: 1;
		padding: 2px 0 !important;
	}
	.page_menu ul li.odd_last{
		text-align: center;
	}
	
	.page_menu ul li a{
		display: inline-block;
		font-size: 0.875rem;
		position: absolute;
		width: 90%;
		top: 51%;
  		left: 52%;
		transform: translateY(-51%) translateX(-52%); 
	}
}

/* more small SP */
@media only screen and (max-width: 374px) {
	.page_menu ul li a{
		font-size: 0.75rem;
	}
}



/* ---------------------------------------------------------------
	 4. Main img
--------------------------------------------------------------- */
#all{
	padding-left: 240px;
}
#main_img,
#main_img_2{
	text-align: center;
	display: block;
	position: relative;
}
body.index #main_img{
	height: inherit;
}

/* PC */
@media all and (min-width: 897px) {
	body.index #main_img{
		min-height: 420px;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	#all{
		padding-top: 67px;
		padding-left: 0;
	}
}



/* ---------------------------------------------------------------
	 5. Content
--------------------------------------------------------------- */
.cf:after {
	content:" ";
	display:block;
	clear:both;
}
.big{
	font-size: 1.125rem;
}
.small{
	font-size: 0.75rem;
}
.caption{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.color_red{
	color: #cd3b3a;
}
.align_center{
	text-align: center;
}
.align_left{
	text-align: left;
}
.align_right{
	text-align: right;
}
.center{
	display: block;
	margin: auto;
}
.left{
	float: left;
	margin-right: 25px;
}
.right{
	float: right;
	margin-left: 25px;
}
.scroll_y{
	overflow-y: scroll;
	padding-right: 1em;
}
.kome,
.kome_number{
	line-height: 24px;
	letter-spacing: 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-top: 0.7em;
	font-size: 0.75rem;
}
.kome_number{
	padding-left: 2.3em;
	text-indent: -2.3em;
}
.kome + .kome,
.kome_number + .kome_number{
	margin-top: 0;
}
.kome::before,
.kome_number::before{
	content: "\203b";
}

/* PC */
@media all and (min-width: 897px) {
	.br_sp{
		display: none;
	}
	.w60{
		width: 60%;
		margin: auto;
	}
	.w70{
		width: 70%;
		margin: auto;
	}
	.display_sp{
		display: none;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.left,
	.right{
		display: block;
		float: none;
		margin: 0 auto 10px auto;
	}
	.left img,
	.right img{
		display: block;
		margin: 0 auto 10px auto;
	}
	.scroll{
		overflow-x: scroll;
		padding-bottom: 1em;
	}
	#content .center{
		text-align: left;
	}
	.br_pc{
		display: none;
	}
	.sp_left{
		text-align: left;
	}
	.display_pc{
		display: none !important;
	}
}

.mt1{
	margin-top: 1em;
}
.mt3{
	margin-top: 3em;
}
.mb1{
	margin-bottom: 1em;
}
.mb3{
	margin-bottom: 3em;
}
a.gaibu::after{
	content: "";
	background: url("image/icon_blank.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin: 0 0.2em;
}

body:not(.index) section a[href$=".pdf"]::after{
	content: "";
	background: url("image/icon_pdf.png") no-repeat right bottom;
	background-size: contain;
	display: inline-block;
	width: 33px;
	height: 15px;
	margin: 0 0 -0.1em 0.3em;
}
.page_menu a[href$=".pdf"]::after,
.no_style_ul a[href$=".pdf"]::after{
	display: none;
}


/* タイトル
---------------------------------------------------------- */
h2{
	clear: both;
	position: relative;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.2;
}
body.index h2{
	text-align: center;
	margin-bottom: 50px;
}
h2 span{
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 1.125rem;
	font-style: italic;
	letter-spacing: 2px;
	color: #e53278;
	display: block;
	margin-bottom: 1em;
}
h2 span::before{
	content: "";
	position: absolute;
	border-bottom: 3px solid #e43178;
	width: 40px;
	top: 1.5rem;
	left: 70px;
}
body.index h2 span::before{
	left: 50%;
	margin-left: -20px;
}
h2.h2_pagein{
	margin-top: 150px;
}
h3,h4{
	clear: both;
	position: relative;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	margin: 40px auto 20px;
	line-height: 1.3;
}
h4{
	font-size: 1.375rem;
}
h3::before,
h4::before{
	content: "";
	position: absolute;
	border-bottom: 3px solid #e43178;
	width: 30px;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}
h5,
h6{
	clear: both;
	text-align: center;
	font-size: 1.3125rem;
	margin: 30px auto 15px;
}
h6{
	font-size: 1.1875rem;
}

/* SP */
@media only screen and (max-width: 896px) {
	h2{
		font-size: 1.375rem;
		margin-top: 30px;
	}
	body.index h2{
		margin: 50px auto 30px;
	}
	h2 span{
		font-size: 0.812rem;
	}
	h2 span::before{
		left: 55px;
		width: 30px;
		top: 1.4em;
	}
	body.index h2 span::before{
		margin-left: -15px;
	}
	h3{
		margin-top: 130px;
		margin: 20px auto;
	}
}


/* テーブル／ULOL
---------------------------------------------------------- */
table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
	margin: 1em auto;
}
body:not(.news_detail) table{
	width: 100%;
}
table[align="center"]{
	margin-left: auto;
	margin-right: auto;
}
article table th,
article table td{
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.8em 1em;
	font-size: 1rem;
	font-weight: normal;
}
article table th,
article table.table_mono th{
	font-weight: bold;
	text-align: center;
	background: #d6eded;
}
article table.table_mono th{
	background: #ddd;
}
article table tr.bg_y th,
article table tr.bg_y td{
	background: #FCFCC9;
	font-weight: bold;
	color: #000;
}
table.align_center td{
	text-align: center;
}
caption{
	text-align: left;
}
.tb_w100{
	width: 100%;
}

/* PC */
@media all and (min-width: 897px) {
	article table th{
		min-width: 8em;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	table{
		border-bottom: none;
	}
	article table th,
	article table td{
		display: block;
		padding: 0.5em 3vw;
	}
	body:not(.news_detail) article table th{
		min-width: 6em;
	}
	.scroll table th,
	.scroll table td,
	table.table_cell th,
	table.table_cell td{
		display: table-cell;
	}
	.scroll table{
		min-width: 800px;
	}
}

article ul:not(.no_style_ul),
article ol:not(.no_style_ol){
	margin: 10px 0;
}
article ol:not(.no_style_ol){
	counter-reset: li;    /* li のカウンタを 0 にセット */ 
    list-style: none;
}
article ul:not(.no_style_ul) li,
article ol:not(.no_style_ol) li{
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 22px;
	position: relative;
}
article ul:not(.no_style_ul) li::before{
	content: "●";
	color: #009ca5;
	font-size: 0.875rem;
	width: 20px;
	height: 2em;
	display: inline-block;
	padding-top: 2px;
	position: absolute;
	left: 0;
}
article ol:not(.no_style_ol) li::before{
	color: #009ca5;
    font-weight: bold;
    counter-increment: li;/* li の数を一つずつ増加 */
    content: counter(li) ". "; /* 数を表示 */
}
article ul:not(.no_style_ul) li ul{
	margin-left: 1em;
}
article ul:not(.no_style_ul) li li::before{
	content: "・";
	color: #000;
	width: 1em;
}
.mb1 li:not(:last-child){
	margin-bottom: 1em;
}

article dl{
	font-size: 1rem;
	margin-bottom: 2em;
}
article dl dt{
	color: #009ca5;
	font-weight: bold;
}
article dl dd{
	margin-left: 1em;
}
article dl.dl_a{
	margin-bottom: 2em;
}
article dl.dl_a dt{
	background: #009ca5;
	color: #fff;
	font-size: 1.25rem;
	padding: 5px 15px;
}
article dl.dl_a dd{
	margin-left: 0;
	padding: 10px 15px;
	border: 1px solid #009ca5;
	overflow: hidden;
}


/* form
---------------------------------------------------------- */
body.contact table td span{
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
}
body.contact span.hissu{
	padding: 2px 7px;
	margin-left: 10px;
	font-size: 0.75rem;
	background: #cd3b3a;
	border-radius: 3px;
	color: #fff;
}
input[type^="text"],
input[type^="tel"],
input[type^="email"],
textarea{
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 3px;
	margin: 3px;
}
input.width_40{
	width: 40%;
}
input.width_30{
	width: 29.5%;
}
input.width_20{
	width: 23%;
	min-width: 150px;
}
input.width18{
	width: 18%;
	min-width: 80px;
}
input.width10{
	width: 15%;
	min-width: 65px;
}
input[type="submit"],input[type="reset"],input[type="button"]{
	min-width: 220px;
	padding:15px 30px;
	margin: 5px 10px;
	background: #00363A;
	border:0;
	line-height:1.5;
	font-size:100%;
	color:#fff;
	cursor: pointer;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	opacity: 0.8;
	transition: 0.3s;
}
.form_btn{
	text-align: center;	
	margin: 2em auto 5em;
}
.form_btn form{
	display: inline-block;
}

body.contact table tr.err input,
body.contact table tr.err textarea{
	border: 1px solid #cd3b3a;
}
body.contact table .err_text{
	font-size: 0.75rem;
	font-weight: bold;
	color: #cd3b3a;
}

/* PC */
@media all and (min-width: 897px) {
	body.contact table th{
		width: 20%;
		min-width: 180px;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	input.width_40,
	input.width_20{
		width: 100%;
	}
}

/* basic
---------------------------------------------------------- */

/* btn
-------------------------------------------------- */
.basic_btn,
.basic_btn_white{
	display: inline-block;
	text-decoration: none;
	background-color: #e53278;
	border: 1px solid #e53278;
	border-radius: 40px;
	margin: 0.5em 1em;
	min-width: 300px;
	text-align: center;
	padding: 18px 60px 18px 40px;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 1;
}
.basic_btn_white{
	background-color: #fff;
	border: 1px solid #e53278;
	color: #e53278;
}
.basic_btn::after,
.basic_btn_white::after{
	content: "";
	background: url("image/icon_arrow_white.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 9px;
	height: 16px;
	position: absolute;
	right: 1.5em;
	top: 38%;
	transition: .3s;
}
.basic_btn_white::after{
	background: url("image/icon_arrow.png") no-repeat right center;
	background-size: contain;
}
.basic_btn:hover,
.basic_btn_white:hover,
.text_btn:hover{
	opacity: 0.8;
}
.text_btn{
	display: inline-block;
	position: relative;
	color: #000;
	font-size: 0.937rem;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 23px;
	margin: 1em 1.5em 1em auto;
}
.text_btn::after{
	content: "";
	background: url("image/icon_arrow_disc.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 0.2em;
	transition: .3s;
}
.text_btn:hover{
	text-decoration: underline;
}

/* SP */
@media only screen and (max-width: 896px) {
	.basic_btn,
	.basic_btn_white{
		display: block;
		width: auto;
		min-width: inherit;
		margin: 10px auto;
	}
}


/* ul_2col
-------------------------------------------------- */
.ul_2col,
.ul_3col,
.ul_4col{
	list-style: none;
	margin: 0;
}
.ul_2col > li{
	margin-bottom: 0em;
}
.ul_3col > li{
	margin-bottom: 1.5em;
}
.ul_2col > li img,
.ul_3col > li img,
.ul_4col > li img{
	display: block;
	margin: auto;
}
.ul_2col li strong,
.ul_3col li strong,
.ul_4col li strong{
	display: block;
	text-align: center;
	font-size: 1.125rem;
	color: #e53278;
	margin: 0.5em;
}
.ul_2col li strong span,
.ul_3col li strong span,
.ul_4col li strong span{
	display: block;
	font-size: 1rem;
}

/* PC */
@media all and (min-width: 897px) {
	.ul_2col,
	.ul_3col,
	.ul_4col{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ul_3col::after{
		content:"";
		display: block;
		width: calc(100% / 3);
	}
	.ul_2col > li{
		width: 49.8%;
		padding: 0 0.8%;
	}
	.ul_3col > li{
		width: 33.3%;
		padding: 0 0.8%;
	}
	.ul_4col > li{
		width: 24.8%;
		padding: 0 0.8%;
	}
}


/* box
-------------------------------------------------- */
.focus,
.attention,
.contact_box{
	width: 100%;
	max-width: 1000px;
	padding: 20px 30px;
	margin: 30px auto;
	border-radius: 5px;	
	overflow: hidden;
}
.focus{
	border: 1px solid #009ca5;
}
.attention{
	border: 2px dashed #e53278;
}
.contact_box{
	max-width: 800px;
	border: 1px solid #ccc;
	text-align: center;
}
.focus .title,
.attention .title,
.contact_box .title{
	display: block;
	color: #009ca5;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.attention .title{
	color: #e53278;
}
.contact_box strong{
	display: block;
	font-size: 1.5rem;
	margin-bottom: 0.5em;
}
.contact_box strong a{
	font-family: Arial, Helvetica, "sans-serif";
}
.contact_box .kome{
	font-size: 0.75rem;
}

/* SP */
@media only screen and (max-width: 896px) {
	.focus,
	.attention,
	.contact_box{
		padding: 20px;
	}
	.contact_box p{
		text-align: left;
	}
}
	
	
	
/* head_2nd
-------------------------------------------------- */
#head_2nd{
	display: block;
	clear: both;
	height: 170px;
	background: #fff;
	overflow: hidden;
}
#head_2nd h2{
	display: inline-block;
	margin: 40px 0 30px 50px;
	padding-left: 70px;
	min-width: 300px;
	overflow: hidden;
}
#head_2nd h2::before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background: transparent no-repeat center center;
	background-size: contain;
}
body #head_2nd h2::before{
	background-image: url("./image/global_menu_service.png");
}
body.tv #head_2nd h2::before{
	background-image: url("./image/global_menu_tv.png");
}
body.net #head_2nd h2::before{
	background-image: url("./image/global_menu_net.png");
}
body.phone #head_2nd h2::before{
	background-image: url("./image/global_menu_phone.png");
}
body.smartphone #head_2nd h2::before{
	background-image: url("./image/global_menu_smartphone.png");
}
body.stb2 #head_2nd h2::before{
	background-image: url("./image/global_menu_stb2.png");
}
body.shinchiku #head_2nd h2::before{
	background-image: url("./image/global_menu_shinchiku.png");
}
body.community-ch #head_2nd h2::before{
	background-image: url("./image/global_menu_community-ch.png");
}
body.value #head_2nd h2::before{
	background-image: url("./image/global_menu_value.png");
}
body.report #head_2nd h2::before{
	background-image: url("./image/global_menu_report.png");
}
body.news #head_2nd h2::before{
	background-image: url("./image/global_menu_news.png");
}
body.campaign #head_2nd h2::before{
	background-image: url("./image/global_menu_campaign.png");
}
body.user #head_2nd h2::before{
	background-image: url("./image/global_menu_user.png");
}
body.business #head_2nd h2::before{
	background-image: url("./image/global_menu_business.png");
}
body.electricity #head_2nd h2::before{
	background-image: url("./image/global_menu_electricity.png");
}
body.streaming #head_2nd h2::before{
	background-image: url("./image/global_menu_streaming.png");
}
body.other #head_2nd h2::before{
	background-image: url("./image/global_menu_other.png");
}
body.program #head_2nd h2::before{
	background-image: url("./image/global_menu_guide.png");
}

#head_2nd ul{
	float: right;
	display: inline-block;
	width: calc( 100% - 440px );
	text-align: right;
	margin: 5% auto 95%;
	font-size: 0;
}
#head_2nd ul li{
	display: inline-block;
	margin: 3px 1.5% 3px 0;
}
#head_2nd ul li a{
	display: block;
	background-color: #fff;
	border: 1px solid #e53278;
	border-radius: 15px;
	padding: 0 25px;
	color: #e53278;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.8;
	min-width: 90px;
}
#head_2nd ul li.current a{
	background-color: #e53278;
	color: #fff;
}
#head_2nd ul li a:hover{
	transition: 0.5;
	background-color: #e53278;
	color: #fff;
}

/* SP */
@media only screen and (max-width: 896px) {
	#head_2nd,
	#head_2nd h2,
	#head_2nd ul{
		display: block;
		width: 100%;
		float: none;
	}
	#head_2nd{
		height: auto;
		padding: 20px 2% 30px;
	}
	#head_2nd h2{
		margin: 0 0 40px 5%;
		padding-left: 55px;
		min-width: inherit;
		width: auto;
	}
	#head_2nd h2::before{
		width: 35px;
		height: 35px;
		top: 15px;
	}
	#head_2nd ul{
		margin: 0 auto;
		text-align: left;
	}
	#head_2nd ul li a{
		font-size: 0.937rem;
	}
}



/* breadline
-------------------------------------------------- */
.breadline::after{
	content: " ";
	display: block;
	clear: both;
}
.breadline ul{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	border-top: 1px solid #ccc;
	background: #d9d9d9;
	padding: 5px 0 5px 10px;
}
.breadline ul li{
	list-style: none;
	display: inline;
	font-size: 13px;
	color: #606060;
}
.breadline ul li:not(:last-child):after{
	content: "\003e";
	margin: 0 0.8em;
	color: #6d6d6d;
	font-weight: bold;
}
.breadline ul li a{
	color: #606060;
	text-decoration: none;
}
.breadline ul li a:hover{
	text-decoration: underline;
}


/* SP */
@media only screen and (max-width: 896px) {
	.breadline{
		display: none;
	}
}


/* pagination
-------------------------------------------------- */
.pagination{
	text-align: center;
	margin-top: 70px;
}
.pagination ul li {
	display: inline-block;
	list-style: none;
	margin: 0 2px;
}
.pagination ul li a {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #e43178;
	border-radius: 3px;
	background: #fff;
	color: #e43178;
	font-size: 1rem;
	text-decoration: none;
}
.pagination ul li a:hover, .pagination ul li.current a {
	border: 1px solid #e43178;
	background: #e43178;
	color: #fff;
}
.pagination_detail{
	clear: both;
	text-align: center;
	margin-top: 5em;
}

/* SP */
@media only screen and (max-width: 896px) {
	.pagination{
		margin: 60px 0 0;
	}
}


/* pagetop
-------------------------------------------------- */
#pagetop {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 5;
}
#pagetop a {
	display: block;
	overflow: hidden;
	font-size: 0;
	width: 68px;
	height: 68px;
	background: url("image/pagetop.png") no-repeat center center;
	background-size: contain;
}

/* SP */
@media only screen and (max-width: 896px) {
	#pagetop a {
		 width: 55px;
		height: 55px;
	}
}


/* secondary
-------------------------------------------------- */
#secondary{
	z-index: 3;
	width: 100%;
	bottom: -110px;
	position: fixed;
	-webkit-transition: bottom .8s;
	transition: bottom .8s;
	box-sizing: border-box;
	background: #e53278;
  }
#secondary.fixed{
	bottom: 0;
 }
#secondary ul{
	width: 100%;
	font-size: 0;
	background: #e53278;
}
#secondary ul li{
	width: 50%;
	margin-bottom: 0;
	text-align: center;
}
#secondary ul li:nth-child(2){
	background: #009ca5;
}
#secondary ul li .basic_btn{
	border: 1px solid #fff;
	padding: 18px 40px;
}
#secondary ul li .basic_btn:after{
	display: none;
}
#secondary ul li span{
	display: block;
	font-size: 2.125rem;
	margin: 15px auto 0;
}
#secondary ul li span a{
	color: #fff;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: bold;
	padding-left: 43px;
	background: url("./image/txt_tel.png") no-repeat;
	background-position: 0 center;
	background-size: 38px 25px;
}

/* PC */
@media all and (min-width: 897px) {
	#secondary{
		display: -webkit-box;
		display: flex;
		float: left;
		padding-left: 240px;
		min-width: 1200px;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	#secondary ul.ul_2col{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	#secondary ul li{
		padding: 5px 0;
	}
	#secondary ul li span{
		font-size: 1.25rem;
		margin-top: 5px;
	}
	#secondary ul li span a{
		padding: 5px 0 5px 28px;
		background-size: 25px 16px;
	}
	#secondary ul li a.basic_btn{
		font-size: 10px;
		padding: 5px 10px;
		margin: 5px;
		width: auto;
		min-width: inherit;
	}
	#secondary ul li a.basic_btn::after{
		display: none;
	}
}




/* ---------------------------------------------------------------
	 6. Footer
--------------------------------------------------------------- */
footer{
	background: #474747;
	color: #fff;
}

/* SP */
@media only screen and (max-width: 896px) {
	footer::before{
		height: 145px;
	}
}


/* foot_menu
---------------------------------------------------------- */
.foot_menu ul{
	text-align: center;
	margin: 0 auto;
	background: #ebebeb;
	border-top: 1px solid #ccc;
	font-size: 0;
}
.foot_menu li{
	display: inline-block;
	width: 50%;
	text-align: center;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
.foot_menu li:nth-child(2n-1){
	border-right: 1px solid #ccc;
}
.foot_menu li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 0.937rem;
	height: 78px;
	line-height: 78px;
}

/* SP */
@media only screen and (max-width: 896px) {
	.foot_menu li a{
		height: 60px;
		line-height: 60px;
		font-size: 0.812rem;
	}
}

/* more small SP */
@media only screen and (max-width: 374px) {
	.foot_menu li a{
		font-size: 0.687rem;
	}
}


/* foot_menu_under
---------------------------------------------------------- */
/* PC */
@media all and (min-width: 897px) {
	.foot_menu_under{
		margin: 0;
		position: relative;
	}
}

/* foot_about
---------------------------------- */
.foot_about{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #e53278;
}
.foot_about div{
	width: 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 60px 0 40px; 
}
.foot_about div:nth-child(2){
	background: #009ca5;
}
.foot_about .basic_btn{
	border: 1px solid #fff;
	padding: 18px 40px;
}
.foot_about .basic_btn:after{
	display: none;
}
.foot_about span{
	display: block;
	font-size: 2.125rem;
}
.foot_about span a{
	color: #fff;
	font-family: Arial, Helvetica, "sans-serif";
	padding-left: 43px;
	background: url("./image/txt_tel.png") no-repeat;
	background-position: 0 center;
	background-size: 38px 25px;
}
.foot_about dl{
	margin: 10px auto;
	font-size: 0.937rem;
}
.foot_about dl dt,
.foot_about dl dd{
	display: inline-block;
	text-align: left;
	line-height: 1.2;
}
.foot_about dl dt{
	border: 1px solid #fff;
	border-radius: 3px;
	line-height: 1;
	padding: 3px;
	margin-right: 10px;
}

/* PC */
@media all and (min-width: 897px) {
	.foot_about span.pc_only{
		font-size: 1.125rem;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.foot_about div{
		padding: 20px 0; 
	}
	.foot_about div:nth-child(2){
		padding: 10px 0;
	}
	.foot_about span{
		font-size: 1.25rem;
	}
	.foot_about span a{
		padding: 5px 0 5px 28px;
		background-size: 25px 16px;
	}
	.foot_about a.basic_btn{
		font-size: 10px;
		padding: 15px 20%;
		margin: 0 2%;
		width: auto;
		min-width: inherit;
		border-radius: 25px;
	}
	.foot_about span.pc_only{
		display: none;
	}
	.foot_about dl{
		font-size: 0.625rem;
	}
	.foot_about dl dt,
	.foot_about dl dd{
		vertical-align: middle;
	}
	.foot_about dl dt{
		margin-right: 8px;
	}
}

/* foot_address
---------------------------------- */
.foot_address{
	text-align: center;
	padding: 50px 0 40px;
	font-size: 0.937rem;
	font-weight: bold;
}
.foot_address .logo{
	text-align: center;
}
.foot_address .logo a{
	margin: 0 auto;
	width: calc(382px / 2);
	height: calc(96px / 2);
	background: url("./image/logo_foot.png") no-repeat center top;
	background-size: contain;
}
.foot_address .sns_menu{
	margin: 25px auto 15px;
}
.foot_address .sns_menu ul li{
	margin:0% 2%;
}
.foot_address .sns_menu a{
	font-size: 0;
	padding: 0;
	width: 30px;
	height: 30px;
}
.foot_address .sns_menu ul li.facebook a{
	background: url("./image/icon_facebook_white.png") no-repeat;
	background-size: 30px 30px;
}
.foot_address .sns_menu ul li.instagram a{
	background: url("./image/icon_instagram_white.png") no-repeat;
	background-size: 30px 30px;
}
.foot_address .sns_menu ul li.line a{
	background: url("./image/icon_line_white.png") no-repeat;
	background-size: 30px 30px;
			width: 30px;
}
.foot_address span{
	display: block;
	font-size: 0.812rem;
	font-weight: normal;
}
.foot_address span a{
	color: #fff;
	margin-right: 10px;
}

/* SP */
@media only screen and (max-width: 896px) {
	.foot_address{
		padding: 35px 0;
	}
	.foot_address .sns_menu{
		margin: 20px auto ;

	}
	.foot_address span{
		margin-top: 10px;
	}
	
.foot_address .sns_menu ul li a{
	margin: 0 20px;
	}
	
}

/* address
---------------------------------- */
address{
	background: #e6e6e6;
	text-align: center;
	font-style: normal;
	font-size: 0.562rem;
	color: #474747;
	padding: 12px 0 97px;
}

/* SP */
@media only screen and (max-width: 896px) {
	address{
		padding-bottom: 70px
	}
}


/* ---------------------------------------------------------------
	 7. Index
--------------------------------------------------------------- */
body.index article{
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
body.index section{
	max-width: inherit;
	padding: 60px 50px;
	margin-bottom: 0;
	overflow: hidden;
}

/* SP */
@media only screen and (max-width: 896px) {
	body.index section{
		padding: 0px 5% 60px;
	}
	body.index #anc_service,
	body.index #anc_news,
	body.index #anc_campaign{
		margin-top: -20px;
		padding-top: 20px;
	}
	
}


/* メイン画像・スライドショー
---------------------------------- */
body.index #main_slider a{
	display: block;
	width: 100%;
	max-height: 600px;
}
.fade_slider{
  display: block;
  position: relative;
  list-style: none;
  overflow: hidden;
}
.fade_slider > *{
  width: 100%;
  height: auto;
  position: absolute;
  left:0;
  top:0;
  opacity: 0
}
.fade_slider > * span{
  position: relative;
  height: inherit;
}
.fade_slider > * .caption{
  position: absolute;
  bottom: -100px;
  left:0;
  background-color:rgba(0,0,0,0.6);
  z-index: 9999;
  color: #FFF;
  width: 100%
}
.fade_slider > * :first-child{
  opacity: 1;
	z-index: 9999;
}
.fade_slider > * .img_item{
  width: 100%;
  height: auto;
}


/* サービスメニュー
---------------------------------- */
.top_service{
	background: #ebebeb;
}
.top_service .ul_4col{
	max-width: 1200px;
	font-size: 0;
	margin: 0 auto;
}
.top_service .ul_4col li{
	width: 25%;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.top_service .ul_4col li a{
	display: block;
}
.top_service .ul_4col li a::before{
	display: block;
	content: "";
	margin: 0 auto 0.5em;
	width: 82px;
	height: 82px;
	background: transparent no-repeat center center;
	background-size: contain;
}
.top_service .ul_4col li.top_service_01 a::before{
	background-image: url("./image/top_service_01.png");
}
.top_service .ul_4col li.top_service_02 a::before{
	background-image: url("./image/top_service_02.png");
}
.top_service .ul_4col li.top_service_03 a::before{
	background-image: url("./image/top_service_03.png");
}
.top_service .ul_4col li.top_service_04 a::before{
	background-image: url("./image/top_service_04.png");
}
.top_service .ul_4col li.top_service_05 a::before{
	background-image: url("./image/top_service_05.png");
}
.top_service .ul_4col li.top_service_06 a::before{
	background-image: url("./image/top_service_06.png");
}
.top_service .ul_4col li.top_service_07 a::before{
	background-image: url("./image/top_service_07.png");
}
.top_service .ul_4col li.top_service_08 a::before{
	background-image: url("./image/top_service_08.png");
}
.top_service .ul_4col li.top_service_09 a::before{
	background-image: url("./image/top_service_09.png");
}
.top_service .ul_4col li.top_service_10 a::before{
	background-image: url("./image/top_service_10.png");
}
.top_service .ul_4col li a span{
	display: block;
	position: relative;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	margin-top: 0.5em;
}
.top_service .ul_4col li a span::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #e43178;
    width: 50px;
    bottom: 0;
    left: 50%;
	margin-left: -25px;
}
.top_service .ul_4col li a p{
	color: #333333;
	font-size: 0.875rem;
}

/* PC */
@media all and (min-width: 897px) {
	.top_service .ul_4col li:nth-child(4n){
		border-right: none;
	}
	.top_service .ul_4col li:nth-child(n + 5){
		border-bottom: none;
	}
	.top_service .ul_4col li a{
		padding: 10%;
	}
	.top_service .ul_4col li a span{
		margin-bottom: 2em;
	}
}

/* SP */
@media only screen and (max-width: 896px) {

	.top_service .ul_4col{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top_service .ul_4col li{
		width: 50%;
	}
	.top_service .ul_4col li:nth-child(2n){
		border-right: none;
	}
	.top_service .ul_4col li a{
		padding: 20px;
	}
	.top_service .ul_4col li a::before{
		width: 58px;
		height: 58px;
	}
	.top_service .ul_4col li a span{
		font-size: 0.875rem
	}
	.top_service .ul_4col li a p{
		display: none;
	}
}



/* キャンペーン
---------------------------------- */
.top_campaign{
	background: #d6eded;
}
.top_campaign .inner{
	width: 100%;
	background: #fff;
	border-radius: 7px;
	padding: 25px 15px;
}
.top_campaign ul li{
	border-bottom: 1px solid #000;
	padding-bottom: 20px;

}
.top_campaign .img_box{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.top_campaign a{
	color: #000;
	display: block;
}
.top_campaign .date{
	display: block;
	margin: 15px 0 0;
}
.top_campaign a[href$=".pdf"] .title::after{
	content: "";
	background: url("image/icon_pdf.png") no-repeat right bottom;
	background-size: contain;
	display: inline-block;
	width: 33px;
	height: 15px;
	margin: 0 0 -0.2em 0.3em;
}

/* PC */
@media all and (min-width: 897px) {
	.top_campaign .inner{
		max-width: 1000px;
	}
	.top_campaign ul li{
		width: 49%;
		margin-bottom: 10px;
	}
	.top_campaign .img_box{
		height: 200px;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	.top_campaign .inner{
		margin: 0 auto;
	}
	.top_campaign ul li:last-child{
		margin-bottom: 0;
	}
	.top_campaign .img_box{
		height: 150px;
		margin-top: 20px;
	}
}


/* ---------------------------------------------------------------
	 8. News
--------------------------------------------------------------- */
.news_list ul{
	list-style: none;
}
.news_list li{
	padding: 1.3em 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.news_list li:last-child{
	margin-bottom: 30px;
}
.news_list a{
	text-decoration: none;
}
.news_list span{
	display: inline-block;
	vertical-align: middle;
}
.date{
	color: #878787;
	font-size: 0.812rem;
}
.category,
.category_tv,
.category_net,
.category_smartphone,
.category_denki,
.category_tel,
.category_comch{
	width: 120px;
	color: #338fe3;
	font-size: 0.812rem;
	text-align: center;
	margin: 0 15px;
	padding: 1px 1em 0;
	line-height: 1;
	border: 1px solid #338fe3;
	border-radius: 20px;
	display: inline-block;
}
.category_tv{
	color: #FF3F9E;
	border: 1px solid #FF3F9E;
}
.category_net{
	color: #02ABB9;
	border: 1px solid #02ABB9;
}
.category_smartphone{
	color: #f99f1f;
	border: 1px solid #f99f1f;
}
.category_denki{
	color: #7a47b4;
	border: 1px solid #7a47b4;
}
.category_tel{
	color: #0F7A39;
	border: 1px solid #0F7A39;
}
.category_comch{
	color: #6CBD00;
	border: 1px solid #6CBD00;
}
.news_list .title{
	color: #000;
	font-size: 1rem;
	position: relative;
}
.new a::after{
	content: "";
	background: url("./image/icon_new.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
	width: 25px;
	height: 28px;
	margin: 0 0 -8px 10px;
}
.news_list a[href$=".pdf"] .title::after{
	content: "";
	background: url("image/icon_pdf.png") no-repeat right bottom;
	background-size: contain;
	display: inline-block;
	width: 33px;
	height: 15px;
	margin: 0 0 -0.2em 0.3em;
}

/* PC */
@media all and (min-width: 897px) {
	.news_list{
		width: 780px;
		text-align: center;
		margin: 0 auto;
	}
	.news_list .title{
		max-width: calc(100% - 260px);
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: normal;
		overflow: hidden;
	}
	
}

/* SP */
@media only screen and (max-width: 896px) {
	.news_list span{
		display: inline;
	}
	.category,
	.category_tv,
	.category_net,
	.category_smartphone,
	.category_denki,
	.category_tel,
	.category_comch{
		margin: 0 0 3px 10px;
	}
	.category:after,
	.category_tv:after,
	.category_net:after,
	.category_smartphone:after,
	.category_denki:after,
	.category_denki:tel,
	.category_comch:after{
		content: "\A" ;
		white-space: pre ;
	}
}


/* top_news
---------------------------------------------------------- */
.top_news{
	background: #fff;
}

/* SP */
@media only screen and (max-width: 896px) {
	.top_news .basic_btn{
		margin: 0 auto;
	}
}



/* news_detail
---------------------------------------------------------- */
.wrap_news_in h3:first-child{
	margin: 0 0 0.3em;
	text-align: left;
	color: #000;
	border-bottom: 1px solid #e43178;
}
.wrap_news_in h3:first-child::before,
.wrap_news_in h3:first-child::after{
	display: none;
}
.wrap_date{
	margin-bottom: 1.5em;
}

/* SP */
@media only screen and (max-width: 896px) {
	.wrap_news_in table th,
	.wrap_news_in table td{
		display: table-cell;
		border-bottom: 1px solid #ccc;
	}
}


/* ---------------------------------------------------------------
	 9. Service
--------------------------------------------------------------- */

/* PC */
@media all and (min-width: 897px) {
	body.service .inner_s .ul_2col > li{
		margin-bottom: 0;
	}
}
/* SP */
@media only screen and (max-width: 896px) {
	body.service .inner_s .ul_2col > li:last-child{
		margin-bottom: 0;
	}
	body.service .inner_s .ul_2col > li{
		text-align: center;
	}
	body.service .inner_s .ul_2col > li li,
	body.service .inner_s .ul_2col > li .kome{
		text-align: left;
	}
}

/* TV（テレビ）
---------------------------------------------------------- */
body.tv .inner_s{
	padding: 25px 3%;
	margin: 0 auto 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
body.tv .inner_s img{
	max-width: 	330px;
	width: 100%;
}
body.tv .inner_s img.max-width{
	max-width: 250px;
}

/*チャンネルラインナップ
--------------------------------------*/
.channel_lineup table th{
	width: 15%;
}
.channel_lineup table th:nth-child(2){
	max-width: 300px;
	width: 40%;
}
.channel_lineup table td{
	text-align: center;
}
.channel_lineup table td:nth-child(2){
	text-align: left;
}
.channel_lineup table td a[href^="http"]::after{
	content: "";
	background: url("image/icon_blank.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin: 0 0.2em;
}
.channel_lineup table.fm_table th{
	width: 25%;
}
.channel_lineup table.fm_table td:nth-child(2n){
	text-align: left;
}


/*オプションチャンネル
--------------------------------------*/
.option_ch table th:first-child{
	min-width: 130px;
}
.option_ch table th:nth-child(2){
	min-width: 200px;
}
.option_ch table th:last-child{
	min-width: 150px;
}
.option_ch table td:first-child{
	text-align: center;
}

/* SP */
@media only screen and (max-width: 896px) {
	.option_ch table th:first-child,
	.option_ch table th:nth-child(2),
	.option_ch table th:last-child{
		width: 20%;
	}
}

/*便利なサービス
--------------------------------------*/
body.tv .tv_service table td{
	text-align: center;
}
body.tv .tv_service table th:nth-child(n + 3){
	width: 16%;
}
body.tv table tr.bg_y td .kome{
	margin-top: 0;
}


/* NET（インターネット）
---------------------------------------------------------- */
body.net ul.inline_blok{
	font-size: 0;
	text-align: center;
}
body.net ul.inline_blok li{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

/* PC */
@media all and (min-width: 897px) {
	body.net ul.inline_blok li:first-child{
		width: 60%;
	}
	body.net ul.inline_blok li:last-child{
		width: 40%;
	}
}

/* PHONE（ケーブルプラス電話）
---------------------------------------------------------- */
body.phone img.center{
	margin: 2em auto;
}
body.phone table{
	margin: 2em auto;
}
body.phone table td{
	text-align: center;
}
body.phone dt span{
	float: right;
}


/* SMARTPHONE（格安スマホ）
---------------------------------------------------------- */
body.smartphone .price{
	text-align: center;
}
body.smartphone .price div{
	display: inline-block;
	vertical-align: top;
	width: auto;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}
body.smartphone .price span{
	display: block;
	font-size: 1.125rem;
	color: #009ca5;
}

body.smartphone .ul_2col li .title{
	display: block;
	font-size: 1.125rem;
	font-weight: bold;
	color: #009ca5;
}
body.smartphone .price_table td{
	text-align: center;
}
body.smartphone .price_table dl{
	margin: 1em auto 0;
}
body.smartphone .price_table dd{
	margin-left: 0;
}

/* PC */
@media all and (min-width: 897px) {
	body.smartphone .price .formula{
		padding-top: 1em;
		margin: 0 20px;
	}
	body.smartphone .ul_2col li .img_box{
		overflow: hidden;
		position: relative;
		min-height: 220px;
	}
	body.smartphone .ul_2col li .img_box img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	body.smartphone .other_table th,
	body.smartphone .other_table td{
		width: 50%;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	body.smartphone .price div{
		display: block;
	}
	body.smartphone .ul_2col li .img_box{
		margin-bottom: 0.5em;;
	}
	
}

/* ---------------------------------------------------------------
	10. STB2（ケーブルプラスSTB-2）
--------------------------------------------------------------- */
body.stb2 ul.ul_3col p{
	margin-top: 1em;
}
body.stb2 .img_box,
body.stb2 .text_box{
	display: inline-block;
	vertical-align: middle;
}
body.stb2 .img_box{
	text-align: center;
}
body.stb2 .text_box{
	font-size: 1rem;
}
body.stb2 .text_box span{
	display: block;
	font-weight: bold;
}
body.stb2 .text_box span.title{
	font-size: 1.375rem;
	color: #009ca5;
	margin: 0.5em 0;
}
body.stb2 .stb_movie .inner,
body.stb2 .remote .inner{
	font-size: 0;
	margin-bottom: 40px;
}


/* SP */
@media only screen and (max-width: 896px) {
	body.stb2 .img_box,
	body.stb2 .text_box{
		display: block;
		margin: 0 auto;
	}
}




/* 動画サービス
---------------------------------------------------------- */
body.stb2 .stb_movie .inner{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
/* PC */
@media all and (min-width: 897px) {
	body.stb2 .stb_movie .img_box{
		max-width: 300px;
		width: 30%;
		margin-right: 2%;
	}
	body.stb2 .stb_movie .text_box{
		max-width: 680px;
		width: 68%;
	}
}

/* スマホ・タブレット連携
---------------------------------------------------------- */
/* PC */
@media all and (min-width: 897px) {
	body.stb2 .remote .img_box,
	body.stb2 .remote .text_box{
		max-width: 500px;
		width: 49%;
	}
	body.stb2 .remote .img_box{
		margin-right: 2%;
	}
	body.stb2 .remote .inner:nth-child(2) .img_box{
		margin-right: 0;
		margin-left: 2%;
	}
}

/* SP */
@media only screen and (max-width: 896px) {
	body.stb2 .remote .inner{
		display: flex;
		flex-direction: column;
	}
	body.stb2 .remote .inner .order1 {
	  order: 1;
	}
	body.stb2 .remote .inner .order2 {
	  order: 2;
	}
}


/* スマホ・タブレットアプリ
---------------------------------------------------------- */
body.stb2 .coop_download dt{
	text-align: center;
}
body.stb2 .coop_download dd img{
	margin: 0.5em auto;
	max-width: 240px;
}

/* PC */
@media all and (min-width: 897px) {
	body.stb2 .coop{
		font-size: 0;
		margin-bottom: 40px;
	}
	body.stb2 .coop .img_box{
		max-width: 200px;
		width: 20%;
		margin-right: 3%;
	}
	body.stb2 .coop .text_box{
		max-width: 780px;
		width: 77%;
	}
}





/* ---------------------------------------------------------------
	11. SHINTIKU（新築）
--------------------------------------------------------------- */








/* ---------------------------------------------------------------
	12. COMMUNITY-CH（コミュニティチャンネル）
--------------------------------------------------------------- */
body.community-ch video{
	width: 100%;
}
body.community-ch table.align_center td{
	width: 11%;
}
body.community-ch ul.align_center li{
	text-align: center;
}

body.community-ch .program_box{
	clear: both;
}
body.community-ch .program_box .cf{
	margin-bottom: 30px;
}
body.community-ch .program_box span{
	font-size: 1.3125rem;
	font-weight: bold;
}





/* ぶんぶんテレビのデータ放送
---------------------------------------------------------- */
.broadcast ul.ul_2col strong{
	color: #000;
	text-align: left;
	margin: 0.5em 0;
}
.broadcast ul.ul_2col h5{
	margin-bottom: 5px;
}
.broadcast ul.ul_2col p{
	margin-top: 0.5em;
}
.broadcast ul.mb1 li{
	margin-bottom: 0.5em;
}


.broadcast .focus{
	max-width: 880px;
}
.broadcast .focus .text_box img{
	margin: 1em;
}

.broadcast dl dt{
	text-align: center;
}
.broadcast dl dd{
	text-align: center;
}
.broadcast dl dd img{
	margin: 0.5em auto;
	max-width: 240px;
}
	
/* PC */
@media all and (min-width: 897px) {
	.broadcast .focus .img_box,
	.broadcast .focus .text_box{
		display: inline-block;
		vertical-align: top;
	}
	.broadcast .focus .img_box{
		max-width: 200px;
		width: 27%;
		margin-right: 2%;
	}
	.broadcast .focus .text_box{
		max-width: 600px;
		width: 70%;
	}
}
/* SP */
@media only screen and (max-width: 896px) {
	.broadcast .focus .img_box{
		text-align: center;
	}
}


/* ぶんぶんテレビ11チャンネル
---------------------------------------------------------- */
.program table th,
.program table td{
	padding: 0.4em;
	font-size: 0.80rem;
	font-weight: bold;
}
.program table th{
	min-width: 95px;
	width: 13.5%;
}
.program table th:first-child{
	min-width: 2em;
	width: 5%;
}
.program table td{
	vertical-align: top;
}
.program table td span{
	font-weight: normal;
	margin-left: 0.4em;
}

.program table td.wide{background-color:#FFE9E1;
}
.program table td.pEt1{background-color: #F1FCEB;
}
.program table td.pEt2{background-color: #e8f5ff;
}
.program table td.pEt3{background-color: #FFF6A1;
}
.program table td.pEt4{background-color: #FFEEE4;
}
.program table td.pEt5{background-color: #F8FDC4;
}
.program table td.pEt6{background-color: #EFF4E1;
}
/* ---------------------------------------------------------------
	13. USER（ユーザーページ）
--------------------------------------------------------------- */
body.user .focus a{
	color: #333;
	text-decoration: underline;
}
body.user .info{
	padding: 15px 30px;
	margin: 30px auto;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #e53278;
}
body.user .info ul{
	list-style: none;
}
body.user .info li{
	padding: 1em 0;
	text-align: left;
}
body.user .info a{
	text-decoration: none;
}
body.user .info span.date{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

/* SP */
@media only screen and (max-width: 896px) {
	body.user .info span.date{
		display: block;
		margin-right: 0;
	}
}

/* user_faq
---------------------------------------------------------- */
.ul_faq{
	list-style: none;
}
.ul_faq li:not(:first-child){
	padding-top: 50px;
}

.ul_faq dl{
	margin-bottom: 0 !important;
}

.ul_faq dt,
.ul_faq dd{
	position: relative;
	padding: 0.5em 0 0.5em 35px;
}
.ul_faq dt{
	padding-top: 0.35em;
	font-size: 1.125rem;
}
.ul_faq dd{
	margin-left: 0;
	margin-bottom: 0;
}
.ul_faq dt::before,
.ul_faq dd::before{
	display: block;
	font-weight: bold;
	font-size: 1.625rem;
	position: absolute;
	left: 0;
	top: 0;
}
.ul_faq dt::before{
	content: "Q.";
}
.ul_faq dd::before{
	content: "A.";
}

.ul_faq dd .focus li{
	padding-top: 0;
}

/* PC */
@media all and (min-width: 897px) {
	.ul_faq{
		margin: auto;
	}
}
/* SP */
@media only screen and (max-width: 896px) {
	.ul_faq dt,
	.ul_faq dd{
		padding-left: 30px;
	}
	#best_rate{
		margin-top: -76px;
		padding-top: calc(76px + 50px);
	}
}


/* ---------------------------------------------------------------
	14. REPORT（取材情報）
--------------------------------------------------------------- */
.report_list ul{
	list-style: none;
}
.report_list li{
	padding: 1.3em 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.report_list li:last-child{
	margin-bottom: 30px;
}
.report_list a{
	text-decoration: none;
}
.report_list span.date{
	display: block;
	color: #878787;
}


/* PC */
@media all and (min-width: 897px) {
	.report_list{
		max-width: 780px;
		text-align: center;
		margin: 0 auto;
	}
	.scroll_y{
		height: 600px;
	}

}

/* object */

	.report_list object{
		width:100%;
		margin: 0;
		height: 400px;
		overflow: hidden
		}






/* ---------------------------------------------------------------
	15. BUSINESS（法人サービス）
--------------------------------------------------------------- */
body.business .page_menu ul li{
	padding: 0 1.5% !important;
}

body.business section ul.no_style_ul{
	margin: 20px auto;
}
body.business section ul.no_style_ul li{
	text-align: center;
}




body.business .business_top .inner img{
	margin-bottom: 1em;
}
body.business .business_top .inner h5{
	margin-top: 0;
}
body.business .business_top .inner dl{
	margin: 1em auto;
}
body.business .business_top .inner .basic_btn{
	margin: 1.5em 1em;
}


/* テレビコマーシャルのご案内
---------------------------------------------------------- */
body.business .cm dl{
	margin-bottom: 1em;
}

/* ぶんぶんテレビ導入集合住宅
---------------------------------------------------------- */
body.business .tv table th:nth-child(2n-1){
	width: 15%;
}
body.business .tv table th:nth-child(2n){
	width: 30%;
}
body.business .tv table td{
	text-align: center;
}

body.business ul.flow{
	margin: 0;
	text-align: center;
}
body.business ul.flow li{
	position: relative;
	display: inline-block;
	border: 1px solid #e53278;
	background: #fff;
	text-align: center;
	font-weight: bold;
	padding: 1em;
}
body.business ul.flow li:after{
	height: 0;
	content: "";
	position: absolute;
	margin: auto;
	border: 12px solid transparent;
}
body.business ul.flow li:last-child:after{
	content: none;
}
body.business ul.flow li span{
	margin: 0 0.5em;
	color: #e53278;
}

/* PCのみ */
@media all and (min-width: 897px) {
	body.business ul.flow li{
		width: 29%;
		margin: 3% 1%;
	}
	body.business ul.flow li span{
		display: block;
	}
	body.business ul.flow li:after{
		right: -24px;
		top: 0;
		bottom: 0;
		border-left-color: #e53278;
	}
}

/* SPのみ */
@media all and (max-width: 768px) {
	body.business ul.flow{
		margin: 40px 0;
	}	
	body.business ul.flow li{
		width: 100%;
		margin-bottom: 20px;
	}
	body.business ul.flow li:after{
		border-top-color: #e53278;
		bottom: -24px;
		left: calc(50% - 12px);
	}
}

/* ぶんぶんネット付集合住宅
---------------------------------------------------------- */
body.business .net h5{
	color: #009ca5;
}



/* 法人向けコース
---------------------------------------------------------- */
body.business .service .scroll table td{
	text-align: center;
}


/* PC */
@media all and (min-width: 897px) {
	body.business .service table th{
		width: 30%;
	}
	body.business .service .scroll table th{
		width: inherit;
	}
	
}


/* ---------------------------------------------------------------
	16. SERVICEARA（サービスエリア）
--------------------------------------------------------------- */






/* ---------------------------------------------------------------
	17. COMPANY（会社概要）
--------------------------------------------------------------- */
/* PC */
@media all and (min-width: 897px) {
	body.company table{
		margin: auto;
	}
	body.company table th{
		min-width: 290px;
	}
	body.company .ul_4col{
		justify-content: flex-start;
	}
	body.company .ul_4col li{
		width: 24%;
		margin-right: 1%;
	}
}



/* ---------------------------------------------------------------
	18. COVENANT（契約約款・利用規約）
--------------------------------------------------------------- */
body.privacy h2 + span + div > h3:first-child{
	margin-top: 0;
}
body.privacy .no_style_ol{
	list-style: none;
	padding-left:3em;
	text-indent:-3em;
}

body.privacy article .inner dl dd ul.no_style_ul{
	list-style: none;
	padding-left:1em;
	text-indent:-1em;
}

/* PC */
@media all and (min-width: 897px) {
	body.privacy h2 + span + div{
		width: calc(1200px * 0.6);
	}
}
/* SP */
@media only screen and (max-width: 896px) {
	body.privacy h3::before,
	body.privacy h3::after{
		display: none;
	}
	body.privacy h3{
		text-align: left;
	}
}





/* ---------------------------------------------------------------
	19. POLICY（個人情報の保護に関する宣言）
--------------------------------------------------------------- */








/* ---------------------------------------------------------------
	20. SITEMAP（サイトマップ）
--------------------------------------------------------------- */
body.sitemap .ul_2col li{
    margin-bottom: .2em;
    font-weight: normal;
}
body.sitemap .ul_2col > li > ul > li{
    font-weight: bold;
    margin-bottom: 1.5em;
}
body.sitemap section .ul_2col a{
    color: #333333;
}







/* ---------------------------------------------------------------
	21. BEFORE_USE（ご利用の前に）
--------------------------------------------------------------- */
body.before_use h5{
	margin-top: 50px;
}




/* ---------------------------------------------------------------
	22. Print-css
--------------------------------------------------------------- */
@media only print{
	header{
		position: static;
	}
}



/* ---------------------------------------------------------------
	23. 中学総体特設
--------------------------------------------------------------- */

.ul_5col{
	list-style: none;
	margin: 0;
}


.ul_5col > li img{
	display: inline-block;
	margin: auto;

}


/* PC */
@media all and (min-width: 897px) {

	.ul_5col{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.ul_5col > li{
		width: 20%;
		padding: 4px 0.4%;
	}
}

/* ---------------------------------------------------------------
	24. 電気　electricity
--------------------------------------------------------------- */

body.electricity ul.flow{
	margin: 0;
	text-align: center;
}
body.electricity ul.flow li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #e53278;
	background: #fff;
	text-align: left;
	font-weight: bold;
	padding: 1em;
}
body.electricity ul.flow li:after{
	height: 0;
	content: "";
	position: absolute;
	margin: auto;
	border: 12px solid transparent;
}
body.electricity ul.flow li:last-child:after{
	content: none;
}
body.electricity ul.flow li span{
	margin: 0 0.5em;
	color: #e53278;
}

body.electricity .ul_2col li img.sashie{
	float:right;
	margin-left:1em;
	width:20%;
}

/* PCのみ */
@media all and (min-width: 897px) {
	body.electricity ul.flow li{
		width: 29%;
		margin: 3% 1%;
	}
	body.electricity ul.flow li span{
		display: block;
	}
	body.electricity ul.flow li:after{
		right: -24px;
		top: 0;
		bottom: 0;
		border-left-color: #e53278;
	}
}

/* SPのみ */
@media all and (max-width: 768px) {
	body.electricity ul.flow{
		margin: 40px 0;
	}	
	body.electricity ul.flow li{
		width: 100%;
		margin-bottom: 20px;
	}
	body.electricity ul.flow li:after{
		border-top-color: #e53278;
		bottom: -24px;
		left: calc(50% - 12px);
	}

}

/* ---------------------------------------------------------------
	25. 動画配信　streaming
--------------------------------------------------------------- */


body.streaming div.dzn{
background:#000;
color:#ffffff;
padding:1em
}


body.streaming div.DznCamp{
	border:#FFF solid 1px; 
	padding:0.5em; 
	font-size:1.5em; 
	margin:0.5em 0;
}
 
 
body.streaming ul.flow{
	margin: 0;
	text-align: center;
}
body.streaming ul.flow li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #e53278;
	background: #fff;
	text-align: left;
	font-weight: bold;
	padding: 1em;
}
body.streaming ul.flow li:after{
	height: 0;
	content: "";
	position: absolute;
	margin: auto;
	border: 12px solid transparent;
}
body.streaming ul.flow li:last-child:after{
	content: none;
}
body.streaming ul.flow li span{
	margin: 0 0.5em;
	color: #e53278;
}

body.streaming .ul_2col li img.sashie{
	float:right;
	margin-left:1em;
	width:20%;
}

/* PCのみ */
@media all and (min-width: 897px) {
	body.streaming ul.flow li{
		width: 29%;
		margin: 3% 1%;
	}
	body.streaming ul.flow li span{
		display: block;
	}
	body.streaming ul.flow li:after{
		right: -24px;
		top: 0;
		bottom: 0;
		border-left-color: #e53278;
	}
}

/* SPのみ */
@media all and (max-width: 768px) {
	body.streamingul.flow{
		margin: 40px 0;
	}	
	body.streaming ul.flow li{
		width: 100%;
		margin-bottom: 20px;
	}
	body.streaming ul.flow li:after{
		border-top-color: #e53278;
		bottom: -24px;
		left: calc(50% - 12px);
	}

}

/* streaming btn
-------------------------------------------------- */
.streaming .basic_btn,
.streaming .basic_btn_white{
	display: inline-block;
	text-decoration: none;
	background-color: #e53278;
	border: 1px solid #e53278;
	border-radius: 40px;
	margin: 0.5em 1em;
	min-width: 160px;
	text-align: center;
	padding: 10px 50px 10px 30px;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 1;
}
.streaming .basic_btn_white{
	background-color: #fff;
	border: 1px solid #e53278;
	color: #e53278;
}
.streaming .basic_btn::after,
.streaming .basic_btn_white::after{
	content: "";
	background: url("image/icon_arrow_white.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 9px;
	height: 16px;
	position: absolute;
	right: 1.5em;
	top: 38%;
	transition: .3s;
}
.streaming .basic_btn_white::after{
	background: url("image/icon_arrow.png") no-repeat right center;
	background-size: contain;
}
.streaming .basic_btn:hover,
.streaming .basic_btn_white:hover,
.streaming .text_btn:hover{
	opacity: 0.8;
}