@charset "UTF-8";
/*------------------------------------
パンくず
--------------------------------------*/
#df_wrap .df_pankuzu {
clear:both;
/* margin:0 6px 18px; */
margin:0 0 18px;
width:auto;
font-size:0.75em;
border:solid 1px #CCC;
overflow:hidden;
background: #FFF;
line-height: 18px;
}

@media only screen and (max-width:640px) {
#df_wrap .df_pankuzu {
margin:0 6px 18px;
}
}

#df_wrap .df_pankuzu:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#df_wrap .df_pankuzu li {
float:left;
background:url(/shared/images/bg_pankuzu.png) 0 50% repeat-x;
margin:1px 11px 1px 0;
position: relative;
z-index:1;
}
#df_wrap .df_pankuzu li:before {
background:url(/shared/images/bg_pankuzu_before.png) -10px 50% no-repeat;
content:"";
position:absolute;
z-index:-1;
top:0;
left:-8px;
width:9px;
height:22px;
}
#df_wrap .df_pankuzu li:after {
background:url(/shared/images/bg_pankuzu_after.png) right -17px no-repeat;
content:"";
position:absolute;
z-index:-1;
top:0;
right:-8px;
width:9px;
height:21px;
}
#df_wrap .df_pankuzu li.df_last, #df_wrap .df_pankuzu li.df_last:after, #df_wrap .df_pankuzu li.df_last:before, #df_wrap .df_pankuzu .home:after, #df_wrap .df_pankuzu .home:before {
background:none;
}
#df_wrap .df_pankuzu li a {
color:#FFF;
display:block;
padding:3px 8px 1px 8px;
height:18px;
}
#df_wrap .df_pankuzu li.df_last span {
display:block;
padding:3px 2px 1px 2px;
}
#df_wrap .df_pankuzu .home {
background:url(/shared/images/icon_pankuzu_home.png) no-repeat -32px 50%;
width:24px;
text-indent:-9999px;
padding:0 10px 0 0;
margin:1px 2px 0 1px;
overflow:hidden;
}
#df_wrap .df_pankuzu ul > span {
	width:6em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-ms-text-overflow: ellipsis;
	display: block;
	position: relative;
	top: 3px;
	word-break:break-all;
	word-wrap: normal;
}
@media only screen and (max-width:640px) {
#df_wrap .df_pankuzu {
margin:0 6px;
line-height:24px;
overflow-x: scroll;
}
#df_wrap .df_pankuzu li {
	white-space: nowrap;
}
#df_wrap .df_pankuzu ul {
	width: 900px;
}
#df_wrap .df_pankuzu li span {
	position: relative;
	bottom: 4px;
}
#df_wrap .df_pankuzu ul > span {
	position: static;
	width: auto;
}
}
/*------------------------------------
フォームナビゲーション
--------------------------------------*/
#df_wrap .df_navStep {
overflow:hidden;
margin:0 0 18px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#FFF;
background:#fafafa;
color:#666;
list-style:none;
font:0.75em Verdana, sans-serif;
}
#df_wrap .df_navStep li {
float:left;
line-height:60px;
}
#df_wrap .df_navStep li span {
display:block;
float:left;
padding:0 10px 0 40px;
background:#fafafa;
color:#333;
text-decoration:none;
}
#df_wrap .df_navStep li span::after {
position:relative;
display:block;
margin-top:-30px;
margin-left:auto;
margin-right:-25px;
width:30px;
height:30px;
border-right:1px solid #d6d6d6;
background:#fafafa;
content:" ";
-webkit-transform:skew(-40deg);
-moz-transform:skew(-40deg);
-o-transform:skew(-40deg);
transform:skew(-40deg);
}
#df_wrap .df_navStep li span::before {
display:block;
float:right;
margin-bottom:-30px;
margin-left:auto;
margin-right:-25px;
width:30px;
height:30px;
border-right:1px solid #d6d6d6;
background:#fafafa;
content:" ";
-webkit-transform:skew(40deg);
-moz-transform:skew(40deg);
-o-transform:skew(40deg);
transform:skew(40deg);
}
#df_wrap .df_navStep li:first-child span {
padding-left:40px;
}
#df_wrap .df_navStep li:last-child {
/* padding:0 0 0 40px; */
padding-left:0px;
}
/* .df_navStep li span:hover {
color:#333; */
#df_wrap .df_navStep li.df_current {
background:#DDD;
}
#df_wrap .df_navStep li.df_current span {
background:#DDD;
}
#df_wrap .df_navStep li.df_current span::before, #df_wrap .df_navStep li.df_current span::after {
background:#DDD;
}
/*------------------------------------
ページング処理　次へ　前へ
--------------------------------------*/

#df_wrap .df_paging, #df_wrap #df_paging {
clear:both;
margin:0 auto 6px;
padding:5px 0;
width:auto;
text-align:left;
word-wrap:break-word;
overflow: hidden;
font-size:0.9em;
}
#df_wrap .df_paging ul, #df_wrap #df_paging ul {
margin:0 0 0 -1px;
float:right;
}
#df_wrap .df_paging ul span, #df_wrap .df_paging ul li a, #df_wrap #df_paging ul span, #df_wrap #df_paging ul li a {
margin:4px 2px;
padding:5px 8px;
border:solid 1px #CCC;
background:#EEE;
color:#000;
vertical-align:middle;
text-align:center;
text-decoration:none;
font-weight:normal;
line-height:18px;
}
/* IE9ハック */
:root #df_wrap .df_paging ul span, :root #df_wrap .df_paging ul li a, :root #df_wrap #df_paging ul span, :root #df_wrap #df_paging ul li a {
padding:5px 8px 2px 8px\0/;
}
#df_wrap .df_paging li.df_on a, #df_wrap #df_paging li.df_on a, #df_wrap .df_paging li.df_on span, #df_wrap #df_paging li.df_on span {
margin:4px 2px;
padding:5px 8px;
border:solid 1px #CCC;
background:#FFF;
color:#000;
vertical-align:middle;
text-align:center;
text-decoration:none;
font-weight:bold;
line-height:18px;
}
/* IE9ハック */
:root #df_wrap .df_paging li.df_on a, :root #df_wrap #df_paging li.df_on a, :root #df_wrap .df_paging li.df_on span, :root #df_wrap #df_paging li.df_on span {
padding:5px 8px 2px 8px\0/;
}
#df_wrap .df_paging li a, #df_wrap #df_paging li a {
display:inline-block;
color:#333;
text-decoration:none;
}
#df_wrap .df_paging li, #df_wrap #df_paging li {
display:inline-block;
}
#df_wrap .df_paging li a:hover, #df_wrap #df_paging li a:hover, #df_wrap .df_paging li span, #df_wrap #df_paging li span {
background:#FFF;
}
#df_wrap .df_paging .df_number {
float: left;
margin: 7px 0 0 0;
}
#df_wrap .df_paging .df_number span {
display:inline-block;
padding:0 4px;
font-weight:bold;
font-size:1.2em;
}
@media only screen and (max-width:640px) {
#df_wrap .df_paging, #df_wrap #df_paging {
text-align:center;
}
#df_wrap .df_paging .df_number {
float: none;
margin: 0;
}
#df_wrap .df_paging ul, #df_wrap #df_paging ul {
float: none;
}
}
/*------------------------------------
記事一覧系
--------------------------------------*/
#df_wrap ul.df_kijiList {
overflow:hidden;
position:relative;
}
#df_wrap ul.df_kijiList .df_kijiDate {
position:relative;
display:block;
float:left;
padding:3px 0 0 4px;
width:98px;
color:#666;
text-align:left;
word-wrap:break-word;
font-size:0.75em;
}
#df_wrap ul.df_kijiList .df_title {
display:block;
/* float:left; */
overflow:hidden;
margin:-2px 0 0 0;
padding:0 0 0 16px;
width:auto;
background:url(/shared/images/icon_arrow_gray.png) no-repeat 1px 7px;
}
@media only screen and (max-width:640px) {
#df_wrap ul.df_kijiList .df_kijiDate {
float:none;
padding:3px 0 4px 4px;
}
#df_wrap ul.df_kijiList .df_title {
padding:0 4px;
background:none;
}
}
#df_wrap ul.df_kijiList .df_title span.df_shop {
display:inline-block;
margin:0 0 0 -0.5em;
}
#df_wrap ul.df_kijiList .df_title span.df_shop a:link {
color:#B52C2C;
text-decoration:none;
}
#df_wrap ul.df_kijiList .df_title span.df_shop a:visited {
text-decoration:underline;
}
#df_wrap ul.df_kijiList .df_title span.df_shop a:hover {
text-decoration:underline;
}
#df_wrap ul.df_kijiList .df_title span.df_shop a:active {
text-decoration:underline;
}
#df_wrap ul.df_kijiList li {
clear:both;
margin:-1px 0 0 0;
padding:14px 0 11px 0;
border-bottom:1px dotted #CCC;
line-height:1.4;
}
@media only screen and (max-width:640px) {
#df_wrap ul.df_kijiList li {
padding:9px 0 11px 0;
}
}
#df_wrap ul.df_kijiList li:after {
display:block;
visibility:hidden;
clear:both;
height:0.1px;
content:".";
font-size:0.1em;
line-height:0;
}
#df_wrap ul.df_kijiList li:first-child {
border-top:1px dotted #CCC;
}
#df_wrap ul.df_kijiList li.df_even {
position:relative;
border-top:1px dotted #CCC;
background:#F8F8F8;
}
/*--- サムネイル記事 ---*/
#df_wrap ul.df_kijiList.df_thumb .df_kijiTitle {
background:none;
display:inline-block;
float:none;
margin:0 0 5px 0;
padding:0 0 0 0;
width:auto;
}
#df_wrap ul.df_kijiList.df_thumb .df_kijiDate {
float:none;
padding:0;
width:auto;
}
#df_wrap ul.df_kijiList.df_thumb li p.df_kijiTitle a {
font-weight:bold;
font-size:1.05em;
}
#df_wrap ul.df_kijiList.df_thumb li figure img {
background:none repeat scroll 0 0 #FFF;
border:1px solid #CCCCCC;
float:left;
height:60px;
padding:1px;
position:relative;
top:-1px;
left:4px;
width:60px;
}
#df_wrap ul.df_kijiList.df_thumb li div {
line-height:1.4;
overflow:hidden;
padding:0px 6px 2px 10px;
background:none;
}
#df_wrap ul.df_kijiList.df_thumb li p.df_leadTxt {
color:#666;
margin:0 0 5px 0;
}
/*--- もっと読む ---*/
#df_wrap .df_listWrap {
clear:both;
}
#df_wrap .df_linkReadMore {
margin:10px 0;
padding:10px;
border:solid 1px #CCC;
background:#F8F8F8;
text-align:center;
}
#df_wrap .df_linkReadMore a {
display:block;
text-decoration:none;
}
#df_wrap .df_linkReadMore a:hover {
color:#333;
}
#df_wrap .df_linkReadMore:hover {
background:#FFF;
}
/*------------------------------------
記事詳細系
--------------------------------------*/

#df_wrap article.df_kijiDetail h3 {
padding:5px 0 0 0;/* color:#42210B; */
font-weight:bold;
font-size:1.2em;
line-height:24px;
}
#df_wrap article.df_kijiDetail .df_kijiDate {
display:block;
/* float:left; */
margin:0 10px 0 0;
padding:0 0 20px 0;
color:#666;
white-space:nowrap;
font-size:0.9em;
}
#df_wrap article.df_kijiDetail figure img, #df_wrap article.df_kijiDetail img {
max-width:100%;
height:auto;
}
#df_wrap .df_htmlArea {
clear:both;
margin:0 auto 18px auto;
}
/*------------------------------------
ページトップ
--------------------------------------*/
#df_wrap .df_pageTop {
clear:both;
position:relative;
width:1024px;
height:39px;
margin:auto auto;
}
#df_wrap .df_pageTop a {
width:188px;
height:39px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(/shared/images/btn_pagetop.png) no-repeat 0 0;
margin:0 0 0 0;
position:absolute;
top:18px;
right:0;
z-index:100;
}
@media only screen and (max-width:640px) {
#df_wrap .df_pageTop {
width:auto;
height:auto;
text-align:right;
margin:0 10px 10px 0;
}
#df_wrap .df_pageTop a {
font-size:0.9em;
color:#333;
width:auto;
height:auto;
text-indent:0;
display:block;
overflow:hidden;
background:none;
margin:0 0 0 0;
position:static;
top:auto;
right:auto;
z-index:100;
}
}
/*------------------------------------
フォーム関連
--------------------------------------*/

#df_wrap input[type="checkbox"] {
margin:0 3px 3px 0;
vertical-align:middle;
*margin:0 0 0 0;
}
#df_wrap input[type="radio"] {
margin:0 4px 2px 0;
vertical-align:middle;
*margin:0 0 0 0;
}
#df_wrap textarea {
margin:3px 0;
padding:3px;
width:98.7%;
height:160px;
border:solid 1px #CCC;
}
#df_wrap input[type="text"], #df_wrap input[type="email"], #df_wrap input[type="number"], #df_wrap input[type="password"], #df_wrap input[type="search"], #df_wrap input[type="tel"], #df_wrap input[type="df_kijiDate"] {
margin:3px 0;
padding:3px;
height:24px;
border:solid 1px #CCC;
vertical-align:middle;
line-height:1.4;
-webkit-appearance:none;
}
#df_wrap #df_txtfld, .df_txtfld, #df_wrap input.df_email {
margin:3px 0;
padding:3px 0;
width:80%;
vertical-align:middle;
line-height:1.4;/*IE6用*/
height:24px;
-webkit-appearance:none;
}
#df_wrap input.df_name, #df_wrap input.df_password, #df_wrap input.df_post, #df_wrap input.df_kijiDate, #df_wrap input.df_birthday, #df_wrap input.df_tel, #df_wrap input.df_email {
margin:3px 0;
padding:3px 0;
vertical-align:middle;
line-height:1.4;/*IE6用*/
height:24px;
}
#df_wrap input[type="email"], #df_wrap input.df_long {
max-width:400px;
width:80%;
}
#df_wrap input[type="password"] {
width:140px;
}
#df_wrap select {
margin:3px 0 6px;
padding:7px 5px;
height:32px;
border:solid 1px #CCC;
vertical-align:middle;
line-height:32px;
}
#df_wrap .df_formBtn {
clear:both;
margin:auto;
/*padding:25px 0;*/
/* width:440px; */
padding:10px;
text-align:center;
}
#df_wrap .df_formBtn.df_single {
width:220px;
}
#df_wrap .df_formBtn:after {
display:block;
visibility:hidden;
clear:both;
height:0.1px;
content:".";
font-size:0.1em;
line-height:0;
}
#df_wrap .df_formBtn {
zoom:100%;
}
#df_wrap .df_formBtn input {
margin:0 5px;
}
#df_wrap .df_hissu, #df_wrap .errorText {
color:#F30;
}
#df_wrap dt span.df_hissu {
display:inline-block;
padding:0 0 0 3px;
}
#df_wrap p.df_alertMsg {
display:block;
padding:0px 0px 10px 28px;
background:url(/shared/pc/images/icon_alert.png) no-repeat 5px 5px;
font-size:1.1em;
}
#df_wrap .df_err, #df_wrap .df_red, #df_wrap .df_alertMsg {
color:#F30;
font-weight:bold;
}
#df_wrap .df_err a {
color:#F30;
font-weight:bold;
}
#df_wrap .df_finMsg {
margin:14px 0 12px 0;
font-weight:bold;
font-size:1.2em;
}
#df_wrap p.df_formMsg {
margin:0 0 14px 0;
}
#df_wrap .df_inputForm dt:before {
display:inline-block;
padding:0 4px 0 0;
color:#F39800;
content:"■";
}
#df_wrap .df_inputForm dt {
clear:both;
padding:4px;
background:#EEE;
font-weight:bold;
font-size:1.05em;
}
#df_wrap .df_inputForm dd {
clear:both;
padding:8px;
}
#df_wrap .df_inputForm dd label {
margin:0 10px 0 0;
}
#df_wrap .df_inputForm dd:after {
display:block;
visibility:hidden;
clear:both;
height:0.1px;
content:".";
font-size:0.1em;
line-height:0;
}
#df_wrap .df_inputForm dd span {
display:block;
}
/*------------------------------------
フォームボタン
--------------------------------------*/
#df_wrap .df_formBtn input:hover, #df_wrap .df_formBtn a:hover, #df_wrap .df_btnMember a:hover {
opacity:0.8;
}
#df_wrap .df_formBtn input {
display:inline-block;
float:left;
width:210px;
height:53px;
border:none;
background-color:#FFF;
background-repeat:no-repeat;
/* text-indent:-9999px; */
cursor:pointer;
}
/* form input.df_login {
background-image:url(/shared/pc/images/btn_login_L.png); */

/* background-repeat:no-repeat; */

/* background-color:#FFF; */

/* border:none; */

/* width:252px; */

/* height:60px; */

/* text-indent:-9999px; */

/* cursor:pointer; */

/* display:block; */

/* margin:auto; */

#df_wrap .df_formBtn input, #df_wrap .df_formBtn a {
position:relative;
z-index:10;
display:inline-block;
margin:0 10px 10px 0;
width:200px;
height:53px;
border:solid 1px #9FA0A0;
/* IE10 Consumer Preview */ 
background-image:-ms-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Mozilla Firefox */ 
background-image:-moz-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Opera */ 
background-image:-o-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #F9F9F9), color-stop(70%, #EEEEEF), color-stop(100%, #E8E8E9));
/* Webkit (Chrome 11+) */ 
background-image:-webkit-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image:linear-gradient(to bottom, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
color:#40220F;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
font-family:inherit;
line-height:53px;
}
/*------------------------------------
SSLテキスト
--------------------------------------*/
#df_wrap #df_sslTxt {
margin:0 0;
padding:10px;
border:solid 1px #9FA0A0;
font-size:0.9em;
}
/*------------------------------------
テーブル系
--------------------------------------*/
#df_wrap form table, #df_wrap table.df_display {
margin:10px auto 5px auto;
width:100%;
border-collapse:collapse;
border-top:solid 1px #CCC;
border-bottom:solid 1px #CCC;
text-align:center;
}
#df_wrap form td, #df_wrap form th, #df_wrap table.df_display td, #df_wrap table.df_display th {
padding:5px 10px;
border-top:solid 1px #CCC;
border-bottom:solid 1px #CCC;
text-align:left;
}
#df_wrap form th, #df_wrap table.df_display th {
padding:0 0 0 10px;
width:100px;
background:#F2F2F2;
color:#333;
vertical-align:middle;
font-weight:normal;
}
#df_wrap form td span {
display:inline-block;
padding:0 8px 0 0;
}
form td span input[type="text"] {
display:inline-block;
margin:0 4px 0 0;
}
/*------------------------------------
ボタン マウスオーバー
--------------------------------------*/
#df_wrap .df_btnhover:hover {
opacity:0.8;
}
#df_wrap #df_top .df_topMobile .bosyuLinkbtn.df_btnhover:hover {
opacity: 0.9;
}
/*------------------------------------
テキスト系コンテンツページ
--------------------------------------*/
#df_wrap .df_siteTxt p, #df_wrap .df_siteTxt ul, #df_wrap .df_siteTxt h3 {
margin:0 0 16px 0;
line-height:1.6;
}
#df_wrap .df_siteTxt #df_wrap .df_mailAttention {
margin:-16px 0 0 0;
}
#df_wrap .df_siteTxt ul li {
margin:0 0 0 10px;
padding:0 0 0 1em;
text-indent:-1em;
}
#df_wrap .df_siteTxt p.df_item {
font-weight:bold;
font-size:1.1em;
}
#df_wrap .df_siteTxt p.df_item, #df_wrap .df_siteTxt dt, #df_wrap .df_siteTxt h3 {
padding:8px 0px 6px;/* padding:8px 6px 6px; *//* border-top:1px solid #E50012; *//* border-bottom:1px solid #666; */
}
#df_wrap .df_siteTxt dt, #df_wrap .df_siteTxt h3 {
padding:0 0 0 6px;
background:#EFEFEF;
font-weight:bold;
}
#df_wrap .df_siteTxt p.df_item span, #df_wrap .df_siteTxt dt span {
display:block;
padding:0 0 0 8px;
border-left:3px solid #FFAA00;
font-weight:bold;
}
#df_wrap .df_siteTxt dd {
/* margin:12px 0 12px 18px; */
margin:12px 12px 18px;
}
#df_wrap .df_siteTxt dd figure {
display:block;
text-align:center;
}
#df_wrap .df_siteTxt dd figure img {
margin:10px auto;
max-width:100%;
width:300px;
height:auto;
}
#df_wrap .df_siteTxt dl {
padding:5px 0;
}
#df_wrap .df_siteTxt dd .df_attention {
color:#666;
font-size:0.85em;
}
#df_wrap .df_siteTxt img {
margin:auto;
max-width:100%;
height:auto;
}
#df_wrap .df_siteTxt figure {
display:block;
padding:0 0 18px 0;
text-align:center;
}
/*------------------------------------
コーナータイトル
--------------------------------------*/
#df_wrap .df_cornerTitle {
position:relative;
z-index:10;
margin:0 0 20px 0;
height:60px;
border-top:2px solid #E50012;
border-bottom:solid 1px #000;
font-weight:bold;
font-size:1.3em;
line-height:60px;
}
#df_wrap .df_cornerTitle:before {
position:absolute;
top:1px;
right:0;
bottom:0;
left:0;
z-index:-1;
display:block;
border-top:1px solid #CCC;
content:"";
}
#df_wrap h1.cornerTitle {
border-top:5px solid #E50012;
}
#df_wrap h1.cornerTitle:before {
border-top:1px solid #E50012;
}
/*------------------------------------
サムネイル表示
--------------------------------------*/
#df_wrap ul.df_imgThumbList {
clear:both;
margin:0 -5px 10px;
}
#df_wrap ul.df_imgThumbList:after {
display:block;
visibility:hidden;
clear:both;
height:0.1px;
content:".";
font-size:0.1em;
line-height:0;
}
#df_wrap ul.df_imgThumbList li {
float:left;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px 0;
padding:0 5px;
width:20%;
height:auto;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
#df_wrap ul.df_imgThumbList li figure {
overflow:hidden;
max-height:120px;
}
#df_wrap ul.df_imgThumbList li figure span {
display:block;
padding:5px 0 0 0;
font-size:0.85em;
}
#df_wrap #df_review ul.df_imgThumbList li figure {
min-height:160px;
}
#df_wrap ul.df_imgThumbList li figure figcaption {
color:#666;
font-size:0.85em;
line-height:1.3;
display:block;
padding:4px 0 0 0;
text-align:center;
}
#df_wrap ul.df_imgThumbList li img {
display:block;
max-width:100%;
width:auto;
}
/*------------------------------------
関連商品
--------------------------------------*/
#df_wrap section#df_kanren {
margin:40px 0 0 0;
}
/*------------------------------------
各パーツ用
--------------------------------------*/
#df_wrap a.df_active {
font-weight:bold;
text-decoration:none;
color:#666;
}
#df_wrap .df_searchSort div.df_dpSwich {
display:inline;
margin:0 0 0 0;
}
/*------------------------------------
PC/スマホ切り替え
--------------------------------------*/
#df_wrap #df_deviceWrap {
display:block;
margin:10px auto 20px;
width:100%;
}
#df_wrap #df_device {
margin:5px auto 0 auto;
width:90%;
}
#df_wrap #df_device li {
display:block;
float:left;
padding:3px 0;
width:49%;
border-top:1px #7b7b7b solid;
border-right:1px #868686 solid;
border-bottom:1px #565656 solid;
border-left:1px #565656 solid;
background:#f6f6f6;
background:-moz-linear-gradient(top, #f6f6f6 32%, #dbdbdb 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(32%, #f6f6f6), color-stop(100%, #dbdbdb));
background:-webkit-linear-gradient(top, #f6f6f6 32%, #dbdbdb 100%);
background:-o-linear-gradient(top, #f6f6f6 32%, #dbdbdb 100%);
background:-ms-linear-gradient(top, #f6f6f6 32%, #dbdbdb 100%);
background:linear-gradient(to bottom, #f6f6f6 32%, #dbdbdb 100%);
text-align:center;
text-align:center;
font-size:1em;
cursor:pointer;
}
#df_wrap #df_device li:nth-of-type(2) {
border-left-style:none;
}
#df_wrap #df_pcBtn {
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
}
#df_wrap #df_spBtn {
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
}
#df_wrap #df_device li.df_active {
background:#a5a5a5;
background:-moz-linear-gradient(top, #a5a5a5 35%, #bfbfbf 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(35%, #a5a5a5), color-stop(100%, #bfbfbf));
background:-webkit-linear-gradient(top, #a5a5a5 35%, #bfbfbf 100%);
background:-o-linear-gradient(top, #a5a5a5 35%, #bfbfbf 100%);
background:-ms-linear-gradient(top, #a5a5a5 35%, #bfbfbf 100%);
background:linear-gradient(to bottom, #a5a5a5 35%, #bfbfbf 100%);
color:#FFF;
font-weight:bold;
}
#df_wrap #df_deviceWrap p {
text-align:center;
font-weight:bold;
font-size:1em;
}
#df_wrap #df_device li a {
display:block;
color:#404040;
text-decoration:none;
}
#df_wrap #df_device li.df_active a {
color:#FFF;
font-weight:bold;
}
#df_wrap #df_device li#df_pcBtn a {
padding:0 0 0 18px;
background:url(/shared/images/ico_pc.png) no-repeat 40% 4px;
background-size:15px;
}
#df_wrap df_device li#df_spBtn a {
padding:0 0 0 14px;
background:url(/shared/images/ico_sp.png) no-repeat 8% 3px;
background-size:12px;
}
#df_wrap #df_topKuchikomiBbs p, #df_wrap #df_topKuchikomiBbs span {
margin:0 10px 3px 10px;
}
/*--- メールで共有 ---*/

#df_wrap .df_mailSend {
background:no-repeat 0 0;
}
#df_wrap .df_mailSend a {
display:inline-block;
padding:0px 4px 0px 22px;
border:solid 1px #CCC;
/* IE10 Consumer Preview */
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-image:url(/shared/images/icon_mini_mail.png), -ms-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Mozilla Firefox */ 
background-image:url(/shared/images/icon_mini_mail.png), -moz-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Opera */ 
background-image:url(/shared/images/icon_mini_mail.png), -o-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image:url(/shared/images/icon_mini_mail.png), -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #F9F9F9), color-stop(70%, #EEEEEF), color-stop(100%, #E8E8E9));
/* Webkit (Chrome 11+) */ 
background-image:url(/shared/images/icon_mini_mail.png), -webkit-linear-gradient(top, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image:url(/shared/images/icon_mini_mail.png), linear-gradient(to bottom, #FFF 10%, #F9F9F9 40%, #EEEEEF 60%, #E8E8E9 100%);
background-position:3px 1px, 0 0;
background-repeat:no-repeat, repeat;
text-decoration:none;
font-weight:bold;
font-size:0.85em;
line-height:18px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
#df_wrap .df_mailSend a:hover {
border:solid 1px #bbb;
color:#000;
}
/*------------------------------------
SNS
--------------------------------------*/
#df_wrap .df_sns, #df_wrap .df_sns_send {
clear:both;
min-width:300px;
margin:auto auto 18px 0;
width:100%;
overflow:hidden;
zoom:1;
}
#df_wrap .df_sns:after, #df_wrap .df_sns_send:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
/*------------------------------------
セカンド以降のコンテンツ内グレー枠
--------------------------------------*/
#df_wrap #df_contentInner {
width: 670px;
border: solid 5px #EEE;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
padding:10px 15px;
}
@media screen and (max-width: 640px) {
#df_wrap #df_contentInner {
border:none;
width:96%;
padding:10px 2%;
}
}
/*------------------------------------
コーナータイトル
--------------------------------------*/

#df_wrap .df_cornerMainTitle {
padding: 5px 0;
margin:0 0 20px 0;
font-size: 1.2em;
font-weight: bold;
color: #5B5D63;
border-bottom: solid 3px #CCC;
}
/*------------------------------------
表組みフォーマット（横）
--------------------------------------*/
#df_wrap .df_table {
width: 99.6%;
border: solid 1px #CCC;
border-style: solid solid none solid;
}
#df_wrap .df_table dt {
float: left;
width: 34%;
padding: 10px 2%;
color: #262626;
line-height: 150%;
background-position: 0 0;
background-repeat: no-repeat;
clear: both;
background: #ededed;
border: solid 1px #CCC;
border-style: none solid solid none;
}
#df_wrap .df_table dd {
margin-left: 38%;
font-weight: bold;
padding: 10px 2%;
line-height: 150%;
background: #fff no-repeat 0 0;
border: solid 1px #CCC;
border-style: none none solid none;
}
#df_wrap .df_table dt>*, #df_wrap .df_table dd>* {
display:block;
}
@media screen and (max-width: 640px) {
#df_wrap .df_table {
width:auto;
}
#df_wrap .df_table dt {
float: none;
width: 100%;
padding: 10px 0px;
overflow: hidden;
}
#df_wrap .df_table dd {
float: none;
width: 100%;
padding: 10px 0px;
margin-left: 0;
overfloe:hidden;
}
#df_wrap .df_table dt>*, #df_wrap .df_table dd>* {
padding:0 15px;
height:auto !important;
display:block;
}
}
/*------------------------------------
表組みフォーマット（縦）
--------------------------------------*/
#df_wrap .df_table_tate {
width: 99.6%;
border: solid 1px #CCC;
border-style: solid solid none solid;
}
@media screen and (max-width: 640px) {
#df_wrap .df_table_tate {
width: auto;
}
}
#df_wrap .df_table_tate dt {
width: 100%;
padding:10px 0;
color: #262626;
line-height: 150%;
background-position: 0 0;
background-repeat: no-repeat;
clear: both;
background: #ededed;
border: solid 1px #CCC;
border-style: none solid solid none;
}
#df_wrap .df_table_tate dt>*, #df_wrap .df_table_tate dd>* {
padding:0 15px;
display:block;
}
#df_wrap .df_table_tate dd {
padding:10px 0;
line-height: 150%;
background: #fff no-repeat 0 0;
border: solid 1px #CCC;
border-style: none none solid none;
}
/*------------------------------------
汎用ボタンフォーマット（白背景・丸グレーアイコン）
--------------------------------------*/
#df_wrap .df_plainBtn {
background-color:#ffffff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(75%, #ffffff), color-stop(100%, #e5e5e5));
background-image: -webkit-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -moz-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -o-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -ms-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
border: solid 1px #B3B3B3;
width: 298px;
text-align: left;
cursor: pointer;
margin: 0px 0px 5px;
}

#df_wrap .df_plainBtn a {
display: block;
border: solid 1px #ffffff;
padding: 4px 10px;
}
#df_wrap .df_plainBtn a:hover {
text-decoration: none;
}
#df_wrap .df_plainBtn a span {
background: url(/shared/images/icon_arrow_maru_gray_right.png) no-repeat 0px 50%;
padding: 0 0 0 20px;
color: #5B5D63;
font-size: 1.1em;
font-weight: bold;
}
/*------------------------------------
ドットのアンダーライン
--------------------------------------*/

#df_wrap .df_dotUnderline {
border-bottom:dotted 1px #b3b3b3;
padding:0 0 10px 0;
}
/*------------------------------------
ゆっちゅパスかんたん応募
--------------------------------------*/

#df_wrap .df_kantanOuboTitle {
background: #ff9f00;
background: -moz-linear-gradient(top, #ff9f00 50%, #f27500 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff9f00), color-stop(50%, #f27500));
background: -webkit-linear-gradient(top, #ff9f00 50%, #f27500 50%);
background: -o-linear-gradient(top, #ff9f00 50%, #f27500 50%);
background: -ms-linear-gradient(top, #ff9f00 50%, #f27500 50%);
background: linear-gradient(to bottom, #ff9f00 50%, #f27500 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#f27500', GradientType=0 );
height: 36px;
margin: 30px 0 0 0;
}
#df_wrap .df_kantanOuboTitle img {
position: relative;
top: -22px;
}
@media screen and (max-width: 640px) {
#df_wrap .df_kantanOuboTitle img {
max-width:100%;
height:auto;
position:relative;
top:-40%;
}
}
#df_wrap .df_kantanOubo {
background:url(/shared/images/bg_stripe_gray_naname.png);
padding:6px;
}
#df_wrap .df_kantanOuboInner {
border: solid 1px #D8D8D8;
padding: 10px;
background:#fff;
}
#df_wrap .df_kantanOuboInner .df_title {
font-size: 1.1em;
color: #FE1B0E;
margin: 0 0 5px 0;
}
#df_wrap .df_kantanOuboInner .df_text {
margin:0 0 10px 0;
}
#df_wrap .df_kantanOuboInner .df_illust {
float: right;
margin: 10px;
}
@media screen and (max-width: 640px) {
#df_wrap .df_kantanOuboInner .df_illust {
float:none;
margin: 0 auto 10px auto;
width: 98px;
}
}
/*------------------------------------
外部リンクアイコン
--------------------------------------*/
#df_wrap .df_gaibuLink a {
background:url(/shared/images/icon_link.gif) no-repeat 0px 3px;
padding:0 0 0 15px;
}
/*------------------------------------
PDFアイコン
--------------------------------------*/
#df_wrap .df_pdfLink a {
background:url(/shared/images/icon_pdf.png) no-repeat 0px 50%;
padding:0 0 0 22px;
display:block;
}
/*------------------------------------
コーナートップに戻る
--------------------------------------*/
#df_wrap .df_modoruLink {
clear:both;
text-align: right;
margin: 15px 0 5px 0;
}
#df_wrap .df_modoruLink a {
background:url(/shared/images/icon_arrow_maru_gray_right.png) no-repeat left 50%;
padding:0 0 0 20px;
color:#262626;
font-size:0.9em;
}
@media only screen and (max-width:640px) {
#df_wrap .df_modoruLink a {
background:url(/shared/images/icon_arrow_maru_gray_right.png) no-repeat 100% 50%;
margin: 5px 10px 5px 0;
padding:0 20px 0 0;
}
}

/*------------------------------------
レスポンシブ時に画像の大きさ可変に
--------------------------------------*/
@media only screen and (max-width:640px) {
#df_wrap #df_content img {
max-width:100%;
height:auto;
}
}
/*------------------------------------
カテゴリ タグ  
--------------------------------------*/

#df_wrap .df_category {
font-size: 0.9em;
margin: 0 5px 10px 0;
overflow: hidden;
*zoom: 1;
}
#df_wrap .df_category p {
display: block;
padding: 3px 0;
text-align: center;
width: 13%;
float: left;
margin: 0 10px 0 0;
}
@media screen and (max-width: 640px) {
#df_wrap .df_category {
margin: 0 5px 0px 0;
}
#df_wrap .df_category p {
float: left;
margin: 0 5px 5px 0;
width: 25%;
}
}
#df_wrap .df_category p span {
color: white;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#A0A0A0, direction=135);*/ }
#df_wrap .df_category .df_pink {
background: #EF356E;
}
#df_wrap .df_category .df_pink span {
text-shadow: 0px 1px 0px #b2295b;
}
#df_wrap .df_category .df_orange {
background: #F27A03;
}
#df_wrap .df_category .df_orange span {
text-shadow: 0px 1px 0px #d86d03;
}
#df_wrap .df_category .df_blue {
background: #006AD8;
}
#df_wrap .df_category .df_blue span {
text-shadow: 0px 1px 0px #0057a5;
}
#df_wrap .df_category .df_green {
background: #03ACB3;
}
#df_wrap .df_category .df_green span {
text-shadow: 0px 1px 0px #038c8c;
}
#df_wrap .df_category .df_purple {
background: #9A35B3;
}
#df_wrap .df_category .df_purple span {
text-shadow: 0px 1px 0px #792a8c;
}
#df_wrap .df_category .df_red {
background: #FD341F;
}
#df_wrap .df_category .df_red span {
text-shadow: 0px 1px 0px #DB2F1D;
}
#df_wrap .df_category .df_brown {
background: #800001;
}
#df_wrap .df_category .df_brown span {
text-shadow: 0px 1px 0px #510304;
}
/*------------------------------------
コーナー内中見出し
--------------------------------------*/
#df_wrap .df_cornerTitleMiddle {
background: none;
position: relative;
z-index: 1;
margin: 0 0 20px 0;
padding: 0px 0 5px 13px;
min-height: 30px;
line-height: 24px;
border-left/*\**/:solid 4px #007894\9; /* IE8のみ */
border-bottom/*\**/:solid 2px #b7b7b7\9; /* IE8のみ */
}
#df_wrap .df_cornerTitleMiddle:not(:target) {
border-left:none\0;/* IE9のみ */
border-bottom:none\0/;/* IE9のみ */
}
#df_wrap .df_cornerTitleMiddle:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: #737373;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiM3MzczNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #737373 32%, #b7b7b7 32%);
background: -webkit-gradient(linear, left top, right top, color-stop(32%, #737373), color-stop(32%, #b7b7b7));
background: -webkit-linear-gradient(left, #737373 32%, #b7b7b7 32%);
background: -o-linear-gradient(left, #737373 32%, #b7b7b7 32%);
background: -ms-linear-gradient(left, #737373 32%, #b7b7b7 32%);
background: linear-gradient(to right, #737373 32%, #b7b7b7 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#b7b7b7', GradientType=1 );
}
#df_wrap .df_cornerTitleMiddle:after {
content: "";
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
width: 4px;
height: 70%;
background: #007894;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMDc4OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #007894 51%, #b7b7b7 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%, #007894), color-stop(51%, #b7b7b7));
background: -webkit-linear-gradient(top, #007894 51%, #b7b7b7 51%);
background: -o-linear-gradient(top, #007894 51%, #b7b7b7 51%);
background: -ms-linear-gradient(top, #007894 51%, #b7b7b7 51%);
background: linear-gradient(to bottom, #007894 51%, #b7b7b7 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007894', endColorstr='#b7b7b7', GradientType=0 );
}
#df_wrap .df_cornerTitleMiddle span {
font-weight: bold;
font-size: 1.1em;
line-height:1.3em;
display:inline-block;
color:#5B5D63;
}
/*------------------------------------
番組リスト（テレビ・ラジオコーナートップ,ラジオのぞきみカメラ）
--------------------------------------*/
#df_wrap #df_bangumiList {
margin: 0 -17px 0 0;
overflow: hidden;
*zoom: 1;
}
@media screen and (max-width: 640px) {
#df_wrap #df_bangumiList {
margin: 0 0 0 0;
}
}
#df_wrap #df_bangumiList li {
width: 210px;
float: left;
border: solid 1px #b3b3b3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin: 0 17px 17px 0;
background: #F9F9F9;
}
@media screen and (max-width: 640px) {
#df_wrap #df_bangumiList li {
height: auto !important;
float: none;
margin: 0 auto 15px auto;
width: 95%;
}
}
#df_wrap #df_bangumiList li figure {
width: 160px;
height: 120px;
border: solid 1px #b3b3b3;
margin: 10px auto 5px auto;
padding: 5px;
text-align: center;
vertical-align: middle;
background: white;
line-height:105px;
}

#df_wrap #df_bangumiList li figure a {
display: table-cell;
height: 120px;
line-height: 1;
vertical-align: middle;
overflow:hidden;
}

#df_wrap #df_bangumiList li figure img {
text-align: center;
}
#df_wrap #df_bangumiList li .df_bangumiTitle {
margin: 0 10px;
}
#df_wrap #df_bangumiList li .df_bangumiTitle a {
font-weight: bold;
}
#df_wrap #df_bangumiList li .df_bangumiTime {
margin: 0 10px 5px 10px;
font-weight: bold;
padding: 0 0 3px 0;
border-bottom: dotted 1px #b3b3b3;
}
#df_wrap #df_bangumiList li .df_bangumiText {
margin: 0 10px 10px 10px;
}
/*====================================
関連コーナーへのリンク（テレビ/ラジオコーナートップ）
====================================*/

#df_wrap .df_kanrenLink {
margin:0 -17px 0 0;
overflow:hidden;
zoom: 1;
}
#df_wrap .df_kanrenLink li {
width: 212px;
min-height:62px;
float:left;
margin: 0 17px 10px 0;
}
#df_wrap .df_kanrenLink li a {
display:block;
}
#df_wrap .df_kanrenLink .df_textLink {
background-color:#ffffff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(75%, #ffffff), color-stop(100%, #e5e5e5));
background-image: -webkit-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -moz-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -o-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: -ms-linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
background-image: linear-gradient(top, #ffffff 75%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
}
#df_wrap .df_kanrenLink .df_textLink a {
background: url(../../shared/images/icon_arrow_maru_gray_right.png) no-repeat 8px 50%;
padding: 0px 8px 0px 28px;
text-decoration:none;
font-weight:bold;
color:#666;
display:table-cell;
vertical-align:middle;
width:176px;
height:60px;
border: solid 1px #B3B3B3;
line-height:1.3em;
}
#df_wrap .df_kanrenLink .df_bannerLink a img {
display:block;
border: solid 1px #B3B3B3;
}
@media screen and (max-width: 640px) {
#df_wrap .df_kanrenLink li {
float:none;
margin: 0 auto 10px auto;
}
}
/*====================================
KNBキャラクタープロフィール
====================================*/
#df_wrap .df_characterProfile {
overflow:hidden;
margin-bottom:20px;
margin-left:-8px;
zoom:1;
}
#df_wrap .df_characterProfile li {
float:left;
overflow:hidden;
margin-left: 8px;
padding: 4px 4px 4px 6px;
width:204px;
border:1px solid #b9c9de;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#e8eff7;
zoom:1;
}
#df_wrap .df_characterProfile li img {
float:left;
margin-right:5px;
}
#df_wrap .df_characterProfile li div {
float:left;
padding:5px;
width:133px;
height:54px;
border:1px solid #b9c9de;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#fff;
font-size:0.8em;
}
#df_wrap .df_characterProfile li div p {
color:#5777a0;
font-weight:bold;
font-size:1.25em;
}
@media screen and (max-width: 640px) {
#df_wrap .df_characterProfile {
margin-left:0;
}
#df_wrap .df_characterProfile li {
float:none;
margin-bottom:8px;
margin-left:0;
width:auto;
}
#df_wrap .df_characterProfile li img {
margin-right:0;
}
#df_wrap .df_characterProfile li div {
float:none;
margin-left: 60px;
width:auto;
height:55px;
}
}
/*====================================
ウィジェット共通
====================================*/

#df_wrap div.df_widgetTitle {
float: left;
font-weight: bold;
color: #fff;
font-size: 1.1em;
}
#df_wrap div.df_widgetMore {
float: right;
width: 70px;
}
#df_wrap div.df_widgetMore span {
border: solid 1px #d9d9d9;
padding: 1px;
background: #ffffff;
background: -moz-linear-gradient(top, white 50%, #e5e4e3 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, #e5e4e3));
background: -webkit-linear-gradient(top, white 50%, #e5e4e3 50%);
background: -o-linear-gradient(top, white 50%, #e5e4e3 50%);
background: -ms-linear-gradient(top, white 50%, #e5e4e3 50%);
background: linear-gradient(to bottom, #ffffff 50%, #e5e4e3 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e3', GradientType=0 );
display: block;
}
#df_wrap div.df_widgetMore span a {
display: block;
background: url(../../shared/images/icon_arrow_shikaku_orange_right.png) no-repeat 2px 50%;
color: #666;
font-weight: bold;
font-size: 0.9em;
padding: 0 0 0 20px;
text-decoration: none;
}
@media screen and (max-width: 640px) {
#df_wrap div.df_widgetMore {
width: 65px;
}
#df_wrap div.df_widgetMore span a {
font-size: 0.8em;
}
}
/*------------------------------------
ただいま放送中
--------------------------------------*/
#df_wrap #df_nowOnAir {
background: #ffffff;
background: -moz-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, #d9d9d9));
background: -webkit-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -o-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -ms-linear-gradient(top, white 50%, #d9d9d9 50%);
background: linear-gradient(to bottom, #ffffff 50%, #d9d9d9 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0 );
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
width:100%;
display:table;
table-layout: fixed;
border:solid 1px #b3b3b3;
}
#df_wrap #df_top .df_emergency .df_title:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap #df_nowOnAir #df_nowLeft {
width: 148px;
display:table-cell;
vertical-align:middle;
background: #ffd524;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmQ1MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmE0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffd524 50%, #ffa400 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffd524), color-stop(50%, #ffa400));
background: -webkit-linear-gradient(top, #ffd524 50%, #ffa400 50%);
background: -o-linear-gradient(top, #ffd524 50%, #ffa400 50%);
background: -ms-linear-gradient(top, #ffd524 50%, #ffa400 50%);
background: linear-gradient(to bottom, #ffd524 50%, #ffa400 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd524', endColorstr='#ffa400', GradientType=0 );
}
#df_wrap #df_nowOnAir .df_nowLeft:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap #df_nowOnAir #df_nowLeft img {
}
#df_wrap #df_nowOnAir #df_nowRight {
overflow: hidden;
border: solid 1px #b3b3b3;
border-style:none none none solid;
display:table-cell;
}
#df_wrap #df_nowOnAir #df_nowRightInner {
border: solid 1px #b3b3b3;
background: #fff;
margin: 5px 10px;
padding: 5px;
line-height: 1em;
overflow:hidden;
display:table;
table-layout: fixed;
width:94.6%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#df_wrap #df_nowOnAir #df_nowRightInner {
display:block;/*Safari*/
}
}
#df_wrap #df_nowOnAir #df_nowticker {
width: 59%;
display:table-cell;
vertical-align:middle;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
line-height:1.5em;
}
#df_wrap #df_nowOnAir #df_nowticker .df_time {
float: left;
display: block;
width: 48px;
font-weight: bold;
margin:0 5px 0 0;
}
#df_wrap #df_nowOnAir #df_nowticker .df_bangumi {
display: block;
overflow:hidden;
text-align:left;
}
#df_wrap #df_nowOnAir #df_nowticker span a {
font-weight: bold;
}
#df_wrap .df_bangumihyouLink, #df_wrap .df_bangumihyouLinkRadio {
display: table-cell;
vertical-align: middle;
overflow: hidden;
white-space:nowrap;
}
#df_wrap .df_bangumihyouLink a {
background: #fe6d65;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZTZkNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZTIzMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fe6d65 50%, #fe2315 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fe6d65), color-stop(50%, #fe2315));
background: -webkit-linear-gradient(top, #fe6d65 50%, #fe2315 50%);
background: -o-linear-gradient(top, #fe6d65 50%, #fe2315 50%);
background: -ms-linear-gradient(top, #fe6d65 50%, #fe2315 50%);
background: linear-gradient(to bottom, #fe6d65 50%, #fe2315 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe6d65', endColorstr='#fe2315', GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 4px 2px;
display:block;
margin: 0 0 0 5px;
text-decoration:none;
}
#df_wrap .df_bangumihyouLink a:not(:target), #df_wrap .df_bangumihyouLinkRadio a:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap .df_bangumihyouLinkRadio a {
overflow: hidden;
background: #6dc9de;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2ZGM5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNmFkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #6dc9de 50%, #26adcd 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6dc9de), color-stop(50%, #26adcd));
background: -webkit-linear-gradient(top, #6dc9de 50%, #26adcd 50%);
background: -o-linear-gradient(top, #6dc9de 50%, #26adcd 50%);
background: -ms-linear-gradient(top, #6dc9de 50%, #26adcd 50%);
background: linear-gradient(to bottom, #6dc9de 50%, #26adcd 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dc9de', endColorstr='#26adcd', GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
padding: 4px 2px;
margin: 0 0 0 5px;
text-decoration:none;
}
#df_wrap #df_nowOnAir .df_bangumihyouLink a span, #df_wrap #df_nowOnAir .df_bangumihyouLinkRadio a span {
color: #fff;
font-weight: bold;
background: url(../../shared/images/icon_arrow_plain_white_right.png) no-repeat 5px 50%;
font-size: 0.9em;
display: inline-block;
padding: 3px 5px 1px 15px;
text-decoration: none;
display:block;
}
@media screen and (max-width: 640px) {
#df_wrap #df_nowOnAir {
background:none;
display:block;
width: auto;
margin: 0 auto;
}
#df_wrap #df_nowOnAir #df_nowLeft {
float: none;
width: 100%;
display:block;
}
#df_wrap #df_nowOnAir #df_nowLeft img {
border: none;
display:block;
}
#df_wrap #df_nowOnAir #df_nowticker {
float: none;
width: 100%;
display:block;
}
#df_wrap #df_nowOnAir .df_bangumihyouLink, #df_wrap #df_nowOnAir .df_bangumihyouLinkRadio {
width: 28%;
margin: 5px auto;
text-align:center;
display:inline-block;
}
#df_wrap #df_nowOnAir #df_nowRightInner {
text-align:center;
display:block;
width:auto;
margin: 5px 8px;
}
#df_wrap #df_nowOnAir #df_nowRight {
border-style:solid none none none;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, #d9d9d9));
background: -webkit-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -o-linear-gradient(top, white 50%, #d9d9d9 50%);
background: -ms-linear-gradient(top, white 50%, #d9d9d9 50%);
background: linear-gradient(to bottom, #ffffff 50%, #d9d9d9 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0 );
display:block;
width: 100%;
text-align:center;
}
#df_wrap #df_nowOnAir #df_nowRight:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap #df_nowOnAir .df_bangumihyouLink a span, #df_wrap #df_nowOnAir .df_bangumihyouLinkRadio a span {
display:inline-block;
}
}
/*----------------------------------
天気ウィジェット関連
-----------------------------------*/


/*====================================
ウィジェット共通
====================================*/

#df_wrap div.df_widgetMore {
float: right;
width: 70px;
}
#df_wrap div.df_widgetMore span {
border: solid 1px #d9d9d9;
padding: 1px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGJjYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(50%, #f0efef), color-stop(50%, #dddddd), color-stop(100%, #bdbcbb));
background: -webkit-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -o-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -ms-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: linear-gradient(to bottom, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bdbcbb', GradientType=0 );
display: block;
}
#df_wrap div.df_widgetMore span:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap div.df_widgetMore span a {
display: block;
background: url(../../shared/images/icon_arrow_shikaku_orange_right.png) no-repeat 2px 50%;
color: #666;
font-weight: bold;
font-size: 0.9em;
padding: 0 0 0 20px;
text-decoration: none;
}
@media screen and (max-width: 640px) {
#df_wrap div.df_widgetMore {
width: 65px;
}
#df_wrap div.df_widgetMore span a {
font-size: 0.8em;
}
}
/*====================================
天気ウィジェット（トップページ・ニュースページ）
====================================*/
#df_wrap #df_top .df_weatherWidget {
clear: both;
width: 200px;
float: left;
margin:14px 0 5px;
}
#df_wrap .df_weatherWidgetInner {
border:solid 1px #b3b3b3;
border-style:none solid solid solid;
padding:0 0 8px 0;
margin-bottom: 10px;
}
/* line 319, ../sass/style.scss */
#df_wrap #df_top .df_weatherWidget div.df_widgetTitle {
width: 57%;
color:#fff;
border-style:none;
}
#df_wrap .df_weatherWidget .df_titleWrap {
overflow: hidden;
padding: 8px 8px;
background: #0a6bc1; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzBhNmJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA4NTg5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA4NTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDMyNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0a6bc1 1%, #08589e 50%, #085090 50%, #043259 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a6bc1), color-stop(50%, #08589e), color-stop(50%, #085090), color-stop(100%, #043259)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0a6bc1 1%, #08589e 50%, #085090 50%, #043259 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0a6bc1 1%, #08589e 50%, #085090 50%, #043259 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0a6bc1 1%, #08589e 50%, #085090 50%, #043259 100%); /* IE10+ */
background: linear-gradient(to bottom, #0a6bc1 1%, #08589e 50%, #085090 50%, #043259 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6bc1', endColorstr='#043259', GradientType=0 ); /* IE6-8 */
border-top:solid 1px #0b7bdd;
border-bottom: solid 1px #042c50;
}
#df_wrap .df_weatherWidget .df_titleWrap:not(:target) {
filter:none\9;/* IE9のみ */
}

#df_wrap div.df_weatherWidget div.df_widgetTitle {
text-shadow:1px 1px 2px #518f9f;
}
#df_wrap .df_weatherWidget div.df_weatherWidgetDate p {
font-weight: bold;
margin: 8px 0px 8px 8px;
display: inline-block;
color: #666;
}
#df_wrap .df_weatherWidget div.df_weatherWidgetDate span {
color: #fff;
background: #ffa600;
background: -moz-linear-gradient(top, #ffa600 1%, #ff9400 57%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffa600), color-stop(57%, #ff9400));
background: -webkit-linear-gradient(top, #ffa600 1%, #ff9400 57%);
background: -o-linear-gradient(top, #ffa600 1%, #ff9400 57%);
background: -ms-linear-gradient(top, #ffa600 1%, #ff9400 57%);
background: linear-gradient(to bottom, #ffa600 1%, #ff9400 57%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff9400', GradientType=0 );
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
padding: 1px 8px;
font-size: 0.8em;
line-height: 1.6em;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea {
clear: both;
margin: 0 8px;
overflow: hidden;
*zoom: 1;
text-align:center;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea .df_areaName {
display: inline-block;
font-weight: bold;
font-size: 1.1em;
color: #666;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea figure {
display: inline-block;
line-height: 2.2em;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea figure img {
width:52px;
vertical-align:middle;
margin: 0 0 5px 0;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea span {
font-weight: bold;
margin: 5px 0;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea .df_saiko {
color: #ff3030;
border-right: solid 1px #b3b3b3;
padding: 0 5px 0 0;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea .df_saitei {
color: #00999b;
}
#df_wrap .df_weatherWidget .df_areaWrap {
display:inline-block;
}
#df_wrap .df_weatherWidget .df_west {
border-top: dotted 1px #ccc;
padding: 5px 0 0 0;
}
#df_wrap .df_weatherWidget .df_weatherWidgetKeiho {
clear: both;
max-width: 183px;
margin: 5px auto 5px;
text-align: center;
}
#df_wrap .df_weatherWidget .df_weatherWidgetKeiho a {
display:block;
}
#df_wrap .df_weatherWidget .df_weatherWidgetKeiho .df_ari {
font-size: 0.8em;
padding: 3px;
color: #666;
display: block;
border: solid 1px #ccc;
background: #FAFAEB;
}
@media screen and (max-width: 640px) {
#df_wrap .df_weatherWidget .df_weatherWidgetKeiho .df_ari {
white-space: nowrap;
}
}
#df_wrap .df_weatherWidget .df_weatherWidgetKeiho .df_nashi {
background: #F7f7f7;
font-size: 0.8em;
padding: 3px;
color: #666;
display: block;
border: solid 1px #ccc;
}
#df_wrap .df_weatherWidget .df_seasonBanner img {
margin:0 auto 5px auto;
display:block;
}
#df_wrap .df_weatherWidget .df_plainBtn {
width:184px;
margin:0 auto;
text-align: center;
}
#df_wrap .df_weatherWidget .df_plainBtn a {
padding: 4px 5px;
}
#df_wrap .df_weatherWidget .df_plainBtn a span {
background:url(../../shared/images/icon_live_camera.png) no-repeat 0px 50%;
font-size:0.75em;
display: inline-block;
padding: 0 0 0 30px;
line-height: 1.8;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#df_wrap .df_weatherWidget .df_plainBtn a span {
		letter-spacing: -0.5px;
		}
}
@media screen and (max-width: 640px) {
#df_wrap .df_weatherWidget .df_plainBtn a span {
background-size: 18px;
letter-spacing: -0.06em;
padding: 0 0 0 25px;
white-space: nowrap;
}
}
@media \0screen {
#df_wrap .df_weatherWidget .df_plainBtn a span {
letter-spacing: -0.05em;
}
}
@media screen and (max-width: 640px) {
#df_wrap #df_top .df_weatherWidget {
width: auto;
margin: 10px auto 0 auto;
float: none;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea .df_areaWrap {
margin: 0 auto;
text-align:center;
}
#df_wrap .df_weatherWidget .df_weatherWidgetArea {
width: 100%;
margin: 4px auto;
}
#df_wrap .df_weatherWidget div.df_weatherWidgetDate p {
margin: 5px 0px 0px 8px;
}
}
/*====================================
有料エリア遷移の文言
====================================*/

#df_wrap .df_loginLead {
font-size: 0.7em;
margin: 0 0 10px 0;
color: #666;
text-align: right;
clear:both;
}
@media screen and (max-width: 640px) {
#df_wrap .df_loginLead {
text-align: center;
margin:5px 0;
}
}
/*-----　大　-----*/
#df_wrap .df_loginLeadLarge {
font-size: 0.9em;
margin: 20px auto 40px auto;
color: #666;
border:solid 2px #ddd;
padding: 10px 0 0;
width:96%;
text-align:center;
}
#df_wrap .df_loginLeadLarge div {
text-align:center;
}
#df_wrap .df_loginLeadLarge div p {
width:40%;
display:inline-block;
border: solid 1px #d9d9d9;
padding: 1px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGJjYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(50%, #f0efef), color-stop(50%, #dddddd), color-stop(100%, #bdbcbb));
background: -webkit-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -o-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: -ms-linear-gradient(top, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
background: linear-gradient(to bottom, #ffffff 1%, #f0efef 50%, #dddddd 50%, #bdbcbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bdbcbb', GradientType=0 );
margin:8px 0 0 8px;
}
#df_wrap .df_loginLeadLarge div p:first-child {
margin:8px 0 0 0;
}
#df_wrap .df_loginLeadLarge div p:not(:target) {
filter:none\9;/* IE9のみ */
}
#df_wrap .df_loginLeadLarge div p a {
display:block;
padding:5px 0;
}
#df_wrap .df_loginLeadLarge div p a:hover {
background:#ccc;
}
#df_wrap .df_loginLeadLarge div p a span {
background:url(../images/icon_arrow_maru_gray_right.png) no-repeat 0px 50%;
display:inline-block;
padding: 0 0 0 18px;
font-weight:bold;
color:#666;
}
/*------------------------------------
応募フォーム　　ログイン導線
--------------------------------------*/
#df_wrap #df_ouboLogin {
margin: 10px auto 20px auto;
color: #666;
border: solid 2px #ddd;
padding: 15px 8px;
background:rgb(252, 252, 252);
text-align:center;
}
#df_wrap #df_ouboLogin a {
font-weight:bold;
}
/*------------------------------------
応募フォーム　　会員情報として保存する
--------------------------------------*/
#df_wrap #df_ouboHozon {
margin: 15px auto 10px auto;
color: #666;
border: solid 1px #ccc;
padding: 15px 8px;
background:#f3f6fc;
text-align:center;
font-weight:bold;
color:#666;
}
#df_wrap #df_ouboHozon label{
font-weight:bold;
color:#666;
}

/*---------------------------------------------
登録がなかった時
---------------------------------------------*/
#df_wrap .df_noEvent {
border: solid 1px #ccc;
padding: 10px 20px;
font-size: 0.9em;
background:#fafafa;
overflow:hidden;
}
#df_wrap .df_noEvent img {
display:block;
width:30px;
float:left;
}
#df_wrap .df_noEvent p {
overflow:hidden;
padding: 2px 10px;
color:#555;
}
@media screen and (max-width: 640px) {
#df_wrap .df_noEvent {
padding: 10px;
}
#df_wrap .df_noEvent img {
padding:20px 0 0 0;
}
}
/*------------------------------------
汎用クラス
--------------------------------------*/
#df_wrap .df_alignC {
text-align:center;
}
#df_wrap .df_alignR {
text-align:right;
}
#df_wrap .df_alignL {
text-align:left;
}
#df_wrap .df_clBoth {
clear:both;
}
#df_wrap .df_floatL {
float:left;
}
#df_wrap .df_floatR {
float:right;
}
#df_wrap .df_underline, #df_wrap .df_aline, .df_ul {
text-decoration:underline;
}
#df_wrap .df_strong, #df_wrap .df_bold {
font-weight:bold;
}
#df_wrap .df_err, #df_wrap .df_red, #df_wrap .df_err a {
color:#FF3300;
}
/*
img.df_icon, .df_icon img {
margin:-3px 4px 0;
width:auto;
height:auto;
vertical-align:middle;
}
*/

#df_wrap .df_pageback, #df_wrap .df_pageBack {
clear:both;
padding:15px 0;
}
#df_wrap .df_small {
font-size:0.9em;
}


/*------------------------------------
有料コンテンツ廃止アナウンス
--------------------------------------*/
#df_wrap .announceWrap {
	border: 2px solid #FF5858;
	padding: 1px;
	margin-bottom: 15px;
}
@media only screen and (max-width: 640px) {
	#df_wrap #df_mobileMainImg .announceWrap {
		margin: 0 2% 10px;
	}
}

#df_wrap .announce__midashi {
	background: #FF5858;
	color: #fff;
	font-weight: bold;
	text-align: center !important;
	padding: 6px;
	border: none !important;
	border-radius: 0 !important;
}
@media only screen and (max-width: 640px) {
	#df_wrap .announce__midashi {
		margin: 0 !important;
	}
}
#df_wrap .announce__midashi .fa {
	color: #fff;
}
#df_wrap .announceInner {
	padding: 9px;
	text-align: center;
}
#df_wrap .announceInner p {
	font-size: 13px;
	border: none !important;
}
#df_wrap .announceInner .announceBtn {
	background: #FF5858;
	padding: 4px;
	width: 200px;
	display: inline-block;
	border-radius: 4px;
	margin-top: 8px;
	color: #fff;
	transition: .2s;
	border: 2px solid #fff;
	position: relative;
}
#df_wrap .announceInner .announceBtn:hover {
	text-decoration: none;
	background: #fff;
	color: #FF5858;
	border: 2px solid #FF5858;
}
#df_wrap .announceInner .announceBtn .fa {
	color:#fff;
	font-size: 12px;
	transition: .2s;
	position: absolute;
	left: 20px;
	top: 8px;
}
#df_wrap .announceInner .announceBtn:hover .fa {
	color: #FF5858;
}

/* announce__link */
#df_wrap .announce__link {
	font-size: 13px;
	text-decoration: underline;
	color: #3768B7;
}
#df_wrap .announce__link .fa {
	margin: 0 4px;
	color: #3768B7;
}
#df_wrap .announce__link a {
	font-weight: bold;
}

/* i-info内など */
#df_wrap .announce__mobile .announceBtn {
	width: 140px;
	padding: 6px 16px;
	position: relative;
	line-height: 16px;
	font-weight: bold;
}
#df_wrap .announce__mobile .announceBtn:after {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #FF5858;
	position: absolute;
	bottom: -16px;
	right: 78px;
}
#df_wrap .announce__mobile .announce__mobile--text {
	padding: 8px 10px;
	margin-top: 1px;
	font-weight: bold;
	display: inline-block;
	text-decoration: underline;
	color: #000;
}
#df_wrap .announce__mobile p {
	font-weight: bold;
	margin-top: 10px;
}
#df_wrap .df_knbMobileKiyaku .announce__mobile--list {
	background: none !important;
	padding-left: 0 !important;
}

/* トップ左サイド */
#df_wrap .announce__mobile .announceBtn {
	margin-top: 0;
}
#df_wrap .df_topMobile p {
	line-height: 18px !important;
}
#df_wrap .df_topMobile .announce__mobile {
	padding-top: 0px;
}
#df_wrap .df_topMobile .mobileBottom {
	padding-bottom: 6px;
}
#df_wrap .df_topMobile .osusumeJyoho {
	font-size: 12px;
	letter-spacing: -0.6px;
}

/* ログインページ */
#df_wrap .df_loginPage .announceWrap {
	background: #fff;
	margin: 15px 0;
}
#df_wrap .df_loginPage .announceWrap .announce__midashi {
	margin: 1px;
}
#df_wrap .df_loginPage .announceWrap a {
	text-decoration: none;
}
#df_wrap .df_loginPage .announceWrap .announceInner p {
	margin: 0;
}