@charset "utf-8";
/* CSS Document */

/* 【調整】------------------------------------------------------------*/

#content-inner {/*★共有cssを上書き */
	width:100% !important;
}

p {/*★共有cssを上書き*/
    margin: 0;
}
.hdg-h3  {/*★背景を広げる場合に、上部特集画像の配置調整が必要*/
	line-height:16px;
}

/*---original text color on this page ---*/
body {

	line-height:1.4;
}


img {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}


a {color: #FF43AC;}
a:hover, a:active, a:focus{
	color: #B79A44;
	text-decoration: none;
}


.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }

.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }

.mr00{ margin-right:0px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.pt20{ padding-top: 20px !important; }
.pt60{ padding-top: 60px !important; }

.p10 {padding:10px!important; }
.p20px {padding:20px!important; }

/* END【調整】------------------------------------------------------------*/

/* text */
.h2APES {
	padding-top: 70px;
	padding-bottom: 10px;
}

.btx {font-weight:bold;}
.ltx {font-size:126%;}
.icon {vertical-align: middle;}
.notice {font-size: 10px;}


.img-left {float: left;padding: 0px;margin: 0px;}
.txt-meta {padding: 8px;}
.right_t {text-align:right;}

/* END text */

.f_left {float: left;}
.f_right {float:right;}

/*pa*/
.alert {/*　JS無効の場合の警告ボックス　*/
	border:2px solid #F63;
	padding:15px;
	margin-bottom:15px;
	font-weight:bold;	
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

* html .section { height: 1%; }
.section { display: block; }
.center {
	text-align: center;
}

* html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */
/* END clearfix----------- */



.hdg-1-02 {
	width: 966px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.hdg-1-02 img {vertical-align: middle;}
span.link {display:none;}

/* END【基本】------------------------------------------------------------*/

/*SNSエリア
------------------------------------------------------------
*/

#sns {
	bottom: 20px;
	position: absolute;
	right: 0;
}
#snsBtn {
	margin: 0;
	padding: 10px 0;
	width: auto !important;
}
#snsBtn li {
	float: left;
	list-style: none outside none;
	margin-right: 10px;
}
#snsBtn li#twitterbtn {
	height: 22px;
	width: 90px;
}
#snsBtn li#facebookbtn {
	height: 22px;
	width: 100px;
}
#snsBtn li#googlebtn {
	height: 22px;
	width: 90px;
}



	
#contents_ALLrwap {
	width: 100%;
	margin:0px;
	padding:0px;
}


/*-----------------------------------------------------------


---------------------------------------------------------------*/

#m_contents {}
#m_contents_main {
	padding: 0px;
	background-image: url(/resources/hikari/pc/sp/kawaiiantv/images/bg_all.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


.section {padding: 0;margin:0px 0px 50px;}
.section_in {
	width: 980px;
	margin: 0px auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	overflow: hidden;
}	
/*--------------------------------------------

#top

-----------------------------------------------*/
.top_main {

}

/*--------------------------------------------

#ch info

-----------------------------------------------*/
.info_ch { 
overflow:hidden;
margin-bottom:20px;
padding:0 40px;}

.info_ch .ch {
	width: 300px;
	float: left;
	margin-right: 30px;
}
.info_ch .ch dl dt { text-align:center;}
.ch_ttl { font-size:16px; font-weight:bold;}
.info_ch .ch dl dt img { width:200px;}
.info_ch .ch dl dd {
	border-top: solid #000000 1px;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.ch-txt {
	width: 550px;
	float: left;
	padding-top: 45px;
}
.ch-txt .catch {margin-bottom: 20px;}
.ch-txt p { line-height:2; font-size:16px;}
/*--------------------------------------------

#ch-program

-----------------------------------------------*/
#ch-program{
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
	background-color: #fbdeed;
	padding: 30px;
	margin: 20px 0 70px;
}
#ch-program .ch_name{
	width: calc((100% / 3) - 20px);
	padding: 20px;
	background-color: #ffffff;
}
.btn_ch {
    width: 100%;
    display: inline-block;
    padding: 0.8em 0;
    font-size: 16px;
    text-decoration: none;
    background: #00a2e6;/*ボタン色*/
    color: #fff;
    line-height: 1em;
    margin: 20px auto 5px;
    text-align: center;
	font-family:"AxisStd-Medium";
}
.btn_ch:hover {
     color: #fff;
}
/*--------------------------------------------

#mediaworks

-----------------------------------------------*/
.program_b {
	box-sizing:border-box;
	border:1px solid #000000;
	padding:20px;
	overflow:hidden;
	margin-bottom:20px;}
.program_b_textarea1 { float:left; width:450px;}
.program_b_imagearea1 {  float:right;width:450px}
.program_b_textarea2 {float:left; width:500px;}
.program_b_imagearea2 {  float:right;}

.program_b_textarea1 h3,.program_b_textarea2 h3 { margin:15px 0px 20px;}
.txt1 { margin-bottom:10px;}	
.txt1 .txt1_2 { font-size:20px; font-weight:bold;}
.txt1_1 { display:inline-block; padding: 1px 3px;  margin-bottom:10px;background:#FC6896; color:#fff; font-size: 0.8em; font-weight: normal;}

/*--------------------------------------------

#mediaworks

-----------------------------------------------*/
#mediaworks {
	overflow: hidden;
	color: #666666;
}
.linup { overflow:hidden;}

.dvd_box {
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
}
.dvd_txt { margin-top:10px;}
.dvd_txt p{
 
    padding: 0;}
	

.dvd_info { margin-top:10px;}
.dvd_info h3 {
	font-size: 118%;
	font-weight: bold;
	color: #F34183;
	text-align: left;
	margin-bottom: 5px;}
.dvd_info p {
	font-weight: bold;
	color: #04BBE1;
}

			

#tophead {width:980px; margin:0px auto;}
#mainImg {
	display: table;
	background-color: #FFFFFF;
}	
#mainImg .main01 { display:table-cell;}


.header_oa {position:absolute;bottom: -20px;left: 0px;}
.oa_info {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 350px;
	padding-bottom: 40px;
	position: relative;
}
.oa_info h3 {  font-size: 145%;line-height: 1.8;}

img.price_icon { margin-right:5px; vertical-align: middle;}


.ttle_block {margin:20px auto;}
	



/*--------------------------------------------

#インタビュー

-----------------------------------------------*/
.info_interview{
	box-sizing:border-box;
	border:1px solid #000000;
	padding:20px;
	overflow:hidden;
	margin-bottom:20px;}
.interview_b_imagearea {
	float: left;
	width: 440px;
	margin-bottom:20px;
}
.interview_b_textarea { float:right; width:460px;}
.txt3 { padding:20px; border-radius:5px; background-color:#FFC1F8; margin-bottom:20px;}
.txt3_1 { font-size:20px; color:#FC2A99; display:block;}
.txt3_2 { line-height:2;}

.txt2 { clear:both;}
.txt2 span { color:#F91BB3; font-weight:bold;}
.interview_b_textarea h3 { font-size:20px;}








.video-container {
	text-align: center;
	z-index: 2000;
	vertical-align: middle;
	}
.dvd_copyright { font-size:10px !important; margin-top:10px!important;}		
.block_copyright {
	text-align:center;
	padding:30px;}	
	
.mdConts-attibute ul {
	display: table;
	border-collapse: separate;
	border-spacing: 2px 0;
	margin:0px !important;

	width: 100% !important;
}	
.mdConts-attibute ul li {
	float:left;
	margin: 5px 2px 5px 0px!important;
	padding: 3px 5px!important;
	background-color: #636363;
	color: #ffffff;
	font-size: 10px;
	text-align:center;
	width: auto !important;
	text-align:center;
	margin-right:2px;	
}
.dvd, .legend { width:100%;}




table.type07 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
	width:100%;
	font-size:12px;
}
table.type07 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table.type07 thead th {
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.type07 tbody th {
	width: 50%;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type07 td {
	width: 50%;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}


.copyright_area { padding:0px 0px 50px; text-align:center;}
/*--------------------------------------------

#howto

-----------------------------------------------*/
.campaign__catch_copy_sub {font-size: 3rem;}
.howto__catch_copy {
	text-align: center;
	font-family: "AxisStd-Light" ,"Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 4.6rem;
	color: #FF31BE;
	margin-bottom: 30px;
}

.smp_box {
	overflow: hidden;
	background-image: url(/resources/hikari/pc/sp/kawaiiantv/images/howto_dokodemo_bg.jpg);
	background-repeat: no-repeat;
}
.dokodemo_img { float:left; width:340px;}
.howto_okodemo { float:left; width:640px;}

/*---------------------------------------------------

present

------------------------------------------------------*/
.present_kawaiian {
  background-color:#fe0444;
  border-radius:6px;
  padding:15px 10px;
  margin-bottom:20px;}
  
 .campaign__present {
	 width:60%;
	 margin:0 auto;}
.btn__present {
    background-color: #ffffff;
    position: relative;
	border: 1px solid #d9d9d9;
border-bottom: 2px solid #d9d9d9;
color: #333333 !important;
display:inline-block;
font-size: 1.6rem;
padding: 10px 25px 10px 10px;
text-align: center;
width: 100%;
margin:10px auto 0px;
cursor: pointer;
font-family: "AxisStd-Medium" ,"Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ", sans-serif;
font-weight: normal !important;
}

.btn__present:not(.btn__anchor):not(.btn__pdf):not(.btn__accordion):not(.local-nav__btn):not(.btn__icon):not(.btn__not-icon)::before {
    position: absolute;
    content: "";
    right: 8px;
    top: 50%;
    margin-top: -10px;
    width: 12px;
    height: 20px;
    background: url("/resources/hikari/pc/sp/kawaiiantv/images/bullet_lft_gry.png") no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;}




/*フッター*/

#kanyu {
    background-color: #f2fafd;
    padding: 30px 0 0;
}
.kanyu_block {
    margin: 10px auto 0;
    overflow: hidden;
    width: 980px;
}
.kanyu_block .kanbox {
    float: left;
    line-height: 2;
    padding: 2%;
    width: 46%;
}

#kanyu img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.campaign__entry__net .btn-entry {
	font-size:1.4rem;
}
.campaign__entry__net, .campaign__entry__tel {
	height:94px!important;
}
.howto_wrapper {
	padding: 0 10px 60px;
}
.howto_other {
	display: flex;
	justify-content: flex-end;
	max-width: 980px;
	margin: 0 auto;
}
.howto_other a {
	display: block;
	padding: 5px;
	border: solid 1px #666;
	background: no-repeat right 5px center url(/resources_v2/hikari/all/images/shared/bullet_lft_blu.png);
}
.howto_other img {
	width: 90%;
}
.js-dropdown {
	max-width: 980px;
	margin: 0 auto;
}
.js-dropdown .howto_btn {
	display: block;
	padding: 5px;
	border: solid 1px #666;
	background: no-repeat right 5px center url(/resources_v2/hikari/all/images/shared/bullet_dn_blu.png);
}
.js-dropdown.js-open .howto_btn {
	background: no-repeat right 5px center url(/resources_v2/hikari/all/images/shared/bullet_up_blu.png);
}
.howto_btn img {
	width: 90%;
}
.accordion__content {
	padding: 0;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}
.howto h4 {
	padding-top: 1em;
	padding-bottom: 1em;
}
.campaign_2month {
	background: #f2fafd;
    padding-bottom: 120px!important;
	
}

/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
	max-width: 100%;
	height: auto;
	width /***/: auto;
	margin-right: 0px;
}

/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.hdg-1-02 p {padding-bottom:0px;}
#m_contents{background-image:none;}
#m_contents_main { background:none;}
#m_contents * p { font-size:100%;}

.section_in { width:100%; padding:0px 0 30px;}	

.top_main h1 img { width:100%;}


/*--------------------------------------------

#ch info

-----------------------------------------------*/
.info_ch { 
overflow:hidden;
margin-bottom:20px;
padding:1%;}

.info_ch .ch {
width:100%; float:none;}
.ch_ttl { font-size:16px; font-weight:bold;}
.info_ch .ch dl dt img { width:300px;}

.ch-txt { width:100%; float:none; padding-top: 30px;}


.program_b_textarea1 h3,
.program_b_textarea2 h3 { width:100%;}
.program_b_textarea1,
.program_b_imagearea1,
.program_b_textarea2,
.program_b_imagearea2 { float:none; width:100%;}
.program_b_imagearea1 img,
.program_b_imagearea2 img { width:100%; margin-top:10px;}
	
/*--------------------------------------------

#ch-program

-----------------------------------------------*/
#ch-program{
	padding: 20px 10px;
	margin: 10px 0 35px;
}
#ch-program .ch_name{
	width: calc((100% / 3) - 10px);
	padding: 10px;
}	
.btn_ch {
    font-size: 12px;
	}
/*--------------------------------------------

works

-----------------------------------------------*/


.dvd_box {width:46%;margin:2%;}
.keycut_l img,
.dvd_box .dvd img {width:100%;}



/*--------------------------------------------

#インタビュー

-----------------------------------------------*/
.info_interview{
}
.interview_b_imagearea { float:none; width:100%; margin-right:0px;}
.interview_b_textarea { float:none; width:100%;}


/*--------------------------------------------

#howto

-----------------------------------------------*/
.howto__catch_copy {font-size: 2.3rem !important;}

.dokodemo_img { float:none; width:100%;}
.howto_okodemo {
	float: none;
	width: 100%;
	background-image: url(/resources/hikari/pc/sp/kawaiiantv/images/howto_dokodemo_bg.jpg);
	background-position: center top;
}
.tab_box img,
.howto_okodemo img { width:100%;}


#content,
#content-inner,
#main { width: 100%;}



.present_kawaiian { border-radius:0px;}
 .campaign__present {
	 width:100%;}


/*フッター*/
.kanyu_block {
    width: 100%;
	padding:0 10px;
}
.kanyu_block .kanbox {
    float: none;
    padding: 0;
    width: 100%;
}
.kanbox span {
	display:block;
}
.kanbox img {
	margin:0 auto;
}


}



@media screen and (max-width:480px){
/*--------------------------------------------

#ch-program

-----------------------------------------------*/
	#ch-program{
		padding: 20px 10px 0;
		margin: 10px 0 35px;
		flex-direction: column;
	}
	#ch-program .ch_name{
		width: 100%;
		padding: 10px;
		margin: 0px auto 20px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}	
	#ch-program .ch_name p{
		width: calc((100% / 2) - 5px);
		padding-left: 10px;
	}
	.btn_ch {
		line-height: 1.6em;
		vertical-align: middle;
		margin: 0 auto 0;
	}
	
	.howto_other a, .js-dropdown .howto_btn {
		width: calc((100% - 20px) / 3);
		text-align: left;
	}
	.howto_other a {
		margin-left: 10px;
	}
	.howto_other a, .js-dropdown .howto_btn, .js-dropdown.js-open .howto_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		padding-left: 0;
		background-size: 5px;
	}
	.howto_other img, .js-dropdown .howto_btn img{
		display: block;
		width:92%;
	}
	.howto_btn {
		margin-top: -40px;	
	}
}

@media screen and (min-width:481px) {
	.howto_other a, .js-dropdown .howto_btn {
		width: calc((100% - 40px) / 3);
		padding-left: 0;
		text-align: center;
	}
	.howto_other a {
		margin-left: 20px;
	}
	.howto_other img, .js-dropdown .howto_btn img{
		height: 40px;
		width: auto;
	}
	.howto_btn {
		margin-top: -52px;	
	}
}
@media screen and (min-width:768px) {
	.howto_other a, .js-dropdown .howto_btn {
		padding-left: 5px;
		text-align: center;
	}
	.howto_other img, .js-dropdown .howto_btn img{
		height: 50px;
	}
	.howto_btn {
		margin-top: -62px;	
	}
}

@media screen and (max-width:966px){
	.hdg-1-02 {
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		background:#ececec;
		height:auto;
		padding:0 10px 10px;
		align-items:center;
		justify-content: space-between;
		box-sizing:border-box;

	}	
	.hdg-1-02 p {
		width: 302px;
		margin-bottom:0;
	}
	.hdg-1-02 #sns {
		position:static;
	}
}