アプリ化
|
@ -0,0 +1,2 @@
|
|||
/archive/*
|
||||
!/archive/.kara
|
変更前 幅: | 高さ: | サイズ: 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 |
|
@ -1 +0,0 @@
|
|||
<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 |
|
@ -1,401 +0,0 @@
|
|||
/* 共通 */
|
||||
.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;
|
||||
}
|
|
@ -1,887 +0,0 @@
|
|||
#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;
|
||||
}
|
|
@ -1,722 +0,0 @@
|
|||
/*=====================================================================*/
|
||||
/* 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;
|
||||
}
|
|
@ -1,814 +0,0 @@
|
|||
#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 |
|
@ -1,472 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
@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";
|
||||
}
|
|
@ -1,573 +0,0 @@
|
|||
/*=====================================================================*/
|
||||
/* 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 |
変更前 幅: | 高さ: | サイズ: 44 KiB |
変更前 幅: | 高さ: | サイズ: 14 KiB |
変更前 幅: | 高さ: | サイズ: 10 KiB |
変更前 幅: | 高さ: | サイズ: 311 KiB |
変更前 幅: | 高さ: | サイズ: 311 KiB |
変更前 幅: | 高さ: | サイズ: 24 KiB |
変更前 幅: | 高さ: | サイズ: 18 KiB |
変更前 幅: | 高さ: | サイズ: 49 KiB |
変更前 幅: | 高さ: | サイズ: 1.6 KiB |
変更前 幅: | 高さ: | サイズ: 485 B |
変更前 幅: | 高さ: | サイズ: 647 B |
変更前 幅: | 高さ: | サイズ: 860 B |
変更前 幅: | 高さ: | サイズ: 899 B |
変更前 幅: | 高さ: | サイズ: 2.0 KiB |
変更前 幅: | 高さ: | サイズ: 696 B |
変更前 幅: | 高さ: | サイズ: 1.1 KiB |
|
@ -1,196 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="alternate" type="application/rss+xml" title="CoinPost|仮想通貨ビットコインニュース・投資情報 RSS Feed" href="https://coinpost.jp/?feed=rss2" />
|
||||
<link rel="amphtml" href="https://coinpost.jp/amp/?p=333716">
|
||||
|
||||
<meta name="description" content="米資産運用最大手ブラックロックのCEOは、同社がデジタル通貨やステーブルコイン、その基盤技術の研究をしていると述べた。株主に宛てたメッセージの中で、デジタル通貨の可能性に言及している。" />
|
||||
<meta name="keywords" content="仮想通貨情報" />
|
||||
<title>米ブラックロックCEO「我々はデジタル通貨やステーブルコインの研究をしている」</title>
|
||||
<link rel="alternate" type="application/rss+xml" title="CoinPost|仮想通貨ビットコインニュース・投資情報 » フィード" href="//coinpost.jp/?feed=rss2" />
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel='stylesheet' href='font-awesome.min.css' type='text/css' media='all' />
|
||||
<link rel='stylesheet' href='style.css' type='text/css' media='all' />
|
||||
<link rel="icon" href="cropped-coinpost_icon2020-9-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" href="cropped-coinpost_icon2020-9-192x192.png" sizes="192x192" />
|
||||
<link rel="apple-touch-icon-precomposed" href="cropped-coinpost_icon2020-9-180x180.png" />
|
||||
<meta name="msapplication-TileImage" content="cropped-coinpost_icon2020-9-270x270.png" />
|
||||
<link rel='stylesheet' href='design.css' type='text/css' media='all' />
|
||||
<link rel='stylesheet' href='main.css' type='text/css' media='all' />
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-333716 single-format-standard categoryid-9">
|
||||
<div id="container">
|
||||
<div id="header-menu_wrap" class="widgets">
|
||||
<div id="custom_html-17" class="widget_text widget widget_custom_html">
|
||||
<div class="textwidget custom-html-widget">
|
||||
<ul id="top-menubar">
|
||||
<li class="top-menubar-in" id="top-menubar-3">
|
||||
<span class="top-menubar-ins">銘柄情報</span>
|
||||
<ul>
|
||||
<li class="top-menubar-ins-in">
|
||||
<header>銘柄別おすすめ取引所</header>
|
||||
<a href="https://coinpost.jp/?p=217357#link_btc" class="top-menubar-ins-in-a-s ">BTC</a>
|
||||
<a href="https://coinpost.jp/?p=217357#link_eth" class="top-menubar-ins-in-a-s ">ETH</a>
|
||||
<a href="https://coinpost.jp/?p=217357#link_xrp" class="top-menubar-ins-in-a-s ">XRP</a>
|
||||
<a href="https://coinpost.jp/?p=217357#link_xem" class="top-menubar-ins-in-a-s ">XEM</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="top-menubar-in" id="top-menubar-4">
|
||||
<span class="top-menubar-ins">学習</span>
|
||||
<ul>
|
||||
<li class="top-menubar-ins-in">
|
||||
<header>初心者向け</header>
|
||||
<a href="https://coinpost.jp/?p=283900" class="top-menubar-ins-in-a">イチから学ぶ仮想通貨投資、買い方まで徹底解説</a>
|
||||
<a href="/?p=192359" class="top-menubar-ins-in-a">NFTとは</a>
|
||||
<a href="/?p=217357" class="top-menubar-ins-in-a">取引所おすすめランキング</a>
|
||||
<a href="/?glossary_genre=currency-related" class="top-menubar-ins-in-a">仮想通貨・ブロックチェーン用語集</a>
|
||||
</li>
|
||||
<li class="top-menubar-ins-in">
|
||||
<header>トレーダー向け</header>
|
||||
<a href="/?p=98606" class="top-menubar-ins-in-a">移動平均線とは</a>
|
||||
<a href="/?p=98884" class="top-menubar-ins-in-a">MACDでトレンドを読む</a>
|
||||
<a href="/?p=176492" class="top-menubar-ins-in-a">トレンド転換点の見極め方</a>
|
||||
<a href="/?p=147294" class="top-menubar-ins-in-a">抑えておきたいチャートパターン</a>
|
||||
<a href="/?p=226222" class="top-menubar-ins-in-a">分散投資のすすめ</a>
|
||||
<a href="/?p=219754" class="top-menubar-ins-in-a">税理士が解説する、仮想通貨の税金</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="top-menubar-in" id="top-menubar-5">
|
||||
<span class="top-menubar-ins">お得情報</span>
|
||||
<ul>
|
||||
<li class="top-menubar-ins-in">
|
||||
<a href="/?p=290828" class="top-menubar-ins-in-a">ビットコインを無料で入手する方法5選</a>
|
||||
<a href="/?p=262337" class="top-menubar-ins-in-a">ふるさと納税でビットコインを得る</a>
|
||||
<a href="/?p=260721" class="top-menubar-ins-in-a">楽天ポイントで始める仮想通貨</a>
|
||||
<a href="/?p=255070" class="top-menubar-ins-in-a">ステーキングで仮想通貨を増やす</a>
|
||||
<a href="/?p=265478" class="top-menubar-ins-in-a">仮想通貨の貸し出しで利益を得る</a>
|
||||
<a href="/?p=234344" class="top-menubar-ins-in-a">記事のコメントでビットコインを得る</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="scarea top-menubar-sc">
|
||||
<form method="get" action="/">
|
||||
<input type="text" placeholder="検索" name="s" id="ss">
|
||||
<input type="submit" id="searchsubmits" value="">
|
||||
</form>
|
||||
<span class="righttopicon3 scclose"><i class="icon-search"></i></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 本体部分 -->
|
||||
<div id="body">
|
||||
<div id="body-in">
|
||||
<div id="main-wrap">
|
||||
<main>
|
||||
<div id="main">
|
||||
<div id="post-333716" class="post-333716 post type-post status-publish format-standard has-post-thumbnail category-information tag-news tag-btc_news tag-overseas_news">
|
||||
<article class="article">
|
||||
<header>
|
||||
<h1 class="entry-title">米ブラックロックCEO「我々はデジタル通貨やステーブルコインの研究をしている」</h1>
|
||||
<p class="post-meta">
|
||||
<span class="post-auther">
|
||||
<a href='/?author=47'>K.Kobayashi</a><br>参考:
|
||||
<a href="https://www.blackrock.com/corporate/investor-relations/larry-fink-chairmans-letter" target="_blank">ブラックロック</a> , <a href="https://www.blackrock.com/jp/individual/ja/about-us" target="_blank">企業説明</a>
|
||||
</span>
|
||||
<span class="category"><a href="https://coinpost.jp/?cat=9" title="View all posts in 仮想通貨情報" >仮想通貨情報</a></span>
|
||||
<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><time class="entry-date date published updated" datetime="2022-03-25T07:05:40+09:00">2022/03/25 07:05</time></span>
|
||||
</p>
|
||||
</header>
|
||||
<div id="the-content" class="entry-content">
|
||||
<img src="blackrock-bitcoin-640x336.png" class="cptopimage" loading="lazy">
|
||||
<div id="widget-in-article" class="widgets"></div>
|
||||
<h2>デジタル通貨の可能性</h2>
|
||||
<p>米資産運用最大手ブラックロック(BlackRock)のラリー・フィンク最高経営責任者(CEO)は24日、株主に宛てたメッセージの中で、同社がデジタル通貨や<a href="https://coinpost.jp/?post_type=glossary&p=199275">ステーブルコイン</a>、その基盤となる技術の研究をしていると述べた。</p>
|
||||
<p>ウクライナに対するロシアの軍事侵攻について、あまり議論されていないことがあるとし、それはデジタル通貨の普及加速への潜在的な影響だと指摘。今回の戦争は、各国に通貨のあり方を再考させるだろうと述べている。その上で、慎重に設計されたグローバルなデジタル決済システムは、マネーロンダリングなどのリスクを軽減しながら、コスト削減を実現し、国際決済の質を高めることができる可能性があると主張した。</p>
|
||||
<p>今回の株主に宛てたメッセージは、デジタル通貨に特化したものではない。ロシアの軍事侵攻について、事業への影響やエネルギー源の確保の方法等について述べる中で、デジタル通貨にも言及している。</p>
|
||||
<p>フィンク氏はメッセージの中で、今回の戦争の前も、各国政府にデジタル通貨を巡る積極的な動きが見られ、規制の枠組みを定めようとする国もあると説明。米国が中央銀行デジタル通貨(CBDC)である「デジタルドル」に関する研究を行っていることを例に挙げた。</p>
|
||||
<p><span class="bold">関連</span>:<a href="https://coinpost.jp/?p=199956" target="_blank" rel="noopener noreferrer">中央銀行デジタル通貨(CBDC)とは|ビットコインとの違いと主なメリット</a></p>
|
||||
<p>その上で、デジタル決済にはマネロンやその他の不正利用のリスクを軽減しながら、国際決済の質を向上させる可能性があると主張し、例えば海外労働者から家族への送金に恩恵をもたらすだろうと述べている。</p>
|
||||
<p>そして、顧客の関心が高まっているため、デジタル通貨やステーブルコイン、その基盤技術を研究して、どのように顧客に役立てられるかを理解しようとしていると説明した。</p>
|
||||
<div class="css_grayback">
|
||||
<p><span class="bold">ステーブルコインとは</span></p>
|
||||
<p>価格が常に安定するように設計されている暗号資産(仮想通貨)を指す。価値を安定させるために法定通貨や仮想通貨を担保にしていたり、プログラムで価格を維持したりするステーブルコインが開発されている。</p>
|
||||
<P>▶️<a href="https://coinpost.jp/?post_type=glossary&p=199275">仮想通貨用語集</a></P>
|
||||
</div>
|
||||
<p><span class="bold">関連</span>:<a href="https://coinpost.jp/?p=272361" target="_blank" rel="noopener noreferrer">初心者にもわかるステーブルコインとは|特徴やユースケースを解説</a></p>
|
||||
<h3>ブラックロックとは</h3>
|
||||
<p>ブラックロックは、2021年12月末時点の運用資産残高が10兆ドル(約1,200兆円)に上る世界最大の資産運用企業。そのため、これまでも仮想通貨やブロックチェーンに関する同社の言動は大きな注目を集めてきた。</p>
|
||||
<p>最近では2月、顧客の投資家に仮想通貨取引サービスを提供する計画があることが報じられている。ブラックロックのポートフォリオ管理システム「Aladdin」に導入する予定で、取引だけでなく、顧客が仮想通貨を担保として資金を借りることも可能になるという。なお、この計画が実行されるかは定かではない模様だ。</p>
|
||||
<p><span class="bold">関連</span>:<a href="https://coinpost.jp/?p=319233" target="_blank" rel="noopener noreferrer">米ブラックロック、仮想通貨取引サービスを計画か=報道</a></p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer" class="main-footer">
|
||||
<div id="footer-in">
|
||||
<div id="footer-widget">
|
||||
<div class="footer-5">
|
||||
<aside id="text-67" class="widget widget_text">
|
||||
<div class="textwidget">
|
||||
<a href="/?page_id=84821">広告掲載</a>
|
||||
<a href="/?page_id=165362">求人情報</a>
|
||||
<a href="/?page_id=9442">免責事項</a>
|
||||
<a href="/terms.html">利用規約</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
<div class="footer-4">
|
||||
<aside id="text-43" class="widget widget_text">
|
||||
<div class="textwidget">
|
||||
<a href="/?page_id=84445">問い合わせ/Contact Us</a>
|
||||
<a href="/?page_id=14576">プレスリリース掲載・情報提供</a>
|
||||
<a href="/privacy.html">プライバシーポリシー</a>
|
||||
<a href="/corporate/">運営会社</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div id="copyright" class="wrapper">
|
||||
<div id="footer-navi">
|
||||
<div id="footer-navi-in">
|
||||
<div class="sns-pages">
|
||||
<ul class="snsp">
|
||||
<li class="twitter-page"><a href="https://twitter.076.ne.jp/coin_post" target="_blank" title="Twitterをフォロー" rel="nofollow"><span class="icon-twitter-logo"></span></a></li>
|
||||
<li class="facebook-page"><a href="//www.facebook.com/CoinPost-Japanese-Cryptocurrency-Blockchain-Media--626599007687829" target="_blank" title="Facebookをフォロー" rel="nofollow"><span class="icon-facebook-logo"></span></a></li>
|
||||
<li class="youtube-page"><a href="https://youtube.076.ne.jp/channel/UClZPtbxvf8fiVjIlI6grosg" target="_blank" title="YouTubeをフォロー" rel="nofollow"><span class="icon-youtube-logo"></span></a></li>
|
||||
<li class="line-page"><a href="//line.naver.jp/ti/p/@coin_post" target="_blank" title="LINE@をフォロー" rel="nofollow"><span class="icon-line-logo"></span></a></li>
|
||||
<li class="tele-page"><a href="http://t.me/coinpost_news" target="_blank" title="テレグラム" rel="nofollow"><span class="icon-telegram-logo"></span></a></li>
|
||||
<li class="feedly-page"><a href='https://feedly.com/i/subscription/feed/http%3A//coinpost.jp/%3Ffeed%3Drss2' target='blank' title="feedlyで更新情報を購読" rel="nofollow"><span class="icon-feedly-logo"></span></a></li>
|
||||
<li class="rss-page"><a href="https://coinpost.jp/?feed=rss2" target="_blank" title="RSSで更新情報をフォロー" rel="nofollow"><span class="icon-rss-logo"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="credit">
|
||||
© 2017−2021 <a href="https://coinpost.jp">仮想通貨ニュースサイト-CoinPost</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,802 +0,0 @@
|
|||
/*---------------------- HEADER ---------------------- */
|
||||
.sp-head{display:none;}
|
||||
#header{height:62px;overflow:hidden;}
|
||||
#site-title,h1#site-title{height:62px;padding:0;text-align:left;display:inline-block;width:340px;float:left;}
|
||||
#site-title a{height:32px;margin:15px 10px;padding:0;display:inline-block;}
|
||||
#site-title a img{height:32px;display:block;}
|
||||
.coinarea{width:calc(100% - 380px);height:92px;margin:0;float:right;max-width:860px;position: relative;}
|
||||
.coinarea .ec-set{overflow:hidden;display:block;float:left;height:60px;margin:16px 0;width:calc(calc(100% - 5em) / 3);position: relative;}
|
||||
.coinarea a:hover{text-decoration: none;}
|
||||
.coinarea .ec-chart{position: absolute;right:0;top:0;bottom:0;left:83px;}
|
||||
.coinarea .ec-name{display:none;}
|
||||
.coinarea .ec-sym,.coinarea .ec-price,.coinarea .ec-par{width:80px;height:18px;line-height:20px;font-size:13.5px;color:#2db482;font-family:sans-serif;}
|
||||
.coinarea .ec-sym{color:#666;font-size:15px;margin-top:4px;}
|
||||
.coinarea .ec-price{text-align:right;clear:both;}
|
||||
.coinarea .ec-par{text-align:right;}
|
||||
.coinarea .ec-price.ec-mn{color:#b42d32;}
|
||||
.coinarea .ec-price span{opacity: 0.7;}
|
||||
.coinarea .ec-par.ec-mn{color:#b42d32;}
|
||||
.coinarea .ec-price:before{content:"¥";}
|
||||
.coinarea .ec-par:after{content:"%";}
|
||||
.coinarea .ec-image{display:inline;}
|
||||
.coinarea .ec-image img{height:18px;float:left;margin:0 4px 4px;}
|
||||
.coinarea .ec-chart img{height:100%;}
|
||||
|
||||
.coinarea .caopen{position: absolute;top:0;right:0;}
|
||||
.coinarea .caopen:before{content: "";position: absolute;width: 35px;height: 35px;border: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAcCAYAAADFsCezAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcRJREFUeNrcWNFtgzAQda0swArpCHSE5I/fMEI6QhgBj0BGKCOEEcIIZQVWiC3dVVYK8jMmYGLpEgUsfM9+996RjyzLUiFEK95vpFJ/3HVc3gyYwXOX9KPU8aMj2TiohHAYPEJaN050ioeNAjtQ/ie+IJ8m7HXcNkjTC+W9ty/Kkcnl0OQIBx9GOXRT+hxzZMNZRtKnQCMakAAacEcdPSKtxjvW9i7QugyeowHX6Pikb9eDDb/PKwE70/quDf7DI22kOgqAptXCnsilUQFrFjYTn2tO6fjS0YHFnC5EQ5eodZS3cglKSxNrQIZf2bpxnbvsqKZ8W1QtzbHmOr4BsWFPTGak4Q1Q6J7yy8dydFnBlTjsemswXvM7Q+uGPqelvK4uKxDAg/7xOWDHQxmgxmg4BZytRLmHJ6KtG1q7XCoFmrD03F0u3mYmlUNVtwFFLggcyy7qiWP+5OOX7F2db6IyoPgVuKjdWSQenQ5vopqa4C5Q3ZgulYOCTNMetIwatKGXndyUQk9mFK5FwHlLdKDlrAIONteAZmFVcFBbNLHNiwKcs6H1bNCjBGe/ihQDooG8WgWNnVhmKDop/uu+WWLRhwADANDNfLfHF+9kAAAAAElFTkSuQmCC) no-repeat 50% 50%;z-index: 1000;background-size:50% auto;top:30px;right:18px;border:1px solid #bbb;border-radius:4px;cursor:pointer;}
|
||||
|
||||
|
||||
#header-menu_wrap{background:#345;color:#fff;position: sticky;top: 0;z-index: 999999;}
|
||||
#top-menu-main{display:inline-block;height:54px;line-height:54px;}
|
||||
#top-menu-main a{font-size:18px;padding:0 16px;color:#fff;display:inline-block;}
|
||||
|
||||
.scarea{position: relative;width:20%;margin:11px 1rem 0 0;float:right;height:32px;}
|
||||
.scarea input{width:100%;height:32px;border-radius:32px;border:none;padding-left:1rem;}
|
||||
#searchsubmits {position: absolute;width: 30px;height: 24px;border: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAEIklEQVR42pWVe0xTVxzHf22hFWiBUKjLEiTOjODGq4ArJJiYBV+gWy3YBoegWZysOgsVKYNC8IGhsMIYCLLqRKRkRdwEp4wR/yCZgwbHa8bwCH9sQkt5lceGIax0v3PDJd7MZaHJL72555zP+f6eF5xOJ3R1d4Pp7l342mAAbUEBp/DixagDBw/mh0dGdmzbvv25f0DA88CgoA5FcnLx9draWOXZs7xinQ5WVlZoIxzKGMDb9fXCdKUy21ckWgZcep0JfX2dCL5WVl4udDgcsLq6SuzfwJYHDzyzc3Lagc3eOMwXCJzePj6zAm9vmwefvwYs1sbap0rlT9PT0z52ux3QmMBfe3vhUlHRdXozOfhOcHBfTGzspYTDh5Mk0dHxkRJJQXBoqPlVtedUqrrBwUFWT08PE/j9/fu7PVANrSD52DFjXn7+W1ESCezdvx8ioqIgLCICLmg0b2So1d+gckotb8sWp8lkSjCbzUzgUYWihYBY6K44MnKipbVVoMrMhJDw8A3g20FBgPEF6+Skqywp6TvW+uXxCQmdCHRhAN8NCZmi3VBnZdUUl5QAxhPSTp6EuH37IBTBpxFWUFgIDY2NcFWnO04UEtsRGDhfWVXlzQDiy0V6A8IufJ6XB5eLioCAP5BK4YhMBt+aTHCrrg4MN25A/Z07UkqAi4tTKBLNvx8XJ2QAQ8LCbHQysjWarwYGBqCishJKSksB3YO0EycgV6sFU1MT6PAStFRaQODOnXbDzZs+DGCSXP6IBmIifrdYLPyq6moKeCQxEY6npsJnKhU0Ya1mqtXwSXp6K51AqUzW2W02cxjA5nv39vI9PddIDbI4HOdHKSmG8ooKry/0ejZRmJqWBpnnz7OMjY1eyjNnqnlubg7AfTx39zV9WdmBX7q6mFl+1NYGObm5Dex1IAGHicW9eVptVvyhQ7uOyuW7Pj516nR0TEwvdSnGjsvjOc5lZBhJu6JCJnBkZATGxsbc5ApFm6urq+PVAvfw9CRGINQ7DpdLlRf2+fSkzeY7YbHAHy9eMIFDQ0OU/fbsGV+amKjbFhAwxVkHoGuU0Ze48HhONq75+vn99cPDh/KXy8uwuLj4eiDpaZKMLI3mQ3T1y/diYjowTo8R8nj3nj0d2C3DFBQ7hPxjdVhHR0d3WK3W/waW6vWA4wkw2KQWBeiuFwK9rtXU8Pv6+iRv+vv/iaGglFJtmpLSOT4+zv1f4OUrV0iiwF0gADxMipzaW1Nbq0UgiSXlOnluMBqzNw0knfM3zr2ep0/dsL+pqeO67nqoWDyxKSD5NTU3w89PnsCP7e2kY2QERBvOy5ebAvb398Pc3BzYpqZgZmYG7PPzXBxjDTi9Z4VC4SxOIcOmgDabDZaWlmBhYYGUCHlm47dHL9q6ddhPJBrGCXWVBv4DYbnuWKzr2fcAAAAASUVORK5CYII=) no-repeat 50% 50%;z-index: 1000;top: 4px;right: 4px;}
|
||||
|
||||
.coinview{display:none;position: fixed;top:0;left:0;right: 0;bottom:0;background:#e0e8ef;z-index:9999999999;overflow-y: scroll;padding:1.5em;padding-top:92px;}
|
||||
.coinview:before{content: "";position: absolute;width: 300px;height: 32px;border: none;background: url(/wp-content/themes/coinpost_t/coinpost.png) no-repeat 50% 50%;z-index: 1000;background-size:auto 100%;top:30px;left:calc(8px - 1.5em);}
|
||||
.caclose:before{content: "";position: absolute;width: 35px;height: 35px;border: none;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAglJREFUeNrU2jFOwzAUBuDw7lAukZQz0M4dmOgNmIC7sMDABWBgYoVGcAXUqjeghDtUPAtbChZp7Pi9l+cn/VIaWZa/oXbs5GixWBStOsY8Yq4xH0U+dYK5wZxjvt1N8GArzCnmFTPNBGbG+WLHXWMmPm5iYWXrdw7AqR2nA5VtINiLugUrMgH6sMIHgv2PlR0daAV2wdrAB4O7xDQHOtIG7IOZ+sJcGdwGM8sEGAqbG5ebUHIARsH8pUAzMBrm47QCQ2CND/sPpw0YCpv5sC6cFmAS7BBubGAyrA8XC6w0wUJwMcAVAZAMFoqTApLCYnDcQHJYLI4LWHHAhuCogZVtRw4biqMCssJScKlAdlgqbihQBEaBiwWeScGocDHAJykYJS4UCFIwalwoUATGgRsCZIFx4RzwArPvabe37TYcg+DCmen+PqB/sO2qXHAh6xjHdokdFwtjBYIwbC8JBEFYY59QGikgBa4MhJlzxWfBI4tk3J/3YT2wtfSZDAjDRA+dYARYGzgPBJZSOAqYq3UgsB4ChBFh7EAYGcYKBAUwNiAogbEAQRGMHAjKYKRAUAgjA4JSGAkQFMOSgaAclgSEDGCDgRC5HxsLNghocLfF74ek2mGxwDuDW2K2mcBCgcazNLid3ThuM4H1AbfW8+kmFB+oHdYFdLCdvxQ44FsmMB/43oaZ+hFgABUjKGSTDpaQAAAAAElFTkSuQmCC) no-repeat 50% 50%;z-index: 1000;background-size:50% auto;top:30px;right:15px;border:1px solid #bbb;border-radius:4px;cursor:pointer;}
|
||||
.coinview a.ec-set{overflow:hidden;display:block;float:left;height:150px;margin:20px 2%;width:calc(88% / 3);position: relative;background:#fff;box-shadow: 1px 1px 4px rgba(0,0,0,0.25);}
|
||||
.coinview a:hover{text-decoration: none;border:1px solid #ccc;}
|
||||
.coinview .ec-chart{position: absolute;right:8px;top:16px;bottom:16px;left:128px;}
|
||||
.coinview .ec-value{margin:1 .5em;padding-top:.5em;}
|
||||
.coinview .ec-name{position: absolute;left:16px;top:20px;font-weight:bold;color:#666;z-index:999;background:rgba(255,255,255,0.75);border-radius:8px;padding-right:.75em;}
|
||||
.coinview .ec-sym,.coinview .ec-price,.coinview .ec-par{width:110px;height:32px;line-height:36px;font-size:16px;color:#2db482;font-family:'gulim',sans-serif;}
|
||||
.coinview .ec-price,.coinview .ec-par{height:24px;line-height:24px;}
|
||||
.coinview .ec-sym{color:#666;font-size:18px;margin-top:38px;width:144px;}
|
||||
.coinview .ec-price{text-align:right;margin-top:8px;}
|
||||
.coinview .ec-par{text-align:right;font-size:14px;}
|
||||
.coinview .ec-price.ec-mn{color:#b42d32;}
|
||||
.coinview .ec-price span{opacity: 0.7;}
|
||||
.coinview .ec-par.ec-mn{color:#b42d32;}
|
||||
.coinview .ec-price:before{content:"¥";}
|
||||
.coinview .ec-par:after{content:"%";}
|
||||
.coinview .ec-image{display:inline;}
|
||||
.coinview .ec-image img{height:28px;float:left;margin:42px 8px 0 16px;}
|
||||
.coinview .ec-chart img{height:100%;}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.coinview a.ec-set{overflow:hidden;display:block;float:left;height:150px;margin:16px 2%;width:calc(92% / 2);position: relative;background:#fff;}
|
||||
#top-menu-main a{font-size:17px;padding:0 12px;color:#fff;display:inline-block;}
|
||||
}
|
||||
@media (max-width: 780px) {
|
||||
#top-menu-main a{font-size:16px;padding:0 8px;color:#fff;display:inline-block;}
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
.coinview a.ec-set{overflow:hidden;display:block;float:none;height:150px;margin:16px auto;width:80%;max-width:440px;position: relative;background:#fff;}
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
.coinview a.ec-set{overflow:hidden;display:block;float:none;height:130px;margin:16px auto;width:95%;max-width:440px;position: relative;background:#fff;}
|
||||
.coinview{display:none;position: fixed;top:0;left:0;right: 0;bottom:0;z-index:9999999999;overflow-y: scroll;padding:1.5em;padding-top:64px;}
|
||||
.coinview:before{content: "";position: absolute;width: 220px;height: 22px;border: none;background: url(/wp-content/themes/coinpost_t/coinpost.png) no-repeat 50% 50%;z-index: 1000;background-size:auto 100%;top:22px;left:-1.5em;}
|
||||
.sp-head{display:block;border-bottom:1px solid #ddd;position: sticky;top: 48px;z-index: 9999999999;background: #fff;}
|
||||
#header{height:48px;}
|
||||
#site-title,h1#site-title{height:48px;padding:0;text-align:left;display:inline-block;width:100%;float:none;}
|
||||
#site-title a{height:auto;margin:0;padding:13px 6px;display:inline-block;}
|
||||
#site-title a img{height:20px;display:block;}
|
||||
.scarea{position: absolute;width:40%;margin:8px 0 0 0;float:right;height:30px;top:-47px;right:4px;}
|
||||
.scarea input{width:100%;height:30px;border-radius:30px;border:1px solid #ccc;padding-left:1rem;color:#333;-webkit-text-fill-color: #333;opacity: 1;}
|
||||
#searchsubmits {width: 25px;height: 20px;background-size:contain;}
|
||||
/*
|
||||
#header-menu_wrap{background:#345;color:#fff;}
|
||||
#header-menu_wrap{position: -webkit-sticky;position: sticky;top: 0;z-index: 99999999999;}
|
||||
#header-menu_wrap .textwidget{overflow-x:auto;-webkit-overflow-scrolling: touch;}
|
||||
#top-menu-main{display:inline-block;height:48px;line-height:48px;width:800px;}
|
||||
#top-menu-main a{font-size:16px;padding:0 16px;color:#fff;display:inline-block;border-right:1px solid rgba(255,255,255,0.4);}
|
||||
*/
|
||||
.sp-head .coinarea{width:100%;height:24px;margin:0;float:none;width:100%;overflow:hidden;}
|
||||
.sp-head .coinarea .ec-set{overflow:hidden;display:inline-block;height:24px;margin:0;width:calc(calc(100% - 2.5em) / 3);position: relative;}
|
||||
.sp-head .coinarea .ec-chart,.sp-head .coinarea .ec-chart img{display:none;}
|
||||
.sp-head .coinarea .ec-sym,.sp-head .coinarea .ec-price,.sp-head .coinarea .ec-par{}
|
||||
.sp-head .coinarea .ec-image{position: absolute;top:14px;left:4px;display:none;}
|
||||
.sp-head .coinarea .ec-image img{width:20px;height:20px;display:none;}
|
||||
.sp-head .coinarea .ec-sym{position: relative;top:0;left:0;font-size:13px;display:inline-block;width:auto;padding:0 4px;}
|
||||
.sp-head .coinarea .ec-price{position: relative;top:0;left:0;font-size:12px;line-height:20px;display:inline-block;text-align:left;font-weight:bold;border-top:none;width:auto;font-weight:normal;}
|
||||
.sp-head .coinarea .ec-par{position: absolute;right:4px;top:6px;font-size:10px;display:none;}
|
||||
.coinarea .caopen:before{display:none;}
|
||||
.sp-head .coinarea .caopen:before{content: "";position: absolute;width: 32px;height: 20px;top:2px;right:4px;border:1px solid #bbb;border-radius:4px;display:block;}
|
||||
.coinview .ec-price{text-align:right;margin-top:0px;}
|
||||
.coinview .ec-sym{margin-top:32px;}
|
||||
.coinview .ec-name{top:16px;}
|
||||
.coinview .ec-image img{margin-top:35px;}
|
||||
}
|
||||
|
||||
#body{margin-top:1em;}
|
||||
@media (max-width: 640px) {
|
||||
#body{margin-top:0;}
|
||||
}
|
||||
|
||||
/* -------- -------- */
|
||||
|
||||
|
||||
/*
|
||||
.topnews{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;margin:0 auto;}
|
||||
|
||||
.topnews-1,.topnews-2,.topnews-3s{width:calc(100% - 16px);background:#fff;padding:8px;font-size:18px;position: relative;}
|
||||
.topnews-1 a,.topnews-2 a{display:block;background:#234;height:100%;}
|
||||
.topnews-3s{overflow:hidden;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-direction: column;}
|
||||
.topnews-txts{line-height:1.3;background:#234;color:#fff;padding:.4em;}
|
||||
.topnews-txts span{display:block;font-size:90%;text-align:right;font-weight:bold;opacity: 0.6;margin-top:2px;display:inline-block;float:right;}
|
||||
.topnews-img{width:100%;display: block;position: relative;overflow: hidden;}
|
||||
.topnews-img:before{content: '';display: block;width: 100%;height: 0;padding-bottom: 52.5%;}
|
||||
.topnews-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;max-height: 100%;max-width: unset;}
|
||||
a:hover .topnews-txts{color:#def;}
|
||||
a:hover .topnews-img img {opacity: 0.9;}
|
||||
|
||||
.topnews-s{height:calc(100% - 16px);padding:16px 0 0;overflow: hidden;}
|
||||
.topnews-s:first-child{padding:0;}
|
||||
.topnews-s a{display:block;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
|
||||
.topnews-s .topnews-img{width:28%;float:left;border:1px solid #ccc;border-right:none;}
|
||||
.topnews-s .topnews-img:before{padding-bottom: 52.5%;}
|
||||
.topnews-s .topnews-txts{width:72%;float:right;font-size:17px;background:initial;color:#234;padding:6px;border:1px solid #ccc;border-left:none;overflow: hidden;height:auto;line-height:1.15;}
|
||||
.topnews-s a:hover .topnews-txts{color:#246;}
|
||||
.topnews-s a:hover .topnews-txts{background:#f8f8f8;}
|
||||
.topnews-s .topnews-txts{position: relative;text-align:left;}
|
||||
.topnews-s .topnews-txts p{margin:0;text-align:left;display:inline-block;}
|
||||
.topnews-s .topnews-txts span{position: absolute;bottom:.5em;right:.5em;}
|
||||
.topnews-s .topnews-txts span.topnews-pr{background:#08f;color:#fff;border-radius:3px;padding:1px 6px 0;margin-top:0;}
|
||||
|
||||
@media (max-width: 832px) {.topnews{display:block;min-width:auto;overflow:hidden;}.topnews-1,.topnews-2,.topnews-3s{width:calc(100% - 16px);padding:8px;position: relative;float:left;}.topnews-3s{width:calc(100% - 16px);}}
|
||||
@media (max-width: 640px) {
|
||||
.topnews{display:block;min-width:auto;}
|
||||
.topnews-1,.topnews-2,.topnews-3s{width:calc(100% - 16px);padding:4px 8px;padding-right:8px;font-size:14px;}
|
||||
.topnews-1{padding-bottom:0;}
|
||||
|
||||
.topnews-s .topnews-img{width:40%;}
|
||||
.topnews-s .topnews-txts{width:60%;line-height:1.2;}
|
||||
|
||||
|
||||
.topnews-1,.topnews-2{position: relative;}
|
||||
.topnews-1 .topnews-txts,.topnews-2 .topnews-txts{position: absolute;bottom:0;right:8px;left:8px;background:rgba(32,48,64,0.75);}
|
||||
.topnews-s .topnews-txts{padding:4px;font-size:14px;}
|
||||
.topnews-s .topnews-txts span{position: relative;bottom:auto;right:auto;}
|
||||
.topnews-s{height:calc(100% - 8px);padding:4px 0 0;overflow: hidden;}
|
||||
.topnews-s:first-child{padding:0;}
|
||||
}
|
||||
*/
|
||||
|
||||
/* ------------ poweredby-coingecko ------------ */
|
||||
.poweredby-coingecko a{position: absolute;bottom:0;right:8px;display:inline-block;font-size:9px;color:#4990e2;opacity: 0.5;}
|
||||
.poweredby-coingecko a:hover{text-decoration: underline;}
|
||||
.coinview .poweredby-coingecko a{position: fixed;bottom:8px;right:16px;display:inline-block;font-size:14px;color:#4990e2;}
|
||||
.coinview .poweredby-coingecko a:hover{border:none;text-decoration: underline;}
|
||||
.home-alt-list .poweredby-coingecko a{position: relative;float:right;border:none;margin:0;padding:.5em;}
|
||||
.home-alt-list .poweredby-coingecko a:hover{background:#fff;}
|
||||
@media (max-width: 640px) {
|
||||
.coinarea .poweredby-coingecko{display:none;}
|
||||
.poweredby-coingecko a{font-size:8px;}
|
||||
.coinview .poweredby-coingecko a{font-size:12px;}
|
||||
}
|
||||
|
||||
/* ------------ home list ------------ */
|
||||
.hmmlv{display:none;}
|
||||
.hmml-top{display:block;}
|
||||
|
||||
.hmml-list{padding:0 1.25em;}
|
||||
.homelist-in{overflow:hidden;padding:2em 0;border-bottom:1px solid #ddd;position: relative;}
|
||||
.homelist-in figure{width:200px;height:105px;float:right;}
|
||||
.homelist-in figure img{width:100%;}
|
||||
.homelist-in .homelist-in-text{width:calc(100% - 220px);float:left;}
|
||||
.homelist-in .homelist-in-text a{color:#333;font-size:18px;font-weight:bold;}
|
||||
.homelist-in .homelist-in-sub{position: absolute;bottom:2em;right:220px;left:0;line-height:1.5em;}
|
||||
.homelist-in .homelist-in-sub .hometimes{float:left;font-size:12px;color:#888;}
|
||||
.homelist-in .homelist-in-sub .hometimes:before{font-family: "FontAwesome";content: "\f017";font-size:14px;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;padding:0 .2em;}
|
||||
.homelist-in .homelist-in-sub .homecoins{float:right;}
|
||||
.homelist-in .homelist-in-sub .homecoins img{width:1.25em;margin:0 .4em;}
|
||||
.homelist-in .homelist-in-sub .homeorg{float:right;}
|
||||
.homelist-in .homelist-in-text .homeorg a{color:#333;font-size:14px;font-weight:normal;}
|
||||
|
||||
.hmml-foot{padding:1.5em;text-align:right;font-size:18px;clear:both;}
|
||||
.hmml-foot a:after{content:" >";}
|
||||
|
||||
.hmml-soks{padding:0 1.25em;}
|
||||
.homelistnew-time{font-size:18px;font-weight:bold;color:#333;margin:2em 0;text-align:center;}
|
||||
.homelistnew-in{margin:1.5em 0;padding:1.5em 1em;background:#fafafa;overflow: hidden;}
|
||||
.homelistnew-in2{margin:1.5em 0;padding:1.5em 1em;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,0.2);overflow: hidden;}
|
||||
.homelnew-time{width:8em;float:left;text-align:center;}
|
||||
.homelnewtimes{display:block;width:4em;background:#345;color:#fff;font-size:13px;padding:.25em .5em .1em;border-radius:4px;margin:.25em auto;}
|
||||
.homelnewtimes.soks{width:6.25em;}
|
||||
.homelnew-text{width:calc(100% - 8.25em);float:right;}
|
||||
.homelnew-text a{font-size:18px;color:#345;font-weight:bold;}
|
||||
.homelnew-desc{margin-top:1em;font-size:16px;color:#333;}
|
||||
.homelnew-text a.homelistnew-in-link{display:inline-block;margin-top:.5em;font-size:15px;}
|
||||
.homelistnew-in-logo{display:inline-block;margin-top:.5em;font-size:.9em;float:right;}
|
||||
.homelnew-text .homelistnew-in-logo a{font-size:15px;}
|
||||
|
||||
@media (min-width: 641px){
|
||||
.homelist-in:nth-child(4){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;width:49%;float:left;}
|
||||
.homelist-in:nth-child(5){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;width:49%;float:right;}
|
||||
.homelist-in:nth-child(9){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;width:49%;float:left;}
|
||||
.homelist-in:nth-child(10){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;width:49%;float:right;}
|
||||
.homelist-in:nth-child(4) figure,
|
||||
.homelist-in:nth-child(5) figure,
|
||||
.homelist-in:nth-child(9) figure,
|
||||
.homelist-in:nth-child(10) figure{width:100%;height:auto;float:none;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text,
|
||||
.homelist-in:nth-child(5) .homelist-in-text,
|
||||
.homelist-in:nth-child(9) .homelist-in-text,
|
||||
.homelist-in:nth-child(10) .homelist-in-text{width:100%;float:none;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text a,
|
||||
.homelist-in:nth-child(5) .homelist-in-text a,
|
||||
.homelist-in:nth-child(9) .homelist-in-text a,
|
||||
.homelist-in:nth-child(10) .homelist-in-text a{color:#333;font-size:16px;font-weight:bold;min-height:auto;display:block;margin:8px 0;}
|
||||
.homelist-in:nth-child(4) .homelist-in-sub,
|
||||
.homelist-in:nth-child(5) .homelist-in-sub,
|
||||
.homelist-in:nth-child(9) .homelist-in-sub,
|
||||
.homelist-in:nth-child(10) .homelist-in-sub {position: relative;bottom:0;right:0;left:0;line-height:1.5em;margin-top:0;margin-right:0;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text .homeorg a,
|
||||
.homelist-in:nth-child(5) .homelist-in-text .homeorg a,
|
||||
.homelist-in:nth-child(9) .homelist-in-text .homeorg a,
|
||||
.homelist-in:nth-child(10) .homelist-in-text .homeorg a{font-size:14px;font-weight:normal;margin:0;}
|
||||
.homelist-in:nth-child(6),
|
||||
.homelist-in:nth-child(11){clear: both;}
|
||||
}
|
||||
|
||||
@media (max-width: 640px){
|
||||
.hmml-list{padding:0 .25em;}
|
||||
.homelist-in{overflow:hidden;padding:1.25em 0 1em;border-bottom:1px solid #ddd;position: relative;}
|
||||
.homelist-in figure{width:120px;height:62px;float:right;}
|
||||
.homelist-in .homelist-in-text{width:calc(100% - 130px);float:left;}
|
||||
.homelist-in .homelist-in-text a{color:#333;font-size:16px;font-weight:bold;min-height:62px;display:block;}
|
||||
.homelist-in .homelist-in-text .homeorg a{color:#333;font-size:14px;font-weight:normal;min-height:auto;}
|
||||
.homelist-in .homelist-in-sub{position: relative;bottom:0;right:0;left:0;line-height:1.5em;margin-top:.5em;margin-right:-130px;}
|
||||
|
||||
.homelist-in:nth-child(4){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;}
|
||||
.homelist-in:nth-child(4) figure{width:100%;height:auto;float:none;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text{width:100%;float:none;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text a{color:#333;font-size:16px;font-weight:bold;min-height:auto;display:block;margin:8px 0;}
|
||||
.homelist-in:nth-child(4) .homelist-in-sub{position: relative;bottom:0;right:0;left:0;line-height:1.5em;margin-top:0;margin-right:0;}
|
||||
.homelist-in:nth-child(4) .homelist-in-text .homeorg a{font-size:14px;font-weight:normal;margin:0;}
|
||||
|
||||
.homelist-in:nth-child(9){overflow:hidden;padding:1.25em 0 .9em;border-bottom:1px solid #ddd;position: relative;}
|
||||
.homelist-in:nth-child(9) figure{width:100%;height:auto;float:none;}
|
||||
.homelist-in:nth-child(9) .homelist-in-text{width:100%;float:none;}
|
||||
.homelist-in:nth-child(9) .homelist-in-text a{color:#333;font-size:16px;font-weight:bold;min-height:auto;display:block;margin:8px 0;}
|
||||
.homelist-in:nth-child(9) .homelist-in-sub{position: relative;bottom:0;right:0;left:0;line-height:1.5em;margin-top:0;margin-right:0;}
|
||||
.homelist-in:nth-child(9) .homelist-in-text .homeorg a{font-size:14px;font-weight:normal;margin:0;}
|
||||
|
||||
.homelnew-time{width:100%;float:none;text-align:center;}
|
||||
.homelistnew-in{overflow:initial;}
|
||||
.homelnewtimes{margin:-2.5em auto 6px;}
|
||||
.homelnew-text{width:100%;float:none;}
|
||||
.homelnew-text a{font-size:16px;}
|
||||
.homelnew-desc{margin-top:.4em;font-size:14px;}
|
||||
|
||||
.hmml-foot{padding:1.5em 0;text-align:right;font-size:17px;}
|
||||
|
||||
}
|
||||
|
||||
/* 外部CSS */
|
||||
/* https://coinpost.jp/wp-content/plugins/contact-form-7/includes/css/styles.css */
|
||||
div.wpcf7 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.wpcf7-response-output {
|
||||
margin: 2em 0.5em 1em;
|
||||
padding: 0.2em 1em;
|
||||
}
|
||||
|
||||
div.wpcf7 .screen-reader-response {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.wpcf7-mail-sent-ok {
|
||||
border: 2px solid #398f14;
|
||||
}
|
||||
|
||||
div.wpcf7-mail-sent-ng {
|
||||
border: 2px solid #ff0000;
|
||||
}
|
||||
|
||||
div.wpcf7-spam-blocked {
|
||||
border: 2px solid #ffa500;
|
||||
}
|
||||
|
||||
div.wpcf7-validation-errors {
|
||||
border: 2px solid #f7e700;
|
||||
}
|
||||
|
||||
.wpcf7-form-control-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
span.wpcf7-not-valid-tip {
|
||||
color: #f00;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.use-floating-validation-tip span.wpcf7-not-valid-tip {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 20%;
|
||||
z-index: 100;
|
||||
border: 1px solid #ff0000;
|
||||
background: #fff;
|
||||
padding: .2em .8em;
|
||||
}
|
||||
|
||||
span.wpcf7-list-item {
|
||||
display: inline-block;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
|
||||
span.wpcf7-list-item-label::before,
|
||||
span.wpcf7-list-item-label::after {
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.wpcf7-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.wpcf7 .ajax-loader {
|
||||
visibility: hidden;
|
||||
display: inline-block;
|
||||
background-image: url('../../images/ajax-loader.gif');
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0 0 0 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.wpcf7 .ajax-loader.is-active {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
div.wpcf7 div.ajax-error {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.wpcf7 .placeheld {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
div.wpcf7 .wpcf7-recaptcha iframe {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.wpcf7 input[type="file"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.wpcf7 input[type="file"]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.author-wrap{overflow: hidden;}
|
||||
.authorimg{display: block;float: left;width:128px;margin-right:12px;}
|
||||
@media (max-width: 640px){
|
||||
.authorimg{display: block;float: none;width:128px;margin-right:auto;margin:0 auto 1em;}
|
||||
}
|
||||
|
||||
.coinpt{background:#f0f0f0;padding:.5em .5em .35em;border-radius:4px;}
|
||||
.coinpb{margin:1em .25em 2em;overflow:hidden;font-size:16px;}
|
||||
.chartjs canvas{/*height:50vw !important;max-height:480px !important;*/}
|
||||
.chartmenu{overflow:hidden;margin:.5em 0 1em;}
|
||||
.chart{display:block;width:calc(100% / 5);padding:.5em 0;margin:0;border-bottom:4px solid #eee;text-align:center;float:left;font-weight:bold;}
|
||||
.chart.now{border-bottom:4px solid #F21E16;}
|
||||
body{margin:0;padding:0;}
|
||||
.chartjs{display:none;padding:.5em 0;margin:.25em;}
|
||||
.cjview{display:block;}
|
||||
.coinpbtxt{font-size:16px;}
|
||||
a.coinpbwplink,a.coinpbwwwlink{color:#345;background:#fff;font-weight:bold;text-align:center;font-size:16px;display:block;width:33%;min-width:12em;margin:1em auto 0;border:2px solid #345;border-radius:4px;padding:.25em 0 .1em;}
|
||||
a.coinpbwwwlink{margin:.5em auto 0;}
|
||||
a.coinpbwplink:hover,a.coinpbwwwlink:hover{color:#fff;background:#345;text-decoration:none;}
|
||||
a.coinpbpwdlink{float:right;color:rgba(48,64,80,0.4);font-size:12px;margin-top:12px;}
|
||||
.events_in{padding:0;font-size:16px;overflow:hidden;}
|
||||
.events_in a{width:100%;display:block;padding:.25em .5em;border-bottom:1px solid #eee;}
|
||||
.events_in:first-child a{border-top:1px solid #eee;}
|
||||
.events_in span{font-weight:bold;color:#2098A8;padding-right:1em;width:8em;float:left;display:block;text-align:center;}
|
||||
#wchartJs1,#wchartJs7,#wchartJs30,#wchartJs180,#wchartJsmax{background:#345;border-radius:4px;}
|
||||
|
||||
.sidecv{padding:1em;background:#345;border-radius:4px;color:#fff;margin-bottom:2.5em;margin-top:9em;height:auto;}
|
||||
.sidecv_top{overflow:hidden;margin:.5em 0 1.5em;background:#fff;color:#666;padding:.5em;border-radius:.25em;}
|
||||
.sidecv_top img{float:left;margin-right:1em;height:80px;}
|
||||
.sidecv_top .scv_name{display:block;font-size:16px;line-height:16px;margin:16px 0 0;}
|
||||
.sidecv_top .scv_sym{display:block;font-size:24px;line-height:24px;margin:10px 0;font-weight:bold;}
|
||||
#sidecv_list{margin-bottom:1.5em;font-size:16px;}
|
||||
#sidecv_list a{color:#fff;display:block;width:90%;margin:.75em auto;border:1px solid #fff;padding:.25em 0;text-align:center;}
|
||||
#sidecv_list a:hover{background:rgba(255,255,255,0.1);text-decoration:none;}
|
||||
.sidecv_p{padding:0 .5em;}
|
||||
.sidecv_p span{display:block;}
|
||||
.scv_top{font-size:16px;border-bottom:1px solid #888;}
|
||||
.scv_price{font-size:22px;text-align:center;font-weight:bold;padding:8px 0 0;color:#eee;}
|
||||
.scv_price b{color:#fff;}
|
||||
.scv_per{font-size:14px;text-align:right;color:#bfd;margin:3px 0;}
|
||||
.scv_per24:after{content:" 前日比";color:#fff;}
|
||||
.scv_per7d:after{content:" 前週比";color:#fff;}
|
||||
.scv_per1m:after{content:" 前月比";color:#fff;}
|
||||
.scv_per:before{content:"+";}
|
||||
.scv_per_m:before{content:"";}
|
||||
.scv_per_m{color:#fbd;}
|
||||
.sidecv_tw{height:100vh;overflow-x:hidden;overflow-y:scroll;border:1px solid #ccc;margin-bottom:2.5em;}
|
||||
.sidecv_set{overflow:hidden;margin-bottom:2.5em;font-size:16px;}
|
||||
.sidecv_in{padding:1em;}
|
||||
.sidecv_in img{max-width:100%;}
|
||||
.sidecv_exc{margin:.75em .25em;}
|
||||
.sidecv_exc a{display:block;background:#fff;padding:.5em;border-radius:4px;border:1px solid #ccc;}
|
||||
.sidecv_exc a:hover{text-decoration:none;background:#f8f8f8;}
|
||||
.coininfolist{margin-top:1em;}
|
||||
@media (max-width: 640px) {
|
||||
.sidecv_tw{height:70vh;}
|
||||
.sidecv{margin:.25em;margin-bottom:.5em;margin-top:.5em;padding:.5em;border-radius:4px;height:auto;}
|
||||
.sidecv_p{padding:0;float:left;width:48%;margin:0 1% .75em;}
|
||||
.scv_price{font-size:17px;}
|
||||
.sidecv_top{margin:.5em .25em;}
|
||||
#sidecv_list{margin-bottom:0;}
|
||||
}
|
||||
|
||||
iframe{max-width:100%;border:none;margin:0;padding:0;}
|
||||
|
||||
.kauthor-wrap{font-size:16px;background:#f4f8fc;padding: 1em;margin: 2em .25em .5em;border-radius:4px;overflow:hidden;}
|
||||
.kauthorimg{width:80px;float:left;display:block;}
|
||||
.kauthor-wrap-in{width:calc(100% - 96px);float:right;}
|
||||
.kauthor-noimage .kauthor-wrap-in{width:100%;float:right;}
|
||||
article.article h3.kauthor-h3{margin:0;padding:0 !important;border:none;font-size:17px;display:block;}
|
||||
.kauthor-s{font-size:15px;margin-left:.5em;color:#666;}
|
||||
article.article h3.kauthor-h3 a{text-decoration:none;}
|
||||
article.article h3.kauthor-h3 a.author-t{font-size:12px;float:right;display:inline-block;line-height: 1.6;}
|
||||
.kauthor-b{font-size:14px;line-height:1.4;}
|
||||
@media (max-width: 640px) {
|
||||
.kauthorimg{width:52px;float:left;display:block;}
|
||||
.kauthor-wrap-in{width:calc(100% - 60px);float:right;}
|
||||
.kauthor-noimage .kauthor-wrap-in{width:100%;float:right;}
|
||||
}
|
||||
|
||||
#top-list-after {
|
||||
margin:0;
|
||||
padding: 1.5em 1.25em;
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
#top-list-after {
|
||||
margin:0;
|
||||
padding: 1em .25em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 取引所 */
|
||||
.imsbox{border:1px solid #ccc;display: flex;margin:1em auto;clear:both;}
|
||||
.imsbox_head{width:10em;background:#136689;color:#ff0;text-align: center;display:flex;flex-direction: column;justify-content: center;font-weight: bold;}
|
||||
.imsbox_in{width:calc(100% - 10em);display:flex;}
|
||||
.imsbox_in1{width:30%;padding:.5em;display:flex;flex-direction: column;justify-content: center;}
|
||||
.imsbox_in1 img{width:100% !important;margin:0 !important;}
|
||||
.imsbox_in2{width:45%;padding:.5em;}
|
||||
article.article .imsbox_in2 h4{padding-left:0 !important;margin:0 !important;font-size:100%;}
|
||||
article.article .imsbox_in2 h4::before,article.article .imsbox_in2 h4::after{display: none !important;}
|
||||
.imsbox_in2 p{margin:0 !important;}
|
||||
.imsbox_in3{width:25%;padding:.5em;display:flex;flex-direction: column;justify-content: center;text-align:center;}
|
||||
.imsbox_in3 a{text-decoration: none !important;display:block;background:#345;padding:.5em;border-radius:4px;color:#fff;font-weight: bold;font-size:90%;}
|
||||
.imsbox_in3 a:hover{opacity: 0.9;color:#ff0;}
|
||||
@media (max-width: 640px) {
|
||||
.imsbox,.imsbox_head,.imsbox_in,.imsbox_in1,.imsbox_in3{display: block;}
|
||||
.imsbox_head,.imsbox_in,.imsbox_in1,.imsbox_in2,.imsbox_in3{width:100% !important;}
|
||||
.imsbox_in1,.imsbox_in2{padding:0;text-align: center;font-size:16px;}
|
||||
.imsbox_in2 p{padding:0 .5em;}
|
||||
.imsbox_in1 img{width:50% !important;margin: 0 auto;}
|
||||
article.article .imsbox_in2 h4{font-size: 18px;}
|
||||
}
|
||||
|
||||
.osmbox{border:1px solid #ccc;display: flex;margin:1em auto;clear:both;}
|
||||
.osmbox_head{width:10em;background:#136689;color:#fff;text-align: center;display:flex;flex-direction: column;justify-content: center;font-weight: bold;}
|
||||
.osmbox_in{width:calc(100% - 10em);display:flex;padding:.3em;background:#f0f4f8;}
|
||||
a.osmbox_ins{width:calc(100% / 3);padding:.5em;display:flex;flex-direction: column;justify-content: center;text-decoration: none !important;display:block;margin:.2em;background:#fff;line-height:1.5;border:1px solid #fff;box-shadow: 2px 2px 4px #0002;}
|
||||
a.osmbox_ins:hover{border:1px solid #bcd;opacity: 0.9;}
|
||||
article.article .osmbox_ins h4{padding-left:0 !important;margin:0 !important;text-align:center;font-size:100%;}
|
||||
.osmbox_ins h4::before,.osmbox_ins h4::after{display: none !important;}
|
||||
.osmbox_ins img{width:80% !important;margin:0 10% !important;display:block;}
|
||||
.osmbox_ins p{margin:4px 0 0 !important;font-size: 14px;line-height:1.3;display:block;}
|
||||
.osmbox_rank{display: block;font-size: 80%;font-weight: bold;text-align: center;color:#fff;border-radius:4px;line-height:1.5;}
|
||||
.or1{background:#e6bd12;}
|
||||
.or2{background:#8be;}
|
||||
.or3{background:#c84;}
|
||||
@media (max-width: 640px) {
|
||||
.osmbox{background:#f0f4f8;}
|
||||
.osmbox,.osmbox_head,.osmbox_in,a.osmbox_ins{display: block;}
|
||||
.osmbox_head,.osmbox_in{width:100% !important;box-sizing: border-box;}
|
||||
.osmbox_in{padding:0 .5em;}
|
||||
a.osmbox_ins{width:100%;margin:.75em 0;}
|
||||
.osmbox_ins img{width:50% !important;margin:0 25% !important;display:block;}
|
||||
article.article .osmbox_ins h4{font-size: 18px;}
|
||||
.osmbox_ins p{font-size: 15px;line-height: 1.6;}
|
||||
}
|
||||
|
||||
.srlb{overflow: hidden;}
|
||||
.srlb table.srl {
|
||||
padding:0;
|
||||
display: block;
|
||||
overflow-x: scroll;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.srlb table.srl th,
|
||||
.srlb table.srl td{padding:12px;min-width:3em;text-align:center;border-right:1px solid #eee;border-bottom:1px solid #eee;line-height:1.5;font-size:13px;}
|
||||
.fixed02 p{margin: 0 !important;padding:4px;background:#fff;border-radius:8px;}
|
||||
.fixed02 p img{width:2em;}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.srlb table.srl th,
|
||||
.srlb table.srl td{padding:8px;font-size:14.5px;}
|
||||
.srlb table.srl {
|
||||
padding:0;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.sgrank_head{width:100%;display: flex;text-decoration: none !important;border-left:1px solid #eee;border-top:1px solid #eee;}
|
||||
.sgrank_head1,.sgrank_head2,.sgrank_head3{padding:.5em;font-weight:bold;text-align: center;color:#fff;background:#136689;border-right:1px solid #eee;border-bottom:1px solid #eee;}
|
||||
.sgrank_head1{width:30%;}
|
||||
.sgrank_head2{width:20%;}
|
||||
.sgrank_head3{width:50%;}
|
||||
|
||||
a.sgrank_body{width:100%;display: flex;text-decoration: none !important;border-left:1px solid #ddd;}
|
||||
a.sgrank_body:hover{background:#f8fcff;}
|
||||
.sgrank_body1,.sgrank_body2,.sgrank_body3{padding:.5em;display:flex;flex-direction: column;justify-content: center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
|
||||
.sgrank_body1{width:30%;text-align:center;font-weight: bold;font-size:18px;}
|
||||
.sgrank_body1 img{width:60%;margin:0 20%;}
|
||||
.sgrank_body2{width:20%;text-align:center;}
|
||||
.sgrank_body2 img{width:1.2em;margin:0 2px;}
|
||||
.sgrank_body3{width:50%;font-size:15px;line-height:1.5;}
|
||||
.sgrank_body1 div{text-align: left;}
|
||||
@media (max-width: 640px) {
|
||||
.sgrank_head{display:none;}
|
||||
a.sgrank_body{display: block;margin:0 0 .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
|
||||
.sgrank_body1,.sgrank_body2,.sgrank_body3{width:100%;border-bottom: none;padding:0;}
|
||||
.sgrank_body1 div{padding:.2em;color:#fff;background:#136689;text-align: center;}
|
||||
.sgrank_body3{padding:.5em;}
|
||||
}
|
||||
|
||||
.mbrank_head{width:100%;display: flex;text-decoration: none !important;border-left:1px solid #ddd;border-top:1px solid #ddd;}
|
||||
.mbrank_head1,.mbrank_head3{padding:.5em;font-weight:bold;text-align: center;color:#fff;background:#136689;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
|
||||
.mbrank_head1{width:35%;}
|
||||
.mbrank_head3{width:65%;}
|
||||
a.mbrank_body{width:100%;display: flex;text-decoration: none !important;border-left:1px solid #ddd;}
|
||||
a.mbrank_body:hover{background:#f8fcff;}
|
||||
.mbrank_body1,.mbrank_body3{padding:.5em;display:flex;flex-direction: column;justify-content: center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
|
||||
.mbrank_body1{width:35%;text-align:center;font-weight: bold;font-size:18px;}
|
||||
.mbrank_body1 img{width:50%;margin:0 25%;}
|
||||
.mbrank_body3{width:65%;font-size:15px;line-height:1.5;}
|
||||
.mbrank_body1 div{text-align: left;}
|
||||
@media (max-width: 640px) {
|
||||
.mbrank_head{display:none;}
|
||||
a.mbrank_body{display: block;margin:0 0 .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
|
||||
.mbrank_body1,.mbrank_body3{width:100%;border-bottom: none;padding:0;}
|
||||
.mbrank_body1 div{padding:.2em;color:#fff;background:#136689;text-align: center;}
|
||||
.mbrank_body3{padding:0 .5em .5em;}
|
||||
}
|
||||
|
||||
.coinicon{width:1.2em;margin:0;}
|
||||
.mbrbox{border:1px solid #ddd;padding:3px;margin-bottom: 1.5em;}
|
||||
.mbrbox_head{padding:.5em;color:#fff;background:#136689;text-align: center;font-weight:bold;font-size:20px;}
|
||||
.mbrbox_in{display: flex;}
|
||||
.mbrbox_in1,.mbrbox_in2{width:50%;padding:.5em;display:flex;flex-direction: column;justify-content: center;}
|
||||
.mbrbox_img{background:#f8f8f8;margin-bottom:1em;}
|
||||
.mbrbox_img img{max-width:100%;}
|
||||
.mbrbox_point{margin:.25em 0;background:#f0f4f8;font-size:16px;font-weight:bold;padding:.25em;text-align:center;text-align: center;}
|
||||
.mbrbox_xc{margin-top:2em;}
|
||||
.mbrbox_stars{display: flex;padding:.5em 0;margin-bottom:.5em;}
|
||||
.mbrbox_stars1{width:40%;display:flex;flex-direction: column;justify-content: center;text-align:center;}
|
||||
.mbrbox_stars1a{font-size:17px;}
|
||||
.mbrbox_stars1a span{font-size:24px;padding-left:.5em;font-weight: bold;}
|
||||
.mbrbox_stars1b{font-size:18px;}
|
||||
.mbrbox_stars2{width:60%;display:flex;flex-direction: column;justify-content: center;}
|
||||
.mbrbox_svlst{padding:.5em;}
|
||||
.mbrbox_svlst_in1{padding:0 .2em;color:#136689;border-bottom:1px solid #136689;text-align: left;font-weight:bold;font-size:15px;line-height:20px;}
|
||||
.mbrbox_svlst_in2{padding:.3em .2em .75em;font-size:15px;line-height:1.5;}
|
||||
.mbrbox_body{padding:.5em .5em 0;}
|
||||
article.article .mbrbox_body h4{padding-left:0 !important;margin:.5em 0 0 !important;text-align:center;font-size:20px;background: #f0f4f8;line-height:1.75;}
|
||||
.mbrbox_body h4::before,.mbrbox_body h4::after{display: none !important;}
|
||||
article.article .mbrbox_body p{margin:1em .5em .5em;}
|
||||
.mbrbox_link{display: flex;}
|
||||
.mbrbox_link div{width:50%;padding:.5em;}
|
||||
.mbrbox_link div a{display:block;background:#136689;padding:1em 1em .75em;text-align:center;border-radius: 4px;text-decoration:none;color:#fff;font-size:15px;color:#fff;}
|
||||
.mbrbox_link div a span{display:block;border-bottom:1px solid #fff4;font-size:18px;font-weight: bold;color:#ff0;}
|
||||
.mbrbox_link div a:hover{opacity: 0.9;}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.mbrbox_in,.mbrbox_in1,.mbrbox_in2,.mbrbox_link{display: block;}
|
||||
.mbrbox_in1,.mbrbox_in2,.mbrbox_link,.mbrbox_link div{width:100%;}
|
||||
article.article .mbrbox_body h4,.mbrbox_link div a span,
|
||||
.mbrbox_head{font-size:17px;}
|
||||
.mbrbox_point{font-size:15px;}
|
||||
.mbrbox_in2{padding:0;}
|
||||
}
|
||||
|
||||
.ccrank{margin-right:.5em;padding:0 .5em;border-radius:4px;}
|
||||
.ccrank2{margin-right:.5em;padding:0 .5em;background:#fff;color:#136689;border-radius:4px;}
|
||||
.cr1{background:#e6bd12;color:#fff;}
|
||||
.cr2{background:#8be;color:#fff;}
|
||||
.cr3{background:#c84;color:#fff;}
|
||||
|
||||
.star5_rating{
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
color: #CCCCCC; /* グレーカラー 自由に設定化 */
|
||||
/*font-size: 30px; フォントサイズ 自由に設定化 */
|
||||
}
|
||||
|
||||
.star5_rating:before, .star5_rating:after{
|
||||
content: '★★★★★';
|
||||
}
|
||||
|
||||
.star5_rating:after{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
color: #ffcf32; /* イエローカラー 自由に設定化 */
|
||||
}
|
||||
|
||||
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
|
||||
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
|
||||
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
|
||||
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
|
||||
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
|
||||
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
|
||||
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
|
||||
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
|
||||
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
|
||||
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
|
||||
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */
|
||||
|
||||
/* css */
|
||||
article.article h2.beginner_h{background: linear-gradient(#086, #073);width:100%;color:#fff;font-size:20px;padding:.5em !important;border-radius:4px;}
|
||||
article.article h3.beginner_h{background: #e1f5ee;width:100%;color:#222;font-size:18px;padding:.4em !important;border-radius:4px;border-bottom:none;border-left:6px solid #086;}
|
||||
|
||||
article.article h4.beginner_h{padding:.4em !important;margin:2em 0 1.5em;font-size:17px;background: #e1f5ee;line-height:1.75;color:#333;}
|
||||
article.article h4.beginner_h::before,article.article h4.beginner_h::after{display: none !important;}
|
||||
|
||||
.beginner_icon{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f4f8fa;margin:1.5em 0;padding:.5em;display:flex;}
|
||||
article.article a.beginner_icons{width:20%;padding:.5em;text-decoration:none;text-align:center;display:flex;flex-direction: column;justify-content: center;}
|
||||
article.article a.beginner_icons span{line-height:1;}
|
||||
article.article a.beginner_icons span:first-child{display:block;}
|
||||
article.article a.beginner_icons span:first-child img{width:3em;}
|
||||
article.article a.beginner_icons span:last-child{font-size:14px;font-weight:bold;color:#086;display:block;width:100%;margin-top:.5em;}
|
||||
|
||||
.beginner_set{border:1px solid #ccc;margin:1.5em 0;overflow:hidden;}
|
||||
.beginner_sets{padding:.5em 1em;width:50%;border-bottom:1px dotted #ccc;float:left;}
|
||||
article.article h4.beginner_in_h{padding:.4em !important;margin:0;font-size:17px;background: #e1f5ee;line-height:1.75;color:#333;}
|
||||
article.article h4.beginner_in_h::before,article.article h4.beginner_in_h::after{display: none !important;}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.beginner_sets{width:100%;}
|
||||
}
|
||||
|
||||
.beginner_list{border:1px solid #ccc;margin:1.5em 0;overflow:hidden;}
|
||||
.beginner_lists{padding:.5em 1em;width:100%;border-bottom:1px dotted #ccc;float:left;}
|
||||
.beginner_lists:nth-child(odd){background: #f8fcfa;}
|
||||
|
||||
.beginner_no{position: relative;padding-left:2em;line-height:2;}
|
||||
.beginner_no span{position: absolute;top:calc(50% - 0.75em);left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#e1f5ee;text-align:center;border-radius: 3px;color:#086;font-weight: bold;}
|
||||
|
||||
.css_block{border: 2px solid #136689;padding: 1em;border-radius: 0.1em;margin: 1em 0;}
|
||||
|
||||
.css_grayback{border: 1px solid #444;background-color: #f8f9fa;padding: 1em;border-radius: 0.1em;margin: 1em 0;}
|
||||
|
||||
.css_lset2{display:flex;}
|
||||
.css_lset3{display:flex;}
|
||||
.css_lset2_in{width:50%;}
|
||||
.css_lset3_in{width:calc(100% / 3);}
|
||||
.css_lset2_in,
|
||||
.css_lset3_in{margin:.5em;padding:.5em;text-align:center;border:1px solid #ccc;border-radius: .5em;background:#f0f4f8;}
|
||||
.css_lset2_in span:first-child,
|
||||
.css_lset3_in span:first-child{display:block;font-size:36px;font-weight:bold;color:#136689;line-height:64px;}
|
||||
.css_lset2_in span:nth-child(2),
|
||||
.css_lset3_in span:nth-child(2){border-bottom:2px solid #136689;font-size:108%;}
|
||||
.css_lset2_in p,
|
||||
.css_lset3_in p{text-align:left;margin:.5em;}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.css_lset2{display:block;}
|
||||
.css_lset3{display:block;}
|
||||
.css_lset2_in{width:calc(100% - 1em);}
|
||||
.css_lset3_in{width:calc(100% - 1em);}
|
||||
}
|
||||
|
||||
xmp{max-width:100%;white-space: break-spaces;}
|
||||
|
||||
/* 20220202.YH.取引所ランキングテーブル */
|
||||
.ranking-table {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.ranking-table table {
|
||||
width: 2000px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ranking-table th {
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
.ranking-table td {
|
||||
min-width: 120px;
|
||||
text-align: center;
|
||||
line-height:1.1em;
|
||||
}
|
||||
|
||||
.ranking-table th:first-child {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.ranking-table table .rk-btn-area {
|
||||
display: block;
|
||||
padding: 0.6em 1em;
|
||||
background-color: #df4c52;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.rk-btn-area {
|
||||
background-color: black;
|
||||
margin-top: 1em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.rk-icon-size {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.good-score {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.ranking-table .table-currency-list {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.ranking-table .table-currency-list p {
|
||||
color: black;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.ranking-table .blue {
|
||||
color: #136689;
|
||||
}
|
||||
|
||||
.ranking-table .table-currency-list img {
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
.ranking-table tr.timesale {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.sticky-table-wrapper {
|
||||
height: 75vh;
|
||||
}
|
||||
|
||||
.sticky-thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
background-color: white;
|
||||
border: solid 1px #ccc
|
||||
}
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot');
|
||||
src: url('fonts/icomoon.eot#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.ttf') format('truetype'),
|
||||
url('fonts/icomoon.woff') format('woff'),
|
||||
url('fonts/icomoon.svg#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Enable Ligatures ================ */
|
||||
letter-spacing: 0;
|
||||
-webkit-font-feature-settings: "liga";
|
||||
-moz-font-feature-settings: "liga=1";
|
||||
-moz-font-feature-settings: "liga";
|
||||
-ms-font-feature-settings: "liga" 1;
|
||||
font-feature-settings: "liga";
|
||||
-webkit-font-variant-ligatures: discretionary-ligatures;
|
||||
font-variant-ligatures: discretionary-ligatures;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-amp-logo2:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.icon-amp-logo:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.icon-facebook-logo:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.icon-feedly-logo:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.icon-flickr-logo:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.icon-google-plus-logo:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.icon-hatebu-logo:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.icon-instagram-logo:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.icon-instagram-logo-new:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.icon-instagram-logo-new-sq:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.icon-line-logo:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.icon-pinterest-logo:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.icon-push7-logo:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.icon-rss-logo:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.icon-twitter-logo:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.icon-youtube-logo:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.icon-line-sq:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-rss-sq:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-feedly-sq:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-push7-sq:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-facebook-sq:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-flickr-sq:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-google-plus-sq:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-hatebu-sq:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-instagram-sq:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-pinterest-sq:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-twitter-sq:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-youtube-sq:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-push7-square:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-feedly-square:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-push7:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-hatebu-square:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-flickr-square:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.icon-hatena-square:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.icon-evernote:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.icon-feedly:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.icon-pocket:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.icon-line:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.icon-hatena:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.icon-line-square:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.icon-facebook-square:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.icon-instagram:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.icon-twitter-square:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.icon-youtube:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.icon-flickr2:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.icon-githubmark:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.icon-wordpress:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.icon-tumblr:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.icon-yahoo:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.icon-apple:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.icon-android:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.icon-windows:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.icon-windows8:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.icon-skype:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.icon-delicious:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.icon-pinterest:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.icon-googleplus:before {
|
||||
content: "\ea8b";
|
||||
}
|
||||
.icon-instagram-new:before {
|
||||
content: "\ea92";
|
||||
}
|
||||
|
|
@ -0,0 +1,151 @@
|
|||
<?php
|
||||
$err = '';
|
||||
$exists = [];
|
||||
$url = '';
|
||||
|
||||
function archiving ($url) {
|
||||
system("cd ".$url." && wget -LpExk --default-page=index.html --reject js,json,mp4,mov,mkv,mp3,ogg,ogv ".$_POST['hozonsite']);
|
||||
}
|
||||
|
||||
function striptags (string $text): string {
|
||||
$allowed = [
|
||||
'!doctype',
|
||||
'a', 'abbr', 'acronym', 'address', 'applet', 'area', 'article', 'aside', /*'audio',*/
|
||||
'b', 'base', 'basefont', 'bb', 'bdo', 'big', 'blockquote', 'body', 'br', 'button',
|
||||
'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'command',
|
||||
'datagrid', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt',
|
||||
'em', 'embed', 'eventsource',
|
||||
'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'frame', 'frameset',
|
||||
'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html',
|
||||
'i', /*'iframe',*/ 'img', 'input', 'ins', 'isindex', 'kbd', 'keygen',
|
||||
'label', 'legend', 'li', 'link',
|
||||
'map', 'mark', 'menu', 'meta', 'meter',
|
||||
'nav', 'noframes', 'noscript',
|
||||
'object', 'ol', 'optgroup', 'option', 'output',
|
||||
'p', 'param', 'pre', 'progress',
|
||||
'q',
|
||||
'rp', 'rt', 'ruby',
|
||||
's', 'samp', /*'script',*/ 'section', 'select', 'small', 'source', 'span', 'strike', 'strong', 'style', 'sub', 'sup',
|
||||
'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'tt',
|
||||
'u', 'ul',
|
||||
'var', /*'video',*/
|
||||
'wbr'
|
||||
];
|
||||
|
||||
return strip_tags($text, $allowed);
|
||||
}
|
||||
|
||||
function sanitize_archive ($path) {
|
||||
$file = file_get_contents($path); // ファイルの開く
|
||||
$file = striptags($file); // 危険なタグの削除
|
||||
|
||||
// ヘッダーの追加
|
||||
$file = "<div style=\"background-color: #320202; display: block; border: 4px #ff3b3b groove; color: #ea8181; padding: 10px; z-index: 999999; position: fixed; left: 0; top: 0; width: 100%;\">保存サイトでアーカイブしました。Archived with Hozon Site.<br /><a style=\"color: #ffeb3b;\" href=\"/\">トップページへ</a></div><div style=\"padding-top: 74px;\">".$file.'</div>';
|
||||
|
||||
// 保存
|
||||
file_put_contents($path, $file);
|
||||
}
|
||||
|
||||
if (count($_POST) > 0) {
|
||||
// HTTPかHTTPSじゃない場合
|
||||
if (!str_starts_with($_POST['hozonsite'], 'https://') && !str_starts_with($_POST['hozonsite'], 'http://')) {
|
||||
$err = 'URLは「http://」又は「https://」で始めます。';
|
||||
}
|
||||
else {
|
||||
$url = str_replace('https://', '', $_POST['hozonsite']);
|
||||
$url = str_replace('http://', '', $url);
|
||||
$fullurl = 'archive/'.time();
|
||||
$exists = glob('archive/*/'.$url);
|
||||
|
||||
if ($exists) {
|
||||
$tmp = [];
|
||||
foreach ($exists as $k => $v) {
|
||||
$tmp[$k] = explode('/', $v)[1];
|
||||
}
|
||||
$exists = $tmp;
|
||||
unset($tmp);
|
||||
}
|
||||
|
||||
if (count($exists) == 0 || (count($exists) > 0 && isset($_POST['agree']))) {
|
||||
if (!mkdir('./'.$fullurl, 0755, true)) die('エラー'); // ダイレクトリーを作成出来なければ、死ね
|
||||
archiving('./'.$fullurl); // ウエブページのダウンロード
|
||||
|
||||
// URL
|
||||
if (!str_ends_with($url, '.html') && !str_ends_with($url, '.htm') && !str_ends_with($url, '.php')) {
|
||||
if (str_ends_with($url, '/')) $url .= 'index.html';
|
||||
else $url .= '.html';
|
||||
}
|
||||
|
||||
sanitize_archive($fullurl.'/'.$url); // 危険なタグの削除
|
||||
|
||||
header('Location: '.$fullurl.'/'.$url); // 移転
|
||||
die();
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
|
||||
<title>保存サイト</title>
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="jswarning" id="jswarning">注意:JavsScriptはONです。安全・安心の為、JavaScriptをOFFにしてお願い致します。</div>
|
||||
<?php if ($err != '') { ?><div class="error"><?php echo $err; ?></div> <?php } ?>
|
||||
<script type="text/javascript">
|
||||
document.getElementById('jswarning').style.display = 'block';
|
||||
</script>
|
||||
<h1>保存サイト</h1>
|
||||
<div class="body">
|
||||
<p>
|
||||
<a href="/">トップ</a> |
|
||||
β版です。<a href="https://git.076.ne.jp/TechnicalSuwako/hozon.site/issues">バグの報告はこちらです。</a>
|
||||
</p>
|
||||
<hr />
|
||||
<div class="central">
|
||||
<?php
|
||||
if (count($_POST) > 0 && count($exists) > 0) {
|
||||
?>
|
||||
<h3><?php echo $url; ?></h3>
|
||||
既に保存されたページ:<br />
|
||||
<?php
|
||||
foreach ($exists as $e) {
|
||||
echo '<a href="/archive/'.$e.'/'.$url.'index.html">'.date('Y年-m月-d日 H:i:s', $e).'</a>';
|
||||
echo "<br />";
|
||||
}
|
||||
?>
|
||||
<p>
|
||||
このページが既に保存されているみたいです。<br />
|
||||
本当に手続きましょうか?
|
||||
</p>
|
||||
<form action="/" method="post">
|
||||
<input type="hidden" name="hozonsite" value="<?php echo $_POST['hozonsite']; ?>" />
|
||||
<input type="hidden" name="agree" value="1" />
|
||||
<div class="submit">
|
||||
<input type="submit" name="submit" value="はい、保存して下さい!!" />
|
||||
</div>
|
||||
</form>
|
||||
<?php
|
||||
}
|
||||
else {
|
||||
?>
|
||||
どのページを保存しますか?
|
||||
<form action="/" method="post">
|
||||
<input type="text" name="hozonsite" value="" />
|
||||
<div class="submit">
|
||||
<input type="submit" name="submit" value="保存" />
|
||||
</div>
|
||||
</form>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="submit">
|
||||
<a href="https://git.076.ne.jp/TechnicalSuwako/hozon.site"><img src="/git.png" alt="ソースコード" /></a> | <a href="https://www.076.moe">匿名自営業076</a> | <a href="https://technicalsuwako.moe">テクニカル諏訪子</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,74 @@
|
|||
body {
|
||||
background: #232629;
|
||||
color: #fcfcfc;
|
||||
}
|
||||
|
||||
.jswarning, .error {
|
||||
color: rgb(252, 252, 252);
|
||||
padding: 10px;
|
||||
z-index: 5000;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.jswarning {
|
||||
background-color: rgb(170, 170, 0);
|
||||
display: none;
|
||||
border: 4px #dde22d ridge;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: rgb(170, 0, 0);
|
||||
border: 4px #e22d2d ridge;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffeb3b;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: #dd0000;
|
||||
box-shadow: 2px 2px 10px #ff0000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.body, input {
|
||||
color: #ea8181;
|
||||
border: 1px #ff3b3b groove;
|
||||
}
|
||||
|
||||
.body {
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
padding: 8px;
|
||||
background-color: #320202;
|
||||
}
|
||||
|
||||
.central {
|
||||
margin: 0 auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: #600e0e;
|
||||
font-size: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
color: #ea8181;
|
||||
border-color: #ea8181;
|
||||
}
|
||||
|
||||
.submit {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
}
|