@charset "utf-8"; /* ************************************************* Media Queries for only sp ************************************************* */ @media only screen and (max-width: 599px) { /* ============================== heading2_link (h* like h2.link) ============================== */ #contentsArea.column article h3.heading2_link, #contentsArea.column article .size1of2 h3.heading2_link, #contentsArea.column article .size1of3 h3.heading2_link, #contentsArea.column article .size2of3 h3.heading2_link, #contentsArea.column article .size1of4 h3.heading2_link, #contentsArea.column #sideEnclosingArea article h3.heading2_link, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link, #contentsArea #sideEnclosingArea article h3.heading2_link, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link { background: #dedede; width: auto; border-radius: 4px; border: solid 1px #aaa; box-shadow: 0 1px 2px rgba(0,0,0,.2); padding-bottom: 0px; /* SVG as background image (IE9/Chrome/Safari/Opera) */ background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQUVBRUEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTYpIiAvPgo8L3N2Zz4=); background-image: -webkit-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff); background-image: linear-gradient(to top, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff); } #contentsArea.column article h3.heading2_link a, #contentsArea.column article .size1of2 h3.heading2_link a, #contentsArea.column article .size1of3 h3.heading2_link a, #contentsArea.column article .size2of3 h3.heading2_link a, #contentsArea.column article .size1of4 h3.heading2_link a, #contentsArea.column #sideEnclosingArea article h3.heading2_link a, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a, #contentsArea #sideEnclosingArea article h3.heading2_link a, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a { background: #dedede; width: auto; border-radius: 4px; padding-bottom: 9px; /* SVG as background image (IE9/Chrome/Safari/Opera) */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -webkit-linear-gradient(bottom, #ebebeb, #eaeaea 20%, #ececec 25%, #fff); background-image: linear-gradient(to top, #ebebeb, #eaeaea 20%, #ececec 25%, #fff); } #contentsArea.column article h3.heading2_link a:hover, #contentsArea.column article .size1of2 h3.heading2_link a:hover, #contentsArea.column article .size1of3 h3.heading2_link a:hover, #contentsArea.column article .size2of3 h3.heading2_link a:hover, #contentsArea.column article .size1of4 h3.heading2_link a:hover, #contentsArea.column #sideEnclosingArea article h3.heading2_link a:hover, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a:hover, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a:hover, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a:hover, #contentsArea #sideEnclosingArea article h3.heading2_link a:hover, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a:hover, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a:hover, #contentsArea.column article h3.heading2_link a.hover, #contentsArea.column article .size1of2 h3.heading2_link a.hover, #contentsArea.column article .size1of3 h3.heading2_link a.hover, #contentsArea.column article .size2of3 h3.heading2_link a.hover, #contentsArea.column article .size1of4 h3.heading2_link a.hover, #contentsArea.column #sideEnclosingArea article h3.heading2_link a.hover, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a.hover, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a.hover, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a.hover, #contentsArea #sideEnclosingArea article h3.heading2_link a.hover, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a.hover, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a.hover { background: #fff; /* -webkit-tap-highlight-color */ -webkit-tap-highlight-color: transparent; } #contentsArea.column article h3.heading2_link a span, #contentsArea.column article .size1of2 h3.heading2_link a span, #contentsArea.column article .size1of3 h3.heading2_link a span, #contentsArea.column article .size2of3 h3.heading2_link a span, #contentsArea.column article .size1of4 h3.heading2_link a span, #contentsArea.column #sideEnclosingArea article h3.heading2_link a span, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a span, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a span, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a span, #contentsArea #sideEnclosingArea article h3.heading2_link a span, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a span, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a span, #contentsArea.column article h3.heading2_link a:hover span, #contentsArea.column article .size1of2 h3.heading2_link a:hover span, #contentsArea.column article .size1of3 h3.heading2_link a:hover span, #contentsArea.column article .size2of3 h3.heading2_link a:hover span, #contentsArea.column article .size1of4 h3.heading2_link a:hover span, #contentsArea.column #sideEnclosingArea article h3.heading2_link a:hover span, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a:hover span, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a:hover span, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a:hover span, #contentsArea #sideEnclosingArea article h3.heading2_link a:hover span, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a:hover span, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a:hover span, #contentsArea.column article h3.heading2_link a.hover span, #contentsArea.column article .size1of2 h3.heading2_link a.hover span, #contentsArea.column article .size1of3 h3.heading2_link a.hover span, #contentsArea.column article .size2of3 h3.heading2_link a.hover span, #contentsArea.column article .size1of4 h3.heading2_link a.hover span, #contentsArea.column #sideEnclosingArea article h3.heading2_link a.hover span, #contentsArea.column #sideEnclosingArea article .size1of2 h3.heading2_link a.hover span, #contentsArea.column #sideEnclosingArea article .size1of3 h3.heading2_link a.hover span, #contentsArea.column #sideEnclosingArea article .size1of4 h3.heading2_link a.hover span, #contentsArea #sideEnclosingArea article h3.heading2_link a.hover span, #contentsArea #sideEnclosingArea article .size1of2 h3.heading2_link a.hover span, #contentsArea #sideEnclosingArea article .size1of3 h3.heading2_link a.hover span { width: auto; background: url(/component/c_common/img/bg_h2_link_rwd.gif) no-repeat 0.5em 1.1em; } }