@charset "utf-8";

/* common */
html,body{ margin:0; padding:0; height:100%;}
body{ font-family:"メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif; background:#fff;}
.yj950-2 .yjMainGrid{ padding-right:16px; _padding-right:15px;}
a:link{ color:#006699;}
#contents a{ text-decoration:none;}
#contents a:hover{ text-decoration:underline;}
#contents .message{ border:1px solid #FF0000; color:#FF0000; margin:10px; padding:5px 10px; text-align:center;}
#contents .message a{ color:#FF0000; text-decoration:underline;}
#contents .siteTitle{ padding:4px 3px; border-top:1px solid #ECECEC; color:#999; font-size:92.3%;}
.bgimg,
#sHeader .search_v2 .sLink span,
.areaInfo .genreList li,
.areaInfo .categoryList li li,
.more,
#sHeader .search_v2 .btn,
.clipList .mark,
.areaInfo .icn_pin,
.areaInfo .calendar .ctrl div a,
.areaInfo .calendar .ctrl div span,
.eventList li .area:before,
#popup .sGenreList li{ background:url(../../images/top/sp_top_v3.png) no-repeat;}
#sHeader .search_v2 .sLink span,
.areaInfo .genreList li,
.areaInfo .categoryList li li,
#popup .sGenreList li{ background-position:0 -44px; padding-left:10px;}
.more{ background-position:0 -174px; padding-left:10px; font-size:90%; float:right;}
.bgimg{ display:inline-block; vertical-align:middle; text-indent:-9999px; /text-indent:0; /font-size:0; /line-height:0; /overflow:hidden;}
.icn_review{ background-position:0 -440px; margin-right:3px; height:12px; width:12px;}

/* #sHeader */
#sHeader{ margin-bottom:0;}
#sHeader .search_v2{ background:#F3F3F3; border-bottom:1px solid #fff; -moz-box-shadow:0 0 5px #e3e3e3 inset; -webkit-box-shadow:0 0 5px #e3e3e3 inset; box-shadow:0 0 5px #e3e3e3 inset; padding:7px 10px;}
#sHeader .search_v2 .s{ width:392px;}
#sHeader .search_v2 .txt{ background:#fff; border:1px solid #AEAEB0; padding:0 0 0 8px; -moz-box-shadow:0 1px 2px #ddd inset; -webkit-box-shadow:0 1px 2px #ddd inset; box-shadow:0 1px 2px #ddd inset; height:28px; /line-height:2; line-height:2\9;}
#sHeader .search_v2 .txt:not(:target){ padding:0 0 0 8px\9;/*IE9*/}
#sHeader .search_v2 .wrpBtn{ float:left;}
#sHeader .search_v2 .btn{ background:url(../../images/top/btn_search.png) no-repeat; width:85px; height:30px; min-height:0; border:none; margin:0; float:none; color:#fff; font-size:100%; letter-spacing:2px; text-shadow:0 -1px 1px #A66800; padding: 0 0 2px 14px; padding-top:4px\9; /margin-top:1px;}
#sHeader .search_v2 .btn:not(:target) { margin:0\9; padding-left:18px\9;/*IE9*/}
#sHeader .search_v2 .setting{ float:left; margin-left:10px;}
#sHeader .search_v2 .setting a{background:#fff; background: linear-gradient(to bottom, #fff, #f7f7f7 80%, #fefefe); background: -moz-linear-gradient(top, #fff, #f7f7f7 80%, #fefefe); background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #f7f7f7), to(#fefefe)); border:1px solid #d6d6d6; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:block; overflow:hidden; -moz-box-shadow:0 1px 0 #bbb; -webkit-box-shadow:0 1px 0 #bbb; box-shadow:0 1px 0 #bbb; padding:5px 10px 4px 10px; font-size:95%;}
#sHeader .search_v2 .setting a:hover{background:#f5f5f5; background: linear-gradient(to bottom, #fff, #efefef 80%, #f5f5f5); background: -moz-linear-gradient(top, #fff, #efefef 80%, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #efefef), to(#f5f5f5)); border-color:#d0d0d0;}
#sHeader .search_v2 .sLink{ padding-top:6px;}
#sHeader .search_v2 .sLink .left{ padding-right:10px; margin-right:10px; border-right:1px solid #C2C2C2;}

/* feature */
.feature{ margin-bottom:10px; position:relative;}
.feature img{ vertical-align:bottom;}
.feature .panel{ position:relative; height:220px;}
.feature .panel li{ position:absolute; top:0; left:0;}
.feature .thumbnail{ position:absolute; right:2px; bottom:10px;}
.feature .thumbnail li{ margin-right:8px; float:left;}
.feature .thumbnail li a{ display:block; border:1px solid #fff;}
.feature .thumbnail .active a{ border-color:#FB9E00;}
.feature .thumbnail .active img{ opacity:0.7; filter:alpha(opacity=70);}

/* serpTitle */
.serpTitle{ margin: .3em 0; font-size: 153.8%; font-weight: bold;}

/* areaInfo */
.areaInfo{ margin-bottom:15px; border-top:2px solid #bcaf85; background: #FAF8F5;}
.areaInfo h2{ padding: 8px 10px 0; font-size: 123.1%; font-weight: bold;}
.areaInfo .gourmet{ border-bottom:1px solid #DCD7CD; padding:9px;}
.areaInfo .icn_pin{ display:inline-block; /display:inline; /zoom:1; height:17px; width:11px; margin:-3px 5px 0 0; vertical-align:middle;}
.areaInfo .gourmet .icn_pin{ background-position:0 -225px;}
.areaInfo .ct01 .icn_pin{ background-position:0 -255px;}
.areaInfo .ct02 .icn_pin{ background-position:0 -285px;}
.areaInfo .ct03 .icn_pin{ background-position:0 -315px;}
.areaInfo .title{ margin-bottom:10px;}
.areaInfo .title strong{ font-size:130%; font-weight:bold;}
.areaInfo .imgGenreList{ margin-bottom:10px;}
.areaInfo .imgGenreList li{ float:left; margin:0 1px 1px 0;}
.areaInfo .imgGenreList li a{ display:block; background:url(../../images/top/sp_genre.jpg) no-repeat; width:150px; height:88px; overflow:hidden; position:relative;}
.areaInfo .imgGenreList li a:hover{ opacity:0.70; filter:alpha(opacity=70);}
.areaInfo .imgGenreList li a span{ color:#fff; position:absolute; bottom:0; background:#000; opacity:0.60; filter:alpha(opacity=60); width:150px; padding:5px; font-size:105%;}
.areaInfo .imgGenreList .gr01 a{ background-position:0 0;}
.areaInfo .imgGenreList .gr02 a{ background-position:-150px 0;}
.areaInfo .imgGenreList .gr03 a{ background-position:-300px 0;}
.areaInfo .imgGenreList .gr04 a{ background-position:-450px 0;}
.areaInfo .imgGenreList .gr05 a{ background-position:0 -88px;}
.areaInfo .imgGenreList .gr06 a{ background-position:-150px -88px;}
.areaInfo .imgGenreList .gr07 a{ background-position:-300px -88px;}
.areaInfo .imgGenreList .gr08 a{ background-position:-450px -88px;}
.areaInfo .genreList li{ float:left; width:191px;}
.areaInfo .categoryList{ border-bottom:1px solid #DCD7CD; margin-bottom:10px;}
.areaInfo .categoryList .ct01,.areaInfo .categoryList .ct02,.areaInfo .categoryList .ct03{ border-right:1px solid #DCD7CD; float:left; padding:9px; width:189px;}
.areaInfo .categoryList .ct02{ width:188px;}
.areaInfo .categoryList .ct03{ border:none;}
.areaInfo .areaTitle{ border-bottom:1px solid #DFDFE1; padding-bottom:4px; margin:0 9px;}
.areaInfo .areaTitle h3{ border-left:5px solid #82754A; font-size:120%; font-weight:bold; padding-left:8px;}
.areaInfo .event{ border-top:2px solid #F0F0F1; padding:10px 0; margin:0 10px; border-bottom:1px dotted #999;}
.areaInfo .more{ margin:0 9px 10px 0;}
.areaInfo .calendar{ border:1px solid #E1E1CE; width:215px; float:left; margin-right:20px;}
.areaInfo .calendar .header{ background:#fff; background: linear-gradient(to bottom, #F5F3ED, #fff); background: -moz-linear-gradient(top, #F5F3ED, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#F5F3ED), to(#fff)); border-top:1px solid #fff; position:relative; padding:4px 5px 5px 5px;}
.areaInfo .calendar .ctrl div{ position:absolute;}
.areaInfo .calendar .ctrl .next{ right:5px;}
.areaInfo .calendar .ctrl div a,
.areaInfo .calendar .ctrl div span{ display:inline-block; height:20px; width:29px; text-indent:-9999px; overflow:hidden;}
.areaInfo .calendar .ctrl .prev a{ background-position:0 -339px;}
.areaInfo .calendar .ctrl .prev span{ background-position:0 -364px;}
.areaInfo .calendar .ctrl .next a{ background-position:0 -389px;}
.areaInfo .calendar .ctrl .next span{ background-position:0 -414px;}
.areaInfo .calendar .month{ font-weight:bold; text-align:center;}
.areaInfo .calendar .month span{ font-size:90%; margin-right:5px;}
.areaInfo .calendar .calTable{ padding:0 3px 3px 3px;}
.areaInfo .calendar table{ width:100%;}
.areaInfo .calendar table a{ text-decoration:underline !important;}
.areaInfo .calendar td,
.areaInfo .calendar th{ border:1px solid #fff; text-align:center;}
.areaInfo .calendar td{ background:#E7E7D8; color:#81744A; padding:0;}
.areaInfo .calendar td a,
.areaInfo .calendar td span{ color:#81744A; display:block; padding:2px 0;}
.areaInfo .calendar td a:hover{ background:#d3d3c5;}
.areaInfo .calendar td.today{ background:#FECC81;}
.areaInfo .calendar td.sun{ background:#FDE3D9;}
.areaInfo .calendar td.sun,
.areaInfo .calendar td.sun a{ color:#D80000;}
.areaInfo .calendar td.sat,
.areaInfo .calendar td.sat a{ color:#007FFF;}
.areaInfo .calendar .empty{ background:#fff;}
.areaInfo .calendar th{ background:#a19166; background: linear-gradient(to bottom, #94855d, #a19166 50%, #807451); background: -moz-linear-gradient(top, #94855d, #a19166 50%, #807451); background: -webkit-gradient(linear, left top, left bottom, from(#94855d), color-stop(0.5, #a19166), to(#807451)); color:#fff; font-weight:bold; text-shadow: 2px 2px 1px #726647; font-size:85%;}
.areaInfo .calendar th.sun{ color:#FCE4EE;}
.areaInfo .calendar th.sat{ color:#D8EBFF;}

/* areaLink */
.areaLink{ margin-bottom:15px; border-top:2px solid #bcaf85; background: #FAF8F5 url(../../images/top/bg_japan.png) no-repeat 100% 100%;}
.areaLink h2{ padding: 8px 10px 0; font-size: 123.1%; font-weight: bold;}
.areaLink dl{ padding: 8px 10px 0;}
.areaLink dt{ font-size: 107.7%; font-weight: bold;}
.areaLink dd{ padding-bottom: 13px;}
.areaLink li{ float: left; *margin-right: 10px;}
.areaLink li:after{ content: ""; display: inline-block; margin: 0 5px; width: 1px; height: 13px; background: #999; vertical-align: -2px;}
.areaLink li:last-child:after{ display: none;}

/* eventList */
.eventList{ border:1px solid #D6CEB4; margin-bottom:20px; padding:10px 0 0;}
.eventList .title{ position:relative; border-bottom:1px solid #DFDFE1; padding-bottom:4px; margin:0 9px 12px;}
.eventList .title:after{ content:""; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:2px; margin-top:5px; background:#F0F0F1;}
.eventList .title h2{ border-left:5px solid #82754A; font-size:120%; font-weight:bold; padding-left:8px;}
.eventList ul{ margin: 0 10px 10px;}
.eventList li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #999;}
.eventList li:last-child{ margin: 0; padding: 0; border: none;}
.eventList li p{ overflow:hidden; line-height:1.4; word-break:break-all;}
.eventList li .img{ display:table; float:right; margin-left:10px; border:1px solid #ccc;}
.eventList li .img a{ display:table-cell; width:100px; height:100px; text-align:center; vertical-align:middle;}
.eventList li .img img{ vertical-align:middle;}
.eventList li .ttl{ margin-bottom: .3em; padding-top: .3em; font-size: 107.7%; font-weight: bold;}
.eventList li .area{ margin-bottom: .3em; color: #999; font-size: 92.3%;}
.eventList li .area:before{ content: ""; display: inline-block; width: 12px; height: 16px; margin-right: 2px; background-position: 0 -530px; vertical-align: -4px;}
.eventList li .date{ float: left; display: table; width: 100px; height: 100px; margin-right: 10px; background: #FAF8F5; font-size: 92.3%; font-weight: bold;}
.eventList li .date span{ display: table-cell; vertical-align: middle; text-align: center;}
.eventList .wrpMore{ margin:10px 10px 0; padding:10px 0; border-top:1px dotted #999;}

/* featureList */
.featureList{ border:1px solid #D6CEB4; margin-bottom:20px; padding:10px 0 0;}
.featureList .title{ position:relative; border-bottom:1px solid #DFDFE1; padding-bottom:4px; margin:0 9px 2px;}
.featureList .title:after{ content:""; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:2px; margin-top:5px; background:#F0F0F1;}
.featureList .title h2{ border-left:5px solid #82754A; font-size:120%; font-weight:bold; padding-left:8px;}
.featureList ul{ padding:10px 0 0 10px;}
.featureList li{ float:left; width:290px; padding:0 10px 0 0;}
.featureList li .img{ float:left; margin-right:10px;}
.featureList li .ttl{ font-size:107.7%; font-weight:bold;}
.featureList li .txt{ color:#666; font-size:92.3%;}
.featureList .wrpMore{ margin:10px 10px 0; padding:10px 0; border-top:1px dotted #999;}

/* pickup */
.pickup{ border:1px solid #D6CEB4; margin-bottom:20px; padding:10px 0 2px 10px;}
.pickup li{ float:left; width:296px; padding:0 10px 8px 0;}
.pickup li p{ overflow:hidden; font-size:90%;}
.pickup li .title{ font-weight:bold; font-size:100%;}
.pickup li .img{ float:left; margin-right:10px;}

/* Feature backNumber */
.backNumber{ margin:10px 0 20px;}
.backNumber .titleWrp{ position:relative;}
.backNumber .title{ padding:0 455px 0 10px; border-left:6px solid #82754A; font-size:169.2%; font-weight:bold; line-height:34px;}
.backNumber .social{ position:absolute; top:5px; right:0;}
.backNumber .social .btn{ float:left; overflow:hidden;}
.backNumber .social .fb{ *display:none; width:115px;}
.backNumber .social .tw{ width:105px;}
.backNumber .social .gPlus{ width:75px; overflow:hidden;}
.backNumber li{ position:relative; padding:10px 0 10px 90px; min-height:80px; border-bottom:1px dotted #999;}
.backNumber .img{ position:absolute; top:10px; left:0;}
.backNumber .ttl{ font-size:115.4%; font-weight:bold;}
.backNumber .txt{ margin-bottom:2px; font-size:92.3%;}
.backNumber .date{ color:#817647;}
.backNumber .date span{ display:inline-block; width:28px; height:11px; margin-left:2px; background:url(http://i.yimg.jp/images/icon/u/bsc/1.0.0/new.png) no-repeat 0 0; text-indent:-9999px; vertical-align:-4px; *vertical-align:middle;}
.backNumber .closeup{ padding-left:0;}
.backNumber .closeup .img{ position:static; margin-bottom:10px;}
.backNumber .closeup .img img{ width:100%; height:auto;}
.backNumber .closeup .ttl{ font-size:153.8%;}

/* Feature appIntro */
.appIntro{ position:relative; width:624px; height:179px; margin-bottom:20px; background:url(../../images/feature/bg_appIntro.jpg) 0 0 no-repeat;}
.appIntro p{ text-indent:-9999px;}
.appIntro .btnArea{ position:absolute; top:105px; left:135px;}
.appIntro .btn{ display:block; float:left; width:232px; height:62px; overflow:hidden; background:url(../../images/feature/sp_appDL.png) 0 0 no-repeat; text-indent:-9999px;}
.appIntro .btn.and{ margin-left:7px; background-position:-239px 0;}
.appIntro .btn.iph:hover{ background-position:0 -70px;}
.appIntro .btn.and:hover{ background-position:-239px -70px;}

/* IM */
#yjSub .pos-im{ margin-bottom:10px;}

/* bnrFeat */
.bnrFeat{ margin-bottom:10px; text-align:center;}
.bnrFeat img{ vertical-align:middle;}

/* clipList */
.clipList{ position:relative; margin-bottom:10px;}
.clipList .mark{ position:absolute; top:-1px; left:9px; background-position:0 -100px; height:37px; width:21px;}
.clipList dl{ border:3px solid #cec5a6; padding:6px 10px;}
.clipList dt{ background:url(../../images/top/bdr_top.png) no-repeat left bottom; font-size:115%; font-weight:bold; margin-left:5px; padding:0 0 5px 20px;}
.clipList li{ border-bottom:1px dotted #999; padding:8px 0;}
.clipList li .img{ float:right; margin-left:10px;}
.clipList li .txt{ line-height:1.3; font-size:105%;}
.clipList li .genre{ color:#868686; font-size:80%;}
.clipList li .review{ display: inline-block; *display: inline; *zoom:1; font-size: 85%;}
.clipList .review .num{ color:#EA5C48; font-weight:bold; margin-right:5px; vertical-align:top; line-height:1.3;}
.clipList .more{ margin-top:5px;}

/* eventInfo */
.eventInfo{ margin:12px 0;}
.eventInfo dt{ border-left:5px solid #82754A; font-size:115%; font-weight:bold; margin-bottom:4px; padding-left:6px; line-height:1.4;}
.eventInfo dd{ border-top:1px dotted #999;}
.eventInfo li{ border-bottom:1px dotted #999; padding:10px 0;}
.eventInfo p{ overflow:hidden; line-height:1.4;}
.eventInfo .title{ font-weight:bold; margin-bottom:3px; font-size:110%;}
.eventInfo .img{ display:table; display:block; float:right; margin-left:10px;}
.eventInfo .img a{ display:table-cell; width:80px; height:60px; border:1px solid #ccc; text-align:center; vertical-align:middle;}
.eventInfo .img img{ vertical-align:middle;}
.eventInfo .genre{ color:#868686; font-size:80%; margin-bottom:3px;}
.eventInfo .more{ float:right; margin-top:5px;}

/* news,mobile */
.news,.mobile{ border:1px solid #d6ceb4; margin-bottom:10px; padding:10px;}
.news dt,.mobile dt{ border-left:5px solid #82754A; font-size:115%; font-weight:bold; margin-bottom:4px; padding-left:6px; line-height:1.4;}
.mobile dt{ font-size:105%;}
.news dd,.mobile dd{ border-top:1px dotted #999;}
.news dd{ margin-top:10px; padding-top:5px;}
.news dd:nth-child(2){ margin:0;}
.news .title{ margin-bottom:5px;}
.news img{ float:left; margin-right:10px;}
.news .txt{ overflow:hidden;}
.mobile .qr{ float:left; margin-left:-8px;}
.mobile p{ overflow:hidden;}
.mobile .title{ font-weight:bold; font-size:93%; padding-top:5px;}
.mobile .send{ background:url(http://i.yimg.jp/images/icon/f/bsc/1.0.0/send_mobile16.png) no-repeat 0 0; padding-left:20px;}
.mobile .stxt,
.mobile .note{ font-size:80%; line-height:1.3;}
.mobile .note{ color:#666;}

/* share */
.share{ border:1px solid #D0D0D0; border-top:4px solid #bcaf85; border-bottom-width:2px; padding:8px 10px; margin-bottom:10px;}
.share dt{ font-size:115%; font-weight:bold; margin-bottom:10px;}
.share .more{ float:none; font-weight:bold;}

/* induction */
.induction{ border:1px solid #D0D0D0; border-top:4px solid #bcaf85; padding:8px 10px; margin-bottom:10px;}
.induction dt{ margin-bottom:-1px; font-size:115%; font-weight:bold;}
.induction dd{ padding:10px 0; border-bottom:1px dotted #999;}
.induction dd:last-child{ padding-bottom:0; border:0;}
.induction dd p{ float:left; word-break:break-all; word-wrap:break-word;}
.induction .img{ margin-right:10px;}
.induction .ttl{ width:218px; font-weight:bold;}
.induction .txt{ width:218px; font-size:92.3%;}

/* banner */
.banner{ margin-bottom:10px;}

/* popup */
#glayLayer{ position:fixed; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:20;	zoom:1;}
#popup{ background:#fff; position:fixed; top:50%; left:50%; margin-top:-254px; margin-left:-350px; z-index:30; box-shadow: 0 3px 8px #333; -moz-box-shadow: 0 3px 8px #333; -webkit-box-shadow: 0 3px 8px #333; width:700px; height:508px;}
#popup a{ text-decoration:none;}
#popup a:hover{ text-decoration:underline;}
#popup .btnClose{ background:#555; border:2px solid #fff; position:absolute; right:-20px; top:-20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow: 0 3px 4px #555; -moz-box-shadow: 0 3px 4px #555; -webkit-box-shadow: 0 3px 4px #555;}
#popup .btnClose a{ display:block; text-decoration:none; color:#fff; font-size:200%; padding:0 3px; line-height:1; overflow:hidden;}
#popup .tab li{ background:#EFE9DE; background: -moz-linear-gradient(top, #EFE9DE, #E6DDCC); background: -webkit-gradient(linear, left top, left bottom, from(#EFE9DE), to(#E6DDCC)); border-bottom:1px solid #CDC4BA; border-left:1px solid #CDC4BA; border-right:1px solid #fff; float:left; width:136px; height:34px; line-height:34px; text-align:center; font-size:110%;}
#popup .tab li a{ color:#333; display:block; padding:0 5px; height:34px; line-height:34px;}
#popup .tab li.crnt{ padding:0 5px; background:#fff; border-bottom:none; height:35px; line-height:35px;}
#popup .scroll{ padding:10px; overflow-y:scroll; height:453px;}
#popup .sGenreList{ border-left:1px solid #CDC4BA;}
#popup .sGenreList dt{ border-bottom: 1px solid #DFDFE1; text-align:left; padding-bottom:4px;}
#popup .sGenreList dt span{ border-left: 5px solid #82754A; font-size: 110%; font-weight: bold; padding-left:8px; display:block; line-height:1.3;}
#popup .sGenreList dd{ border-top:2px solid #F0F0F1; padding:10px 0 10px 10px;}
#popup .sGenreList dd li{ font-size:80%; float:left; margin-right:10px; white-space:nowrap;}
#popup .sGenreList dd li a{ text-decoration:none;}
#popup .sGenreList dd li a:hover{ text-decoration:underline;}

/* WWD */
.wwd_s{
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

/* wwd_icon*/
.wwd_s .bgimg{
    width: 20px;
    height: 18px;
}
.wwd_s .icn_wwd1{
    width: 24px;
    height: 20px;
    background-position: 0 -460px;
}
.wwd_s .icn_wwd2{ background-position: 0 -480px;}
.wwd_s .icn_wwd3,
.wwd_s .icn_wwd4{ background-position: 0 -500px;}

/* wwd_ballon */
.wwd_s .bln{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    border-radius: 2px;
    vertical-align: middle;
}
.wwd_s .bln{ margin-left: 7px; padding: 5px 6px 3px; *padding: 2px 6px 6px; font-size: 85%;}
.wwd_s.w1 .bln{ background: #F45A3E;}
.wwd_s.w2 .bln{ background: #F98E2D;}
.wwd_s.w3 .bln,
.wwd_s.w4 .bln{ background: #E2CA9F;}

.wwd_s .bln:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 6px 3px 0;
}
.wwd_s.w1 .bln:after{ border-color: transparent #F45A3E;}
.wwd_s.w2 .bln:after{ border-color: transparent #F98E2D;}
.wwd_s.w3 .bln:after,
.wwd_s.w4 .bln:after{ border-color: transparent #E2CA9F;}
.wwd_s .t{ margin-right: 5px;}