@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; /* 1 */ /* 日本語のfont-familyへの対応 */ font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre { margin-top: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

html { font-size: 75%; }

/* レスポンシブ   タイプセッティングへの対応 */
h1 { font-size: 2em; }

p, li, dt, dd, th, td, pre { -ms-line-break: strict; line-break: strict; -ms-word-break: break-strict; word-break: break-strict; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { max-width: 100%; /* フルードイメージへの対応 */ height: auto; vertical-align: middle; /* 追加箇所 */ border: 0; }

/* IE8 max-widthバグへの対応*/
/* .ie8 img{width: auto; height: auto} */
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

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

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

/*  ==================================   normalize.css mini end   ===================================== */
/* general setting for lessponsive web design */
html { line-height: 1.5; }

a { text-decoration: none; color: #0000cc; }

ul, ol { list-style: none; }

h1 { font-size: 3em; /* 48px */ line-height: 1; /* 48px */ margin-bottom: 0.5em; }

h2 { font-size: 2.25em; /* 36px */ line-height: 1.3333; /* 48px */ margin-bottom: 0.6667em; }

h3 { font-size: 1.5em; /* 24px */ line-height: 1; /* 24px */ margin-bottom: 1em; }

hgroup h2, h4, h5, h6 { font-size: 1em; /* 16px */ line-height: 1.5; /* 24px */ margin-bottom: 1.5em; }

p { margin-bottom: 1.6em; line-height: 1.6; text-align: left; }

/*---------------変数宣言-------------------*/
/*---------------構造の変数　横幅-------------------*/
/*---------------色の変数-------------------*/
strong { color: #33438e; }

/*---------------よく使うミックスイン-------------------*/
/*---------------general-------------------*/
body { background-color: #fff4e8; }

body img { max-width: 100%; height: auto; }

/*--------------- default smart-phone setting -------------------*/
/*--------------- header branding -------------------*/
.brand-container { width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; zoom: 1; background-color: #fff; }

#branding { width: 100%; max-height: 100px; margin: 0; background-color: #fff; position: relative; }
#branding header h1 { width: 180px; margin: 1% auto 1%; }
#branding section { display: block; width: 300px; margin: 0 auto; overflow: hidden; }
#branding section .t-banner1, #branding section .t-banner2 { width: 48%; float: left; margin: 0% 1%; }

#branding2 { width: 100%; height: auto; margin: 0; overflow: hidden; background-color: #fff; position: relative; }
#branding2 header h1 { width: 180px; margin: 1% auto 1%; }
#branding2 section { display: block; width: 300px; margin: 0 auto; overflow: hidden; }
#branding2 section .t-banner1, #branding2 section .t-banner2 { width: 48%; float: left; margin: 0% 1%; }
#branding2 .t-bannerwaku1 { width: 300px; margin: 0 auto; overflow: hidden; }
#branding2 .t-bannerwaku1 .t-banner3, #branding2 .t-bannerwaku1 .t-banner4 { width: 48%; float: right; margin: 2% 1% 0%; }
#branding2 .t-bannerwaku2 { width: 300px; margin: 0 auto; overflow: hidden; }
#branding2 .t-bannerwaku2 .t-banner5, #branding2 .t-bannerwaku2 .t-banner6 { width: 48%; float: left; margin: 2% 1%; }

.container { width: 100%; margin: 0 auto; }

.main-contents { clear: both; width: 100%; background-color: #fff; position: relative; padding: 0 0 1rem; }
.main-contents .side { width: 92.5%; margin: 0 3.75%; }

#main-side { width: 100%; position: relative; overflow: hidden; zoom: 1; }

.main { position: relative; width: 94%; margin: 0 3%; }

.fside, .rside { position: static; width: 92.5%; margin: 0% 3.75%; }

.nav-menu { margin: 1rem 0rem; }
.nav-menu h2 { margin: 0; padding: 0; }
.nav-menu ul.breadcrumb { margin: 0; padding: 0; }

.aka { color: red; }

.p-m-nashi p { margin: 0; padding: 0; }
.p-m-nashi p b { color: #33438e; }

.open-menu label { position: relative; color: #666666; text-align: center; padding: 10px; display: block; margin: 0; border: 1px solid #ccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(#ffffff, #dddddd); background: -moz-linear-gradient(#ffffff, #dddddd); background: -o-linear-gradient(#ffffff, #dddddd); background: linear-gradient(#ffffff, #dddddd); }
.open-menu label:after { content: ""; position: absolute; top: 10x; right: 20px; width: 10px; height: 10px; border-top: 3px solid #666666; border-right: 3px solid #666666; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.open-menu input[type="checkbox"].on-off { display: none; }
.open-menu div { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; }
.open-menu input[type="checkbox"].on-off + div { height: 0; overflow: hidden; }
.open-menu input[type="checkbox"].on-off:checked + div { height: auto; }

.link-menu a { display: block; position: relative; color: #0033ff; text-align: center; padding: 10px; display: block; margin: 0; border: 1px solid #ccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(#ffffff, #dddddd); background: -moz-linear-gradient(#ffffff, #dddddd); background: -o-linear-gradient(#ffffff, #dddddd); background: linear-gradient(#ffffff, #dddddd); }
.link-menu a:after { content: ""; position: absolute; top: 10x; right: 20px; width: 10px; height: 10px; border-top: 3px solid #0033ff; border-right: 3px solid #0033ff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.nav-menu a { display: block; margin: 0 auto; }
.nav-menu a img { display: block; margin: 0 auto; }

.noa { width: 100%; margin: 0; padding: 27px 5px 5px; background-color: #fff; background-image: url(http://842fm.west-tokyo.co.jp/images/noq-banner.gif); background-size: 120px; background-position: 3px 2px; background-repeat: no-repeat; }

.sgrey { font-size: 0.9em; color: #666; }

.contents { width: 100%; margin: 0; position: relative; overflow: hidden; zoom: 1; }

.saimaru { width: 300px; margin: 0 auto; }
.saimaru .saimaru-form { width: 300px; height: 270px; padding: 10px 0px 0px; background-color: #000; position: relative; }
.saimaru .saimaru-form iframe html { max-width: 100%; }

.saimaru-inst { margin: 3px 0px; padding: 0px; color: red; font-size: 1em; line-height: 1; }
.saimaru-inst img { float: left; margin: 0rem 1rem 0rem 0rem; }

.saimaru-text, .ust-text { margin: 0.5em 0em 0.5em; border: solid 1px #33438e; background-color: #e5eefd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 0.8em; }

.saimaru-text { background-image: url(http://842fm.west-tokyo.co.jp/images/iphone.png); background-position: 3px 3px; background-repeat: no-repeat; background-size: 54px; padding: 3px 3px 3px 60px; }
.saimaru-text h4 { padding: 0; margin-bottom: 0; }

.ust { width: 260px; margin: 0 auto; position: relaive; overflow: hidden; }

.nowonair { margin: 0 auto; }
.nowonair .nowonair-inst { position: relative; color: #33438e; text-align: left; font-size: 1.2em; padding: 5px 0px 0px 35px; display: block; margin: 1rem 1rem 0rem; border: none; border-bottom: solid 4px #ff6600; background: url(http://842fm.west-tokyo.co.jp/images/fmsound.png) top left no-repeat; margin: 0px; color: #cc0000; padding: 5px 0px 0px 45px; }
.nowonair .nowonair-inst:after { content: none; }
.nowonair .nowonair-text { margin: 0px; background-color: #ffc891; padding: 5px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-left: solid 1px #ff6600; border-right: solid 1px #ff6600; border-bottom: solid 1px #ff6600; }
.nowonair .nowonair-text a { display: block; color: #33438e; line-height: 1.2; font-weight: bold; margin: 0; padding: 0; }
.nowonair .nowonair-text a span { color: #fff; text-shadow: 1px 1px 2px #333333; }

.ust-form { display: none; }

.ust-inst { display: none; }

.ust-text { display: none; }

.ust-sp { margin: 1rem 0rem; border: solid 1px #33438e; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; text-align: center; font-size: 1.2rem; padding: 1rem; }

.ust-sp a { display: block; }

.tokuban { border: solid 1px #ff0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 3px 0px; padding: 5px; line-height: 1; }
.tokuban p { margin: 0px 0px 2px 5px; line-height: 1; }
.tokuban h6 { color: #ff0000; margin: 2px 5px; line-height: 1; }
.tokuban a { color: #33438e; font-weight: bold; }
.tokuban a span { color: #666; font-weight: normal; font-size: 0.9em; }

.local { width: 100%; margin: 1rem 0rem; position: relative; overflow: hidden; }

.fb-waku, .tw-waku { display: block; width: 300px; height: 600px; margin: 20px auto; }

.title-waku { padding: 1rem 0rem 0rem; width: 100%; border-bottom: solid 3px #33438e; margin: 0px; position: relative; }
.title-waku .iphot { position: absolute; top: 1rem; left: 0; width: 70px; height: 70px; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; z-index: 50; }
.title-waku .iphot .phot-cut { position: relative; overflow: hidden; height: 70px; width: 70px; display: block; }
.title-waku .iphot .phot-cut img { display: block; height: 130px; width: auto; position: absolute; left: 0px; top: -10px; }
.title-waku h2.title { position: static; padding: 15px 0px 0px 80px; margin: 0; font-size: 1.5em; color: #33438e; }

ul.breadcrumb { padding: 0px 0px 20px 80px; margin: 0; position: relative; overflow: hidden; }
ul.breadcrumb li { float: left; color: #33438e; }
ul.breadcrumb li a { color: #33438e; }

.page h3 { background-color: #e5eefd; font-size: 1.3em; padding: 0.5em 0.5em 0.5em 1em; margin-bottom: 1em; color: #33438e; text-shadow: 0px 1px 0px white; }

.c-caution { margin: 0rem 1rem 1rem; border: solid 1px red; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 0.2rem 1rem 0.5rem; overflow: hidden; }
.c-caution img { float: left; margin: 0px 5px 0px 0px; }
.c-caution h6 { font-size: 1em; color: red; margin: 0; }
.c-caution p { clear: both; font-size: 0.9em; margin: 0; line-height: 1.2; }

.program, .self { margin-top: 0.5em; padding: 0.5em; font-size: 1.3em; background-color: #f9ff3c; color: #33438e; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 4px #999999; -moz-box-shadow: 2px 2px 4px #999999; box-shadow: 2px 2px 4px #999999; }
.program h3, .self h3 { display: inline; background-color: #C00; padding: 0.2em 0.5em; color: #fff; font-size: 1em; font-weight: normal; text-shadow: none; }

.self { background-color: #ff6699; color: #fff; text-align: center; }
.self h3 { background-color: transparent; color: #fff; text-shadow: 0px 0px 4px #333333; }

.broadcast, .fm-title, .press-title { margin-top: 0.5em; padding: 0.5em; font-size: 1.3em; background-color: #03C; color: #fff; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 4px #999999; -moz-box-shadow: 2px 2px 4px #999999; box-shadow: 2px 2px 4px #999999; }

.fm-title, .press-title { background-color: #33438e; text-align: center; }
.fm-title a, .press-title a { display: block; margin: 0 auto; text-align: center; color: #fff; }

.press-title { background-color: #f9ff3c; }
.press-title a { color: #33438e; font-size: 0.9em; font-weight: bold; line-height: 1.1; }

.tag-list { clear: both; margin: 1em 0em; padding: 0.5em; border: solid 1px #33438e; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.cast-waku { clear: both; margin: 0rem 0em 0.5rem; padding: 0; text-align: left; }
.cast-waku h4 { margin: 0rem; padding: 0rem; color: #666; font-size: 1rem; font-weight: normal; }
.cast-waku .audio-p { margin: 0; padding: 0; }

.cate-des { width: 98%; margin: 0 0 0.5rem; padding: 1%; background-color: #e5eefd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.top-gide label, .top-koushin label { position: relative; color: #666666; text-align: center; padding: 10px; display: block; margin: 0; border: 1px solid #ccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(#ffffff, #dddddd); background: -moz-linear-gradient(#ffffff, #dddddd); background: -o-linear-gradient(#ffffff, #dddddd); background: linear-gradient(#ffffff, #dddddd); position: relative; }
.top-gide label:after, .top-koushin label:after { content: ""; position: absolute; top: 10x; right: 20px; width: 10px; height: 10px; border-top: 3px solid #666666; border-right: 3px solid #666666; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.top-gide label span.k-ichi, .top-koushin label span.k-ichi { display: none; }
.top-gide input[type="checkbox"].on-off, .top-koushin input[type="checkbox"].on-off { display: none; }
.top-gide div, .top-koushin div { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; }
.top-gide input[type="checkbox"].on-off + div, .top-koushin input[type="checkbox"].on-off + div { height: 0; overflow: hidden; }
.top-gide input[type="checkbox"].on-off:checked + div, .top-koushin input[type="checkbox"].on-off:checked + div { height: auto; }
.top-gide input[type="checkbox"].on-off:checked + div ul, .top-koushin input[type="checkbox"].on-off:checked + div ul { height: 200px; border-bottom: solid 3px #666; margin: 0px 0px 10px; padding: 0; overflow: auto; }
.top-gide input[type="checkbox"].on-off:checked + div ul li, .top-koushin input[type="checkbox"].on-off:checked + div ul li { padding: 0.5rem 0rem 0.5em 0rem; margin: 0; font-size: 1em; line-height: 1.2; border-bottom: dashed 1px #999; }
.top-gide input[type="checkbox"].on-off:checked + div ul li a, .top-koushin input[type="checkbox"].on-off:checked + div ul li a { display: block; color: #666; position: relative; font-size: 0.9em; overflow: hidden; }
.top-gide input[type="checkbox"].on-off:checked + div ul li a .l-icon, .top-koushin input[type="checkbox"].on-off:checked + div ul li a .l-icon { width: 50px; height: 50px; margin: 0em 0.5em 0.5em 0em; float: left; background-image: url(http://842fm.west-tokyo.co.jp/images/fmkun-yubi2.png); background-position: top left; background-repeat: no-repeat; background-size: contain; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
.top-gide input[type="checkbox"].on-off:checked + div ul li a h3, .top-koushin input[type="checkbox"].on-off:checked + div ul li a h3 { color: #33438e; font-size: 1.1em; font-weight: bold; line-height: 1; }

.sub-index label { position: relative; color: #666666; text-align: center; padding: 10px; display: block; margin: 0; border: 1px solid #ccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(#ffffff, #dddddd); background: -moz-linear-gradient(#ffffff, #dddddd); background: -o-linear-gradient(#ffffff, #dddddd); background: linear-gradient(#ffffff, #dddddd); position: relative; }
.sub-index label:after { content: ""; position: absolute; top: 10x; right: 20px; width: 10px; height: 10px; border-top: 3px solid #666666; border-right: 3px solid #666666; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.sub-index input[type="checkbox"].on-off { display: none; }
.sub-index div { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; }
.sub-index input[type="checkbox"].on-off + div { height: 0; overflow: hidden; }
.sub-index input[type="checkbox"].on-off:checked + div { height: auto; }
.sub-index input[type="checkbox"].on-off:checked + div ul { height: 200px; border-bottom: solid 3px #666; margin: 0px 0px 10px; padding: 0; overflow: auto; }
.sub-index input[type="checkbox"].on-off:checked + div ul li { padding: 0.5rem 0rem 0.5em 0rem; margin: 0; font-size: 1em; line-height: 1.2; border-bottom: dashed 1px #999; }
.sub-index input[type="checkbox"].on-off:checked + div ul li a { display: block; color: #666; position: relative; font-size: 0.9em; overflow: hidden; }
.sub-index input[type="checkbox"].on-off:checked + div ul li a .l-icon { width: 50px; height: 50px; margin: 0em 0.5em 0.5em 0em; float: left; background-image: url(http://842fm.west-tokyo.co.jp/images/fmkun-yubi2.png); background-position: top left; background-repeat: no-repeat; background-size: contain; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
.sub-index input[type="checkbox"].on-off:checked + div ul li a h3 { color: #33438e; font-size: 1.1em; font-weight: bold; line-height: 1; }

.bangumi { width: 100%; }

.time-nav { width: 100%; margin: 10px 0px 0px; position: relative; overflow: hidden; }
.time-nav .kara { width: 2.75%; height: 40px; float: left; border-bottom: solid 2px #33438e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.time-nav .youbi { width: 13.5%; height: 40px; float: left; border-left: solid 2px #ccc; border-top: solid 2px #ccc; border-right: solid 2px #ccc; border-bottom: solid 2px #33438e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; background-color: #eee; }
.time-nav .youbi a { display: block; text-align: center; color: #666; font-size: 1.5em; }
.time-nav .youbi a:hover { display: block; height: auto; background-color: #e5eefd; color: #33438e; }
.time-nav .current { border-left: solid 2px #33438e; border-top: solid 2px #33438e; border-right: solid 2px #33438e; border-bottom: none; background-color: #e5eefd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }
.time-nav .current a { color: #33438e; }

.time-body { width: 100%; border-left: solid 2px #33438e; border-top: none; border-right: solid 2px #33438e; border-bottom: solid 2px #33438e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; }
.time-body ul { clear: both; padding: 1rem; margin: 0; }

ul.b_category_name, .time-youbi { position: relative; overflow: hidden; padding: 1rem 1rem 0rem; }
ul.b_category_name li, .time-youbi li { margin: 0rem 1rem 0.5rem 0rem; padding: 0.25rem; float: left; }
ul.b_category_name li a, .time-youbi li a { display: block; font-size: 1em; color: #333; }

.talk { background-color: #ffd2f9; }

.live { background-color: #fff8ce; }

.music { background-color: #d9ffde; }

.sport { background-color: #c0ffff; }

.comedy { background-color: #e2e0ff; }

.health { background-color: #ffe1e3; }

.city { background-color: #eaeaee; }

.mania { background-color: #e6ded6; }

.fashion { background-color: #f999e3; }

.challenge { background-color: #ebbbae; }

.movie { background-color: #cca9b4; }

.time-youbi { margin: 0rem; padding-top: 0; border-bottom: solid 2px #33438e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.time-youbi li { background-color: #e5eefd; border: solid 1px #33438e; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.nav-info { margin: 0 0 1rem; }
.nav-info h3.nav-cate { padding: 0.5rem; font-size: 1.2em; text-align: center; color: #666; margin: 0 0 0.5rem; text-shadow: 0px 2px white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.nav-info li { margin: 0 0 0.5rem; }
.nav-info li .mini-catch { padding: 0.2rem 1rem; background-color: #f9ff3c; color: #33438e; }
.nav-info li p { font-size: 0.9em; padding: 0 1rem; margin: 0; line-height: 1.2; color: #666; }

ul.bangumi-info { padding: 0 1rem 1rem; margin: 0; }
ul.bangumi-info li { clear: both; padding: 0.5rem 0rem; border-bottom: dashed 2px #666; position: relative; overflow: hidden; }
ul.bangumi-info li .bangumi-kakomi { width: 100%; padding: 0rem; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; }
ul.bangumi-info li .bangumi-kakomi .bangumi-icon { width: 25%; float: left; margin: 0; padding: 0; }
ul.bangumi-info li .bangumi-kakomi .bangumi-head { width: 63%; float: left; }
ul.bangumi-info li .bangumi-kakomi .bangumi-head h4 { color: red; font-size: 1.2em; padding: 0.2rem 0.5rem 0rem; margin: 0; }
ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 { padding: 0rem 0.5rem; line-height: 1.2; margin: 0; }
ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 a { display: block; color: #33438e; font-size: 0.9em; font-weight: bold; }
ul.bangumi-info li .bangumi-kakomi .pod-waku { width: 12%; float: right; margin: 0; padding: 0; }
ul.bangumi-info li .bangumi-summary { padding: 0em 2em 0em 2em; margin: 0; font-size: 1em; }
ul.bangumi-info li .bangumi-summary p { padding: 0; margin: 0; }

.list-waku ul { margin: 0; padding: 0; }
.list-waku ul li { clear: both; margin: 0rem 0rem 0.5rem; border-bottom: dashed 1px #666; }
.list-waku ul li a { display: block; overflow: hidden; }
.list-waku ul li a .l-icon { width: 70px; height: 70px; float: left; position: relative; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
.list-waku ul li a h4 { padding: 0px 0px 0px 80px; margin: 0; font-weight: bold; font-size: 1.1em; }
.list-waku ul li a .exc { padding: 0px 0px 0px 80px; font-size: 1em; color: #666; }

.list-title a { display: block; color: #33438e; font-size: 1.1em; }

.yomikomi-list { width: 100%; margin: 0.5rem 0rem 1rem; padding: 0; border-top: 2px solid #33438e; }
.yomikomi-list h4 { font-size: 1em; padding: 0.5rem 1rem; margin: 0.5rem 0rem; background-color: #e5eefd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.yomikomi-list ul { margin: 0; padding: 0; }
.yomikomi-list ul li { margin: 0 0 0.5rem 1rem; }
.yomikomi-list ul li a { display: block; color: #33438e; line-height: 1.1; }
.yomikomi-list h5 a { display: block; margin: 0rem 0rem 0rem 2rem; color: #33438e; line-height: 1.1; font-size: 1em; }

.page-list { position: relative; text-align: center; }
.page-list ul { margin: 0; padding: 0; }

.page-ba { display: inline; font-size: 1.2; color: #333; }
.page-ba a { color: #33438e; }

.intolo-waku ul { margin: 0; padding: 0; position: relative; overflow: hidden; }
.intolo-waku ul li { width: 120px; height: 160px; margin: 0px 10px 10px 0px; float: left; background-color: #fff; overflow: hidden; }
.intolo-waku ul li .iphot { width: 100px; margin: 0 auto; height: 100px; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
.intolo-waku ul li .list-title { height: 57px; margin: 3px 0px 0px; overflow: hidden; }
.intolo-waku ul li .list-title a { display: block; text-align: center; line-height: 1.2; }
.intolo-waku ul li .list-title-pro { height: 57px; margin: 3px 0px 0px; overflow: hidden; }
.intolo-waku ul li .list-title-pro a { display: block; text-align: left; line-height: 1.1; font-size: 0.9em; }

.koushinrss { line-height: 1.2; }
.koushinrss img { float: right; }
.koushinrss span { font-size: 0.8em; line-height: 1.2; color: #666; }

h3.search-title { font-size: 1.2em; padding: 0.5rem; }

h4.sentry-title { font-size: 1em; padding: 0.5rem 2rem; margin: 0; }

.listen-oubo { margin: 0; width: 300px; float: right; }
.listen-oubo a { display: block; padding: 0.5rem 1rem; background-color: #33438e; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px 1px 0px #666666; }

.list-waku, .page-list { clear: both; }

.page-list { margin: 1rem auto; }

.footer { clear: both; width: 100%; background-color: #e5eefd; position: relative; overflow: hidden; padding: 0em; }
.footer .footer-title { color: #33438e; padding: 1rem 0.5rem 0rem; }
.footer .footer-nav-box { width: 120px; margin: 5px 10px 0px; float: left; position: relative; }
.footer .footer-nav-box ul { margin: 0; padding: 0; }
.footer .footer-nav-box ul li { width: 120px; margin: 0px 0px 5px; }
.footer .footer-nav-box ul li img { max-width: 100%; height: auto; }

/*====================================    768px    =======================================*/
@media screen and (min-width: 768px) { .main-contents { content: ""; display: table; clear: both; }
  html { font-size: 87.5%; }
  /*レスポンシブタイプセッティングの指定*/
  #branding { width: 97%; max-height: 100px; margin: 0 auto; position: relative; overflow: hidden; }
  #branding header { width: 33%; margin: 1% 0%; float: left; position: relative; }
  #branding header h1 { width: 100%; margin: 0%; }
  #branding section { display: block; width: 67%; margin: 1% 0% 1%; float: left; position: relative; }
  #branding section .t-banner1, #branding section .t-banner2 { width: 46.25%; margin: 0% 2.5% 0% 5%; float: left; }
  #branding section .t-banner2 { margin: 0%; }
  #branding2 { width: 97%; max-height: auto; margin: 0 auto; position: relative; overflow: hidden; }
  #branding2 header { width: 33%; margin: 1% 0%; float: left; position: relative; }
  #branding2 header h1 { width: 100%; margin: 0%; }
  #branding2 section { display: block; width: 67%; margin: 1% 0% 1%; float: left; position: relative; }
  #branding2 section .t-banner1, #branding2 section .t-banner2 { width: 46.25%; margin: 0% 2.5% 0% 5%; float: left; }
  #branding2 section .t-banner2 { margin: 0%; }
  #branding2 .t-bannerwaku1 { clear: both; width: 66%; float: left; margin: 0% 0% 1% 3%; position: relative; overflow: hidden; }
  #branding2 .t-bannerwaku1 .t-banner3, #branding2 .t-bannerwaku1 .t-banner4 { width: 46.25%; float: right; margin: 0% 2.5% 0% 0%; }
  #branding2 .t-bannerwaku2 { width: 31%; float: left; margin: 0% 0% 1%; position: relative; overflow: hidden; }
  #branding2 .t-bannerwaku2 .t-banner5 { width: 100%; margin: 0%; }
  #branding2 .t-bannerwaku2 .t-banner6 { display: none; }
  .container { width: 92.75%; margin: 0 auto; }
  .main-contents { position: relative; background-image: url(http://842fm.west-tokyo.co.jp/images/back.gif); background-repeat: repeat-y; background-size: contain; }
  #main-side { width: 78.82%; margin: 0; float: left; overflow: hidden; position: relative; }
  .main { width: 73%; float: right; margin: 0; position: relative; }
  .fside { position: static; width: 27%; float: left; margin: 0; }
  .rside { position: static; width: 21.18%; float: right; margin: 0; }
  .nav-menu { margin: 1rem; }
  .nav-menu h2 { margin: 0; }
  .open-menu label { position: relative; color: #33438e; text-align: left; font-size: 1em; padding: 5px 0px 0px 35px; display: block; margin: 1rem 1rem 0rem; border: none; border-bottom: 3px solid #33438e; background: url(http://842fm.west-tokyo.co.jp/images/greenflag.png) top left no-repeat; }
  .open-menu label:after { content: none; }
  .open-menu input[type="checkbox"].on-off { display: none; }
  .open-menu div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin: 0; padding: 0; }
  .open-menu input[type="checkbox"].on-off + div { height: auto; overflow: visible; margin: 0; }
  .open-menu input[type="checkbox"].on-off:checked + div { height: auto; overflow: visible; margin: 0; }
  .open-menu div ul { margin: 0 1rem; padding: 0; -webkit-box-shadow: 0px 0px 3px #666666 inset; -moz-box-shadow: 0px 0px 3px #666666 inset; box-shadow: 0px 0px 3px #666666 inset; height: 250px; overflow: auto; background-color: #fff; }
  .open-menu div ul li { padding: 0.5rem 1rem 0.5em 1rem; font-size: 0.9em; line-height: 1.2; }
  .open-menu div ul li a { display: block; color: #33438e; }
  .link-menu a { display: block; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #929bc3), color-stop(100%, #33438e)); background: -webkit-linear-gradient(#929bc3, #33438e); background: -moz-linear-gradient(#929bc3, #33438e); background: -o-linear-gradient(#929bc3, #33438e); background: linear-gradient(#929bc3, #33438e); position: relative; color: white; text-align: center; padding: 1rem; display: block; margin: 0 1rem 1rem; border: 1px solid #33438e; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px 1px 0px black; }
  .link-menu a:after { content: none; }
  .link-menu a:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5eefd), color-stop(100%, #929bc3)); background: -webkit-linear-gradient(#e5eefd, #929bc3); background: -moz-linear-gradient(#e5eefd, #929bc3); background: -o-linear-gradient(#e5eefd, #929bc3); background: linear-gradient(#e5eefd, #929bc3); color: #33438e; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px 1px 0px white; }
  .noa { width: auto; margin: 0rem 1rem 1rem; -webkit-box-shadow: 0px 0px 3px #666666 inset; -moz-box-shadow: 0px 0px 3px #666666 inset; box-shadow: 0px 0px 3px #666666 inset; }
  .local { width: auto; margin: 1rem; border: solid 1px #33438e; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; }
  .local .tenki { margin: 5px auto; }
  .top-two { width: 100%; position: relative; overflow: hidden; }
  .saimaru { width: 300px; float: left; margin: 0px 10px 0px 10px; position: relaive; }
  .saimaru-inst { padding: 4px 0px 0px 0px; font-size: 0.8em; }
  .saimaru-text { background-image: url(http://842fm.west-tokyo.co.jp/images/iphone.png); background-position: 3px 3px; background-repeat: no-repeat; background-size: 54px; padding: 3px 3px 3px 60px; }
  .ust { display: block; width: 260px; float: left; margin: 0px 16px 0px 0px; padding: 0; position: relative; }
  .ust-form { display: block; width: 100%; }
  .ust-inst { display: block; margin: 3px 0px 0px; padding: 13px 0px 0px; height: 22px; color: #33438e; font-size: 1.3em; font-weight: bold; line-height: 1; text-align: center; }
  .ust-text { display: block; background-image: url(http://842fm.west-tokyo.co.jp/images/camera.png); background-position: bottom left; background-repeat: no-repeat; background-size: 65px; padding: 3px 3px 3px 70px; }
  .ust-sp { display: none; }
  .fb-waku, .tw-waku { display: block; width: 300px; height: 600px; float: left; margin: 20px 0px 20px 3px; }
  .page { padding: 0rem 1rem 2rem; }
  .top-gide { width: 46%; float: left; margin: 0% 2% 0% 2%; }
  .top-gide label { position: relative; color: #33438e; text-align: left; font-size: 1.2em; padding: 5px 0px 0px 35px; display: block; margin: 1rem 1rem 0rem; border: none; border-bottom: solid 4px #33438e; background: url(http://842fm.west-tokyo.co.jp/images/yellowflag.png) top left no-repeat; margin: 0rem; }
  .top-gide label:after { content: none; }
  .top-koushin { width: 46%; float: left; margin: 0% 2% 0% 2%; }
  .top-koushin label { position: relative; color: #33438e; text-align: left; font-size: 1.2em; padding: 5px 0px 0px 35px; display: block; margin: 1rem 1rem 0rem; border: none; border-bottom: solid 4px #33438e; background: url(http://842fm.west-tokyo.co.jp/images/redflag.png) top left no-repeat; margin: 0rem; }
  .top-koushin label:after { content: none; }
  .top-koushin label span.k-ichi { display: inline; }
  .top-koushin label span.k-ichi a { margin: 0rem 0rem 0rem 2rem; padding: 0.3rem; background-color: #33438e; color: #fff; font-size: 0.8em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
  .top-gide input[type="checkbox"].on-off, .top-koushin input[type="checkbox"].on-off { display: none; }
  .top-gide div, .top-koushin div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin: 0; padding: 0; }
  .top-gide input[type="checkbox"].on-off + div, .top-koushin input[type="checkbox"].on-off + div { height: auto; overflow: visible; margin: 0; }
  .top-gide input[type="checkbox"].on-off:checked + div, .top-koushin input[type="checkbox"].on-off:checked + div { height: auto; overflow: visible; margin: 0; }
  .top-gide div ul, .top-koushin div ul { margin: 0rem; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 300px; overflow: auto; background-color: #fff; border-bottom: solid 4px #33438e; }
  .top-gide div ul li, .top-koushin div ul li { padding: 0.5rem 1rem 0.5em 0rem; font-size: 0.9em; line-height: 1.2; border-bottom: dashed 1px #999; }
  .top-gide div ul li a, .top-koushin div ul li a { display: block; color: #666; position: relative; font-size: 0.9em; overflow: hidden; }
  .top-gide div ul li a .l-icon, .top-koushin div ul li a .l-icon { width: 60px; height: 60px; margin: 0em 0.5em 0.5em 0em; float: left; background: url(http://842fm.west-tokyo.co.jp/images/fmkun-yubi2.png) top left no-repeat; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
  .top-gide div ul li a h3, .top-koushin div ul li a h3 { color: #33438e; font-size: 1em; font-weight: bold; line-height: 1; }
  .top-gide div ul li a:hover, .top-koushin div ul li a:hover { backgound-color: #e5eefd; }
  .sub-index { width: 96%; float: left; margin: 0% 2%; }
  .sub-index label { position: relative; color: #33438e; text-align: left; font-size: 1.2em; padding: 5px 0px 0px 35px; display: block; margin: 1rem 1rem 0rem; border: none; border-bottom: solid 4px #33438e; background: url(http://842fm.west-tokyo.co.jp/images/redflag.png) top left no-repeat; margin: 0rem; }
  .sub-index label:after { content: none; }
  .sub-index input[type="checkbox"].on-off { display: none; }
  .sub-index div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin: 0; padding: 0; }
  .sub-index input[type="checkbox"].on-off + div { height: auto; overflow: visible; margin: 0; }
  .sub-index input[type="checkbox"].on-off:checked + div { height: auto; overflow: visible; margin: 0; }
  .sub-index div ul { margin: 0rem; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 300px; overflow: auto; background-color: #fff; border-bottom: solid 4px #33438e; }
  .sub-index div ul li { padding: 0.5rem 1rem 0.5em 0rem; font-size: 0.9em; line-height: 1.2; border-bottom: dashed 1px #999; }
  .sub-index div ul li a { display: block; color: #666; position: relative; font-size: 0.9em; overflow: hidden; }
  .sub-index div ul li a .l-icon { width: 60px; height: 60px; margin: 0em 0.5em 0.5em 0em; float: left; background: url(http://842fm.west-tokyo.co.jp/images/fmkun-yubi2.png) top left no-repeat; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }
  .sub-index div ul li a h3 { color: #33438e; font-size: 1em; font-weight: bold; line-height: 1; }
  .sub-index div ul li a:hover { backgound-color: #e5eefd; }
  .fm-title, .press-title { width: 94.4%; margin: 3% 2.8% 0%; }
  .time-nav { width: 94.4%; margin: 5% 2.8% 0%; position: relative; }
  .time-body { width: 94.4%; margin: 0% 2.8%; position: relative; }
  .time-youbi { width: 94.4%; margin: 0% 2.8% 0%; position: relative; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-icon { width: 18%; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head { width: 74%; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h4 { color: red; font-size: 1.2em; padding: 0.2rem 0.5rem 0rem; margin: 0; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 { padding: 0rem 0.5rem; line-height: 1.2; margin: 0; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 a { display: block; color: #33438e; font-size: 0.9em; font-weight: bold; }
  ul.bangumi-info li .bangumi-kakomi .pod-waku { width: 8%; }
  .cast-waku { clear: both; margin: 0rem 0em 0.5rem; padding: 0.5rem; border: solid 1px #33438e; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; }
  .cast-waku h4 { margin: 0rem; padding: 0rem; display: block; float: left; font-weight: normal; color: #666; font-size: 1rem; }
  .cast-waku .audio-p { margin: 0; padding: 0rem 0rem 0rem 0.5rem; display: block; float: right; }
  .cast-unit { clear: both; }
  .cate-des { clear: both; width: auto; margin: 0rem 0rem 0.5rem; padding: 0.5rem; }
  .intolo-waku li { height: 170px; margin: 0px 10px 10px 0px; }
  .intolo-waku li .list-title { height: 50px; margin: 0px 0px; overflow: hidden; }
  .intolo-waku li .list-title a { display: block; font-size: 0.9em; text-align: center; line-height: 1.2; }
  .footer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #929bc3), color-stop(100%, #33438e)); background: -webkit-linear-gradient(#929bc3, #33438e); background: -moz-linear-gradient(#929bc3, #33438e); background: -o-linear-gradient(#929bc3, #33438e); background: linear-gradient(#929bc3, #33438e); }
  .footer .footer-title { color: #fff; padding: 0em 0em 0em 1em; } }
/*   =======================================   1056px   ====================================    */
@media screen and (min-width: 1056px) { html { font-size: 100%; }
  /*レスポンシブタイプセッティングの指定*/
  .out-container { width: 1056px; margin: 0 auto; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 6px #666666; -moz-box-shadow: 0px 0px 6px #666666; box-shadow: 0px 0px 6px #666666; }
  .brand-container, #branding { width: 1056px; height: 100px; margin: 0 auto; }
  .brand-container2 { width: 1056px; height: auto; margin: 0 auto; }
  #branding { width: 1056px; height: 100px; }
  #branding header { width: 320px; margin: 10px 16px; float: left; position: relative; }
  #branding header h1 { width: 320px; margin: 0px; }
  #branding section { display: block; width: 672px; margin: 10px 16px; float: left; position: relative; }
  #branding section .t-banner1 { width: 320px; margin: 0px 16px 0px 0px; float: left; }
  #branding section .t-banner2 { width: 320px; margin: 0px 0px 0px 16px; float: left; }
  #branding2 { width: 1056px; height: auto; }
  #branding2 header { width: 320px; margin: 10px 16px; float: left; position: relative; }
  #branding2 header h1 { width: 320px; margin: 0px; }
  #branding2 section { display: block; width: 672px; margin: 10px 16px; float: left; position: relative; }
  #branding2 section .t-banner1 { width: 320px; margin: 0px 16px 0px 0px; float: left; }
  #branding2 section .t-banner2 { width: 320px; margin: 0px 0px 0px 16px; float: left; }
  #branding2 .t-bannerwaku1 { width: 688px; margin: 0px 0px 10px 16px; }
  #branding2 .t-bannerwaku1 .t-banner3, #branding2 .t-bannerwaku1 .t-banner4 { width: 320px; margin: 0px 16px 0px 16px; float: right; }
  #branding2 .t-bannerwaku1 .t-banner4 { margin: 0px 16px 0px 0px; }
  #branding2 .t-bannerwaku2 { width: 320px; margin: 0px 0px 10px 16px; }
  #branding2 .t-bannerwaku2 .t-banner5 { width: 320px; margin: 0px; }
  #branding2 .t-bannerwaku2 .t-banner6 { display: none; }
  .container { width: 1056px; margin: 0 auto; }
  nav.animenu { width: 1056px; margin: 0 auto; }
  .saimaru { width: 300px; float: left; margin: 32px 16px 0px 14px; padding: 0; position: relaive; }
  .saimaru .saimaru-inst { font-size: 1em; line-height: 1.4; padding: 4px 0px 0px; }
  .ust { display: block; width: 260px; float: left; margin: 0px 16px 0px 0px; padding: 0; position: relative; }
  .nowonair .nowonair-inst { margin: 7px 0px 0px; }
  .ust-form { display: block; width: 100%; }
  .ust-inst { display: block; margin: 3px 0px 0px; padding: 13px 0px 0px; height: 22px; color: #33438e; font-size: 1.3em; font-weight: bold; line-height: 1; text-align: center; }
  .ust-text { display: block; background-image: url(http://842fm.west-tokyo.co.jp/images/camera.png); background-position: bottom left; background-repeat: no-repeat; background-size: 65px; padding: 3px 3px 3px 70px; }
  .page { padding: 16px 16px 32px; }
  .program { margin-top: 0em; }
  .fm-title, .press-title { width: auto; margin: 1rem 1rem 0; }
  .title-waku { padding: 0rem; margin: 0px 0px 0px 0px; position: relative; }
  .title-waku .iphot { position: absolute; top: 1rem; left: 0; width: 100px; height: 100px; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; z-index: 50; }
  .title-waku .iphot .phot-cut { position: relative; overflow: hidden; height: 100px; width: 100px; display: block; }
  .title-waku .iphot .phot-cut img { display: block; height: 170px; position: absolute; left: 0px; top: -24px; }
  .title-waku h2.title { position: static; padding: 40px 0px 0px 120px; margin: 0; font-size: 1.7em; color: #33438e; }
  ul.breadcrumb { padding: 0px 0px 40px 120px; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-icon { width: 90px; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head { width: 390px; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h4 { color: red; font-size: 1.2em; padding: 0.2rem 0.5rem 0rem; margin: 0; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 { padding: 0rem 0.5rem; line-height: 1.2; margin: 0; }
  ul.bangumi-info li .bangumi-kakomi .bangumi-head h3 a { display: block; color: #33438e; font-size: 0.9em; font-weight: bold; }
  ul.bangumi-info li .bangumi-kakomi .pod-waku { width: 45px; margin: 5px; float: right; }
  .footer { width: 1016px; padding: 10px 20px; margin: 0 auto; }
  .footer .footer-title { padding: 0em 0em 0em 3em; } }