803 行
41 KiB
CSS
803 行
41 KiB
CSS
/*---------------------- 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
|
||
}
|
||
|