/*----- CSテレ朝チャンネル１ トリック祭り！ -----*/
#gtop {
	background:#fff;
	padding:0;
	border-radius:0;
}
#gtop h1 {
	font-size:20px;
	text-align:center;
	padding:0 5px;
	color:#fff;
}

.caution {
	margin:15px 15px; 
	font-size:80%;
	color: #c00;
}

.txt_right{ text-align: right !important;}
.mb10{	margin-bottom: 1em;}
.fs_large{	font-size: 123%;}
.fs_small{	font-size: 83%;}

a:link{ text-decoration: none;}

/*----- campaign -----*/
.campaign {
	background:#fff;
	color:#333;
	line-height:1.4em;
}
.campaign .cnt_header{
	text-align: center;
}
.campaign h4{ margin: 1.5em 0 0 0;}
.campaign h1 img, .campaign h2 img, .campaign h3 img, .campaign h4 img{ width: 100%;}
.campaign h2{
	padding: 0.5em 0 !important;
	font-size:123%;
	background: none !important;
}
.campaign h3 {
	font-size: 123%;
	margin: 1em 0 0.5em;
	padding:15px !important;
	color:#fff;
	font-weight:normal;
	border:none !important;
	line-height:1.3em;
}
.campaign h3.ttl_ch1 {background:#f0027f !important;}
.campaign h3.ttl_ch2 {background:#01a0c7 !important;}
/*.cnt_header h2{
	margin: 0.5em auto !important;
	padding: 1em;
	color: #fff;
	font-size: 160%;
	background:#c00 !important;
	width: 90%;
	border-radius: 0 !important;
}*/

.campaign strong{	font-weight: bold;}

.campaign dd { line-height: 1.2em;}

.campaign-text {
	margin:1em 1em;
	padding:0.5em;
}
.campaign-text dl{	padding: 0.5em 0.5em 0.5em 0;}
.campaign-text2 { margin:0.5em 0; padding:0; }
.campaign-text p {
	margin-bottom:15px;
}

/*送りリンク*/
.prev_next_box{	padding: 0.5em;}
.prev_next_box a {
	color:#000;
	text-decoration:none;
}
.prev_next_box .prev {
	float:left;
	padding:0.5em;
	border: 1px solid #AAAAAA;
	border-radius: 8px;
}
.prev_next_box .next {
	float:right;
	padding:0.5em;
}
.thumbnail{
	display: inline-block;
	float: left;
	margin: 0 0.5em 0 0;
	padding:0;
}

/*ch1*/
.bg_ch1{
	background: #feebf5;
	border-radius: 8px;
}
a .box_ch1 {
	padding: 0;
	border: 5px solid #f0027f;
}
.box_ch1 h2, .box_ch1 strong{	color:#f0027f !important;}
.box_ch1 h3{
	padding: 0.5em;
	background:#f0027f;
	color:#fff;
	text-align: center;
}
.box_ch1 .li_chara li img{border: 1px solid #f0027f;}

/*ch2*/
.bg_ch2{
	background: #ebf8fb;
	border-radius: 8px;
}
a .box_ch2 {
	padding: 0;
	border: 5px solid #01a0c7;
}
.box_ch2 h2, .box_ch2 strong{	color:#01a0c7 !important;}
.box_ch2 h3{
	padding: 0.5em;
	background:#01a0c7;
	color:#fff;
	text-align: center;
}
.box_ch2 .li_chara li img{border: 1px solid #01a0c7;}

/*-----accordion_list-----*/
.acMenu dt{
	position: relative;
    display: table;
	width: 95%;
	margin: 0.5em auto;
    text-align:left;
	line-height: 1.5em;
	color: #fff;
    cursor:pointer;
    }
.acMenu dt .thumbnail{
	float: left;
	width: 20%;
	margin: 0 1em 0 0;
}
.acMenu dt .li_ttl{
	 display: block;
 font-weight: bold;
 padding: 1em 0 0;
}
.box_ch1 .acMenu dt{	background:#f0027f;}
.box_ch2 .acMenu dt{	background:#01a0c7;}

.acMenu dt:after{
	display: block;
	position: absolute;
	top: 40%;
	right: 1em;
	width: 1em;
	height: 1em;
	margin-top: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transition: all 0.2s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.acMenu dt.active:after{
	transition: all 0.2s;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.acMenu dd{
	padding: 1em;
    text-align: left;
    display:none;
    }
.acMenu dd img{text-align: center;}
	
.dt_ttl{
	font-weight: bold;
	font-size: 120%;
	color: #f39800;
}

/*-----btn-----*/
.btn{
	margin: 1em auto !important;
	/*padding: 1.5em;*/
	width: 90%;
	font-weight: bold;
	/*text-align: center;*/
}
.btn a img{	width: 100%;}
.btn a{
	color: #fff;
	position: relative;
    display:block;
	padding: 1em;
	border-radius: 6px;
	text-decoration: none;
	background: #d00047; /* Old browsers */
	background: -moz-linear-gradient(top,  #d00047 0%, #e4005b 50%, #d00047 50%, #d00047 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d00047), color-stop(50%,#e4005b), color-stop(50%,#d00047), color-stop(100%,#d00047)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d00047 0%,#e4005b 50%,#d00047 50%,#d00047 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d00047 0%,#e4005b 50%,#d00047 50%,#d00047 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d00047 0%,#e4005b 50%,#d00047 50%,#d00047 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d00047 0%,#e4005b 50%,#d00047 50%,#d00047 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00047', endColorstr='#d00047',GradientType=0 ); /* IE6-9 */
}

.btn a:after{
	display: block;
	position: absolute;
	top: 45%;
	right: 1em;
	width: 0.5em;
	height: 0.5em;
	margin-top: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transition: all 0.2s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
/*
.readmore dt{
	margin: 0 auto;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 5px #737373;
	background-image: -moz-linear-gradient(top, #cacaca, #b5b5b5);
	background-image: -ms-linear-gradient(top, #cacaca, #b5b5b5);
	background-image: -o-linear-gradient(top, #cacaca, #b5b5b5);
	background-image: -webkit-linear-gradient(top, #cacaca, #b5b5b5);
	background-image: linear-gradient(top, #cacaca, #b5b5b5);
	background-clip: padding-box;
	color: #303030;
}
.readmore dt:after{
	width: 0.6em;
	height: 0.6em;
	top: 50%;
	/*margin-top: -4px;
	border-top: solid 2px #303030;
	border-right: solid 2px #303030;
}*/