@charset "utf-8";

#contents .sub nav.local li.top {background:#00aeff url(../tv/img/sub_icon_02on.png) no-repeat 195px center !important;}
#contents .sub nav.local > ul > li {background:#fff url(../tv/img/sub_icon_02.png) no-repeat 195px center;}
#contents .sub nav.local li.on a{background:#ccefff url(../tv/img/sub_icon_02over.png) no-repeat 195px center;}
/*--------------------------------------------------------- .main */
#contents .main article header h1 {
	background:url(../tv/img/bg_h1.png) no-repeat left top;
}
.sp #contents .main article header h1.lineup {
	font-size: 120%;
}

.wysiwyg h2 {
	background:#00aeff url(../tv/img/tit_icon_01.png) no-repeat 20px center;
}
.wysiwyg h3 {
	background:url(../tv/img/tit_icon_02.png) no-repeat left 11px;
	padding:12px 22px 6px;
	line-height:1.5;
	border-top:#dcdcdc solid 1px;
	min-height:26px;
	font-size:124%;
	font-weight:normal;
	margin: 0 8px 15px 4px;
}
.sp #contents .main > .menu {
	background-image:url(../tv/img/icon_menu.png);
}
.sp #contents .main .cover {
	width: 98%;
	margin: 0 auto 40px;
}
.sp #contents .main .cover img {
	width: 100%;
}
.sp #contents .main .lead {
	width: 95%;
	margin: 0 auto;
}
.sp .wysiwyg h2 {
	background:#00aeff url(../tv/img/tit_icon_01.png) no-repeat 10px center;
	width: 95%;
	margin: 0 auto 20px auto !important;
	padding: 12px 0 12px 40px;
}
.sp .wysiwyg h3 {
	padding: 10px 0 10px 16px;
	margin: 0 auto;
	width: 95%;
}
.sp .txt-area {
    padding: 0 15px;
}


/*===================クローバー========================*/
#contents > .inner > .main article #option .wysiwyg {
	padding:20px 3%;
}
.wysiwyg .detail{
	background-color:#BAE4FF;
	padding:0 0 6px;
	position:relative;
	width:100%;
	margin:0 auto 30px;
}
.sp #contents > .inner > .main article #option .wysiwyg {
	padding:20px 0;
}
.sp .wysiwyg .detail{
	width:90%;
}
.wysiwyg #ch-container,
.wysiwyg #ch-container02 {
	padding:25px 0 0 15px;
	width:685px;
}
.sp .wysiwyg #ch-container,
.wysiwyg #ch-container02 {
	width:100%;
}
.wysiwyg #ch-container ul,
.wysiwyg #ch-container02 ul {
	clear:both;
	overflow:hidden;
	width:100%;
	margin:0 auto;
}
.wysiwyg #ch-container .line,
.wysiwyg #ch-container02 .line {
	border-bottom:#69cfff dotted 1px;
	margin-bottom:11px;
}
.wysiwyg #ch-container ul li,
.wysiwyg #ch-container02 ul li {
	list-style:none;
	margin:0 4px 0 0;
	padding-bottom:8px;
	float:left;
}
.sp .wysiwyg #ch-container ul li,
.sp .wysiwyg #ch-container02 ul li {
	margin:0;
	width:25%;
	text-align:center;
}
.sp .wysiwyg #ch-container ul li a img,
.sp .wysiwyg #ch-container02 ul li a img {
	width:90%;
}

.wysiwyg #ch-container ul li.right,
.wysiwyg #ch-container02 ul li.right {
	margin: 0;
}

/*----------------- TV index -----------------*/
#index .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#index .wysiwyg ul.column li {
	position:relative;
	float:left;
	margin:3px 0 20px 20px;
	padding:0 0 15px;
	border:1px solid #cecece;
	border-radius:5px;
	width:320px;
	list-style:none;
}
#index .wysiwyg  p.btn img{width:190px;}
.sp .wysiwyg #ch-container{
	padding:15px 0 0 0;
	width:100%;
}
.sp .wysiwyg #ch-container ul{
	clear:both;
	overflow:hidden;
	width:95%;
	margin:0 auto;
}

.sp #index .wysiwyg ul.column{ margin:0 auto; padding:0; width:96%;}
.sp #index .wysiwyg ul.column li {width:100%; margin-left:0; padding:0; /*max-width:576px;*/}
.sp #index .wysiwyg ul.column li .point img{width:100%;}
.sp #index .wysiwyg ul.column li .pic{ text-align:center;}
.sp #index .wysiwyg  p.btn img{width:60%;}


/*----------------- TV price -----------------*/
#price .wysiwyg ul.column02 li img{ width:100%;}
#price .wysiwyg ul.column02 li{width:320px;}
#price .wysiwyg ul.column02 {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#price .wysiwyg ul.column02 li {
	position:relative;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	width:320px;
	list-style:none;
}
.sp #price .wysiwyg ul.column02 li img{ width:95%;}
.sp #price .wysiwyg ul.column02 li{ width:100%;}

#price .wysiwyg .section p.btn{
	text-align:center;
}
#price .wysiwyg .section p.btn img{width:270px;}
#price .wysiwyg .section p.pic{
	float:right;
	padding-left:20px;
	width:260px;
}
.sp #price .wysiwyg .section p.btn img{width:80%;}
.sp #price .wysiwyg .section p.pic{ width:100%;}

/*----------------- TV lineup -----------------*/
.wysiwyg table.course{
	border-left:#dfdfdf solid 1px;
	border-top:#DFDFDF solid 1px;
	width:95%;
	font-size:85%;
	margin-top:20px;
	margin-bottom:20px;
	float: none;
}
.wysiwyg table.course caption{
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	font-size: 108%;
}
.wysiwyg table.course th{
	background-color:#dff2ff;
	border-right:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	border-top:none;
	border-left:none;
	margin:0;
	padding:0;
	text-align:center;
}
.wysiwyg table.course td{
	background-color:#FFF;
	font-weight:normal;
	text-align:left;
	border-right:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	border-top:none;
	border-left:none;
	color:#000000;
	padding:10px;
	margin:0;
}
.wysiwyg table.course td img{
	vertical-align:middle;
}
.wysiwyg table.course td.td-hd{ padding:0; text-align:center;}
.wysiwyg table.course td.td-type01{background-color:#faf8ed; text-align:center;}
.wysiwyg table.course td.td-type02{background-color:#eefafe; text-align:center;}
.wysiwyg table.course td.td-type03{background-color:#edfaed; text-align:center;}
.wysiwyg table.course td.td-type04{background-color:#fff3f7; text-align:center;}
.wysiwyg table.course td.td-type05{background-color:#f5effd; text-align:center;}
.wysiwyg table.course td.td-type06{background-color:#fff5eb; text-align:center;}
.wysiwyg table.course td.td-type07{background-color:#ffeff2; text-align:center;}

.sp .wysiwyg table.course {
	margin-top:0;
	width:100%;
	border-top:none;
}
.sp .wysiwyg table.course th{
	border:#dfdfdf solid 1px;
}
.sp .wysiwyg table.course td{
	border:#dfdfdf solid 1px;
	padding:5px;
}
.sp .wysiwyg table.course td.td-no{ width:7%;}
.sp .wysiwyg table.course td.td-tv{ width:24%;}
.sp .wysiwyg table.course td.td-hd{ width:6%;}
.sp .wysiwyg table.course td.td-type01{ width:6%;}
.sp .wysiwyg table.course td.td-type02{ width:6%;}
.sp .wysiwyg table.course td.td-type03{ width:6%;}
.sp .wysiwyg table.course td.td-type04{ width:6%;}
.sp .wysiwyg table.course td.td-type05{ width:6%;}
.sp .wysiwyg table.course td.td-type06{ width:6%;}
.sp .wysiwyg table.course td.td-type07{ width:6%;}

.wysiwyg table .lineup-table{
}
.wysiwyg table .lineup-table .no{
	width:7%;
}
.wysiwyg table .lineup-table .name{
	width:24%;
}
.wysiwyg table .lineup-table .hd{
	width:6%;
}
.wysiwyg table .lineup-table .course{
	width:6%;
}





/*----------------- TV option -----------------*/
#option .wysiwyg table.course table{ font-size:93%; background:#fff;}
#option .wysiwyg table.course th{ padding:20px;}
#option .wysiwyg table.course td{ line-height:1.5;}
#option .wysiwyg table.course td span{ font-weight:bold; color:#ff0000;}

.sp #option .wysiwyg table.course th{ padding:10px;}
.sp #option .wysiwyg table.course td.td-no2{ width:9%;}
.sp #option .wysiwyg table.course td.td-logo{ width:15%; text-align:center;}
.sp #option .wysiwyg table.course td.td-ch{ width:13%;}
.sp #option .wysiwyg table.course td.td-hd2{ width:7%; text-align:center;}
.sp #option .wysiwyg table.course td.td-txt{ width:26%;}
.sp #option .wysiwyg table.course td.td-pr{ width:30%;}
.sp #option .wysiwyg table.course th{ width:26%;}

.sp .screensize { display:none;}

/*----------------- TV rakuroku -----------------*/
#rakuroku .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#rakuroku .wysiwyg ul.column li {
	position:relative;
	float:left;
	margin:3px 0 20px 15px;
	padding:0 0 15px;
	border:1px solid #cecece;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	width:340px;
	list-style:none;
}
#rakuroku .wysiwyg ul.column li section .tuki{
	color:#ff0000;
	font-size:108%;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:1;
}
#rakuroku .wysiwyg ul.column li section .icon{
	width:54px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
}
#rakuroku .wysiwyg ul.column li section .icon-area{
	clear:both;
	margin-left:70px;
	overflow:hidden;
}

.sp #rakuroku .wysiwyg ul.column li section .icon-area{
	clear:both;
	width: 60%;
	margin: 0 auto;
	overflow:hidden;
}

#rakuroku .wysiwyg ul.column li section .join{
	font-size:262%;
	color:#ff5400;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
}
#rakuroku .wysiwyg ul.column li section .kingaku{
	float:left;
}
#rakuroku .wysiwyg ul.column li section .tuki span{
	font-size:179%;
}
#rakuroku .wysiwyg ul.column li section .zei{
	font-size:77%;
	color:#ff0000;
	font-weight:bold;
	padding:0 0 0 10px;
}
#rakuroku .wysiwyg ul.column li section .zei span{
	font-size:140%;
}
#rakuroku .wysiwyg ul.column li:first-child {
	margin:3px 0 20px 0;
}
#rakuroku .wysiwyg ul.column li.rakuroku01{
	background-color:#e9f7ff;
	border: none;
}
#rakuroku .wysiwyg ul.column li.rakuroku02{
	background-color:#f3ffe5;
	border: none;
}
#rakuroku .wysiwyg ul.column li.rakuroku03,
#rakuroku .wysiwyg ul.column li.rakuroku04{
	background-color:#fef7e3;
	border: none;
}
#rakuroku .wysiwyg ul.column li .point-tit{
	border-top:none;
	padding:0;
}
#rakuroku .wysiwyg ul.column li .point{
	background-color:#FFF;
	width:90%;
	border-radius:5px;
	border:#96ccff solid 1px;
	margin:0 auto 10px;
	font-size:93%;
}

#rakuroku .wysiwyg ul.column li .point02{
	border:#a0dc7b solid 1px;
}

#rakuroku .wysiwyg ul.column li .point03{
	border:#ffdb7a solid 1px;
}

#rakuroku .wysiwyg ul.column li .point03 img {
	margin: 10px 0 0 0;
}

#rakuroku .wysiwyg ul.column li .point h3{
	padding:0;
	background:none;
	border:0;
	margin:12px 0 10px -1px;
}
#rakuroku .wysiwyg  p.btn{padding-top:10px;}
#rakuroku .wysiwyg  p.btn img{width:260px;}

.sp #rakuroku .wysiwyg ul.column{ margin:0 auto; padding:0; width:95%;}
.sp #rakuroku .wysiwyg ul.column li {width:100%; margin-left:0; padding:0; /*max-width:576px;*/}
.sp #rakuroku .wysiwyg ul.column li .point img{width:100%;}
.sp #rakuroku .wysiwyg ul.column li .point-tit img{width:100%;}
.sp #rakuroku .wysiwyg ul.column li .pic{ text-align:center;}
.sp #rakuroku .wysiwyg  p.btn img{width:80%;}

/*===================クローバー========================*/


.wysiwyg .option {
	position:relative;
	margin:0 15px 30px;
	padding:0;
	border-bottom:1px solid #dcdcdc;
}
.wysiwyg .option .icon {
	float:left;
	width:130px;
}
.wysiwyg .option .nav {
	position:absolute;
	top:7px;
	right:25px;
}
.wysiwyg .option .nav img {
	background-color:#e2ffe2;
}
.wysiwyg .option .detail {
	margin-left:143px;
}
.wysiwyg .option .detail h2 {
	padding:14px 12px 0;
	background:#e2ffe2;
}
.wysiwyg .option .detail p {
	margin:0;
	padding:0 0 0 10px;
}
.wysiwyg .option .detail ul {
	margin:8px 0 0;
	padding:10px 0 0;
	border-top:1px dotted #a0a0a0;
}
.wysiwyg .option .detail li {
	list-style:none ;
	margin:0 0 12px 8px;
	padding:0 0 0 12px;
	background:url(../img/icon_03.png) no-repeat left 8px;
}
.wysiwyg .price-table tr th {
text-align: center;
background-color: #e2ffe2;
}

.wysiwyg .leadText {
	padding: 0 15px;
}
.wysiwyg .table01 {
	width: calc(100% - 30px);
	margin: 0 auto;
	border: solid 1px #dfdfdf;
	display: table;
	float: none;
}
.wysiwyg .table01 > tbody > tr {
	border-bottom: solid 1px #dfdfdf;
}
.wysiwyg .table01 > thead > tr > th {
	padding: 15px;
	border-color: #dfdfdf;
	border-width: 0 1px 0 0;
	text-align: center;
	background-color: #dff2ff;
	color: #000;
	font-weight: normal;
	white-space: normal;
	vertical-align: middle;
}
.wysiwyg .table01 > tbody > tr > th {
	padding: 15px;
	border-color: #dfdfdf;
	border-width: 0 1px 0 0;
	text-align: center;
}
.wysiwyg .table01 > tbody > tr .bg01 {
	background-color: #dff2ff;
}
.wysiwyg .table01 > tbody > tr > td {
	padding: 15px;
	border-color: #dfdfdf;
	border-width: 0 1px 0 0;
	background-color: #fff;
	color: #000;
}
.wysiwyg .table01 > tbody > tr > td:first-child {
	font-weight: normal;
}
.wysiwyg .step {
	background-color: #fbf5da;
	width: calc(100% - 30px);
	margin: 0 auto;
	padding: 20px;
}
.wysiwyg .step_item:not(:last-child) {
	position: relative;
	padding-bottom: 45px;
}
.wysiwyg .step_item:not(:last-child)::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	margin: auto;
	box-sizing: border-box;
	border: 15px solid transparent;
	border-top: 15px solid #bae4ff;
	content: '';	
}

.wysiwyg .step_inner {
	background-color: #fff;
	border: solid 3px #ede6c5;
	border-radius: 15px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
}
.wysiwyg .step_titleBlock {
	width: 200px;
	background-color: #0db7ef;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.step_num {
	background-color: #fff99f;
	border: 2px solid #0d98fa;
	border-radius: 5px;
	color: #0d98fa;
	padding: 2px 5px;
}
.step_title {
	color: #fff;
	margin-bottom: 0;
}
.step_textBlock {
	width: calc(100% - 220px);
}
.step_tel {
	max-width: 280px;
}
.step_btn {
	display: block;
	background-color: #0db7ef;
	border-radius: 10px;
	padding: 12px 20px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.step_btn > span {
	color: #fff;
	display: block;
	position: relative;
	width: 100%;
	padding: 0 20px;
}
.step_btn > span::before {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	content: '';
}
.step_btn:hover {
	background-color: #ff7f01;
}
.wysiwyg .block01 {
	background-color: #f1f1f1;
	padding: 20px;
	font-size: 93%;
}
.wysiwyg .block01 p {
	margin-bottom: 0;
}

.sp .wysiwyg .table01 {
	float: none;
	padding: 0;
}
.sp .wysiwyg .step_inner {
	display: block;
}
.sp .wysiwyg .step_titleBlock {
	width: 100%;
}
.sp .step_textBlock {
	width: 100%;
	margin-top: 10px;
}
.sp .step_tel {
	max-width: none;
}
.sp .wysiwyg .block01 {
	width: calc(100% - 30px);
	margin: 0 auto;
}

/* -------------------------------------------------- #index */
#tv .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#tv .wysiwyg ul.column li {
	position:relative;
	float:left;
	margin:3px 0 20px 20px;
	border:1px solid #cecece;
	border-radius:5px;
	width:320px;
	list-style:none;
}
#tv .wysiwyg ul.column02 li img{ width:100%;}
#tv .wysiwyg ul.column02 li{width:320px;}
#tv .wysiwyg ul.column02 {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#tv .wysiwyg ul.column02 li {
	position:relative;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	width:320px;
	list-style:none;
}
#tv .wysiwyg p.btn img {
    width: 190px;
}

.sp #tv .wysiwyg ul.column {
    margin: 0 auto;
    padding: 0;
    width: 96%;
}
.sp #tv .wysiwyg ul.column li {
    width: 100%;
    margin-left: 0;
    padding: 0;
}
#tv .wysiwyg ul.column02-price li img{ width:100%;}
#tv .wysiwyg ul.column02-price li{width:320px;}
#tv .wysiwyg ul.column02-price {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#tv .wysiwyg ul.column02-price li {
	position:relative;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	width:320px;
	list-style:none;
}
.sp #tv .wysiwyg ul.column02-price li img{ width:95%;}
.sp #tv .wysiwyg ul.column02-price li{ width:100%;}