最初コミット
変更後 幅: | 高さ: | サイズ: 68 B |
変更後 幅: | 高さ: | サイズ: 34 KiB |
変更後 幅: | 高さ: | サイズ: 40 KiB |
変更後 幅: | 高さ: | サイズ: 131 B |
変更後 幅: | 高さ: | サイズ: 829 KiB |
変更後 幅: | 高さ: | サイズ: 458 KiB |
変更後 幅: | 高さ: | サイズ: 17 KiB |
変更後 幅: | 高さ: | サイズ: 2.7 KiB |
変更後 幅: | 高さ: | サイズ: 271 KiB |
変更後 幅: | 高さ: | サイズ: 14 KiB |
変更後 幅: | 高さ: | サイズ: 104 KiB |
変更後 幅: | 高さ: | サイズ: 1.7 KiB |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#77B255" d="M22.911 14.398c-1.082.719-2.047 1.559-2.88 2.422-.127-4.245-1.147-9.735-6.772-12.423C12.146-1.658-.833 1.418.328 2.006c2.314 1.17 3.545 4.148 5.034 5.715 2.653 2.792 5.603 2.964 7.071.778 3.468 2.254 3.696 6.529 3.59 11.099-.012.505-.023.975-.023 1.402v14c0 1.104 4 1.104 4 0V23.51c.542-.954 2.122-3.505 4.43-5.294 1.586 1.393 4.142.948 6.463-1.495 1.489-1.567 2.293-4.544 4.607-5.715 1.221-.618-12.801-3.994-12.589 3.392z"/></svg>
|
変更後 幅: | 高さ: | サイズ: 515 B |
変更後 幅: | 高さ: | サイズ: 216 KiB |
変更後 幅: | 高さ: | サイズ: 864 B |
変更後 幅: | 高さ: | サイズ: 2.5 KiB |
変更後 幅: | 高さ: | サイズ: 2.5 KiB |
変更後 幅: | 高さ: | サイズ: 33 KiB |
変更後 幅: | 高さ: | サイズ: 18 KiB |
|
@ -0,0 +1,401 @@
|
|||
/* 共通 */
|
||||
.colBoxAdframe .colBoxIndex{
|
||||
overflow:hidden;
|
||||
}
|
||||
#BEACON {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* ISTCPB & ITINF2 & ISTLF */
|
||||
#ISTCPB .colBoxHeadSubtxt,
|
||||
#ITINF2 .colBoxHeadSubtxt,
|
||||
#ISTLF .colBoxHeadSubtxt {
|
||||
top:8px;
|
||||
right:0;
|
||||
}
|
||||
#ISTCPB .colBox,
|
||||
#ITINF2 .colBox,
|
||||
#ISTLF .colBox {
|
||||
margin-bottom:12px;
|
||||
}
|
||||
#ISTCPB .colBoxIcon img,
|
||||
#ITINF2 .colBoxIcon img,
|
||||
#ISTLF .colBoxIcon img {
|
||||
width:120px;
|
||||
height:auto;
|
||||
}
|
||||
/* ISTLC */
|
||||
#subtopContents #ISTLC .colBoxHead {
|
||||
background:none;
|
||||
color:#333;
|
||||
}
|
||||
#subtopContents #ISTLC .colBox {
|
||||
border-bottom:1px solid #ddd;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#masterType-subtop #ISTLC .colBoxHeadSubtxt {
|
||||
top:14px;
|
||||
}
|
||||
#ISTLC .colBoxIcon img {
|
||||
width:80px;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
/* ITR & ITRR */
|
||||
#ITR,
|
||||
#ITRR,
|
||||
#ITR2,
|
||||
#ITRR2 {
|
||||
margin-bottom:16px;
|
||||
}
|
||||
/* ISALR & ISALR2 */
|
||||
#ISALR .colBoxIndex,
|
||||
#ISALR2 .colBoxIndex {
|
||||
margin-bottom:16px;
|
||||
}
|
||||
#ISALR .colBoxHead,
|
||||
#ISALR2 .colBoxHead {
|
||||
border-bottom:1px solid #DDD;
|
||||
}
|
||||
#ISALR .colBoxIcon a,
|
||||
#ISALR2 .colBoxIcon a {
|
||||
margin:0 4px 0 0;
|
||||
border:none;
|
||||
}
|
||||
#ISALR .colBoxIcon img,
|
||||
#ISALR2 .colBoxIcon img {
|
||||
width:80px;
|
||||
height:auto;
|
||||
}
|
||||
#ISALR .colBoxTitle,
|
||||
#ISALR2 .colBoxTitle {
|
||||
margin:0
|
||||
}
|
||||
#ISALR .colBoxTitle h3,
|
||||
#ISALR2 .colBoxTitle h3 {
|
||||
font-size:14px;
|
||||
line-height:20px;
|
||||
font-weight:normal;
|
||||
}
|
||||
#ISALR .h10px,
|
||||
#ISALR2 .h10px {
|
||||
height:0;
|
||||
}
|
||||
|
||||
/* ITSB2 */
|
||||
#ITSB2 {
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
/* LOGOAD */
|
||||
#LOGOAD .colBoxIcon {
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
#LOGOAD .colBox {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#LOGOAD .colBoxInner a:hover {
|
||||
opacity:1;
|
||||
}
|
||||
#LOGOAD .colBoxIcon a {
|
||||
margin:0;
|
||||
display:block;
|
||||
border:none;
|
||||
float:none;
|
||||
}
|
||||
|
||||
/* ITN ITNR */
|
||||
#ITN,
|
||||
#ITRN {
|
||||
width:auto;
|
||||
margin:0 auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/* RANKTXT */
|
||||
#RANKTXT .colBoxIndex {
|
||||
margin-top:4px;
|
||||
}
|
||||
#RANKTXT .colBoxITT .colBoxTitle {
|
||||
background:none;
|
||||
position:relative;
|
||||
margin:0 0 5px;
|
||||
padding:0 0 8px 32px;
|
||||
background:none;
|
||||
min-height:30px;
|
||||
height:auto;
|
||||
}
|
||||
#RANKTXT .colBoxITT .colBoxTitle h3 {
|
||||
font-size:14px;
|
||||
line-height:18px;
|
||||
}
|
||||
#RANKTXT .colBoxITT .colBoxTitle a:after {
|
||||
counter-increment:colBoxRankingCounter;
|
||||
content:'PR';
|
||||
position:absolute;
|
||||
top:2px;
|
||||
left:0;
|
||||
padding:7px 0;
|
||||
font-size:8px;
|
||||
line-height:13px;
|
||||
font-weight:bold;
|
||||
color:#fff;
|
||||
background:#000;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/* ISALCT */
|
||||
#ISALCT.colBoxOuter {
|
||||
margin:0 0 30px 0;
|
||||
overflow:hidden;
|
||||
}
|
||||
#ISALCT .colBoxIndex {
|
||||
width:150px;
|
||||
float:left;
|
||||
margin:0 22px 10px 0;
|
||||
}
|
||||
#ISALCT .colBoxIndex:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
#ISALCT .colBoxIndex:nth-child(4n) {
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
#ISALCT .colBoxIcon a {
|
||||
float:none;
|
||||
margin:0 0 10px;
|
||||
border:none;
|
||||
display:block;
|
||||
}
|
||||
#ISALCT .colBoxTitle h3 {
|
||||
font-size:14px;
|
||||
line-height:20px;
|
||||
}
|
||||
#ISALCT .colBoxHead {
|
||||
margin:0 0 10px;
|
||||
border-bottom:3px solid #AAA;
|
||||
padding:0;
|
||||
font-size:18px;
|
||||
line-height:28px;
|
||||
}
|
||||
#masterMain #ISALCT .colBoxHead h2 {
|
||||
font-size:18px;
|
||||
line-height:28px;
|
||||
padding:8px 3px 5px;
|
||||
}
|
||||
#ISALCT .colBoxHeadSubtxt {
|
||||
right:6px;
|
||||
top:12px;
|
||||
}
|
||||
#ISALCT .colBoxHeadSubtxt {
|
||||
right:6px;
|
||||
top:12px;
|
||||
}
|
||||
#ISALCT .colBoxIcon img {
|
||||
width:150px;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
/* ITT */
|
||||
#ITT {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
.colBoxITT {
|
||||
margin:0 0 5px;
|
||||
}
|
||||
.colBoxITT .colBoxTitle {
|
||||
background:url(https://image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 3px;
|
||||
margin:0;
|
||||
padding:0 0 0 30px;
|
||||
}
|
||||
#cmsBody .colBoxITT .colBoxTitle h3 {
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
border-bottom:none;
|
||||
padding:0;
|
||||
margin:5px 0px 8px 0px;
|
||||
font-weight:normal;
|
||||
}
|
||||
.colBoxITT .colBoxTitleSubtxt {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* ITIR */
|
||||
#ITIR{
|
||||
width:640px;
|
||||
margin:0 auto;
|
||||
}
|
||||
#ITIR .colBoxDisplayAd,
|
||||
#ITIR iframe{
|
||||
margin-bottom:24px!important;
|
||||
}
|
||||
#ITIR .colBoxDisplayAd iframe{
|
||||
margin-bottom:0!important;
|
||||
}
|
||||
#cmsBody #ITIR a:visited img,
|
||||
#cmsBody #ITIR a:hover img,
|
||||
#cmsBody #ITIR a:link img{
|
||||
border:none;
|
||||
}
|
||||
|
||||
/* ITWS WELCOM SCREEN */
|
||||
#ITWS {
|
||||
margin:0;
|
||||
padding:0;
|
||||
background:#000;
|
||||
font-family:Meiryo, "メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
|
||||
}
|
||||
#ITWS hr {
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
}
|
||||
#ITWS a:link {
|
||||
color:#037;
|
||||
text-decoration:none;
|
||||
}
|
||||
#ITWS a:visited {
|
||||
color:#800080;
|
||||
text-decoration:none;
|
||||
}
|
||||
#ITWS a:hover {
|
||||
color:#C00;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#ITWS a img {
|
||||
border:none;
|
||||
}
|
||||
#ITWS #header {
|
||||
background:#FFF;
|
||||
border-top:3px solid #DDD;
|
||||
border-bottom:2px solid #CCC;
|
||||
background:url(https://image.itmedia.co.jp/images0509/welcome_content_bg.gif) repeat-x 0px 0px #FFF;
|
||||
}
|
||||
#ITWS #header #inner {
|
||||
position:relative;
|
||||
width:640px;
|
||||
margin:0 auto;
|
||||
padding:10px 0;
|
||||
}
|
||||
#ITWS #logo {
|
||||
display:inline;
|
||||
}
|
||||
#ITWS #header h1 {
|
||||
font-size:12px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#ITWS #header h1 a {
|
||||
text-decoration:none;
|
||||
}
|
||||
#ITWS #header h1 a img {
|
||||
margin:0 0 5px;
|
||||
}
|
||||
#ITWS #skip {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:0;
|
||||
font-size:12px;
|
||||
background:url(https://image.itmedia.co.jp/images0509/welcome_icon_skip.gif) no-repeat 0px 1px;
|
||||
padding-left:20px;
|
||||
line-height:150%;
|
||||
}
|
||||
#ITWS #url {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#ITWS #swfAd {
|
||||
border-top:2px solid #999;
|
||||
margin:0 0 10px;
|
||||
padding:30px 0px 0px;
|
||||
}
|
||||
#ITWS #swfAd div {
|
||||
margin:0px auto;
|
||||
border:1px solid #CCC;
|
||||
width:640px;
|
||||
height:480px;
|
||||
background:#FFF;
|
||||
}
|
||||
|
||||
/* ISALM */
|
||||
.colBoxARTICLEAD{
|
||||
margin:0;
|
||||
padding:20px 20px 40px;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxOuter{
|
||||
padding:10px 0;
|
||||
border-top:1px solid #CCC;
|
||||
border-bottom:1px solid #CCC;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxInner{
|
||||
padding:0;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxIndex{
|
||||
display:flex;
|
||||
margin:0;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxIndex:hover{
|
||||
filter:brightness(110%);
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxLeft{
|
||||
width:120px;
|
||||
float:none;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxLeft img{
|
||||
width:120px;
|
||||
height:90px;
|
||||
box-sizing:border-box;
|
||||
border:1px solid #CCC !important;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxRight{
|
||||
flex:1;
|
||||
padding-left:15px;
|
||||
float:none;
|
||||
position:relative;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxRight:before{
|
||||
content:"Special";
|
||||
display:block;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 6px;
|
||||
color: #666;
|
||||
font-family: Verdana;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxRight:after{
|
||||
content:"- PR -";
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #666;
|
||||
font-family: Verdana;
|
||||
}
|
||||
.colBoxARTICLEAD .colBoxTitle{
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
color: #1d3994;
|
||||
}
|
||||
/* colBoxAD
|
||||
/*-----------------------------------------------------------------------------*/
|
||||
.colBoxAdHead{
|
||||
position:relative;
|
||||
height:18px;
|
||||
}
|
||||
#masterMain .colBoxAd.colBox,
|
||||
.colBoxAd.colBox{
|
||||
display:inline-block;
|
||||
margin:0;
|
||||
}
|
||||
.colBoxDisplayAd,
|
||||
.colBoxDisplayAd a{
|
||||
display:inline-block;
|
||||
}
|
||||
.colBoxAdframe {
|
||||
overflow-wrap: break-word;
|
||||
}
|
|
@ -0,0 +1,887 @@
|
|||
#masterMain a:link,
|
||||
#masterMain a:visited {
|
||||
color:#036;
|
||||
}
|
||||
#masterMain #cmsBody a:link,
|
||||
#masterMain #cmsBody a:visited {
|
||||
text-decoration:underline;
|
||||
}
|
||||
.tmplArticleIn {
|
||||
padding:0;
|
||||
}
|
||||
#cmsType {
|
||||
display:block;
|
||||
float:left;
|
||||
width:100px;
|
||||
margin:0 0 10px;
|
||||
padding:3px;
|
||||
border:1px #777 solid;
|
||||
text-align:center;
|
||||
color:#333;
|
||||
}
|
||||
#cmsDate {
|
||||
position:relative;
|
||||
}
|
||||
#cmsDate .inner {
|
||||
float:left;
|
||||
padding:4px 15px 0 0;
|
||||
text-align:left;
|
||||
}
|
||||
#cmsTitle {
|
||||
clear:both;
|
||||
padding:10px 0 7px;
|
||||
}
|
||||
#cmsTitle h1 small {
|
||||
margin-bottom:8px;
|
||||
}
|
||||
#cmsTitle h1 big {
|
||||
font-size:24px;
|
||||
line-height:32px;
|
||||
}
|
||||
|
||||
/* タイトルレイアウト変更 */
|
||||
.title {
|
||||
font-weight: bold !important;
|
||||
color: #333;
|
||||
}
|
||||
.title__maintext {
|
||||
display: inline !important;
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.title__subtitle {
|
||||
color: #333;
|
||||
}
|
||||
.title__pagenumber {
|
||||
display: none;
|
||||
}
|
||||
.title__link--reference:hover .title {
|
||||
color: #c00 !important;
|
||||
}
|
||||
|
||||
#cmsAbstract h2 {
|
||||
font-size:15px;
|
||||
line-height:24px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* CMS Body */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#cmsBody {
|
||||
padding:0 10px 0 0;
|
||||
}
|
||||
#cmsBody .trBoxC .trBoxWidth {
|
||||
overflow:hidden;
|
||||
}
|
||||
#masterMain .backNumBox strong a:link,
|
||||
#masterMain .backNumBox strong a:visited {
|
||||
color:#FFF;
|
||||
}
|
||||
#cmsBody .box li {
|
||||
font-size:16px;
|
||||
line-height:22px;
|
||||
list-style:square outside none;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
/* コピーライト */
|
||||
#cmsMark,
|
||||
#cmsBody #cmsMark {
|
||||
text-align:right;
|
||||
}
|
||||
#cmsCopyright,
|
||||
#cmsCopyright p {
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
text-align:right;
|
||||
margin:0 0 10px;
|
||||
}
|
||||
#cmsBody #cmsMark img {
|
||||
margin:0 0 5px 0;
|
||||
}
|
||||
#cmsRef {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/* 関連記事 */
|
||||
#cmsBody #endlinkConnection.endlink {
|
||||
margin:0;
|
||||
}
|
||||
#cmsBody #endlinkConnection.endlink ul {
|
||||
margin:0 0 10px;
|
||||
width:100%;
|
||||
}
|
||||
#cmsBody .endlink h4 {
|
||||
margin:0 0 5px;
|
||||
padding:8px 3px 5px;
|
||||
font-size:18px;
|
||||
line-height:28px;
|
||||
border-bottom:3px solid #aaa;
|
||||
}
|
||||
#cmsBody .endlink ul {
|
||||
display:inline-block;
|
||||
border-bottom:none;
|
||||
border-top:none;
|
||||
}
|
||||
#cmsBody .endlink li {
|
||||
background:none;
|
||||
padding-left:0;
|
||||
font-size:17px;
|
||||
line-height:24px;
|
||||
}
|
||||
#cmsBody .endlink li.endlink-lnk {
|
||||
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 4px;
|
||||
padding:0 0 3px 14px;
|
||||
}
|
||||
#cmsBody .endlink li a img {
|
||||
width:80px;
|
||||
height:60px;
|
||||
margin:0 10px 10px 0;
|
||||
}
|
||||
#cmsBody #endlinkConnection.endlink2column li {
|
||||
float:left;
|
||||
width:49%;
|
||||
height:55px;
|
||||
padding:0 5px 0 0;
|
||||
clear:none;
|
||||
font-size:16px;
|
||||
line-height:18px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#cmsBody #endlinkConnection.endlink2column li a img {
|
||||
width:60px;
|
||||
height:45px;
|
||||
}
|
||||
#cmsBody #endlinkConnection.endlink2column .endlink-art {
|
||||
display:none;
|
||||
}
|
||||
#cmsBody #endlinkConnection.endlink2column #endlink-art1,
|
||||
#cmsBody #endlinkConnection.endlink2column #endlink-art2,
|
||||
#cmsBody #endlinkConnection.endlink2column #endlink-art3,
|
||||
#cmsBody #endlinkConnection.endlink2column #endlink-art4 {
|
||||
display:block;
|
||||
}
|
||||
#masterMain #cmsBody .endlink a:link,
|
||||
#masterMain #cmsBody .endlink a:visited {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* 旧誠 WEEKLY ACCESS TOP10 */
|
||||
#cmsBody .acctop10-Makoto {
|
||||
width:500px;
|
||||
margin:0px auto;
|
||||
padding:15px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto h3 {
|
||||
width:100%;
|
||||
height:34px;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/weekly_access_top10.gif) no-repeat 0px 0px #036;
|
||||
border:3px solid #CCC;
|
||||
text-indent:-9999px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol {
|
||||
clear:both;
|
||||
width:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
border:3px solid #CCC;
|
||||
border-top:none;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px;
|
||||
list-style:none;
|
||||
line-height:120%;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li a {
|
||||
display:block;
|
||||
clear:both;
|
||||
padding:7px 6px 19px 47px;
|
||||
border-bottom:1px solid #DDD;
|
||||
text-decoration:none;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li a:hover {
|
||||
color:#C00;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l1 {
|
||||
background-position:2px 2px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l2 {
|
||||
background-position:2px -98px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l3 {
|
||||
background-position:2px -198px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l4 {
|
||||
background-position:2px -298px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l5 {
|
||||
background-position:2px -398px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l6 {
|
||||
background-position:2px -498px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l7 {
|
||||
background-position:2px -598px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l8 {
|
||||
background-position:2px -698px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l9 {
|
||||
background-position:2px -798px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l10 {
|
||||
background-position:2px -898px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l1 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l2 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l3 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;}
|
||||
#cmsBody .acctop10-Makoto ol li#l4 a:hover {background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l5 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l6 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l7 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l8 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l9 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l10 a:hover {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -898px #EEE;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li a span {
|
||||
display:block;
|
||||
border-left:2px solid #DDD;
|
||||
padding-left:8px;
|
||||
padding-right:8px;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li a span small {
|
||||
display:block;
|
||||
font-size:10px;
|
||||
text-align:right;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li a:link span small,
|
||||
#cmsBody .acctop10-Makoto ol li a:visited span small,
|
||||
#cmsBody .acctop10-Makoto ol li a:hover span small {
|
||||
color:#666;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l1 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l2 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l3 a:hover span {
|
||||
border-left:2px solid #F60;
|
||||
}
|
||||
#cmsBody .acctop10-Makoto ol li#l4 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l5 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l6 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l7 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l8 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l9 a:hover span,
|
||||
#cmsBody .acctop10-Makoto ol li#l10 a:hover span {
|
||||
border-left:2px solid #036;
|
||||
}
|
||||
|
||||
/* Sales Ranking */
|
||||
#masterMain .colBox.colBoxSalesRanking {
|
||||
width:630px;
|
||||
margin:0 0 10px;
|
||||
padding:0;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxHead {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/bookRank_heading.gif) no-repeat;
|
||||
border-bottom:none;
|
||||
color:#FFF;
|
||||
height:36px;
|
||||
margin:0;
|
||||
padding:19px 10px 0 74px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxHead h2 {
|
||||
font-size:18px;
|
||||
line-height:29px;
|
||||
color:#FFF;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxDate {
|
||||
float:right;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxInner {
|
||||
width:620px;
|
||||
background:#036;
|
||||
padding:5px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .trBoxWidth {
|
||||
background:#FFF;
|
||||
padding:5px;
|
||||
margin:0 0 3px;
|
||||
width:610px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxIndex img {
|
||||
width:90px;
|
||||
height:131px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking div#col200l,
|
||||
#masterMain .colBoxSalesRanking div#col300l,
|
||||
#masterMain .colBoxSalesRanking div#col400l,
|
||||
#masterMain .colBoxSalesRanking div#col500l {
|
||||
float:left;
|
||||
margin:0;
|
||||
width:100px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking p {
|
||||
margin:0 0 2px;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking h4 {
|
||||
color:#007bda;
|
||||
font-size:16px;
|
||||
line-height:24px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking h3 {
|
||||
background:none;
|
||||
border-bottom:none;
|
||||
font-size:20px;
|
||||
line-height:30px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking hr {
|
||||
visibility:hidden;
|
||||
}
|
||||
#masterMain .colBoxSalesRanking .colBoxDate {
|
||||
font-size:14px;
|
||||
line-height:33px;
|
||||
}
|
||||
|
||||
/* 共通パーツ用補正 */
|
||||
.colBoxAccessTop10 .colBoxOuter {
|
||||
background-color:#EEE;;
|
||||
}
|
||||
#masterMain .colBoxAccessTop10 .colBoxHead {
|
||||
background-color:transparent;
|
||||
}
|
||||
#masterMain .colBoxAccessTop10 .colBoxHead h2 {
|
||||
font-size:18px;
|
||||
line-height:24px;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ソーシャルボタン調整 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
|
||||
/* SOCIALBUTTON
|
||||
---------------------------------------------------------------------------------------------- */
|
||||
.masterSocialbuttonDefault .msbIn {
|
||||
width:auto;
|
||||
}
|
||||
.masterSocialbuttonDefault .msbIn .msbBtn,
|
||||
.masterSocialbuttonDefault .msbIn .msbGroup {
|
||||
background:transparent;
|
||||
}
|
||||
.masterSocialbuttonDefault .msbBtnPrintbutton .msbBtntext {
|
||||
padding:0px !important;
|
||||
height:59px !important;
|
||||
width:59px !important;
|
||||
background:url(https://image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat center 11px !important;
|
||||
background-size:20px 20px !important;
|
||||
line-height:97px !important;
|
||||
font-size:10px !important;
|
||||
text-align:center !important;
|
||||
}
|
||||
.masterSocialbuttonDefault .msbBtnItmid .msbBtntext {
|
||||
padding:0px !important;
|
||||
height:59px !important;
|
||||
width:59px !important;
|
||||
background:url(https://image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat center 11px !important;
|
||||
background-size:24px 24px !important;
|
||||
line-height:97px !important;
|
||||
font-size:10px !important;
|
||||
text-align:center !important;
|
||||
}
|
||||
.masterSocialbuttonMinimal {
|
||||
margin:22px 0 0!important;
|
||||
}
|
||||
/* sideButtons */
|
||||
.exist-ITWL #colBoxSideButtons {
|
||||
z-index:1;
|
||||
display:none;
|
||||
}
|
||||
#colBoxSideButtonsComment{
|
||||
width:50px;
|
||||
height:50px;
|
||||
margin:0 0 10px;
|
||||
border:1px #CCC solid;
|
||||
border-radius:3px;
|
||||
position:relative;
|
||||
}
|
||||
#colBoxSideButtonsCommentBtn{
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnCommentbutton_minimal.png) no-repeat center 6px;
|
||||
background-size:20px;
|
||||
}
|
||||
#colBoxSideButtonsComment .my_s_count{
|
||||
display:block;
|
||||
text-align:center;
|
||||
width:50px;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
color:#999;
|
||||
position:absolute;
|
||||
bottom:4px;
|
||||
}
|
||||
#colBoxSideButtons {
|
||||
position:fixed;
|
||||
top:150px;
|
||||
visibility:hidden;
|
||||
opacity:0;
|
||||
transition-property:opacity, visibility;
|
||||
transition-duration:0.7s;
|
||||
transition-timing-function:ease-out;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsInner {
|
||||
position:relative;
|
||||
width:76px;
|
||||
left:-112px;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsAlert,
|
||||
#colBoxSideButtons #colBoxSideButtonsPrint,
|
||||
#colBoxSideButtons #colBoxSideButtonsComment {
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin:0 0 10px;
|
||||
border-radius:8px;
|
||||
border:3px #cbcbcb solid;
|
||||
position:relative;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsPrint:before,
|
||||
#colBoxSideButtons #colBoxSideButtonsCommentBtn:before,
|
||||
#colBoxSideButtons #colBoxSideButtonsAlert:before {
|
||||
border-left:12px solid #FFF;
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:37px;
|
||||
right:-12px;
|
||||
margin-top:-7px;
|
||||
border-left:13px solid #FFF;
|
||||
border-top:8px solid #43202000;
|
||||
border-bottom:8px solid #43202000;
|
||||
z-index:2;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsPrint:after,
|
||||
#colBoxSideButtons #colBoxSideButtonsCommentBtn:after,
|
||||
#colBoxSideButtons #colBoxSideButtonsAlert:after {
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:37px;
|
||||
right:-17px;
|
||||
margin-top:-8px;
|
||||
border-left:14px solid #cbcbcb;
|
||||
border-top:9px solid #43202000;
|
||||
border-bottom:9px solid #43202000;
|
||||
z-index:1;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsPrintBtn {
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnprinter.png) no-repeat 22px 13px;
|
||||
background-size:30px;
|
||||
border-radius:8px;
|
||||
text-indent:0;
|
||||
text-align:center;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn {
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnmail.png) no-repeat 24px 12px;
|
||||
background-size:29px;
|
||||
border-radius:8px;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn span {
|
||||
top:44px;
|
||||
left:12px;
|
||||
font-size:12px;
|
||||
position:relative;
|
||||
color:#5b5b5b;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsCommentBtn {
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtncomment.png) no-repeat center 14px;
|
||||
background-size:32px;
|
||||
border-radius:8px;
|
||||
text-indent:0;
|
||||
text-align:center;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsPrint a:hover,
|
||||
#colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn a:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsPrintBtn span {
|
||||
top:45px;
|
||||
font-size:12px;
|
||||
position:relative;
|
||||
color:#5b5b5b;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsAlertSeriesBtn {
|
||||
top:5px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlertseries.gif) no-repeat 7px 7px;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsAlertBtn {
|
||||
top:38px;
|
||||
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlert.gif) no-repeat 7px 7px;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsAlert a:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsComment .my_s_count {
|
||||
width:auto;
|
||||
bottom:8px;
|
||||
left:0;
|
||||
right:0;
|
||||
font-size:16px;
|
||||
color:#5b5b5b;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsComment .my_s_count {
|
||||
display:none;
|
||||
}
|
||||
#colBoxSideButtons #colBoxSideButtonsComment .rm62128pc {
|
||||
text-align:center;
|
||||
width:auto;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
color: #5b5b5b;
|
||||
position:absolute;
|
||||
bottom:8px;
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 記事下 Newzia */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#NewziaTt h4 {
|
||||
background-color:#EEE;
|
||||
padding:2px 6px;
|
||||
margin:0 0 10px;
|
||||
font-size:12px;
|
||||
line-height:18px;
|
||||
text-align:left;
|
||||
}
|
||||
#NewziaTt .endlink {
|
||||
font-size:12px;
|
||||
line-height:18px;
|
||||
}
|
||||
#NewziaTt ul,
|
||||
#NewziaTt li {
|
||||
list-style:none;
|
||||
text-align:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#NewziaTt li,
|
||||
#NewziaTt .newziaCopyright {
|
||||
clear:both;
|
||||
}
|
||||
#NewziaTt li a {
|
||||
font-weight:bold;
|
||||
}
|
||||
#NewziaTt .newziaCopyright {
|
||||
text-align:right;
|
||||
font-size:11px;
|
||||
line-height:15px;
|
||||
}
|
||||
#NewziaTt li span {
|
||||
margin:0 10px 5px 0;
|
||||
padding:0;
|
||||
float:left;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
border:1px solid #CCC;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 連載アラート */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rensai_alert_bg1507_1.gif) no-repeat 0 0;
|
||||
display:block;
|
||||
width:590px;
|
||||
height:62px;
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
|
||||
opacity:0.65;
|
||||
background:url(https://image.itmedia.co.jp/makoto/images/rensai_alert_bg1507_1.gif) no-repeat 0 0;
|
||||
}
|
||||
#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
|
||||
display:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 記事上ヘッダ画像 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.tmplArticle .colBoxArticleHeader .colBoxIcon a {
|
||||
float:none;
|
||||
margin:0;
|
||||
border:none;
|
||||
}
|
||||
.colBoxArticleHeader .colBoxIcon a img {
|
||||
max-width:100%;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 記事下TT枠 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.newziaConnectAPI ul li {
|
||||
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px;
|
||||
margin:0 0 3px;
|
||||
padding:3px 0 7px 14px;
|
||||
border-bottom:1px dotted #CCC;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 記事下キーマンズネット枠 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#articleBottomKeyman {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#articleBottomKeyman .colBoxHead {
|
||||
background-color:#FFF;
|
||||
border-bottom:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#articleBottomKeyman h3 {
|
||||
font-size:14px;
|
||||
line-height:18px;
|
||||
position:relative;
|
||||
border-bottom:1px solid #CCC;
|
||||
margin:0 0 5px;
|
||||
padding:0 0 3px;
|
||||
}
|
||||
#articleBottomKeyman .colBoxUlist ul {
|
||||
padding:2px 0 0 10px;
|
||||
font-size:13px;
|
||||
line-height:20px;
|
||||
clear:both;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style-type:none;
|
||||
}
|
||||
#articleBottomKeyman .colBoxUlist ul li {
|
||||
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px;
|
||||
margin:0 0 3px;
|
||||
padding:3px 0 7px 14px;
|
||||
border-bottom:1px dotted #CCC;
|
||||
}
|
||||
#articleBottomKeyman a:link,
|
||||
#articleBottomKeyman a:visited {
|
||||
text-decoration:none;
|
||||
}
|
||||
#articleBottomKeyman a:hover {
|
||||
text-decoration:underline;
|
||||
color:#C00;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* マスク */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#masterMain .colBoxMembersControl .colBoxHead {
|
||||
border-bottom:none;
|
||||
background:#111;
|
||||
width:auto;
|
||||
}
|
||||
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:link,
|
||||
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:visited,
|
||||
#masterMain #cmsBody .CmsMembersControl .colBoxButton a:hover {
|
||||
color:#FFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 連載パーツ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#cmsSeriesList {
|
||||
clear:both;
|
||||
padding:10px 0;
|
||||
}
|
||||
#cmsSeriesList .colBox {
|
||||
position:relative;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxHead {
|
||||
position:inherit;
|
||||
margin-bottom:3px;
|
||||
border-bottom:3px solid #aaa;
|
||||
width:auto;
|
||||
}
|
||||
#cmsBody #cmsSeriesList .colBoxHead h1 {
|
||||
padding:8px 3px 5px;
|
||||
font-size:18px;
|
||||
line-height:28px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 #seriesBoxRegistbutton {
|
||||
position:absolute;
|
||||
bottom:-13px;
|
||||
right:2px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxTitle h1 {
|
||||
font-size:15px;
|
||||
line-height:22px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxIndex {
|
||||
padding:7px 0;
|
||||
}
|
||||
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber {
|
||||
margin:0 0 0 2px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a {
|
||||
display:block;
|
||||
padding:8px;
|
||||
background:#EEE;
|
||||
font-size:13px;
|
||||
}
|
||||
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a:hover {
|
||||
background:#EFEFEF;
|
||||
color:#777!important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 新着記事 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#tmplNewsIn .colBoxUaNewArticles h2 {
|
||||
font-size:18px;
|
||||
line-height:28px;
|
||||
}
|
||||
#tmplNewsIn .colBoxUaNewArticles .colBoxIcon img {
|
||||
border:none;
|
||||
}
|
||||
#tmplNewsIn .colBoxUaNewArticles h3 {
|
||||
clear:inherit;
|
||||
margin:0 0 10px;
|
||||
padding:0;
|
||||
border:none;
|
||||
font-size:17px;
|
||||
line-height:24px;
|
||||
}
|
||||
#tmplNewsIn #cmsBody .colBoxUaNewArticles a:link,
|
||||
#tmplNewsIn #cmsBody .colBoxUaNewArticles a:visited {
|
||||
text-decoration:none;
|
||||
}
|
||||
#tmplNewsIn .colBoxUaNewArticles.colBoxIcon a {
|
||||
margin:0 10px 5px 0;
|
||||
}
|
||||
#FacebookPagePlugin {
|
||||
margin:20px auto!important;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ビジたね & フレッシュサマリ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.bizitane #cmsType,
|
||||
.freshsummary #cmsTyp {
|
||||
display:none;
|
||||
}
|
||||
.bizitane #cmsTitle,
|
||||
.freshsummary #cmsTitle {
|
||||
padding:10px 20px 7px 0;
|
||||
}
|
||||
.bizitane #cmsMark,
|
||||
.freshsummary #cmsMark {
|
||||
display:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* #SHIFT */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalHeaderTop.hashShiftTop {
|
||||
background:#426fb2;
|
||||
}
|
||||
.hashShiftTop .hashShiftTopIn {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
width:980px;
|
||||
height:77px;
|
||||
background-image:url(https://image.itmedia.co.jp/business/subtop/hashshift/images/headonepoint.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:right 140px top
|
||||
}
|
||||
.hashShiftTop .cornerlogoArea {
|
||||
position:absolute;
|
||||
top:18px;
|
||||
left:0;
|
||||
margin:0;
|
||||
line-height:0;
|
||||
}
|
||||
.hashShiftTop .cornerlogoArea a {
|
||||
display: block;
|
||||
}
|
||||
.hashShiftTop .cornerlogoArea img {
|
||||
width:194px;
|
||||
height:40px;
|
||||
}
|
||||
.hashShiftTop .taglineArea {
|
||||
position:absolute;
|
||||
left:210px;
|
||||
bottom:19px;
|
||||
height:15px;
|
||||
margin:0;
|
||||
line-height:0;
|
||||
}
|
||||
.hashShiftTop .taglineArea img {
|
||||
left:210px;
|
||||
width:397px;
|
||||
}
|
||||
.hashShiftTop .medialogoArea {
|
||||
position:absolute;
|
||||
top:21px;
|
||||
right:0;
|
||||
margin:0 auto;
|
||||
}
|
||||
.hashShiftTop .medialogoArea a {
|
||||
display: block;
|
||||
}
|
||||
.hashShiftTop .medialogoArea img {
|
||||
width:122px;
|
||||
height:34px;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* コメント */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#ulCommentWidget{
|
||||
position:relative;
|
||||
border:5px solid #DDD;
|
||||
padding:20px;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 記事下カスタムサブトップ誘導 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.cs_footerlink{
|
||||
margin:32px auto;
|
||||
text-align:center;
|
||||
}
|
||||
.cs_footerlink a{
|
||||
background:url(https://image.itmedia.co.jp/business/images/footer_tolistpage.gif) no-repeat left top;
|
||||
height:30px;
|
||||
line-height:32px;
|
||||
display:inline-block;
|
||||
padding-left:136px;
|
||||
color:#ff5500!important;
|
||||
font-weight:600;
|
||||
}
|
||||
.cs_footerlink a:hover{
|
||||
opacity:0.7;
|
||||
}
|
|
@ -0,0 +1,722 @@
|
|||
/*=====================================================================*/
|
||||
/* BASE OVERWRITE STYLE */
|
||||
/*=====================================================================*/
|
||||
body{
|
||||
color:#333;
|
||||
background:#FFF;
|
||||
}
|
||||
a:link,
|
||||
a:visited{
|
||||
color:#222;
|
||||
}
|
||||
a:hover,
|
||||
.colBox a:hover{
|
||||
color:#333;
|
||||
}
|
||||
a img{
|
||||
border:none;
|
||||
}
|
||||
.colBoxKeyword{
|
||||
display:none;
|
||||
}
|
||||
/*=====================================================================*/
|
||||
/* CHANNEL BASE STYLE */
|
||||
/*=====================================================================*/
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* コンテンツ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#masterContents{
|
||||
width:980px;
|
||||
padding:0 5px 10px 5px;
|
||||
clear:both;
|
||||
margin:0 auto;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* レイアウト */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalContents{
|
||||
display:flex;
|
||||
}
|
||||
#masterMain{
|
||||
width:667px;
|
||||
margin-right:13px;
|
||||
}
|
||||
#masterMainLeft{
|
||||
width:320px;
|
||||
float:left;
|
||||
}
|
||||
#masterMainRight{
|
||||
width:320px;
|
||||
float:right;
|
||||
}
|
||||
#masterSub{
|
||||
width:300px;
|
||||
}
|
||||
#masterSub .colBox{
|
||||
margin-bottom:16px;
|
||||
overflow:hidden;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ボディ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#masterBody{
|
||||
background:#FFF;
|
||||
margin:0 auto;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* グローバルナビゲーション */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn16 a{
|
||||
margin:3px 0 0 3px;
|
||||
padding:5px 11px 4px;
|
||||
border-radius:2px;
|
||||
background:#FFF;
|
||||
color:#000;
|
||||
}
|
||||
#g_nav_i{
|
||||
width:990px;
|
||||
height:80px;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ヘッダ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalHeader{
|
||||
position:relative;
|
||||
}
|
||||
#globalHeaderTop{
|
||||
overflow:hidden;
|
||||
background:#000;
|
||||
}
|
||||
#globalHeaderMiddle{
|
||||
margin:0 auto 20px;
|
||||
padding:0;
|
||||
}
|
||||
#globalHeaderBottom{
|
||||
width:980px;
|
||||
margin:0 auto;
|
||||
padding:0 5px;
|
||||
clear:both;
|
||||
position:relative;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ロゴ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalLogo{
|
||||
width:170px;
|
||||
height:47px;
|
||||
margin:14px auto 16px;
|
||||
}
|
||||
#globalLogo h1,
|
||||
#globalLogo div{
|
||||
margin:0;
|
||||
width:170px;
|
||||
height:47px;
|
||||
}
|
||||
#globalLogo h1 a,
|
||||
#globalLogo div a{
|
||||
display:block;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* メインナビゲーション */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#localNavigation{
|
||||
margin:0 0 24px;
|
||||
background:rgba(255,255,255,1);
|
||||
}
|
||||
#localNavigation a:active{
|
||||
background-color:transparent;
|
||||
}
|
||||
#lnavMain{
|
||||
margin:0;
|
||||
padding:10px 0;
|
||||
border-bottom:1px solid #ddd;
|
||||
overflow:hidden;
|
||||
text-align:center;
|
||||
}
|
||||
#lnavMain .lnavBtn{
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
}
|
||||
#lnavMain .lnavBtn a{
|
||||
display:block;
|
||||
border-right:1px solid #ddd;
|
||||
font-size:15px;
|
||||
line-height:20px;
|
||||
font-weight:bold;
|
||||
margin:0;
|
||||
padding:0 18px 0 12px;
|
||||
color:#404040;
|
||||
}
|
||||
#lnavMain .lnavBtn:first-child{
|
||||
background:url(https://image.itmedia.co.jp/business/images/homeicon.png) no-repeat left 2px;
|
||||
background-size:16px 14px;
|
||||
padding-left:14px;
|
||||
}
|
||||
#lnavMain .lnavBtn:last-child a{
|
||||
border-right:none;
|
||||
}
|
||||
#lnavMain .lnavBtn.lnavBtnmln12 a{
|
||||
border-right:none;
|
||||
}
|
||||
#lnavMain .lnavBtnmlnLast a{
|
||||
border-right:none;
|
||||
}
|
||||
#lnavMain .lnavBtn a:link,
|
||||
#lnavMain .lnavBtn a:visited{
|
||||
}
|
||||
#lnavMain .lnavBtn a:hover,
|
||||
#lnavMain .lnavBtnActive a:link,
|
||||
#lnavMain .lnavBtnActive a:visited,
|
||||
#lnavMain .lnavBtnActive a:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* サブナビゲーション */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#lnavSub{
|
||||
clear:both;
|
||||
overflow:auto;
|
||||
}
|
||||
#lnavSub .lnavBtn{
|
||||
white-space:nowrap;
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#lnavSub .lnavBtn a{
|
||||
display:block;
|
||||
font-size:12px;
|
||||
line-height:12px;
|
||||
margin:0 5px 3px 0;
|
||||
padding:7px 10px;
|
||||
background:#e5e5e5;
|
||||
border-radius:3px;
|
||||
}
|
||||
#lnavSub .lnavBtn a .raquo{
|
||||
display:none;
|
||||
}
|
||||
#lnavSub .lnavBtnNew a:after{
|
||||
background:#99012C;
|
||||
color:#fff;
|
||||
content:"NEW";
|
||||
display:inline-block;
|
||||
font-family:Arial,Verdana;
|
||||
font-size:10px;
|
||||
height:12px;
|
||||
font-weight:bold;
|
||||
padding:0 3px;
|
||||
margin:0 0 0 3px;
|
||||
}
|
||||
#lnavSub .lnavBtn.lnavBtnHover a{
|
||||
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_lnavsub_b.gif) no-repeat right 8px #e5e5e5;
|
||||
padding:7px 17px 7px 10px;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* サブサブナビゲーション */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#lnavSubSub{
|
||||
font-size:10px;
|
||||
line-height:14px;
|
||||
padding:3px 0 5px;
|
||||
clear:both;
|
||||
}
|
||||
#lnavSubSub .lnavBtn{
|
||||
display:inline;
|
||||
margin:0;
|
||||
}
|
||||
#lnavSubSub .lnavBtn a:link,
|
||||
#lnavSubSub .lnavBtn a:visited{
|
||||
color:#333;
|
||||
}
|
||||
#lnavSubSub .lnavBtnPR a:link,
|
||||
#lnavSubSub .lnavBtnPR a:visited{
|
||||
background:url(https://image.itmedia.co.jp/images/cms_pr.gif) no-repeat 0 1px;
|
||||
padding:0 0 0 22px;
|
||||
}
|
||||
#lnavSubSub .lnavBtnPR a .raquo{
|
||||
display:none;
|
||||
}
|
||||
#lnavSubSub .lnavBtnNew a:link,
|
||||
#lnavSubSub .lnavBtnNew a:visited{
|
||||
background:url(https://image.itmedia.co.jp/images/ulli_new.gif) no-repeat 0 0;
|
||||
padding:0 0 0 27px;
|
||||
}
|
||||
#lnavSubSub .lnavBtnNew a .raquo{
|
||||
display:none;
|
||||
}
|
||||
#lnavSubSub .lnavBtn a .raquo{
|
||||
display:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* プルダウンナビゲーション */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.lnavBtnGroup{
|
||||
display:none;
|
||||
width:auto;
|
||||
z-index:50;
|
||||
background:#FFF;
|
||||
border:1px solid #CCC;
|
||||
}
|
||||
.lnavBtnGroupIn .lnavBtn{
|
||||
display:block !important;
|
||||
margin:0;
|
||||
}
|
||||
.lnavBtnGroupIn .lnavBtn a{
|
||||
display:block;
|
||||
padding:3px;
|
||||
border-bottom:1px dotted #DDD;
|
||||
color:#333 !important;
|
||||
}
|
||||
.lnavBtnGroupIn .lnavBtn a:hover{
|
||||
background:#EEE;
|
||||
text-decoration:none;
|
||||
}
|
||||
#lnavSub .lnavBtn .lnavBtnGroupOut a{
|
||||
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_lnavsub.gif) no-repeat 1px 9px #FFF;
|
||||
margin:0;
|
||||
}
|
||||
#lnavSub .lnavBtn .lnavBtnGroupOut a:hover{
|
||||
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_lnavsub.gif) no-repeat 1px 9px #E5E5E5;
|
||||
}
|
||||
#lnavSub .lnavBtn .lnavBtnGroupOut .lnavBtn{
|
||||
background:#FFF;
|
||||
padding:0;
|
||||
margin:0 ;
|
||||
float:none;
|
||||
border-right:none;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* ぱんくず */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#localPankuzu{
|
||||
font-size:10px;
|
||||
line-height:14px;
|
||||
padding:10px 0;
|
||||
margin:0;
|
||||
}
|
||||
#localPankuzu ol {
|
||||
list-style:none;
|
||||
display:inline;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#localPankuzu .lpanIn li {
|
||||
display:inline;
|
||||
}
|
||||
#localPankuzu .lpanIn li:after {
|
||||
content:' > ';
|
||||
}
|
||||
#localPankuzu .lpanIn li:last-child:after {
|
||||
content:'';
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 検索窓 */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#globalSearch{
|
||||
width:300px;
|
||||
margin-bottom:10px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#globalSearch .cse .gsc-search-button input.gsc-search-button-v2,
|
||||
#globalSearch input.gsc-search-button-v2{
|
||||
margin-top:0;
|
||||
margin-left:0;
|
||||
padding:6px 10px;
|
||||
}
|
||||
#globalSearch .gsc-search-box-tools .gsc-search-box .gsc-input,
|
||||
#globalSearch table.gsc-search-box td.gsc-input,
|
||||
#globalSearch table.gsc-search-box td.gsc-input{
|
||||
padding-right:0;
|
||||
}
|
||||
/* popIn */
|
||||
#_popIn_search_area{
|
||||
font-size:10px;
|
||||
line-height:14px;
|
||||
padding:10px 0;
|
||||
border:none;
|
||||
border-bottom:1px solid #FFF;
|
||||
height:25px;
|
||||
}
|
||||
#popInSearchField{
|
||||
float:left;
|
||||
width:255px!important;
|
||||
height:24px!important;
|
||||
padding:0!important;
|
||||
border:1px #CCC solid;
|
||||
}
|
||||
#_popIn_search_area .submit{
|
||||
float:left;
|
||||
width:41px;
|
||||
height:26px;
|
||||
background:#8498c6;
|
||||
color:#FFF;
|
||||
font-size:12px;
|
||||
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'MS Pゴシック';
|
||||
border:0 none;
|
||||
cursor:pointer;
|
||||
}
|
||||
#_popIn_search_area .submit:hover{
|
||||
background:#8fa3d4;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* フッタ */
|
||||
/*---------------------------------------------------------------------*/
|
||||
#masterFooter{
|
||||
width:100%;
|
||||
padding:40px 0 8px;
|
||||
}
|
||||
#globalFooterBottom{
|
||||
border-bottom:3px solid #EEE;
|
||||
}
|
||||
#globalFooterLink{
|
||||
font-size:10px;
|
||||
line-height:14px;
|
||||
text-align:right;
|
||||
width:970px;
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
}
|
||||
#globalFooterCorp{
|
||||
padding:32px 0 0 0;
|
||||
width:970px;
|
||||
margin:0 auto;
|
||||
}
|
||||
#globalCopyright{
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
}
|
||||
|
||||
.footerMailmag{
|
||||
background-color:rgba(238,238,238,1);
|
||||
background-image:url(https://image.itmedia.co.jp/business/images/footer_mailtexture.png);
|
||||
background-position:calc(50% - 320px) center;
|
||||
background-position:-webkit-calc(50% - 320px) center;
|
||||
background-repeat:no-repeat;
|
||||
padding:32px 0;
|
||||
text-align:center;
|
||||
}
|
||||
.footerMailmag p{
|
||||
font-size:16px;
|
||||
line-height:20px;
|
||||
font-weight:600;
|
||||
margin:0 0 16px;
|
||||
}
|
||||
.footerMailmag a{
|
||||
font-size:14px;
|
||||
line-height:32px;
|
||||
background:#FFF;
|
||||
display:inline-block;
|
||||
padding:0 24px;
|
||||
transition:all 0.5s;
|
||||
}
|
||||
.footerMailmag a:hover{
|
||||
text-decoration:none;
|
||||
opacity:0.7;
|
||||
}
|
||||
.footerIbo{
|
||||
padding:48px 0 36px;
|
||||
width:220px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.footerLogo{
|
||||
margin:0 0 24px;
|
||||
}
|
||||
.footerIbo a{
|
||||
display:inline-block;
|
||||
}
|
||||
.footerIbo ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.footerIbo li{
|
||||
transition:all 0.5s;
|
||||
width:42px;
|
||||
}
|
||||
.footerIbo li:hover{
|
||||
text-decoration:none;
|
||||
opacity:0.7;
|
||||
}
|
||||
.footerIbo li img{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* colBox */
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* Head */
|
||||
#masterMain .colBoxHead{
|
||||
background-color:#FFF;
|
||||
border-top:none;
|
||||
border-bottom:1px solid #ddd;
|
||||
margin:0 0 15px;
|
||||
padding:0;
|
||||
}
|
||||
#masterMain .colBoxHead h2{
|
||||
padding:8px 3px 5px;
|
||||
font-size:15px;
|
||||
line-height:20px;
|
||||
}
|
||||
#masterSub .colBoxHead{
|
||||
font-size:14px;
|
||||
line-height:18px;
|
||||
padding:4px 0;
|
||||
border-top:none;
|
||||
border-bottom:1px solid #ddd;
|
||||
margin:0 0 10px;
|
||||
}
|
||||
#masterSub .colBoxHead h2,
|
||||
#masterSub .colBoxHead p{
|
||||
font-weight:bold;
|
||||
padding:4px 0;
|
||||
margin:0;
|
||||
}
|
||||
#masterSub .colBoxTitle p{
|
||||
font-size:14px;
|
||||
line-height:20px;
|
||||
margin:0;
|
||||
font-weight:bold;
|
||||
}
|
||||
.colBoxInner a:hover{
|
||||
opacity:0.8;
|
||||
}
|
||||
/* Icon */
|
||||
.colBoxIcon a{
|
||||
margin:0 10px 10px 0;
|
||||
}
|
||||
/* Ulist */
|
||||
.colBoxUlist ul li{
|
||||
background:none;
|
||||
padding:0 0 3px 0;
|
||||
}
|
||||
#masterSub .colBoxUlist ul,
|
||||
.colBox .backNumBoxIn ul{
|
||||
padding:2px 0 0 10px;
|
||||
font-size:13px;
|
||||
line-height:20px;
|
||||
}
|
||||
#masterSub .colBoxUlist ul li,
|
||||
.colBox .backNumBoxIn ul li{
|
||||
position:relative;
|
||||
background:none;
|
||||
padding:4px 5px 8px;
|
||||
}
|
||||
#masterSub .colBoxUlist ul li::after,
|
||||
.colBox .backNumBoxIn ul li::after{
|
||||
display:block;
|
||||
content:'';
|
||||
position:absolute;
|
||||
top:9px;
|
||||
left:-1em;
|
||||
width:6px;
|
||||
height:6px;
|
||||
border-right:1px solid #666;
|
||||
border-bottom:1px solid #666;
|
||||
-webkit-transform:rotate(-45deg);
|
||||
transform:rotate(-45deg);
|
||||
}
|
||||
.colBoxOlist ol li{
|
||||
border:0;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* Features */
|
||||
/*---------------------------------------------------------------------*/
|
||||
.colBoxFeatures.colBox{
|
||||
clear:both;
|
||||
margin-bottom:22px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.colBoxFeatures .colBoxIndex{
|
||||
overflow:hidden;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* 右カラム */
|
||||
/*---------------------------------------------------------------------*/
|
||||
/* PageLink */
|
||||
#masterSub .colBoxPageLink{
|
||||
clear:both;
|
||||
margin:10px 0;
|
||||
text-align:center;
|
||||
}
|
||||
#masterSub .colBoxPageLink a{
|
||||
margin:0 auto;
|
||||
padding:5px 20px;
|
||||
background:#ddd;
|
||||
text-decoration:none;
|
||||
display:inline-block;
|
||||
}
|
||||
#masterSub .colBoxPageLink a:hover{
|
||||
background:#e9e9e9;
|
||||
text-decoration:none;
|
||||
color:#777;
|
||||
}
|
||||
/* Social Plugin */
|
||||
.colBoxSubcolTwitter,
|
||||
.colBoxSubcolFacebook{
|
||||
margin:0 0 20px;
|
||||
}
|
||||
.colBoxSubcolNewArticles{
|
||||
margin:0 0 20px;
|
||||
}
|
||||
.colBoxSubcolNewArticles .colBoxIcon a{
|
||||
margin:0 7px 7px 0;
|
||||
}
|
||||
.colBoxSubcolNewArticles .colBoxIcon img{
|
||||
width:40px;
|
||||
height:30px;
|
||||
}
|
||||
.colBoxSubcolNewArticles .colBoxTitle h3{
|
||||
font-size:14px;
|
||||
line-height:20px;
|
||||
}
|
||||
/* ランキング */
|
||||
.colBoxRanking{
|
||||
margin:0 0 20px;
|
||||
counter-reset:colBoxRankingCounter;
|
||||
position:relative;
|
||||
}
|
||||
.colBoxRanking .colBoxHead{
|
||||
font-weight:bold;
|
||||
}
|
||||
.colBoxRanking .colBoxTab{
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
margin:0;
|
||||
list-style:none;
|
||||
font-size:13px;
|
||||
line-height:20px;
|
||||
}
|
||||
.colBoxRanking .colBoxTab li{
|
||||
transition:all 0.5s;
|
||||
float:left;
|
||||
width:50px;
|
||||
margin:0 0 0 5px;
|
||||
padding:2px 5px;
|
||||
text-align:center;
|
||||
border:none;
|
||||
background:#999;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
}
|
||||
.colBoxRanking.dayActive .colBoxTab li:first-child,
|
||||
.colBoxRanking.wekActive .colBoxTab li:nth-child(2){
|
||||
background:#000;
|
||||
}
|
||||
.colBoxRanking .colBoxTab li::after{
|
||||
display:none;
|
||||
}
|
||||
.colBoxRanking #colBoxWeeklyRank,
|
||||
.colBoxRanking #colBoxDailyRank{
|
||||
margin:5px;
|
||||
}
|
||||
.colBoxRanking .colBoxOlist li{
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:4px 0 8px 32px;
|
||||
font-size:14px;
|
||||
line-height:18px;
|
||||
background:none;
|
||||
}
|
||||
.colBoxRanking .colBoxOlist li a:after{
|
||||
counter-increment:colBoxRankingCounter;
|
||||
content:counter(colBoxRankingCounter);
|
||||
position:absolute;
|
||||
top:6px;
|
||||
left:0;
|
||||
padding:7px 5px;
|
||||
font-size:13px;
|
||||
line-height:100%;
|
||||
font-weight:bold;
|
||||
color:#fff;
|
||||
background:#000;
|
||||
}
|
||||
.colBoxRanking .colBoxOlist li.rank10 a:after{
|
||||
padding:7px 0;
|
||||
font-size:8px;
|
||||
line-height:13px;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
}
|
||||
/* 注目のテーマ */
|
||||
.colBoxThemeBannar .colBoxBanner{
|
||||
display:block;
|
||||
text-align:center;
|
||||
margin:0 0 10px;
|
||||
}
|
||||
.colBoxThemeBannar .colBoxBanner a{
|
||||
border:none;
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
.colBoxThemeSite .colBoxIndex {
|
||||
clear:both;
|
||||
}
|
||||
.colBoxThemeSite h3 {
|
||||
font-weight:normal;
|
||||
}
|
||||
.colBoxThemeSite img {
|
||||
width:80px;
|
||||
height:auto;
|
||||
}
|
||||
.colBoxThemeSite .colBoxSubTitle p {
|
||||
font-size:11px;
|
||||
line-height:1.6;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.colBoxThemeSite .colBoxSubTitle a {
|
||||
color:#747474;
|
||||
}
|
||||
.colBoxThemeSite .colBoxIcon a {
|
||||
border:none;
|
||||
}
|
||||
|
||||
/*dbdBannar*/
|
||||
.colBoxThemeBannar .colBoxIcon{
|
||||
display:block;
|
||||
text-align:center;
|
||||
margin:0 0 8px;
|
||||
}
|
||||
.colBoxThemeBannar .colBoxIcon a{
|
||||
border:none;
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
/* specialInduction */
|
||||
#masterSub #specialInduction .colBoxHead{
|
||||
border-bottom:0px solid #ddd;
|
||||
}
|
||||
#masterSub #specialInduction .colBoxHead p{
|
||||
border-bottom:1px solid #ddd;
|
||||
}
|
||||
|
||||
/* ヘッダ固定 */
|
||||
#masterBodyIn{
|
||||
padding-top:147px;
|
||||
}
|
||||
.g_nav_outside{
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
z-index:1000;
|
||||
width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
.ad-ITWL-wp .g_nav_outside{
|
||||
width:990px;
|
||||
}
|
||||
.ad-ITWL #masterBodyIn,
|
||||
.body-sphl #masterBodyIn{
|
||||
padding-top:0;
|
||||
}
|
||||
.ad-ITWL .g_nav_outside,
|
||||
.body-sphl .g_nav_outside{
|
||||
position:static;
|
||||
}
|
|
@ -0,0 +1,814 @@
|
|||
#COIDP{
|
||||
display:none;
|
||||
}
|
||||
/*-----*/
|
||||
#g_nav{
|
||||
--base_w:990px;
|
||||
--base_h:80px;
|
||||
font-family:-apple-system, Sans-Serif, HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'MS Pゴシック';
|
||||
text-align:left;
|
||||
}
|
||||
/* Fav-Logヘッダー幅変更ここから */
|
||||
.dir-fav #g_nav{
|
||||
--base_w:1136px;
|
||||
}
|
||||
/* Fav-Logヘッダー幅変更ここまで */
|
||||
#g_nav a:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
#g_nav_o{
|
||||
width:100%;
|
||||
background:#FFF;
|
||||
border-bottom:1px solid #DDD;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
#g_nav[data-theme="dark"] #g_nav_o{
|
||||
background:#000;
|
||||
}
|
||||
#g_nav_i{
|
||||
display:flex;
|
||||
position:relative;
|
||||
width:var(--base_w);
|
||||
height:var(--base_h);
|
||||
margin:0 auto;
|
||||
}
|
||||
/*-----*/
|
||||
#g_nav .colBox.colBoxWarning,
|
||||
#g_nav .colBox.colBoxWarning *{
|
||||
all:initial;
|
||||
}
|
||||
#g_nav .colBox.colBoxWarning{
|
||||
display:block;
|
||||
background:#EEE;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .colBox.colBoxWarning{
|
||||
background:#222;
|
||||
}
|
||||
#g_nav .colBox.colBoxWarning .colBoxOuter{
|
||||
display:block;
|
||||
width:var(--base_w);
|
||||
margin:0 auto;
|
||||
padding:4px 5px 5px;
|
||||
}
|
||||
#g_nav .colBox.colBoxWarning li:before{
|
||||
content:"・";
|
||||
font-size:12px;
|
||||
color:#333;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .colBox.colBoxWarning li:before{
|
||||
color:#CCC;
|
||||
}
|
||||
#g_nav .colBox.colBoxWarning li a{
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
color:#333;
|
||||
}
|
||||
#g_nav .colBox.colBoxWarning li a:hover{
|
||||
color:#000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .colBox.colBoxWarning li a{
|
||||
color:#CCC;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .colBox.colBoxWarning li a:hover{
|
||||
color:#EEE;
|
||||
}
|
||||
/*-----*/
|
||||
.g_nav_box{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
height:var(--base_h);
|
||||
}
|
||||
._flex{flex:1;}
|
||||
/*-----*/
|
||||
.g_btn {
|
||||
width:80px;
|
||||
height:var(--base_h);
|
||||
padding:10px 0 0;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.g_img{
|
||||
width:20px;
|
||||
height:20px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.g_txt{
|
||||
margin-top:5px;
|
||||
font-size:11px;
|
||||
line-height:11px;
|
||||
text-align:center;
|
||||
color:#666;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_txt{
|
||||
color:#CCC;
|
||||
}
|
||||
/*-----*/
|
||||
.g_inbtn{
|
||||
position:relative;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:60px;
|
||||
text-decoration:none;
|
||||
margin:0 auto;
|
||||
padding:13px 5px 5px;
|
||||
box-sizing:border-box;
|
||||
cursor:pointer;
|
||||
background:transparent;
|
||||
border:1px solid transparent;
|
||||
transition-property:background,border;
|
||||
transition-duration:0.2s;
|
||||
z-index:999;
|
||||
}
|
||||
.g_inbtn:hover{
|
||||
background:#EEE;
|
||||
border:1px solid #CCC;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_inbtn:hover{
|
||||
background:#222;
|
||||
border:1px solid #111;
|
||||
}
|
||||
.g_btn[data-menu="0"]{
|
||||
z-index:900;
|
||||
}
|
||||
/*-----*/
|
||||
.g_float{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
width:calc(100% - 10px);
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
background:transparent;
|
||||
box-sizing:border-box;
|
||||
z-index:998;
|
||||
transition-property:height;
|
||||
transition-duration:0.3s;
|
||||
}
|
||||
.g_float_left{left:5px;}
|
||||
.g_float_right{right:5px;}
|
||||
.g_btn[data-menu="1"] .g_float_left{
|
||||
height:640px;
|
||||
}
|
||||
.g_btn[data-menu="1"] .g_float_right{
|
||||
min-height:130px;
|
||||
height:auto;
|
||||
}
|
||||
/*-----*/
|
||||
.g_lines{
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
width:20px;
|
||||
height:19px;
|
||||
}
|
||||
.g_line{
|
||||
position:absolute;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:3px;
|
||||
margin:0 auto;
|
||||
background:#666;
|
||||
border:0;
|
||||
transform:rotate(0);
|
||||
transition-property:transform,top,bottom,width,height,background,border;
|
||||
transition-duration:0.5s;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_line{
|
||||
background:#999;
|
||||
}
|
||||
.g_line:nth-child(1){top:0;}
|
||||
.g_line:nth-child(2){top:8px;}
|
||||
.g_line:nth-child(3){top:8px;}
|
||||
.g_line:nth-child(4){bottom:0;}
|
||||
#g_btn_menu[data-menu="1"] .g_line:nth-child(1){width:0;}
|
||||
#g_btn_menu[data-menu="1"] .g_line:nth-child(2){transform:rotate(-45deg);}
|
||||
#g_btn_menu[data-menu="1"] .g_line:nth-child(3){transform:rotate(45deg);}
|
||||
#g_btn_menu[data-menu="1"] .g_line:nth-child(4){width:0;}
|
||||
/*-----*/
|
||||
.g_search_icons{
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
width:20px;
|
||||
height:19px;
|
||||
}
|
||||
.g_search_icon{
|
||||
position:absolute;
|
||||
box-sizing:border-box;
|
||||
overflow:hidden;
|
||||
transition-property:transform,top,left,margin,bottom,width,height,background,border;
|
||||
transition-duration:0.5s;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_search_icon{
|
||||
background:#999;
|
||||
}
|
||||
.g_search_icon:nth-child(1){
|
||||
top:-6px;
|
||||
left:-5px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
border:5px solid #AAA;
|
||||
border-radius:40px;
|
||||
}
|
||||
.g_search_icon:nth-child(2){
|
||||
top:12px;
|
||||
left:8px;
|
||||
width:12px;
|
||||
height:5px;
|
||||
margin:0 auto;
|
||||
background:#AAA;
|
||||
border:0;
|
||||
transform:rotate(45deg);
|
||||
transition-property:transform,top,bottom,width,height,background,border;
|
||||
transition-duration:0.5s;
|
||||
}
|
||||
#g_btn_search[data-menu="1"] .g_search_icon:nth-child(1){top:8px;left:0;width:100%;height:3px;margin:auto;transform:rotate(45deg);background:#666;border:0 solid transparent;}
|
||||
#g_btn_search[data-menu="1"] .g_search_icon:nth-child(2){top:8px;left:0;width:100%;height:3px;margin:auto;transform:rotate(-45deg);background:#666;}
|
||||
/*-----*/
|
||||
.g_media {
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
align-items:flex-start;
|
||||
align-content:flex-start;
|
||||
justify-content:space-between;
|
||||
width:100%;
|
||||
padding:60px 5px 5px;
|
||||
background:#FFF;
|
||||
border:1px solid #CCC;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
/*
|
||||
#g_nav[data-theme="dark"] .g_media{
|
||||
background:#000;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
*/
|
||||
.g_media_list {
|
||||
width:calc((100% / 5) - 10px);
|
||||
height:85px;
|
||||
margin-top:10px;
|
||||
text-decoration:none;
|
||||
color:#333;
|
||||
background:transparent;
|
||||
border:1px solid transparent;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.g_media_empty {
|
||||
width:calc((100% / 5) - 10px);
|
||||
}
|
||||
.g_media_img {
|
||||
height:60px;
|
||||
background-repeat:no-repeat;
|
||||
background-position:center center;
|
||||
background-size:contain;
|
||||
}
|
||||
.g_media_name {
|
||||
font-size:11px;
|
||||
text-align:center;
|
||||
height:20px;
|
||||
color:#666;
|
||||
}
|
||||
/*
|
||||
#g_nav[data-theme="dark"] .g_media_name{
|
||||
color:#999;
|
||||
}
|
||||
*/
|
||||
.g_media_list:hover {
|
||||
border:1px solid #DDD;
|
||||
background:#EEE;
|
||||
}
|
||||
/*
|
||||
#g_nav[data-theme="dark"] .g_media_list:hover{
|
||||
border:1px solid #000;
|
||||
background:#111;
|
||||
}
|
||||
*/
|
||||
.g_media_list:hover .g_media_img {
|
||||
filter:brightness(120%);
|
||||
}
|
||||
/*-----*/
|
||||
.g_search_box{
|
||||
width:100%;
|
||||
padding:60px 5px 5px;
|
||||
background:#FFF;
|
||||
border:1px solid #CCC;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
/*-----*/
|
||||
.g_member {
|
||||
display:flex;
|
||||
flex-direction:row-reverse;
|
||||
width:100%;
|
||||
padding:60px 5px 5px;
|
||||
background:#FFF;
|
||||
border:1px solid #CCC;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_member{
|
||||
background:#000;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.g_member_list {
|
||||
width:calc((100% / 9) - 10px);
|
||||
height:55px;
|
||||
margin-top:10px;
|
||||
text-decoration:none;
|
||||
color:#666;
|
||||
background:transparent;
|
||||
border:1px solid transparent;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_member_list{
|
||||
color:#999;
|
||||
}
|
||||
.g_member_img {
|
||||
height:30px;
|
||||
background-repeat:no-repeat;
|
||||
background-position:center center;
|
||||
background-size:contain;
|
||||
}
|
||||
.g_member_name {
|
||||
font-size:11px;
|
||||
text-align:center;
|
||||
height:20px;
|
||||
color:#666;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_member_name{
|
||||
color:#999;
|
||||
}
|
||||
.g_member_list:hover {
|
||||
border:1px solid #DDD;
|
||||
background:#EEE;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_member_list:hover{
|
||||
border:1px solid #000;
|
||||
background:#111;
|
||||
}
|
||||
.g_member_list:hover .g_media_img {
|
||||
-webkit-animation:g_media_anime 0.1s linear 1 forwards;
|
||||
animation:g_media_anime 0.1s linear 1 forwards;
|
||||
}
|
||||
/*-----*/
|
||||
.g_circles{
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
width:20px;
|
||||
height:19px;
|
||||
}
|
||||
.g_circle{
|
||||
position:absolute;
|
||||
box-sizing:border-box;
|
||||
overflow:hidden;
|
||||
transition-property:transform,top,left,margin,bottom,width,height,background,border;
|
||||
transition-duration:0.5s;
|
||||
}
|
||||
.g_circle:nth-child(1){
|
||||
top:-7px;
|
||||
left:-5px;
|
||||
width:30px;
|
||||
height:30px;
|
||||
background:#AAA;
|
||||
border-radius:40px;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_circle:nth-child(1){
|
||||
background:#888;
|
||||
}
|
||||
.g_circle:nth-child(2){
|
||||
background:#FFF;
|
||||
top:9px;
|
||||
left:50%;
|
||||
margin-left:-10px;
|
||||
width:20px;
|
||||
height:14px;
|
||||
border-radius:20px 20px 0 0;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_circle:nth-child(2){
|
||||
background:#000;
|
||||
}
|
||||
.g_circle:nth-child(3){
|
||||
background:#FFF;
|
||||
top:-1px;
|
||||
left:50%;
|
||||
margin-left:-6px;
|
||||
width:12px;
|
||||
height:12px;
|
||||
border-radius:12px;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_circle:nth-child(3){
|
||||
background:#000;
|
||||
}
|
||||
#g_btn_member[data-menu="1"] .g_circle:nth-child(1){background:transparent;}
|
||||
#g_btn_member[data-menu="1"] .g_circle:nth-child(2),
|
||||
#g_btn_member[data-menu="1"] .g_circle:nth-child(3){top:8px;left:0;margin:0;width:100%;height:3px;background:#666;border:0;border-radius:0;}
|
||||
#g_btn_member[data-menu="1"] .g_circle:nth-child(2){transform:rotate(-45deg);}
|
||||
#g_btn_member[data-menu="1"] .g_circle:nth-child(3){transform:rotate(45deg);}
|
||||
#g_nav[data-theme="dark"] #g_btn_member[data-menu="1"] .g_circle:nth-child(2){
|
||||
background:#999;
|
||||
}
|
||||
#g_nav[data-theme="dark"] #g_btn_member[data-menu="1"] .g_circle:nth-child(3){
|
||||
background:#999;
|
||||
}
|
||||
/*-----*/
|
||||
#g_btn_tw .g_img{background:url(//image.itmedia.co.jp/spv/images/msbBtn_gray.png) no-repeat center -37px;background-size:20px;}
|
||||
#g_btn_tw .g_inbtn:hover .g_img{background:url(//image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -37px;background-size:20px;}
|
||||
#g_btn_fb .g_img{background:url(//image.itmedia.co.jp/spv/images/msbBtn_gray.png) no-repeat center 0;background-size:20px;}
|
||||
#g_btn_fb .g_inbtn:hover .g_img{background:url(//image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center 0;background-size:20px;}
|
||||
/*-----*/
|
||||
#g_logo{
|
||||
width:100%;
|
||||
margin:0 10px;
|
||||
padding:0;
|
||||
font-size:1rem;
|
||||
text-align:center;
|
||||
}
|
||||
#g_logo img{
|
||||
vertical-align:middle;
|
||||
}
|
||||
#g_logo_sub{
|
||||
width:100%;
|
||||
margin:0 10px;
|
||||
padding:0;
|
||||
font-size:1rem;
|
||||
text-align:center;
|
||||
}
|
||||
#g_logo_sub img{
|
||||
vertical-align:middle;
|
||||
}
|
||||
/*-----*/
|
||||
.g_free_box{
|
||||
width:100%;
|
||||
padding:0 10px 0 20px;
|
||||
}
|
||||
._align_r{
|
||||
justify-content:flex-end;
|
||||
}
|
||||
/*-----*/
|
||||
.g_local{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
width:100%;
|
||||
margin-bottom:4px;
|
||||
list-style:none;
|
||||
}
|
||||
.g_local.g_local_txt{
|
||||
margin-bottom:2px;
|
||||
}
|
||||
.g_local:last-child{margin-bottom:0;}
|
||||
/*-----*/
|
||||
.g_local_btn .g_lnav_o{
|
||||
position:relative;
|
||||
margin-right:4px;
|
||||
}
|
||||
.g_local_btn .align_r.g_lnav_o{
|
||||
margin-left:0 0 0 7px;
|
||||
}
|
||||
.g_local_btn .g_lnav_o > a{
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
font-size:11px;
|
||||
text-decoration:none;
|
||||
transition-property:color,border-color;
|
||||
transition-duration:0.2s;
|
||||
border:1px solid #CCC;
|
||||
background:#FFF;
|
||||
color:#333;
|
||||
}
|
||||
.g_local_btn .g_lnav_o > a:before{
|
||||
z-index:1;
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:calc(100% - 2px);
|
||||
height:0;
|
||||
margin:1px 0 0 1px;
|
||||
display:block;
|
||||
transition-property:width,height;
|
||||
transition-duration:0.2s;
|
||||
background:#EEE;
|
||||
}
|
||||
#g_nav[data-theme="light"] .g_local_btn .g_lnav_o > a{
|
||||
border-color:#CCC;
|
||||
background:#FFF;
|
||||
color:#444;
|
||||
}
|
||||
#g_nav[data-theme="light"] .g_local_btn .g_lnav_o > a:before{
|
||||
background:#EEE;
|
||||
color:#333;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_local_btn .g_lnav_o > a{
|
||||
border-color:#222;
|
||||
background:#333;
|
||||
color:#DDD;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_local_btn .g_lnav_o > a:before{
|
||||
background:#000;
|
||||
color:#FFF;
|
||||
}
|
||||
/*-----*/
|
||||
/* tt */
|
||||
#g_nav .g_local_btn.green_1 .g_lnav_o > a{border:1px solid rgba(13,159,148,1);background:rgba(13,159,148,0.9);color:#FFF;}
|
||||
#g_nav .g_local_btn.green_1 .g_lnav_o > a:before{background:rgba(13,159,148,1);}
|
||||
/* tf */
|
||||
#g_nav .g_local_btn.brown_1 .g_lnav_o > a{border:1px solid #4f2225;background:#4f2225;color:#FFF;}
|
||||
#g_nav .g_local_btn.brown_1 .g_lnav_o > a:before{background:#824448;}
|
||||
/* smartjapan */
|
||||
#g_nav .g_local_btn.yellow_1 .g_lnav_o > a{border:1px solid #E94;background:#E94;color:#FFF;}
|
||||
#g_nav .g_local_btn.yellow_1 .g_lnav_o > a:before{background:#F60;}
|
||||
/* smartjapan built */
|
||||
#g_nav .g_local_btn.blue_1 .g_lnav_o > a{border:1px solid #418FC1;background:#418FC1;color:#FFF;}
|
||||
#g_nav .g_local_btn.blue_1 .g_lnav_o > a:before{background:#005084;}
|
||||
/* pcuser|mobile */
|
||||
#g_nav .g_local_btn.black_1 .g_lnav_o > a{border:1px solid #353637;background:#353637;color:#FFF;}
|
||||
#g_nav .g_local_btn.black_1 .g_lnav_o > a:before{background:#000;}
|
||||
/* nl */
|
||||
#g_nav .g_local_btn.pink_1 .g_lnav_o > a{border:1px solid #EDBBCB;background:#C76C97;color:#FFF;}
|
||||
#g_nav .g_local_btn.pink_1 .g_lnav_o > a:before{background:#a12162;}
|
||||
/* mn */
|
||||
#g_nav .g_local_btn.red_1 .g_lnav_o > a{border:1px solid #A01013;background:#A01013;color:#FFF;}
|
||||
#g_nav .g_local_btn.red_1 .g_lnav_o > a:before{background:#EC1C24;}
|
||||
#g_nav .g_local_btn.red_2 .g_lnav_o > a{border:1px solid #A01013;color:#A01013;}
|
||||
/* mm */
|
||||
#g_nav .g_local_btn.orange_1 .g_lnav_o > a{border:1px solid #ef7626;background:#ef7626;color:#FFF;}
|
||||
#g_nav .g_local_btn.orange_1 .g_lnav_o > a:before{background:#cc530c;}
|
||||
/* kn */
|
||||
#g_nav .g_local_btn.blue_4 .g_lnav_o > a{border:1px solid #0050A0;background:#2572b3;color:#FFF;}
|
||||
#g_nav .g_local_btn.blue_4 .g_lnav_o > a:before{background:#0050A0;}
|
||||
/* executive */
|
||||
#g_nav .g_local_btn.brown_2 .g_lnav_o > a{border:1px solid #953;background:#953;color:#FFF;}
|
||||
#g_nav .g_local_btn.brown_2 .g_lnav_o > a:before{background:#730;}
|
||||
/* enterprise */
|
||||
#g_nav .g_local_btn.blue_2 .g_lnav_o > a{border:1px solid #36A;background:#36A;color:#FFF;}
|
||||
#g_nav .g_local_btn.blue_2 .g_lnav_o > a:before{background:#149;}
|
||||
/* ee */
|
||||
#g_nav .g_local_btn.green_2 .g_lnav_o > a{border:1px solid #42A56C;background:#42A56C;color:#FFF;}
|
||||
#g_nav .g_local_btn.green_2 .g_lnav_o > a:before{background:#0F7D3E;}
|
||||
/* edn */
|
||||
#g_nav .g_local_btn.blue_3 .g_lnav_o > a{border:1px solid #5075A6;background:#5075A6;color:#FFF;}
|
||||
#g_nav .g_local_btn.blue_3 .g_lnav_o > a:before{background:#325698;}
|
||||
/* ait */
|
||||
#g_nav .g_local_btn.gray_1 .g_lnav_o > a{border:1px solid #666;background:#666;color:#FFF;}
|
||||
#g_nav .g_local_btn.gray_1 .g_lnav_o > a:before{background:#006599;}
|
||||
/*-----*/
|
||||
.g_local_btn .g_lnav_o > a:before{left:0;}
|
||||
.g_local_btn .g_lnav_o:hover > a:before,
|
||||
.g_local_btn .g_lnav_o > a:hover:before,
|
||||
.g_local_btn .g_lnav_o > a[data-active]:before{height:calc(100% - 2px);}
|
||||
.g_local_btn .g_lnav_o > a[data-active]{font-weight:bold;}
|
||||
/* mn */
|
||||
#g_nav .g_local_btn.red_2 .g_lnav_o > a[data-active]:before{background:#EC1C24;}
|
||||
#g_nav .g_local_btn.red_2 .g_lnav_o > a[data-active]{color:#FFF;}
|
||||
|
||||
.g_local_btn .g_lnav_o > a > div{
|
||||
z-index:2;
|
||||
position:relative;
|
||||
padding:1px 6px;
|
||||
}
|
||||
.g_local_btn .g_lnav_o > a[href*="javascript:void(0)"] > div:before{
|
||||
content:"▼";
|
||||
display:inline-block;
|
||||
transform:scale(0.5);
|
||||
margin:0 2px 0 -3px;
|
||||
}
|
||||
.g_local_btn .g_lnav_o > a > div[data-mark]{
|
||||
padding-left:17px;
|
||||
}
|
||||
.g_local_btn .g_lnav_o > a > div[data-mark]:after{
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:7px;
|
||||
width:6px;
|
||||
height:6px;
|
||||
margin-top:-3px;
|
||||
border-radius:6px;
|
||||
background:#C00;
|
||||
}
|
||||
.g_lnav_o_txt{
|
||||
font-size:11px;
|
||||
margin-right:5px;
|
||||
color:#999;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_lnav_o_txt{
|
||||
color:#CCC;
|
||||
}
|
||||
|
||||
.g_local_txt .g_lnav_o{
|
||||
position:relative;
|
||||
margin-right:7px;
|
||||
}
|
||||
.g_local_txt .align_r.g_lnav_o{
|
||||
margin-left:0 0 0 7px;
|
||||
}
|
||||
.g_local_txt .g_lnav_o > a{
|
||||
display:block;
|
||||
font-size:11px;
|
||||
color:#444;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_local_txt .g_lnav_o > a{
|
||||
color:#DDD;
|
||||
}
|
||||
#g_nav .g_local_txt .g_lnav_o > a{
|
||||
text-decoration:none;
|
||||
}
|
||||
#g_nav .g_local_txt .g_lnav_o:hover > a,
|
||||
#g_nav .g_local_txt .g_lnav_o > a:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.g_local_txt .g_lnav_o > a > div{
|
||||
z-index:2;
|
||||
position:relative;
|
||||
}
|
||||
.g_local_txt .g_lnav_o > a > div:before{
|
||||
content:"●";
|
||||
display:inline-block;
|
||||
transform:scale(0.3);
|
||||
}
|
||||
.g_local_txt .g_lnav_o > a[href*="javascript:void(0)"] > div:before{
|
||||
content:"▼";
|
||||
display:inline-block;
|
||||
transform:scale(0.5);
|
||||
}
|
||||
.g_local_txt .g_lnav_o > a > div[data-mark]:before{
|
||||
content:"●";
|
||||
color:#C00;
|
||||
transform:scale(0.5);
|
||||
margin-right:1px;
|
||||
}
|
||||
|
||||
|
||||
/**/
|
||||
.g_lnav_i{
|
||||
position:absolute;
|
||||
z-index:1000;
|
||||
overflow:hidden;
|
||||
margin-top:-5px;
|
||||
}
|
||||
.g_lnav_i ul,
|
||||
.g_lnav_i li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
.g_lnav_i ul{
|
||||
position:relative;
|
||||
width:200px;
|
||||
background:#FFF;
|
||||
border:1px solid #DDD;
|
||||
box-sizing:border-box;
|
||||
margin-top:5px;
|
||||
margin-left:-200px;
|
||||
transition-property:margin-left;
|
||||
transition-duration:0.1s;
|
||||
transition-delay:0.3s;
|
||||
}
|
||||
.g_lnav_i ul:before{
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:-10px;
|
||||
left:5px;
|
||||
border:5px solid transparent;
|
||||
border-bottom:5px solid #FFF;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_lnav_i ul{
|
||||
border-color:#000;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_lnav_i ul:before{
|
||||
border-bottom-color:#000;
|
||||
}
|
||||
.g_lnav_i a{
|
||||
display:block;
|
||||
font-size:11px;
|
||||
color:#666;
|
||||
background:#FFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
.g_lnav_i a:hover{
|
||||
color:#333;
|
||||
background:#EEE;
|
||||
}
|
||||
.g_lnav_i a > div{
|
||||
position:relative;
|
||||
padding:8px;
|
||||
}
|
||||
.g_lnav_i a > div[data-mark]{
|
||||
padding-left:20px;
|
||||
}
|
||||
.g_lnav_i a > div[data-mark]:before{
|
||||
content:"";
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:10px;
|
||||
width:6px;
|
||||
height:6px;
|
||||
margin-top:-3px;
|
||||
border-radius:6px;
|
||||
background:#C00;
|
||||
}
|
||||
.g_lnav_o > a > div[data-mark="white"]:before,
|
||||
.g_lnav_o_txt > a > div[data-mark="white"]:before,
|
||||
.g_lnav_i a > div[data-mark="white"]:before{background:white;}
|
||||
.g_lnav_o > a > div[data-mark="black"]:before,
|
||||
.g_lnav_o_txt > a > div[data-mark="black"]:before,
|
||||
.g_lnav_i a > div[data-mark="black"]:before{background:black;}
|
||||
.g_lnav_o > a > div[data-mark="blue"]:before,
|
||||
.g_lnav_o_txt > a > div[data-mark="blue"]:before,
|
||||
.g_lnav_i a > div[data-mark="blue"]:before{background:blue;}
|
||||
.g_lnav_o > a > div[data-mark="green"]:before,
|
||||
.g_lnav_o_txt > a > div[data-mark="green"]:before,
|
||||
.g_lnav_i a > div[data-mark="green"]:before{background:green;}
|
||||
.g_lnav_o > a > div[data-mark="yellow"]:before,
|
||||
.g_lnav_o_txt > a > div[data-mark="yellow"]:before,
|
||||
.g_lnav_i a > div[data-mark="yellow"]:before{background:yellow;}
|
||||
#g_nav[data-theme="dark"] .g_lnav_i a{
|
||||
color:#FFF;
|
||||
background:#000;
|
||||
}
|
||||
#g_nav[data-theme="dark"] .g_lnav_i a:hover{background:#222;}
|
||||
.g_lnav_o > a:hover + .g_lnav_i ul,
|
||||
.g_lnav_o_txt> a:hover + .g_lnav_i ul,
|
||||
.g_lnav_i:hover ul{
|
||||
margin-left:0;
|
||||
transition-duration:0.3s;
|
||||
transition-delay:0s;
|
||||
}
|
||||
/**/
|
||||
.g_local_img{
|
||||
display:flex;
|
||||
width:100%;
|
||||
align-items:center;
|
||||
margin-bottom:7px;
|
||||
}
|
||||
.g_local_img:last-child{margin-bottom:0;}
|
||||
.g_local_img a{display:block;margin-right:10px;}
|
||||
.align_r a{margin-left:10px;}
|
||||
.g_local_img img{vertical-align:middle;}
|
||||
/**/
|
||||
#g_nav .gsc-control-cse {
|
||||
border:none !important;
|
||||
padding:10px !important;
|
||||
}
|
||||
#g_nav .gsib_a {
|
||||
padding:0 8px !important;
|
||||
vertical-align:top !important;
|
||||
}
|
||||
#g_nav .gsib_a .gsc-input {
|
||||
background-color:transparent !important;
|
||||
height:35px !important;
|
||||
}
|
||||
#g_nav input.gsc-search-button-v2 {
|
||||
margin-top:0 !important;
|
||||
padding:11px 27px !important;
|
||||
}
|
||||
#g_nav table.gsc-search-box .gsib_b {
|
||||
vertical-align:top !important;
|
||||
}
|
||||
#g_nav table.gsc-search-box .gsib_b {
|
||||
vertical-align:top !important;
|
||||
}
|
||||
#g_nav .gsc-result .gs-title {
|
||||
height:auto !important;
|
||||
line-height:26px;
|
||||
}
|
||||
#g_nav .gsc-input-box {
|
||||
height:35px !important;
|
||||
}
|
||||
#g_nav .gsst_a {
|
||||
padding-top:7px !important;
|
||||
}
|
||||
#g_nav .gsc-results,
|
||||
#g_nav .gsc-cursor-box,
|
||||
#g_nav .gsc-cursor-page {
|
||||
display:inline-block !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
#g_nav .gsc-cursor-box {
|
||||
text-align:left !important;
|
||||
margin:0 !important;
|
||||
}
|
||||
#g_nav .gsc-cursor-page, .gsc-cursor-page {
|
||||
background:#EEE !important;
|
||||
border:none !important;
|
||||
border-radius:0 !important;
|
||||
margin:0 3px 5px !important;
|
||||
padding:3px 0 !important;
|
||||
text-decoration:none !important;
|
||||
width:32px !important;
|
||||
text-align:center !important;
|
||||
}
|
||||
#g_nav .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
|
||||
background:#666 !important;
|
||||
border:none !important;
|
||||
color:#FFF !important;
|
||||
text-shadow:none !important;
|
||||
}
|
||||
#g_nav .gsc-webResult.gsc-result:hover,
|
||||
#g_nav .gsc-webResult.gsc-result.gsc-promotion:hover,
|
||||
#g_nav .gsc-results .gsc-imageResult-classic:hover,
|
||||
#g_nav .gsc-results .gsc-imageResult-column:hover {
|
||||
background:none !important;
|
||||
border-color:#FFF !important;
|
||||
box-shadow:none !important;
|
||||
}
|
||||
#g_nav .gsc-thumbnail-inside,
|
||||
#g_nav .gsc-url-top {
|
||||
padding:0 !important;
|
||||
}
|
変更後 幅: | 高さ: | サイズ: 574 KiB |
変更後 幅: | 高さ: | サイズ: 45 KiB |
|
@ -0,0 +1,472 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html lang="ja" id="masterChannel-business"><head>
|
||||
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
|
||||
<meta http-equiv="content-style-type" content="text/css">
|
||||
|
||||
<meta name="referrer" content="no-referrer-when-downgrade">
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@itm_business">
|
||||
<meta name="twitter:creator" content="@itm_business">
|
||||
<meta property="og:site_name" content="ITmedia ビジネスオンライン">
|
||||
<meta property="og:url" content="https://www.itmedia.co.jp/business/articles/2111/24/news180.html">
|
||||
<meta property="og:type" content="article">
|
||||
|
||||
<meta property="og:image" content="cover_news180.jpg">
|
||||
<link rel="stylesheet" href="base.css?202110181046" type="text/css" media="all">
|
||||
<link rel="stylesheet" href="base.css?202110271700" type="text/css" media="all">
|
||||
<link rel="stylesheet" href="ad.css?202112211214" type="text/css" media="all">
|
||||
<link rel="stylesheet" href="article.css?202112081122" type="text/css" media="all">
|
||||
<link rel="stylesheet" href="article.css?202110271700" type="text/css" media="all">
|
||||
<div id="masterBody"><div id="masterBodyOut"><div id="masterBodyIn">
|
||||
|
||||
<div class="g_nav_outside">
|
||||
<link rel="stylesheet" href="gnavi.css?date=202001281043">
|
||||
<div id="g_nav" data-theme="dark">
|
||||
<div id="g_nav_o">
|
||||
<!---->
|
||||
|
||||
<div id="g_nav_i">
|
||||
<div class="g_nav_box">
|
||||
<div class="g_btn" id="g_btn_menu" data-menu="0">
|
||||
<div class="g_float g_float_left"></div>
|
||||
<div class="g_inbtn">
|
||||
<div class="g_lines">
|
||||
<div class="g_line"></div>
|
||||
<div class="g_line"></div>
|
||||
<div class="g_line"></div>
|
||||
<div class="g_line"></div>
|
||||
</div>
|
||||
<div class="g_txt">メディア</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="g_nav_box"><div class="g_btn"></div><div class="g_btn"></div></div>
|
||||
<div class="g_nav_box _flex"><div id="g_logo">
|
||||
|
||||
<a href="https://www.itmedia.co.jp/business/"><img src="https://image.itmedia.co.jp/images/logo/pcvheader_business.png" width="150" height="42" alt="ITmedia ビジネスオンライン"></a>
|
||||
|
||||
</div></div>
|
||||
<div class="g_nav_box">
|
||||
<div class="g_btn" id="g_btn_tw" data-menu="0">
|
||||
<a class="g_inbtn" href="https://twitter.com/itm_business">
|
||||
<div class="g_img"></div>
|
||||
<div class="g_txt">Twitter</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="g_btn" id="g_btn_fb" data-menu="0">
|
||||
<a class="g_inbtn" href="https://www.facebook.com/ITmediaBusinessOnline">
|
||||
<div class="g_img"></div>
|
||||
<div class="g_txt">Facebook</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="g_nav_box">
|
||||
<div class="g_btn" id="g_btn_member" data-menu="0">
|
||||
<div class="g_float g_float_right"></div>
|
||||
<a class="g_inbtn" href="javascript:void(0);">
|
||||
<div class="g_circles">
|
||||
<div class="g_circle"></div><div class="g_circle"></div><div class="g_circle"></div>
|
||||
</div>
|
||||
<div class="g_txt"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="g_nav_sub">
|
||||
|
||||
<div id="localNavigation"><div class="lnavOut"><div class="lnavIn">
|
||||
<div id="lnavMain"><div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/">ホーム</a></div><div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/hashshift/">働き方</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/features/telework/">テレワーク</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/retailtech/">小売</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/finance/">金融</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/zaimukeiri/">財務経理</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/soumu/">総務</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/jinji/">人事</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/marketer/">マーケ</a></div>
|
||||
<div class="lnavBtn"><a href="https://www.itmedia.co.jp/business/subtop/topinterview/">経営</a></div>
|
||||
</div>
|
||||
</div></div></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="masterBodyOuter"><!-- masterBodyOuterHoleStart -->
|
||||
<!-- /masterBodyOuterHoleStart -->
|
||||
<div id="masterBodyInner">
|
||||
|
||||
<div id="masterHeader"><!-- globalHeader -->
|
||||
|
||||
<div id="globalHeader">
|
||||
<div id="globalHeaderBottom">
|
||||
|
||||
<div class="colBoxClear h10px"></div>
|
||||
<div id="localPankuzu">
|
||||
<div class="lpanOut"><div class="lpanIn">
|
||||
|
||||
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
|
||||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemtype="http://schema.org/Thing" itemprop="item" href="//www.itmedia.co.jp/business/"><span itemprop="name">ITmedia ビジネスオンライン</span></a><meta itemprop="position" content="1" /></li>
|
||||
|
||||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="//www.itmedia.co.jp/business/subtop/3biz/"><span itemprop="name">3分Biz.</span></a><meta itemprop="position" content="2" /></li>
|
||||
|
||||
|
||||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name" id="lastPankuzu"></span><meta itemprop="position" content="3" /></li>
|
||||
</ol>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- /globalHeader -->
|
||||
</div>
|
||||
|
||||
<div id="masterContents"><div id="globalContents">
|
||||
<div id="masterMain">
|
||||
|
||||
<!-- masterMainHoleStart -->
|
||||
<!-- /masterMainHoleStart -->
|
||||
|
||||
|
||||
<div id="tmplNews" class="tmplArticle"><div id="tmplNewsIn" class="tmplArticleIn">
|
||||
<!-- cmsHoleStart -->
|
||||
|
||||
|
||||
<!-- 3分Biz. -->
|
||||
<div class="ArticleHeaderImg"><a href="https://www.itmedia.co.jp/business/subtop/3biz/" style="display:block;" onclick="cx_pp_event('ah_3biz');"><img src="https://image.itmedia.co.jp/business/images/articleHeader/kw_3minutesbiz.png" alt="3分Biz."></a></div>
|
||||
|
||||
|
||||
|
||||
<!-- /cmsHoleStart -->
|
||||
|
||||
<div id="cmsType"><div class="inner">ニュース</div></div>
|
||||
<!-- cmsHoleDate -->
|
||||
<!-- /cmsHoleDate -->
|
||||
|
||||
<div id="cmsDate"><div class="inner"><span class="arrow">»</span> <span id="update">2021年11月24日 20時17分 公開</span></div></div>
|
||||
<!-- cmsHoleTitle -->
|
||||
<!-- /cmsHoleTitle -->
|
||||
|
||||
<div id="cmsTitle"><div class="inner">
|
||||
<h1 class="title"><span class="title__maintext">デジタル庁、報道機関向けのメール誤送信 アドレス400件をBCCではなくCCに記載</span></h1>
|
||||
</div></div>
|
||||
<!-- cmsHoleAbstract -->
|
||||
<!-- /cmsHoleAbstract -->
|
||||
|
||||
<div id="cmsAbstract"><div class="inner"><h2>デジタル庁は報道機関向けのメールを誤送信したことでアドレス400件が外部に流出したと発表した。BCC欄に記載するべきアドレスを、CC欄に記載していたのが原因。同庁は「今後は厳重に注意し、再発防止に努める」とコメントしている。</h2></div></div>
|
||||
<!-- cmsHoleByline -->
|
||||
<!-- /cmsHoleByline -->
|
||||
|
||||
<div id="cmsByline"><div class="inner" id="byline"><b>[</b>樋口隆充,<b>ITmedia]</b></div></div>
|
||||
<!-- cmsHoleBodyWrapStart -->
|
||||
<!-- /cmsHoleBodyWrapStart -->
|
||||
|
||||
<div id="cmsBody"><div class="inner">
|
||||
<!-- cmsHoleBodyStart -->
|
||||
|
||||
<!-- SET AUTHOR INDEX LINK -->
|
||||
|
||||
<link rel="stylesheet" href="socialbutton.css?202001221022">
|
||||
<div id="masterSocialbuttonTop" class="masterSocialbutton"><div class="msbOut" id="msbTopOut"></div></div>
|
||||
<!-- /cmsHoleBodyStart -->
|
||||
|
||||
|
||||
<div id="cmsMark"><!-- null for itmedia-->
|
||||
</div>
|
||||
<!-- cmsBodyCtrlTop -->
|
||||
|
||||
<!-- cmsBodyMainStart -->
|
||||
<!-- cxenseparse_start -->
|
||||
<p> デジタル庁は11月24日、報道機関向けのメールを誤送信したことでアドレス400件が外部に流出したと発表した。BCC欄に記載するべきアドレスを、CC欄に記載していたのが原因。同庁は「今後は厳重に注意し、再発防止に努める」とコメントしている。</p>
|
||||
<!--CAP-->
|
||||
<div id="col600c"><a name="l_th_diditalmail_01.png"></a><a href="l_th_diditalmail_01.png"><img src="th_diditalmail_01.png" width="590" height="394" alt="photo"></a>
|
||||
<small>牧島かれんデジタル相(右、出典:デジタル庁公式Webサイト)</small></div>
|
||||
<!--CAPEND-->
|
||||
<p> 誤送信は同日午後2時40分ごろに発生。牧島かれんデジタル相が、デンマークとデジタル分野における協力覚書を締結したとするプレスリリースの送信時に、アドレスをCC欄に誤って記載した。このため、報道各社の担当者約400人分のアドレスが、同庁のメーリングリストの登録者には閲覧できるようになっていた。</p>
|
||||
<p> デジタル庁は約4時間後の午後6時56分ごろに同内容のメールを再送するとともに、誤送信したメールを破棄するよう報道各社に求めた。</p>
|
||||
<!--CAP-->
|
||||
<div id="col600c"><a name="l_th_diditalmail_02.jpg"></a><a href="l_th_diditalmail_02.jpg"><img src="th_diditalmail_02.jpg" width="590" height="102" alt="photo"></a>
|
||||
<small>デジタル庁が報道各社に送ったメール</small></div>
|
||||
<!--CAPEND-->
|
||||
|
||||
<!-- cxenseparse_end -->
|
||||
|
||||
<!-- cmsBodyMainEnd -->
|
||||
<div class="endlink" id="endlinkConnection">
|
||||
<h4>関連記事</h4>
|
||||
<ul id="art">
|
||||
<li class="endlink-art" id="endlink-art1"><a href="https://www.itmedia.co.jp/business/articles/2111/19/news171.html"><img src="https://image.itmedia.co.jp/business/articles/2111/19/news171.jpg" width="80" height="60" alt="JINS田中社長、バルミューダ株でインサイダー取引“疑惑” 専門家「立件されてもおかしくない」と苦言" align="left">JINS田中社長、バルミューダ株でインサイダー取引“疑惑” 専門家「立件されてもおかしくない」と苦言</a><br>
|
||||
JINS田中社長のバルミューダ株を巡るインサイダー取引“疑惑”に関し、金融商品取引法と会社法の専門家に見解を聞いた。</li>
|
||||
<li class="endlink-art" id="endlink-art2"><a href="https://www.itmedia.co.jp/business/articles/2111/19/news105.html"><img src="https://image.itmedia.co.jp/business/articles/2111/19/news105.jpg" width="80" height="60" alt="処分を受けたのはJINSの田中仁社長 インサイダー取引疑惑でバルミューダが明らかに" align="left">処分を受けたのはJINSの田中仁社長 インサイダー取引疑惑でバルミューダが明らかに</a><br>
|
||||
インサイダー取引の恐れがある株取引をしていたとして、バルミューダが社外取締役を処分した問題で、同社は11月19日、処分を受けたのがジンズホールディングスの田中仁社長であると明らかにした。田中社長は5月、バルミューダ株を購入したが、当時は同社のスマホ事業参入の発表前だった。</li>
|
||||
<li class="endlink-art" id="endlink-art3"><a href="https://www.itmedia.co.jp/business/articles/2111/18/news184.html"><img src="https://image.itmedia.co.jp/business/articles/2111/18/news184.jpg" width="80" height="60" alt="バルミューダの役員、スマホ事業参入日にインサイダー取引か 寺尾社長も減給処分" align="left">バルミューダの役員、スマホ事業参入日にインサイダー取引か 寺尾社長も減給処分</a><br>
|
||||
バルミューダはインサイダー取引の可能性がある株取引をしたとして、社外役員に対し、役員報酬を全額返納(5カ月間)などの処分を下したと発表した。同役員は5月、同社のスマートフォン事業参入の発表日に、同社の株を買い付けていた。</li>
|
||||
<li class="endlink-art" id="endlink-art4"><a href="https://www.itmedia.co.jp/business/articles/2111/16/news118.html"><img src="https://image.itmedia.co.jp/business/articles/2111/16/news118.jpg" width="80" height="60" alt="バルミューダ、新型スマホ「BALMUDA Phone」発表 芸術性ある「曲線」だけのデザイン" align="left">バルミューダ、新型スマホ「BALMUDA Phone」発表 芸術性ある「曲線」だけのデザイン</a><br>
|
||||
バルミューダが、同社初のスマートフォン「BALMUDA Phone」を正式発表した。価格は10万4800円で、カラーバリエーションはホワイトとブラックの2色。翌17日から全国のソフトバンク店舗と、バルミューダ公式オンラインストアで予約を始め、同26日に発売する。</li>
|
||||
<li class="endlink-art" id="endlink-art5"><a href="https://www.itmedia.co.jp/business/articles/2111/15/news146.html"><img src="https://image.itmedia.co.jp/business/articles/2111/15/news146.jpg" width="80" height="60" alt="3COINS、「クレヨンしんちゃん」とのコラボ商品 ユーザーからの要望で実現" align="left">3COINS、「クレヨンしんちゃん」とのコラボ商品 ユーザーからの要望で実現</a><br>
|
||||
パルは、「3COINS」などで、アニメ『クレヨンしんちゃん』とのコラボ商品を発売すると発表した。12月4日から店舗、同6日から同店の公式ECサイトでそれぞれ販売を始める。同社はコラボの理由について「ユーザーからの要望が多かったため」としている。</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- cmsBodyRelated -->
|
||||
|
||||
<!-- cmsBodyCtrlBtm -->
|
||||
<div id="cmsCopyright"><p>Copyright © ITmedia, Inc. All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- cmsHoleBodyEnd -->
|
||||
|
||||
<div id="3mbfb" class="cs_footerlink"><a href="https://www.itmedia.co.jp/business/subtop/3biz/" onclick="cx_pp_event('3biz_footer');"><span>忙しいあなたにオススメ! サクッと読める「3分Biz.」</span></a></div>
|
||||
|
||||
|
||||
<!-- gam_business_inread -->
|
||||
<!-- /gam_business_inread -->
|
||||
|
||||
<div class="colBoxClear h20px"></div>
|
||||
|
||||
|
||||
<div id="ArticleBottomTarget"></div>
|
||||
|
||||
|
||||
<!-- SeriesID_Flag == 0 -->
|
||||
|
||||
<div id="logly-lift-4277027"></div>
|
||||
<!-- /cmsHoleBodyEnd -->
|
||||
|
||||
</div></div>
|
||||
<!-- cmsHoleBodyWrapEnd -->
|
||||
|
||||
|
||||
|
||||
<!-- keyword not match -->
|
||||
|
||||
|
||||
<!-- Side Buttons : Print / Alert -->
|
||||
<div id="colBoxSideButtons"><div id="colBoxSideButtonsInner">
|
||||
<div id="colBoxSideButtonsPrint"></div>
|
||||
<div id="colBoxSideButtonsAlert"></div>
|
||||
<div id="colBoxSideButtonsComment"></div>
|
||||
</div></div>
|
||||
<!-- /Side Buttons -->
|
||||
|
||||
|
||||
|
||||
<div id="cx_article">
|
||||
<!-- Cxense content widget: 記事下 アンケート誘導枠 -->
|
||||
<div id="cx_5c25ffe4911e2a64dadb4f00b9427d89f006e7a3"></div>
|
||||
</div>
|
||||
<!-- End of Cxense content widget --><!-- cx ウィジェット RM67693 -->
|
||||
|
||||
|
||||
<!-- /cmsHoleBodyWrapEnd -->
|
||||
|
||||
<div id="cmsPrcredit"><div class="inner"></div></div>
|
||||
<!-- cmsHoleEnd -->
|
||||
<div id="body_insert_ad" class="cxenseignore" style="clear:both;"></div>
|
||||
<div class="colBoxClear"></div>
|
||||
|
||||
<div id="logly-lift-4301774"></div>
|
||||
<div class="colBoxClear h30px"></div>
|
||||
<!-- キーマンズネット -->
|
||||
<div class="colBox" id="articleBottomKeyman">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><h3>業務部門が抱える課題をITで解決(<small><a href="//www.keyman.or.jp/kn/subtop/at/">キーマンズネット</a></small>)</h3></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxUlist">
|
||||
<ul>
|
||||
<li><a href="https://www.keyman.or.jp/kn/articles/2107/29/news154.html#utm_source=kn-ibo&cx_campaign=kn1">リアル店舗苦境の時代に売上爆上げの無印良品、そのカラクリとは</a></li>
|
||||
<li><a href="https://www.keyman.or.jp/kn/articles/2108/02/news028.html#utm_source=kn-ibo&cx_campaign=kn2">Microsoft 365活用失敗企業は○○ができていない?</a></li>
|
||||
<li><a href="https://www.keyman.or.jp/kn/articles/2107/27/news018.html#utm_source=kn-ibo&cx_campaign=kn3">AIが奪った「あの仕事」に建設会社が大喜び、その理由とは?</a></li>
|
||||
<li><a href="https://www.keyman.or.jp/kn/articles/2107/27/news044.html#utm_source=kn-ibo&cx_campaign=kn4">ITサービス市場売り上げランキング 1位のベンダーは?</a></li>
|
||||
<li><a href="https://www.keyman.or.jp/kn/articles/2108/03/news020.html#utm_source=kn-ibo&cx_campaign=kn5">Googleの音声認識の精度を辛口で検証してみた</a></li>
|
||||
</ul>
|
||||
</div></div>
|
||||
</div></div>
|
||||
<div class="colBoxClear h10px"></div>
|
||||
<!-- /キーマンズネット -->
|
||||
|
||||
<div class="colBoxClear h10px"></div>
|
||||
<!-- /cmsHoleEnd -->
|
||||
|
||||
</div></div>
|
||||
<!-- masterMainHoleEnd -->
|
||||
<!-- /masterMainHoleEnd -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="masterSub"><!-- globalSub -->
|
||||
|
||||
|
||||
<div id="colBoxRanking" class="colBox colBoxRanking daiActive">
|
||||
<div class="colBoxHead">アクセスランキング</div>
|
||||
<ul class="colBoxTab">
|
||||
<li onclick="rankingset('d');">本日</li>
|
||||
<li onclick="rankingset('w');">週間</li>
|
||||
</ul>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxOlist">
|
||||
<ol id="setRanking"></ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="colBoxPageLink"><a href="//www.itmedia.co.jp/business/subtop/ranking/">もっと読む</a></div>
|
||||
</div>
|
||||
|
||||
<!-- static_rc_totspecial.html -->
|
||||
<div id="colBoxRc_Totspecial" class="colBox colBoxRc_Totspecial">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><h2>ITmedia 横断企画</h2></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxIndex">
|
||||
<div class="colBoxBanner" style="text-align:center;"><a href="//www.itmedia.co.jp/topics/dx.html"><img src="//image.itmedia.co.jp/topics/images/dx/rc_banner_dx.png" width="290" height="40"></a></div>
|
||||
<div class="colBoxClear h10px"></div>
|
||||
<div class="colBoxUlist">
|
||||
<ul><!-- CMS index -->
|
||||
<li><a href="https://www.itmedia.co.jp/business/articles/2202/11/news025.html#utm_campaign=itm_sidelink_dx">ベネッセHD小林仁社長「学校による格差なくしたい」 生徒に寄り添い最適な学びをサポート</a></li>
|
||||
<li><a href="https://www.itmedia.co.jp/business/articles/2202/10/news022.html#utm_campaign=itm_sidelink_dx">アサヒグループHD勝木社長は、オーストラリアで「スーパードライ」の売り上げをいかにして5倍にしたのか</a></li>
|
||||
<!-- CMS index end -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="colBoxClear h10px"></div><!-- 総力特集 -->
|
||||
|
||||
<div class="colBox colBoxMailmag" id="colBoxMailmag">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><p>メールマガジンのお知らせ</p></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxIndex">
|
||||
<div class="colBoxIcon"><a href="//www.itmedia.co.jp/business/subtop/info/lp/business_new.html" style="border:none;"><img src="//image.itmedia.co.jp/business/images/htmlgen/images_mailmaginfoicon_1_1555901836.png" alt="ITmedia ビジネスオンライン編集部が制作する日刊メールマガジンです"></a></div>
|
||||
<div class="colBoxTitle"><p><a href="//www.itmedia.co.jp/business/subtop/info/lp/business_new.html">ITmedia ビジネスオンライン編集部が制作する日刊メールマガジンです</a></p></div>
|
||||
<div class="colBoxClear"></div>
|
||||
<div class="colBoxUlist">
|
||||
<ul>
|
||||
<li><a href="https://mailmag.itmedia.co.jp/backnumbers/mk/20220214_0.html">“1本で3役”のペンが30万本以上売れた! なぜ開発したの?</a></li><li><a href="https://mailmag.itmedia.co.jp/backnumbers/mk/20220210_0.html">「転職は裏切り」と考えるザンネンな企業が、知るべき真実</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="colBoxPageLink"><a href="//www.itmedia.co.jp/business/subtop/info/lp/business_new.html">ご購読はこちら</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /htmlgen -->
|
||||
<!-- メルマガ -->
|
||||
|
||||
<div class="colBox colBoxThemeSite" id="colBoxThemeSite"></div>
|
||||
|
||||
<div class="colBox colBoxThemeBannar" id="colBoxdbdBannar">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><h2>Digital Business & SaaS Days</h2><span class="colBoxHeadSubtxt">- PR -</span></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxIndex">
|
||||
<div class="colBoxIcon"><a href="https://www.itmedia.co.jp/business/special/mk211214/index.html"><img src="https://image.itmedia.co.jp/business/images/htmlgen/parts_dbdBannar1_1_1611553572.png"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="colBoxClear h10px"></div>
|
||||
|
||||
<div id="colBoxSocialRanking" class="colBox colBoxRanking">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><h2>口コミランキング</h2></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxOlist">
|
||||
<ol>
|
||||
<li class="rank1"><a href="https://www.itmedia.co.jp/business/articles/2202/14/news164.html">ローソン、3月から「なにわ男子キャンペーン」を開催 前回の好評を受けて商品数を拡大</a></li>
|
||||
<li class="rank2"><a href="https://www.itmedia.co.jp/business/articles/2202/15/news091.html">学習塾「武田塾」運営元の林尚弘社長、違法賭博発覚で辞任</a></li>
|
||||
<li class="rank3"><a href="https://www.itmedia.co.jp/business/articles/2202/10/news170.html">ドンキの“NHK受信料を支払わなくていいテレビ”、売り切れ店舗続出 2月中旬から再販へ</a></li>
|
||||
<li class="rank4"><a href="https://www.itmedia.co.jp/business/articles/2202/15/news057.html">なぜ群馬に“謎コンビニ”ができたのか ゼンショー「実験店舗」の正体</a></li>
|
||||
<li class="rank5"><a href="https://www.itmedia.co.jp/business/articles/2202/12/news020.html">東京都23区外の「人気駅」を発表 3位「吉祥寺駅」、2位「三鷹駅」、1位は?</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="colBoxClear h5px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="specialInduction"></div><!-- 固定タイアップ誘導枠 -->
|
||||
|
||||
<div id="colBoxFeedback" class="colBox colBoxFeedback">
|
||||
<div class="colBoxOuter">
|
||||
<div class="colBoxHead"><h2 title="FeedBack">FeedBack</h2></div>
|
||||
<div class="colBoxInner">
|
||||
<div class="colBoxIndex">
|
||||
<div class="colBoxUlist">
|
||||
<ul>
|
||||
<li><a href="https://www.itmedia.co.jp/info/mail/index.html?article#article" title="ご意見/ご感想">ご意見/ご感想</a></li>
|
||||
<li><a href="https://www.itmedia.co.jp/info/mail/index.html?zdrelease#zdrelease" title="リリース送付先">リリース送付先</a></li>
|
||||
<li><a href="https://corp.itmedia.co.jp/ad/inquiry/" title="広告に対するお問い合わせ">広告に対するお問い合わせ</a></li>
|
||||
<li><a href="//www.itmedia.co.jp/business/special/" title="Specialインデックス">Specialインデックス</a></li>
|
||||
<li><a href="https://www.itmedia.co.jp/info/rule/" title="利用規約">利用規約</a></li>
|
||||
<li><a href="https://corp.itmedia.co.jp/corp/privacy/" title="プライバシーポリシー">プライバシーポリシー</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="colBoxClear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="IBO_SS">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="colBoxClear"></div>
|
||||
</div></div>
|
||||
<div id="masterFooter">
|
||||
<div id="globalFooter">
|
||||
<!-- globalFooter -->
|
||||
<div id="globalFooterBottom">
|
||||
|
||||
<div class="footerMailmag">
|
||||
<p>ITmedia ビジネスオンラインの最新情報をお届け</p>
|
||||
<a href="https://www.itmedia.co.jp/business/subtop/info/lp/business_new.html">ご購読はこちら</a>
|
||||
</div>
|
||||
|
||||
<div class="footerIbo">
|
||||
<a href="https://www.itmedia.co.jp/business/" class="footerLogo"><img src="https://image.itmedia.co.jp/business/images/footer_logo.png" alt="ITmedia ビジネスオンライン"></a>
|
||||
<ul>
|
||||
<li><a href="https://twitter.com/itm_business"><img src="https://image.itmedia.co.jp/business/images/footerlinkicon_t.png" alt="Twitter"></a></li>
|
||||
<li><a href="https://www.facebook.com/ITmediaBusinessOnline"><img src="https://image.itmedia.co.jp/business/images/footerlinkicon_f.png" alt="Facebook"></a></li>
|
||||
<li><a href="https://id.itmedia.jp/login?lc=7a5df5ffa0dec2228d90b8d0a0f1b0767b748b0a41314c123075b8289e4e053f"><img src="https://image.itmedia.co.jp/business/images/footerlinkicon_i.png" alt="マイページ"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="globalFooterLink"><a href="//www.itmedia.co.jp/info/rule/">利用規約</a></div>
|
||||
|
||||
</div>
|
||||
<style>
|
||||
#globalFooterCorp{
|
||||
border:none;
|
||||
}
|
||||
</style>
|
||||
<div id="globalFooterCorp">
|
||||
<div id="globalFooterCorpIn">
|
||||
<p id="globalFooterCorpLogo"><a href="https://corp.itmedia.co.jp/"><img src="//image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif" width="170" height="28"></a>ITmediaはアイティメディア株式会社の登録商標です。</p>
|
||||
<p id="globalFooterCorpLink"><a href="https://corp.itmedia.co.jp/media/">メディア一覧</a> | <a href="https://corp.itmedia.co.jp/media/sns/">公式SNS</a> | <a href="https://corp.itmedia.co.jp/ad/">広告案内</a> | <a href="https://corp.itmedia.co.jp/corp/inquiry/">お問い合わせ</a> | <a href="https://corp.itmedia.co.jp/corp/privacy/">プライバシーポリシー</a> | <a href="https://corp.itmedia.co.jp/media/rss_list/">RSS</a> | <a href="https://corp.itmedia.co.jp/">運営会社</a> | <a href="https://corp.itmedia.co.jp/recruit/">採用情報</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- /#globalFooterCorp -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/masterBodyInner-->
|
||||
</div><!--/masterBodyOuter-->
|
||||
</div><!--/masterBodyIn-->
|
||||
</div><!--/masterBodyOut-->
|
||||
</div><!--/masterBody-->
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
@font-face {
|
||||
font-family: "sherpa-publish";
|
||||
src: url("sherpa-publish.eot?12cc0530dda8c6e7e6167d55cca1ad12?#iefix") format("embedded-opentype"),
|
||||
url("sherpa-publish.woff2?12cc0530dda8c6e7e6167d55cca1ad12") format("woff2"),
|
||||
url("sherpa-publish.woff?12cc0530dda8c6e7e6167d55cca1ad12") format("woff");
|
||||
}
|
||||
|
||||
.sherpa-publish {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.sherpa-publish:before {
|
||||
font-family: sherpa-publish !important;
|
||||
font-style: normal;
|
||||
font-weight: normal !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.sherpa-publish-sherpa-publish-icon-close:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.sherpa-publish-hand-up:before {
|
||||
content: "\f102";
|
||||
}
|
||||
.sherpa-publish-pencil:before {
|
||||
content: "\f103";
|
||||
}
|
|
@ -0,0 +1,573 @@
|
|||
/*=====================================================================*/
|
||||
/* SOCIAL BUTTON */
|
||||
/*=====================================================================*/
|
||||
.masterSocialbutton {
|
||||
clear:both;
|
||||
position:relative;
|
||||
margin:0 0 10px;
|
||||
}
|
||||
.msbOut {
|
||||
}
|
||||
.msbIn {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
.msbIn .msbBtn,
|
||||
.msbIn .msbGroup {
|
||||
font-size:9px !important;
|
||||
line-height:13px !important;
|
||||
padding:1px 2px;
|
||||
border:3px solid #FFF;
|
||||
background:#EEE;
|
||||
}
|
||||
.masterSocialbuttonBlack .msbIn .msbBtn,
|
||||
.masterSocialbuttonBlack .msbIn .msbGroup {
|
||||
border:3px solid #000;
|
||||
background:#000;
|
||||
}
|
||||
.msbIn1 .msbBtn,
|
||||
.msbIn1 .msbGroup {
|
||||
font-size:11px;
|
||||
line-height:15px;
|
||||
border-top:none !important;
|
||||
}
|
||||
.msbBtn a {
|
||||
font-size:11px !important;
|
||||
line-height:13px !important;
|
||||
border:none;
|
||||
cursor:pointer;
|
||||
text-align:left;
|
||||
text-decoration:none;
|
||||
}
|
||||
.msbBtn a:link,
|
||||
.msbBtn a:visited {
|
||||
color:#000 !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
.msbBtn a:hover {
|
||||
color:#C00 !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
.msbGroup .msbBtn {
|
||||
border:none !important;
|
||||
background:transparent !important;
|
||||
}
|
||||
.msbGroupOut {
|
||||
position:relative;
|
||||
}
|
||||
.msbGroupIn {
|
||||
position:absolute;
|
||||
opacity:0;
|
||||
margin-top:10px;
|
||||
visibility:hidden;
|
||||
-webkit-transition-property:opacity,margin-top,visibility;
|
||||
-moz-transition-property:opacity,margin-top,visibility;
|
||||
transition-property:opacity,margin-top,visibility;
|
||||
-webkit-transition-duration:300ms;
|
||||
-moz-transition-duration:300ms;
|
||||
transition-duration:300ms;
|
||||
-webkit-transition-timing-function:ease-out;
|
||||
-moz-transition-timing-function:ease-out;
|
||||
transition-timing-function:ease-out;
|
||||
}
|
||||
.msbGroupIn.msbGroupInBlock {
|
||||
opacity:1;
|
||||
margin-top:0;
|
||||
visibility:visible;
|
||||
z-index:999;
|
||||
}
|
||||
.msbGroupUnder .msbGroupIn {
|
||||
padding:5px;
|
||||
background-color:#FFF;
|
||||
background-color:rgba(255,255,255,0.7);
|
||||
border:1px solid rgba(204,204,204,0.7);
|
||||
width:200px;
|
||||
z-index:100;
|
||||
right:0;
|
||||
}
|
||||
.msbGroupUpper .msbGroupIn {
|
||||
padding:5px;
|
||||
background-color:#FFF;
|
||||
background-color:rgba(255,255,255,0.7);
|
||||
border:1px solid rgba(204,204,204,0.7);
|
||||
width:200px;
|
||||
z-index:100;
|
||||
right:0;
|
||||
bottom:20px;
|
||||
}
|
||||
.msbGroupBlack .msbGroupIn {
|
||||
background-color:rgba(102,102,102,0.7);
|
||||
}
|
||||
.msbGroupBlack .msbGroupIn:after {
|
||||
border-bottom:10px solid rgba(102,102,102,0.7);
|
||||
}
|
||||
.msbGroupIn .msbBtn {
|
||||
font-size:11px;
|
||||
line-height:15px;
|
||||
}
|
||||
|
||||
/*
|
||||
.msbBtnLikebutton iframe {height:20px !important;}
|
||||
.msbBtnLikebuttonv iframe {height:61px !important;}
|
||||
.msbBtnSharebuttonv iframe {height:61px !important;}
|
||||
.msbBtnLikesharebutton iframe {width:155px !important;height:20px !important;}
|
||||
*/
|
||||
.msbBtnGoogleplusone > div {width:60px !important;}
|
||||
.msbBtnGoogleplusonem > div {width:70px; !important;}
|
||||
.msbBtnPocketbuttonc >iframe {width:60px;}
|
||||
.msbBtnMixicheck span iframe {height:18px !important;}
|
||||
.msbBtnPocketbutton > .pocket-btn {height:20px !important;}
|
||||
.msbBtnPocketbuttonc > .pocket-btn {height:20px !important;}
|
||||
.msbBtnPocketbutton > .pocket-btn iframe {width:60px !important;}
|
||||
.msbBtnPocketbuttonc > .pocket-btn iframe {width:110px !important;}
|
||||
.msbBtnOnetopibutton a {
|
||||
display:block;
|
||||
width:48px;
|
||||
height:18px;
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnOnetopibutton.png) no-repeat 0 0;
|
||||
text-indent:-9999px;
|
||||
}
|
||||
|
||||
.msbBtn .msbBtntext {
|
||||
display:block;
|
||||
border:1px solid #CCC;
|
||||
border-radius:3px;
|
||||
padding:2px 3px 2px 18px;
|
||||
background-size:12px;
|
||||
background-color:#FFF;
|
||||
background-position:3px center;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
.msbGroup .msbBtntext {
|
||||
background-color:#F8F8F8;
|
||||
}
|
||||
.msbGroupIn .msbBtntext {
|
||||
background-color:#FFF;
|
||||
}
|
||||
.msbBtnSocialbutton a {
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMi8xNy8wOCCcqlgAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMS1jMDM0IDQ2LjI3Mjk3NiwgU2F0IEphbiAyNyAyMDA3IDIyOjExOjQxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4YXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eGFwOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzM8L3hhcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhhcDpDcmVhdGVEYXRlPjIwMDgtMDItMTdUMDI6MzY6NDVaPC94YXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhhcDpNb2RpZnlEYXRlPjIwMDgtMDMtMjRUMTk6MDA6NDJaPC94YXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDUdUmQAAAGaSURBVDiNlZGxS1tRFMZ/t8QxvBdxe2lNC0qlsTy59w/I4ir5Bx7G2Q7i4txFcGkVsr+Q4mwXB7Ggg4NggkaHV0RI2kGIi0kcIsF4O7y85L0Qoj3T4Xzf+e53vyN4ZUkpTcAGLsrlciOYv3nlsg1UgSOgKqXM/pcA4AJmrzeB7wEQ61OcfKpHzAA/gRV+fAms2kOCqVEO3EklMx9yy5if57PhV4DjIYHaKIGMmU6jtcZMpwGyIWwNuLUsC+AhjMVCJHS3iwaeOx2AftKlUukiRIsrpRa01pVhB9v3lQrt9iOt62uAAkCQ+H5dsF8XABiG4SqlcsMOvjYur7KIiRSXVyfAjpQyF4/HXYC77oCYSCQAXKUUvqR/gT2Sb22mU/Cnht5ciqS29denbrzTkbnAydvAETOzJpNTgzxWF1ivCsbVt/eaGHDO3CewktBqRQj1p7H7QJCBlRwJ7s4M7C7+9t0cfox+wRdoNsEwIoAo3vjNrwN0cTXixnEcADzPIwbkODstvGQ1fAXP84K2MD6lXmmtI76FECIY/QMwqHwmKeNUfwAAAABJRU5ErkJggg==);
|
||||
}
|
||||
.msbBtnGooglebookmark a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnGooglebookmark.gif);
|
||||
}
|
||||
.msbBtnYahoobookmark a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnYahoobookmark.gif);
|
||||
}
|
||||
.msbBtnHatenabookmark a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnHatenabookmark.gif);
|
||||
}
|
||||
.msbBtnKwout a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnKwout.gif);
|
||||
}
|
||||
.msbBtnMail a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnMail.gif);
|
||||
}
|
||||
.msbBtnAlertbutton a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnAlert.gif);
|
||||
}
|
||||
.msbBtnAlertseries a {
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnAlertseries.gif);
|
||||
}
|
||||
.msbBtnPrintbutton a {
|
||||
/*
|
||||
background-image:url(//image.itmedia.co.jp/images/socialbutton/msbBtnPrint.gif);
|
||||
*/
|
||||
font-weight:bold;
|
||||
}
|
||||
.msbBtnPrintbutton .msbBtntext {
|
||||
padding:2px 3px;
|
||||
}
|
||||
.msbBtnItmid a {
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNqEk89vEkEUx9/sLAt0wZIYJULSEkoRqonVQwtp9KxJ9aKJJ08melKv/gHqP2CinnrkaLUJSQ/ooRCTxqT8EKN1FVrSYpsShBYLu8zO+iCBsFrqy05m3sz7ft6+tzvEMAzoWfwhBUIA8LmA7kU8OYnHBOcqzmmmQ1pH59ZLva8RwWyohWsObygSuHp/Rh73udVW2djfKFSKidfB/e3iGJ4v4ehnFQbVmOWSwzs1N/to4c5o4FwQCLe3tJ8W7cSWf/re49sO7+RlncPMoMYEwNebDV5/ENX5ocC51iZEBEptwFiN/aqtwtn5uzNYxpVBjakExsE9Oj45xthBC9kGY3WuqrvAeZsgUHf5JjxtHTzDATpQVa3ovw+/MUKErrjR+C5SKgkWi4uAQRkCxOMAO1uZZFH20XCjsd7sZBYEq2C1eogs+6XtbHpT00l5aA+whHe5xZgi286rknTKYrOdobI8IchygEp0XE3FXpRUBvGhAPwKXxq12sqHhVerbve83ekMCyMjPsHpnLIuP3+WrVWr7zEmNxRwoBLADIsbn9Kl0lr+hySdtoiiQ1RWP24UcmsljUGs2Tb/OCZAq90dTNNh+XMyUUZxB2DJryR2cO8tNrDTRBjaxKbWX+YK+YyNEEo6OQr5rB2FGTjCTIBdGu4t68l1Ep9O2W8oigJPltTNqN+o/RewJ4YHvK8QDodA06Sul1L4UXpzD/62SqUC9frecSH/3Ma+cc7fRCLRm7j04JV/2tt3heZMcX8EGADUSQLEGWxGlgAAAABJRU5ErkJggg==);
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.msbBtnTweetbutton .baloon {
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
border:1px solid #BBB;
|
||||
padding:2px;
|
||||
font-size:12px;
|
||||
font-family:Arial;
|
||||
position:relative;
|
||||
z-index:0;
|
||||
margin:0 0 0 6px;
|
||||
border-radius:1px;
|
||||
color:#4A5665;
|
||||
background:#FFF;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
.msbBtnTweetbutton .baloon:before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
left:-3px;
|
||||
top:50%;
|
||||
margin-top:-4px;
|
||||
width:0;
|
||||
height:0;
|
||||
border-style:solid;
|
||||
border-width:4px 4px 4px 0;
|
||||
border-color:transparent #FFF transparent transparent;
|
||||
z-index:0;
|
||||
}
|
||||
.msbBtnTweetbutton .baloon:after {
|
||||
content:"";
|
||||
position:absolute;
|
||||
left:-5px;
|
||||
top:50%;
|
||||
margin-top:-5px;
|
||||
width:0;
|
||||
height:0;
|
||||
border-style:solid;
|
||||
border-width:5px 5px 5px 0;
|
||||
border-color:transparent #BBB transparent transparent;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.msbBtnTweetbuttonv .baloon {
|
||||
text-align:center;
|
||||
border:1px solid #BBB;
|
||||
padding:10px 0 8px;
|
||||
font-size:14px;
|
||||
font-family:Arial;
|
||||
position:relative;
|
||||
z-index:0;
|
||||
margin:0 0 5px;
|
||||
border-radius:2px;
|
||||
color:#4A5665;
|
||||
min-width:70px;
|
||||
}
|
||||
.msbBtnTweetbuttonv .baloon:before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
bottom:-3px;
|
||||
left:50%;
|
||||
margin-left:-4px;
|
||||
width:0;
|
||||
height:0;
|
||||
border-style:solid;
|
||||
border-width:4px 4px 0 4px;
|
||||
border-color:#FFF transparent transparent transparent;
|
||||
z-index:0;
|
||||
}
|
||||
.msbBtnTweetbuttonv .baloon:after {
|
||||
content:"";
|
||||
position:absolute;
|
||||
bottom:-5px;
|
||||
left:50%;
|
||||
margin-left:-5px;
|
||||
width:0;
|
||||
height:0;
|
||||
border-style:solid;
|
||||
border-width:5px 5px 0 5px;
|
||||
border-color:#BBB transparent transparent transparent;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.msbBtnChatworkv .chatwork-share {
|
||||
position:relative;
|
||||
display:block;
|
||||
width:59px;
|
||||
height:59px;
|
||||
border:1px solid #CCC;
|
||||
border-radius:3px;
|
||||
text-align:center;
|
||||
}
|
||||
.msbBtnChatworkv .chatwork-share iframe {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:15px;
|
||||
left:0;
|
||||
margin:auto;
|
||||
}
|
||||
.msbBtnChatworkv .chatwork-share span {
|
||||
color:#000;
|
||||
line-height:97px;
|
||||
font-size:10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.masterSocialbuttonMinimal {
|
||||
padding:0 0 10px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbIn {
|
||||
width:auto;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbIn .msbBtn,
|
||||
.masterSocialbuttonMinimal .msbIn .msbGroup {
|
||||
background:#FFF;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .button {
|
||||
display:block;
|
||||
width:50px;
|
||||
height:47px;
|
||||
margin:0 5px 0 0;
|
||||
padding:0;
|
||||
border:1px solid #CCC;
|
||||
border-radius:2px;
|
||||
text-align:center;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .service {
|
||||
visibility:hidden;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .baloon {
|
||||
position:relative;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .baloon span {
|
||||
position:absolute;
|
||||
opacity:0;
|
||||
top:-10px;
|
||||
display:block;
|
||||
width:52px;
|
||||
padding:4px 0;
|
||||
background:#6cb8dc;
|
||||
font-size:12px;
|
||||
line-height:12px;
|
||||
color:#FFF!important;
|
||||
text-align:center;
|
||||
border-radius:2px;
|
||||
-webkit-transform:rotate(45deg);
|
||||
transform:rotate(45deg);
|
||||
transition:.3s;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .baloon span::after {
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:100%;
|
||||
left:6px;
|
||||
width:0;
|
||||
height:0;
|
||||
border:3px solid transparent;
|
||||
border-top:5px solid #6cb8dc;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .baloon a:hover span {
|
||||
background:#408cb3;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn .baloon a:hover span::after {
|
||||
border-top:5px solid #408cb3;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtn:hover .baloon span {
|
||||
opacity:1;
|
||||
-webkit-transform:rotate(0);
|
||||
transform:rotate(0);
|
||||
-webkit-transform:translateY(-18px);
|
||||
transform:translateY(-18px);
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnPrintbutton,
|
||||
.masterSocialbuttonMinimal .msbBtnItmid {
|
||||
width:150px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnPrintbutton a,
|
||||
.masterSocialbuttonMinimal .msbBtnItmid a {
|
||||
width:auto;
|
||||
line-height:48px!important;
|
||||
font-size:12px!important;
|
||||
font-weight:normal;
|
||||
color:#555!important;
|
||||
text-align:center;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnPrintbutton a,
|
||||
.masterSocialbuttonMinimal .msbBtnItmid a {
|
||||
margin:0 5px 0 0;
|
||||
padding:0 0 0 18px;
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat 20px center;
|
||||
background-size:20px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnItmid a {
|
||||
padding:0 0 0 20px;
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat 18px center;
|
||||
background-size:24px 24px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbGroupIn {
|
||||
width:380px;
|
||||
background-color:#FFF;
|
||||
border:1px solid #CCC;
|
||||
padding:5px;
|
||||
left:2px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbGroupIn .msbBtn a {
|
||||
width:auto;
|
||||
height:auto;
|
||||
font-size:14px!important;
|
||||
line-height:18px!important;
|
||||
border:none;
|
||||
padding:5px 5px 5px 20px;
|
||||
text-indent:inherit;
|
||||
text-align:left;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnTweetbutton_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnTweetbutton_minimal.png) no-repeat center center;
|
||||
background-size:22px 18px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnSharebutton_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnSharebutton_minimal.png) no-repeat center center;
|
||||
background-size:9px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnHatenabookmark_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnHatenabookmark_minimal.png) no-repeat center center;
|
||||
background-size:20px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnPocket_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnPocket_minimal.png) no-repeat center center;
|
||||
background-size:20px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnGoogleplusshare_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnGoogleplusshare_minimal.png) no-repeat center center;
|
||||
background-size:26px 17px;
|
||||
}
|
||||
.masterSocialbuttonMinimal .msbBtnClip_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/SideBtnclip.png) no-repeat 6px center #9b9b9b;
|
||||
background-size:23px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount {
|
||||
padding:0 0 10px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbIn {
|
||||
table-layout:fixed;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbIn .msbBtn,
|
||||
.masterSocialbuttonMinimalCount .msbIn .msbGroup {
|
||||
background:#FFF;
|
||||
padding:0;
|
||||
border:none;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnPrintbutton,
|
||||
.masterSocialbuttonMinimalCount .msbGroupUnder {
|
||||
width:130px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnPrintbutton a,
|
||||
.masterSocialbuttonMinimalCount .msbBtnItmid a {
|
||||
width:auto;
|
||||
line-height:40px!important;
|
||||
font-size:12px!important;
|
||||
font-weight:normal;
|
||||
color:#555!important;
|
||||
text-align:center;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnPrintbutton a {
|
||||
margin:0;
|
||||
padding:0 0 0 22px;
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat 25% center;
|
||||
background-size:20px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnItmid a {
|
||||
margin:0 0 0 6px;
|
||||
padding:0 0 0 28px;
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat 21% center;
|
||||
background-size:24px 24px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbGroupIn {
|
||||
width:380px;
|
||||
background-color:#FFF;
|
||||
padding:5px;
|
||||
left:5px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbGroupIn .msbBtn a {
|
||||
width:auto;
|
||||
height:auto;
|
||||
font-size:14px!important;
|
||||
line-height:18px!important;
|
||||
border:none;
|
||||
padding:5px 5px 5px 20px;
|
||||
text-indent:inherit;
|
||||
text-align:left;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnTweetbutton_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnTweetbutton_minimal.png) no-repeat 17% center;
|
||||
background-size:21px 18px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnSharebutton_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnSharebutton_minimal.png) no-repeat 17% center;
|
||||
background-size:9px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnHatenabookmark_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnHatenabookmark_minimal.png) no-repeat 20% center;
|
||||
background-size:19px 19px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnPocket_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnPocket_minimal.png) no-repeat center center;
|
||||
background-size:20px 20px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnGoogleplusshare_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnGoogleplusshare_minimal.png) no-repeat center center;
|
||||
background-size:25px 16px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnComment_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/msbBtnCommentbutton_minimal.png) no-repeat 17% center;
|
||||
background-size:23px 23px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnClip_minimal .button {
|
||||
background:url(//image.itmedia.co.jp/images/socialbutton/SideBtnclipTop.png) no-repeat 9px center #fff;
|
||||
background-size:23px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtn .button {
|
||||
display:block;
|
||||
height:40px;
|
||||
margin:0 0 0 6px;
|
||||
padding:0;
|
||||
border:1px #ccc solid;
|
||||
border-radius:4px;
|
||||
text-align:center;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount td {
|
||||
position:relative;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .baloon {
|
||||
position:absolute;
|
||||
margin:auto;
|
||||
width:40px;
|
||||
height:15px;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:20px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.masterSocialbuttonMinimalCount .baloon a,
|
||||
.masterSocialbuttonMinimalCount .baloon span {
|
||||
display:block;
|
||||
font-size:12px!important;
|
||||
line-height:16px!important;
|
||||
color:#999;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.masterSocialbuttonMinimalCount .msbBtnClip_minimal .baloon {
|
||||
left:24px;
|
||||
width: 80px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnClip_minimal .baloon a,
|
||||
.masterSocialbuttonMinimalCount .msbBtnClip_minimal .baloon span {
|
||||
display:block;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
color:#555;
|
||||
text-align:center;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbBtnPocket_minimal .baloon,
|
||||
.masterSocialbuttonMinimalCount .msbBtnGoogleplusshare_minimal .baloon {
|
||||
display:none;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .service {
|
||||
display:none;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .my_ul_count {
|
||||
position:absolute;
|
||||
margin:auto;
|
||||
width:40px;
|
||||
height:15px;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:20px;
|
||||
text-align:center;
|
||||
color:#999;
|
||||
font-size:12px;
|
||||
line-height:16px;
|
||||
}
|
||||
.masterSocialbuttonMinimalCount .msbIn .msbBtn.msbBtnClip_minimal {
|
||||
width: 130px;
|
||||
}
|
||||
}
|
変更後 幅: | 高さ: | サイズ: 244 KiB |
変更後 幅: | 高さ: | サイズ: 12 KiB |