@charset "UTF-8";
abbr,
fieldset,
img {
border: 0
}
.gachaBtn,
body,
table,
textarea {
width: 100%
}
body,
div,
table {
word-wrap: break-word
}
#mainRight,
.fl {
float: left
}
.ranking-main-dl ul,
.sub-column li,
li {
list-style: none
}
* {
letter-spacing: 0
}
html {
overflow-y: scroll
}
body {
color: #444;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 2;
background: #fff
}
body.col3 {
overflow: hidden;
position: relative
}
blockquote,
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
ul {
margin: 0;
padding: 0
}
address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
h5,
h6,
var {
font-style: normal;
font-weight: 400;
font-size: 100%
}
caption {
text-align: left
}
#mainCenter .center th,
.center,
.gachaBtn {
text-align: center
}
q {
quotes: none
}
q:after,
q:before {
content: '';
content: none
}
img.aligncenter {
display: block;
margin: auto
}
.b,
.bold,
b,
strong {
font-weight: 700
}
dd {
margin: 0
}
button,
input,
optgroup,
option,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: baseline;
font-family: sans-serif
}
textarea {
overflow: auto;
vertical-align: top
}
input[type=text],
textarea {
padding: 2px
}
button,
input[type=reset],
input[type=submit],
input[type=button] {
-webkit-appearance: button
}
button::-moz-focus-inner,
input::-moz-focus-inner {
margin: 0;
padding: 0;
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
word-break: break-all
}
table hr {
margin-bottom: 0
}
#gNavi_button{
display: none;
}
#mainInner-col2 #siteTopSearch{
display: none;
}
.clearfix:after {
visibility: hidden
}
.clearfix {
min-height: 1px
}
#footer-in:after,
#global-nav-in #menu:after,
#header-in:after,
#main-and-sub:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
#main-contents .sb:after,
#main-contents dl.dl-style01:after,
#main-in:after,
#top-in:after,
.box-wrap:after,
.clearfix:after,
.contact:after,
.contents:after,
dl.search-box:after {
content: '';
display: block;
clear: both;
height: 0
}
#footer-in,
#global-nav-in #menu,
#header-in,
#main-and-sub,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
#main-contents .sb,
#main-contents dl.dl-style01,
#main-in,
#top-in,
.box-wrap,
.clearfix,
.contact,
.contents,
dl.search-box {
/zoom: 1
}
a:link,
a:visited {
color: #3492cf;
text-decoration: none
}
a:active,
a:hover {
color: #fb568e
}
.fontbig li,
.fontbig p {
font-size: 110%
}
.b,
.line {
background: linear-gradient(transparent 60%,#ffecb5 60%);
font-weight: 700
}
.imgBorder {
border: 1px solid #bebfc1;
box-sizing: border-box
}
.emp {
color: #ff7b00;
font-weight: 700
}
.gachaBtn {
border: 1px solid #5fb9f5;
border-radius: 2px;
color: #5fb9f5;
display: block;
font-weight: 700;
padding: 7px 0;
margin: 0 auto;
transition: 0.3s;
font-size: 15px;
box-sizing: border-box
}
.gachaBtn:hover {
color: #fff;
}
body .post .gachaBtn {
text-decoration: none;
box-sizing: border-box
}
.hyokaIcon {
display: inline-block;
padding: 0 5px;
border-radius: 3px;
font-weight: 700;
background: #ede6ce;
margin: 0 5px 5px 6px
}
#breadcrumbs ol,
#mainInner {
width: 980px;
margin: 0 auto
}
#breadcrumbs {
clear: both;
font-size: 13px;
line-height: 2
}
#breadcrumbs li {
display: inline-block;
margin-right: 0.5em;
font-size: 11px
}
#main-image,
#mainCenter .app-main br,
#mainCenter .appguide-box br,
#mainCenter .appguide-box p:empty,
#mainCenter .chumokuapp-box p:empty,
#mainCenter .mapplist-box br,
#mainCenter .mapplist-box p:empty,
#mainCenter .new2-box br,
#mainCenter .new2-box p:empty,
#mainCenter .top-slide-box br,
#mainCenter .top-slide-box p:empty,
#sidebar .sidebar-btn,
#sidebar-50,
#sub-contents .sub-contents-btn,
.appguide-box,
.footer-navi-wrap,
.gNaviWrap,
.kaijiban-box,
.logoSP,
.mapplist-box,
.snsBox,
.sp-menu,
.sp-menuBtn,
body .footer-navi-wrap {
display: none
}
#breadcrumbs li a {
padding-right: 15px;
background: url('https://img.altema.jp/yugiohcard/uploads/2025/07/2025y07m18d_1648567104.gif') center right no-repeat
}
#breadcrumbs ol {
overflow: hidden;
white-space: nowrap;
line-height: 30px;
height: 30px
}
#mainInner-col2 #mainCenter {
width:680px;
}
#mainInner-col2 #breadcrumbs {
margin:0 auto 20px;
width:100%;
background: #fff9e1;
padding:5px 10px;
box-sizing:border-box;
border-radius:10px;
}
#mainInner-col2 #breadcrumbs:before {
content: '';
background: #f5f5f5;
width: 100%;
top: 63px;
left: 0;
height: 32px;
margin: auto;
position: absolute;
z-index: -1
}
#mainCenter {
margin-right: 15px;
margin-bottom: 20px
}
#mainRight {
width: 285px;
}
#mainCenter .chumokuapp-box p:last-child {
margin: 0;
padding: 0;
height: auto;
line-height: 0
}
#sidebar-47,
#sidebar-51 {
margin-bottom: 20px
}
.top-main-banner img {
width: 100%;
height:auto;
object-fit: cover;
}
#mainRight a.allBtn2 {
display: block;
text-align: center;
margin: 20px auto;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
padding: 5px 0;
line-height: 30px;
width: 60%;
border-radius: 30px;
color: #FFF;
box-shadow: 0 2px 0 1px #0070bc
}
#mainRight a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
#sidebar-new-1,
#sidebar-new-3 {
background: #FFF;
margin-bottom: 20px;
border: 1px solid #e2e2e2
}
#sidebar-new-1 {
position: relative;
padding-bottom: 0
}
#sidebar-new-1 h3 {
background: url('https://img.altema.jp/yugiohcard/common/icon/widget-icon-ranking.png') 15px 11px no-repeat #f7568a;
background-size: 24px;
border: none;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.6;
color: #fff
}
#sidebar-new-1 article {
border-bottom: solid 1px #e2e2e2;
margin: 0 5px 10px;
padding-bottom: 10px
}
#sidebar-new-1 article a.kiji-ss-box {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 4px;
vertical-align: top;
}
#sidebar-new-1 article a.kiji-ss-box img.kiji-ss {
width: 100%;
object-fit: cover;
object-position: center top;
height: 81px
}
#sidebar-new-1 article a.kiji-ss-box img.no-icon {
width: 40px;
position: absolute;
left: 0;
top: -2px
}
#sidebar-new-1 article p {
position: relative;
overflow: hidden;
line-height: 18px;
display: inline-block;
width: 48%;
font-size: 14px;
vertical-align: middle
}
#sidebar-44 article p:after,
#sidebar-new-1 article p:before {
position: absolute;
background: #fff
}
#sidebar-new-1 article p a {
font-size: 12px
}
#sidebar-new-1 article p span a {
display: block;
width: 80%;
margin-bottom: 1px;
background: #ccc;
padding: 1px 5px;
text-align: center;
font-size: 10px;
color: #fff;
font-weight: 700;
line-height: normal
}
#sidebar-new-1 article p span a:hover {
color: #fff;
background: #676767
}
#sidebar-new-3 {
position: relative
}
#sidebar-new-3 h3 {
background: url('https://img.altema.jp/yugiohcard/common/icon/widget-icon-list.png') 14px 11px/22px no-repeat #f7568a;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
line-height: 1.6;
color: #fff
}
#sidebar-new-3 span.sub-h-txt {
position: absolute;
top: 28px;
left: 60px;
font-size: 11px;
color: #999
}
.footLogo,
.member-box {
position: relative
}
#sidebar-new-3 ul.ri-app-list {
margin: 10px 0 0;
display: block;
padding: 0 10px
}
#sidebar-new-3 ul.ri-app-list li {
display: inline-block;
width: 31%;
margin: 0;
text-align: center
}
#sidebar-new-3 ul.ri-app-list li a[href="/category/bridalnet"] img {
border: 0
}
#sidebar-new-3 ul.ri-app-list li img {
width: 70px;
height: 70px;
border-radius: 10px;
border: 1px solid #e2e2e2
}
#sidebar-new-3 ul.ri-app-list li span {
display: inline-block;
font-size: 11px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
margin-top: 5px
}
#mainRight .search-form_inputXX {
margin: 15px 0 0
}
#mainRight .search-form_inputXX form input[type=text] {
padding: 0 0 0 6px;
width: 80%;
box-sizing: border-box;
line-height: 30px;
font-size: 12px;
border: 1px solid #9b9b9b
}
#mainRight .search-form_inputXX form input[type=submit] {
box-sizing: border-box;
width: 20%;
line-height: 30px;
padding: 0;
border: 1px solid #586080;
background: #586080;
color: #FFF;
cursor: pointer
}
#sidebar-51 h3,
#sidebar-52 h3 {
background: url('https://img.altema.jp/yugiohcard/common/icon/widget-icon-writer.png') 14px 11px/22px no-repeat #f7568a;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
color: #fff;
border: 1px solid #e2e2e2;
border-bottom: 0
}
.member-box {
background: #FFF;
border: 1px solid #e2e2e2;
border-top: 0;
margin-bottom: 20px;
padding: 10px 0
}
.member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.member-box ul li {
width: 29%;
text-align: center;
margin: 5px 5px 10px;
display: block
}
.member-box ul li img {
width: 60px;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: 0.8s;
height: 60px;
object-fit: cover
}
.member-box ul li img:hover {
opacity: .8;
cursor: pointer;
transform: scale(1.1);
transition-duration: 1s;
transition-timing-function: ease
}
#mainCenter section.new2-box article ul li a:hover,
.footLogo img:hover {
opacity: .6
}
.member-box ul li span {
display: block;
line-height: normal;
font-size: 12px;
margin-top: 5px
}
#footer {
clear: both;
font-size: 12px
}
#footer-in {
width: 984px;
margin: auto
}
#footer .footer-menu h3 {
background: 0 0;
border-bottom: 1px solid #2299f2;
margin: 0 0 5px;
padding: 0 0 5px;
line-height: normal;
display: block
}
#footer h3 {
color: #333;
font-weight: 700
}
.footLogo:after {
content: '';
display: block;
position: absolute;
top: -15px;
right: 15px;
width: 540px;
height: 105px;
background: url('https://img.altema.jp/yugiohcard/common/icon/icon-no1-pc.png') right/contain no-repeat
}
.footLogo:before {
content: '※ 日本マーケティングリサーチ機構調べ 調査概要：2019年10月期_サイトのイメージ調査';
display: block;
position: absolute;
top: 90px;
right: 75px;
font-size: 10px;
color: #3b6287
}
#footer-in > .area02 {
display: none
}
.footLogo {
margin: 0 auto 40px;
text-align: center;
display: block
}
.footLogo img {
width: 35%;
display: block;
padding-top: 6px
}
#footer .sitelink-f li,
body .footer-menu li {
display: inline-block
}
.area01-freebox {
float: left;
box-sizing: border-box;
width: 38%;
padding: 10px;
color: #333;
background: 0 0;
border-radius: 5px;
border: 1px solid #d8d8d8
}
body #footer .area02 {
float: right;
box-sizing: border-box;
width: 60%;
padding: 0 0 0 10px;
position: relative
}
body .footer-menu li {
margin-bottom: 5px;
padding: 0 10px 3px
}
#footer-in .menu-footer2-container:first-of-type {
margin-bottom: 20px
}
#footer-in .menu-footer2-container:first-of-type li {
margin: 3px 2px;
padding: 0
}
#footer-in .menu-footer2-container:first-of-type li a {
background: #9c9c9c;
padding: 3px 10px;
border-radius: 50px;
color: #FFF
}
#footer-in .menu-footer2-container:first-of-type li a:hover {
opacity: .5
}
body #footer .area01 {
padding-bottom: 20px;
overflow: hidden;
width: 100%;
padding-top: 20px
}
#footer .sitelink-f {
box-sizing: border-box;
float: left;
width: 39%;
margin-top: 10px
}
#footer .sitelink-f li a {
display: block;
padding: 2px 10px 0 18px;
position: relative;
margin-top: 5px
}
#footer .sitelink-f li a:hover {
color: #fb568e
}
#footer .sitelink-f li a::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
background-color: #fb568e;
top: 50%;
left: 0;
margin-top: -2px
}
#footer .sitelink-f li a::after {
position: absolute;
content: "";
border: 7px solid transparent;
border-left: solid 7px #fb568e;
top: 50%;
left: 5px;
margin-top: -6px
}
.copyright {
padding: 5px 0;
background:#35394D;
font-size: 10px;
text-align: center;
color: #fff;
width: 100%;
}
.footerBtn {
display: block;
position: fixed;
width: 20%;
bottom: 25%
}
.topBtn {
position: fixed;
background: rgba(0, 0, 0, .54);
right: 10%;
bottom: 3%;
width: 70px;
height: 70px;
border-radius: 50%
}
body .topBtn a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-weight: 700;
text-align: center;
font-size: 12px;
width: 50px;
padding: 25px 0;
display: block
}
.topBtn a img {
display: block;
width: 25px;
text-align: center;
margin: 0 auto 5px;
padding: 0
}
.topBtn:hover {
opacity: .5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
body .top-main-box {
width: 100%;
margin: 0 auto;
padding: 20px 0 0;
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-monobg.png');
height: 430px;
border-bottom: 0;
position: relative
}
body .top-main-box .shindan-midashi {
position: relative;
z-index: 2;
text-align: center;
background: rgba(0, 0, 0, .85);
padding: 20px 0;
margin: 0
}
body .top-main-box .shindan-midashi:after,
body .top-main-box .shindan-midashi:before {
position: absolute;
width: 100%;
height: 50px;
top: 0;
bottom: 0;
margin: auto;
opacity: .5;
content: ""
}
body .top-main-box .shindan-midashi:before {
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-icon-l.png') right repeat-x;
left: -68%
}
body .top-main-box .shindan-midashi:after {
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-icon-r.png') left repeat-x;
left: 68%
}
body .top-main-box .shindan-midashi img {
width: 400px;
position: relative;
z-index: 1
}
body .top-main-box .select-box {
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-monobg-2.png') #FFF;
width: 650px;
display: block;
text-align: center;
padding: 30px 0 0;
box-sizing: border-box;
border-radius: 10px;
height: 280px;
position: relative;
margin: 20px auto 0
}
body .top-main-box .select-box:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-man.png') bottom/100% no-repeat;
position: absolute;
z-index: 3;
width: 190px;
height: 420px;
bottom: -15px;
left: -160px
}
body .top-main-box .select-box:after {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/top/shindan-woman.png') bottom/100% no-repeat;
position: absolute;
z-index: 3;
width: 130px;
height: 400px;
bottom: -15px;
right: -80px
}
body .top-main-box .select-box button {
width: 60%;
line-height: 58px;
border-radius: 10px;
background: rgba(48, 165, 242, 1);
background-image: linear-gradient(-30deg,#f7568a,#2295ed,#30a5f2);
transition: 0.6s;
background-size: 230%;
border: 0;
font-size: 24px;
font-weight: 700;
color: #FFF;
cursor: pointer;
box-shadow: 0 4px 1px 0 #0070bc;
margin: 10px 0 0;
padding: 3px 0 0
}
body .top-main-box .select-box button:hover {
background-position: right center;
box-shadow: 0 4px 1px 0 #005c9a
}
body .top-main-box .select-box button:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
body .top-main-box .select-box a.top-icon-huwa-1 {
position: absolute;
top: -55px;
left: -160px;
z-index: 3
}
body .top-main-box .select-box a.top-icon-huwa-2 {
position: absolute;
top: 0;
right: -90px;
z-index: 4
}
body .top-main-box .select-box a.top-icon-huwa-1 img:hover,
body .top-main-box .select-box a.top-icon-huwa-2 img:hover {
width: 65px;
border-radius: 10px;
border: 2px solid #e2e2e2;
opacity: 1;
transition: 0.5s
}
body .top-main-box .select-box a.top-icon-huwa-1 img,
body .top-main-box .select-box a.top-icon-huwa-2 img {
width: 50px;
border-radius: 10px;
border: 1px solid #e2e2e2
}
body .top-main-box .select-1 {
width: 100%;
position: relative
}
body .top-main-box .select-1 select {
width: 80%;
height: 50px;
border: 1px solid #dedede;
padding: 0 20px;
background: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
body .top-main-box .select-2-3 {
width: 100%;
margin: 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative
}
body .top-main-box .select-2-3 select {
width: 39%;
height: 50px;
border: 1px solid #dedede;
padding: 0 20px;
margin: 0 1%;
background: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.top-main-box .select-2-3:before,
body .top-main-box .select-1:after,
body .top-main-box .select-2-3:after {
content: '▼';
display: inline-block;
color: #f8558a;
position: absolute;
top: 10px;
margin: auto;
width: 1px;
bottom: 0
}
body .top-main-box .select-1:after,
body .top-main-box .select-2-3:after {
right: 90px
}
.top-main-box .select-2-3:before {
right: 65px;
left: 0
}
.top-icon-huwa-1,
.top-icon-huwa-2 {
-webkit-animation: fuwafuwa 3s infinite linear alternate;
animation: fuwafuwa 3s infinite linear alternate
}
@-webkit-keyframes fuwafuwa {
0% {
-webkit-transform: translate(0, 0) rotate(-5deg)
}
50% {
-webkit-transform: translate(0, -5px) rotate(0)
}
100% {
-webkit-transform: translate(0, 0) rotate(5deg)
}
}
@keyframes fuwafuwa {
0% {
transform: translate(0, 0) rotate(-5deg)
}
50% {
transform: translate(0, -5px) rotate(0)
}
100% {
transform: translate(0, 0) rotate(5deg)
}
}
#mainCenter section.new2-box {
margin-bottom: 40px
}
#mainCenter section.new2-box h2 {
color: #FFF;
background: url('https://img.altema.jp/yugiohcard/common/top/h2-bg-r.png') right center/20px no-repeat #333;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.new2-box .top-new2-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
#mainCenter section.new2-box article {
border: 1px solid #e2e2e2;
width: 32%;
margin: 0 0 10px;
display: inline-block;
position: relative;
padding: 0;
max-height: 200px;
min-height: 210px;
border-radius: 10px;
box-sizing: border-box
}
#mainCenter section.new2-box article img {
width: 100%;
height: auto;
max-height: 90px;
position: relative;
object-fit: cover;
top: -1px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #e2e2e2;
box-sizing: border-box
}
#mainCenter section.new2-box article ul,
#mainCenter section.new2-box article ul li {
padding: 0;
margin: 0
}
#mainCenter section.new2-box article ul li a,
#mainCenter section.new2-box article ul li:nth-child(2) a {
padding: 0 12px;
right: 0;
background: rgba(51, 51, 51, .6);
color: #FFF;
width: auto;
font-size: 12px;
line-height: 22px;
margin: 0;
display: inline-block;
position: absolute
}
#mainCenter section.new2-box article ul li a {
top: 0;
border-radius: 0 10px 0 0
}
#mainCenter section.new2-box article ul li:nth-child(2) a {
top: 25px;
border-radius: 0
}
#mainCenter section.new2-box article p {
font-size: 14px;
display: inline-block;
padding: 5px;
margin: 0;
line-height: 1.4;
font-weight: 700
}
#mainCenter section.new2-box article span {
display: inline-block;
padding: 5px;
margin: 0 0 10px;
position: absolute;
bottom: -10px;
right: 3px;
font-size: 12px;
color: #999
}
#mainCenter section.new2-box a.allBtn {
display: block;
text-align: center;
margin: 20px auto 0;
background: #5fb9f5;
padding: 10px;
width: 50%;
border-radius: 20px;
color: #FFF
}
#mainCenter section.new2-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
.top-newlist-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
#mainCenter section.ninkirank-box {
margin-bottom: 30px
}
#mainCenter section.ninkirank-box h2 {
color: #FFF;
background: url('https://img.altema.jp/yugiohcard/common/top/h2-bg-r.png') right center/20px no-repeat #333;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.ninkirank-box article {
border: 1px solid #e2e2e2;
width: 32%;
margin: 0 0 10px;
display: inline-block;
position: relative;
padding: 0;
box-sizing: border-box;
max-height: 200px;
min-height: 190px;
border-radius: 10px
}
#mainCenter section.ninkirank-box article br {
display: none
}
div.ninkirank-list-main {
width: auto;
display: inline-block;
vertical-align: top;
margin-top: 0;
padding: 6px;
border-top: 0;
box-sizing: border-box
}
.ninkirank-list1 {
margin: 0 0 6px;
padding: 0;
line-height: 20px
}
.ninkirank-list1 a,
.ninkirank-list1 a:nth-child(2) {
position: absolute;
margin: 0;
padding: 0 12px;
background: rgba(51, 51, 51, .6);
color: #FFF;
width: auto;
line-height: 22px;
right: 0;
font-size: 12px
}
.ninkirank-list1 br {
display: none
}
.ninkirank-list1 a {
display: inline-block;
top: 0;
border-radius: 0 10px 0 0
}
.ninkirank-list1 a:hover {
opacity: .8
}
#mainCenter .contents .mokujiInfo_off .mokujiAC:hover,
#mainCenter .contents .mokujiInfo_on .mokujiAC:hover {
opacity: .6
}
.ninkirank-list1 a:nth-child(2) {
display: inline-block;
top: 25px;
border-radius: 0
}
#mainCenter section.ninkirank-box article a img {
width: 100%;
max-height: 90px;
position: relative;
object-fit: cover;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
box-sizing: border-box;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #e2e2e2
}
#mainCenter section.ninkirank-box article > a {
height: 100%;
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
position: relative
}
#mainCenter section.ninkirank-box article > a br {
display: none
}
#mainCenter section.ninkirank-box article ul li {
display: inline-block;
margin: 0;
padding: 0
}
#mainCenter section.ninkirank-box article ul li a {
display: inline-block;
padding: 10px 10px 5px 5px;
margin: 0 5px 0 0;
background: linear-gradient(transparent 60%,#FFDFEF 0) rgba(0, 0, 0, 0);
font-size: 12px;
color: #3492cf;
font-weight: 700
}
#mainCenter section.ninkirank-box article ul li a:hover {
display: inline-block;
padding: 10px 10px 5px 5px;
margin: 0 5px 0 0;
background: linear-gradient(transparent 60%,#fffdbf 0) rgba(0, 0, 0, 0);
font-size: 12px;
color: #fb568e;
font-weight: 700
}
#mainCenter section.ninkirank-box article p {
display: inline-block;
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.4
}
#mainCenter section.ninkirank-box article p:empty {
display: none;
margin: 0;
padding: 0
}
#mainCenter section.ninkirank-box article span {
padding: 5px;
margin: 0 0 4px;
position: absolute;
bottom: 0;
right: 5px;
font-size: 11px;
color: #999;
font-weight: 700;
display: none
}
#mainCenter section.ninkirank-box a.allBtn,
#mainCenter section.ninkirank-box a.allBtn2 {
text-align: center;
margin: 20px auto;
padding: 5px 0;
line-height: 30px;
width: 60%;
border-radius: 30px;
box-shadow: 0 2px 0 1px #0070bc
}
#mainCenter section.ninkirank-box a.allBtn {
display: table;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.ninkirank-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
#mainCenter section.ninkirank-box a.allBtn2 {
display: block;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.ninkirank-box a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
div.more-Btn {
width: 100%;
box-sizing: border-box
}
#mainCenter section.chumokuapp-box {
margin-bottom: 30px
}
#mainCenter section.chumokuapp-box h2 {
color: #FFF;
background: url('https://img.altema.jp/yugiohcard/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.chumokuapp-box .top-chumokuapp-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#mainCenter section.chumokuapp-box article {
border: 1px solid #e2e2e2;
background: #FFF;
width: 31.5%;
margin: 0 0 15px;
display: inline-block;
position: relative;
min-height: 180px;
box-sizing: border-box;
line-height: normal;
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(1) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://img.altema.jp/yugiohcard/common/icon/app-no1-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(2) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://img.altema.jp/yugiohcard/common/icon/app-no2-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(3) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://img.altema.jp/yugiohcard/common/icon/app-no3-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box article img {
width: 100%;
height: 87px;
object-fit: cover;
}
#mainCenter section.chumokuapp-box article ul li {
display: inline-block;
margin: 0;
padding: 0
}
#mainCenter section.chumokuapp-box article ul li a {
display: inline-block;
padding: 10px;
margin: 0 5px;
background: #ccc;
font-size: 12px;
color: #FFF;
font-weight: 700
}
#mainCenter section.chumokuapp-box article ul li a:hover {
display: inline-block;
padding: 10px;
margin: 0 5px;
background: #676767;
font-size: 12px
}
#mainCenter section.chumokuapp-box article p {
display: block;
padding: 5px;
line-height: 1.8em;
margin: 2px;
font-size: 12px;
color: #676767;
font-weight: 700;
width: auto
}
#mainCenter section.chumokuapp-box article span {
padding: 0 10px;
margin: 0;
bottom: 0;
left: 3px;
font-size: 14px;
font-weight: 700;
color: #2397ed;
width: auto;
text-align: center;
background: none;
}
#mainCenter section.chumokuapp-box a.allBtn,
#mainCenter section.chumokuapp-box a.allBtn2 {
margin: 20px auto;
padding: 5px 0;
width: 60%;
border-radius: 30px;
box-shadow: 0 2px 0 1px #0070bc;
text-align: center;
line-height: 30px
}
#mainCenter section.chumokuapp-box a.allBtn {
display: table;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.chumokuapp-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
#mainCenter section.chumokuapp-box a.allBtn2 {
display: block;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.chumokuapp-box a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
section.chumokuapp-box a.linkalls {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 10
}
#mainCenter section.chumokuapp-box h3 {
background: url('https://img.altema.jp/yugiohcard/common/top/ranking-icon-koi.png') left center/32px no-repeat;
color: #050d41;
font-size: 16px;
margin: 0 auto;
padding: 0 0 0 45px;
width: auto;
line-height: 50px;
font-weight: 700;
border: 0
}
#mainCenter section.chumokuapp-box h3:nth-of-type(2) {
background: url('https://img.altema.jp/yugiohcard/common/top/ranking-icon-kon.png') left center/32px no-repeat;
border: 0
}
#mainCenter section.chumokuapp-box h3:nth-of-type(3) {
background: url('https://img.altema.jp/yugiohcard/common/top/ranking-icon-date.png') left center/32px no-repeat;
border: 0
}
#mainInner-col2 {
margin: 0 auto;
width: 980px;
}
#mainInner-col2 #main-in{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#mainLeft{
display:none;
}
.post h1 {
font-weight: 700;
font-size: 24px;
margin: 0 0 10px;
line-height: 1.6
}
.post-meta02 {
padding:0;
color: #999;
margin: 0;
display: block!important;
}
span.post-data {
font-size: 13px;
display: inline-block;
margin: 0 5px 0 0;
}
#main-contents li,
#mainCenter li {
margin: 15px 0;
line-height: 0.5em;
}
#mainCenter table td li, #main-contents table td li{
margin:0px;
line-height: 1.5em;
}
#mainCenter .post ul li {
padding: 0;
}
#mainCenter ul {
margin:0;
}
body .post a {
text-decoration: none;
}
body .post .conve-bt-boxs a,
body .post .kanrenlist-box a {
text-decoration: none;
}
.lead {
font-size: 12px;
color: #777;
margin:10px 0;
}
#snsBox01 li a:active,
#snsBox01 li a:hover,
#snsBox01 li a:link,
#snsBox01 li a:visited,
.snsBox02 li a:active,
.snsBox02 li a:hover,
.snsBox02 li a:link,
.snsBox02 li a:visited {
color: #fff
}
#mainCenter table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #dde4e6
}
#mainCenter td,
#mainCenter th {
padding: 0.5em;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
font-size: 15px;
}
#mainCenter th {
background-color: #f0f0f0;
font-weight: 700;
text-align: left;
}
#main-contents table.tableLine li {
margin: 5px 0;
line-height: normal;
width: 100%
}
#mainCenter .post table.tableLine li {
margin: 3px 0;
line-height: normal;
width: 100%;
padding: 5px 0;
background-color: #fcfcfc
}
.aricle h2,
.article h3,
.article p {
margin: 0 0 20px;
line-height: 2
}
.box {
padding: 2px 20px;
background: #e6f2b0;
border: 2px solid #c1db3f;
margin: 10px 0
}
#mainCenter #osusumerank td ul li,
#mainCenter .rank-list-appicon td ul li {
border: none;
margin: 0;
line-height: 1.5em;
padding: 5px 0
}
#mainCenter .post table.tableLine ul {
margin: 0
}

body #mainCenter h2 {
position: relative;
background: #3E0504;
line-height:normal;
color: #fff;
font-size: 19px;
margin: 0 0 20px;
text-align: left;
padding: 13px 0 13px 18px;
font-weight:bold;
line-height:normal;
}
body #mainCenter h2:after{
content: '';
display: block;
width: 100%;
height: 2px;
background: #ffddb4;
position: absolute;
left: 0;
bottom: 3px;
}
body #mainCenter h3 {
font-size: 17px;
margin: 0 0 20px;
text-align: left;
padding: 5px 10px 5px 20px;
font-weight: 700;
border-bottom: 2px solid #fccc04;
line-height:normal;
position:relative;
}
body #mainCenter h3:before{
content:"";
position:absolute;
background:#fccc04;
width:10px;
height:100%;
top:0;
bottom:0;
left:0;
margin:auto;
}
body #mainCenter h3.kuchi-icon {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/02/2019y02m15d_1218516666.png');
background-repeat: no-repeat;
background-size: 25px;
background-position: left;
padding: 5px 0 5px 30px;
margin: 10px 0 5px;
border: none;
color: #444;
font-size: 17px
}
body #mainCenter h4 {
padding: 5px 0;
font-size: 15px;
margin: 10px 0 15px;
font-weight: 700;
line-height: normal;
background: #f2f2f2;
display: flex;
align-items: center;
border-radius:3px;
}
body #mainCenter h4:before {
content: "";
width: 5px;
height: 25px;
background: #8c8c8c;
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
body #mainCenter h4.kuchi-icon {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/02/2019y02m15d_1218516666.png');
background-repeat: no-repeat;
background-size: 25px;
background-position: left;
background-color: #FFF;
padding: 5px 0 2px 30px;
font-size: 15px;
margin: 10px 0 5px;
border: none
}
#snsBox01 li,
.article .snsBox02 li {
border-radius: 0;
font-size: 80%;
cursor: pointer;
vertical-align: middle;
box-sizing: border-box
}
body #mainCenter h4.kuchi-icon:before {
display: none
}
#sns-button {
padding: 0
}
#snsBox01 {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#snsBox01 ul {
padding: 10px
}
#mainCenter .post #snsBox01 li,
#snsBox01 li {
padding: 7px 0 0
}
#snsBox01 li {
display: inline-block;
position: relative;
height: 28px;
width: 23%;
text-align: center
}
#snsBox01 li img {
width: 13px;
margin-right: 3px;
margin-bottom: 2px;
vertical-align: middle
}
#snsBox01 li.facebook-icon img {
width: auto;
height: 13px;
margin-right: 4px;
margin-bottom: 2px;
vertical-align: middle
}
#snsBox01 li.twi-icon {
background-color: #20bee2
}
#snsBox01 li.line-icon {
background-color: #22af94
}
#snsBox01 li.facebook-icon {
background-color: #5f699e
}
#snsBox01 li.hate-icon {
background-color: #297faa
}
#snsBox01 li.twi-icon:hover {
background-color: #00b4ff;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.line-icon:hover {
background-color: #22af94;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.facebook-icon:hover {
background-color: #5f699e;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.hate-icon:hover {
background-color: #297faa;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.sns-button02 {
padding: 0;
margin-bottom: 0px;
position: relative;
vertical-align:middle;
}
.post-meta02+.sns-button02 {
margin-top: 0
}
.sns-button02:last-of-type {
text-align: right;
margin-top: 0
}
.home .article .sns-button02 {
margin: -18px 0 -25px
}
.contents .article .sns-button02 {
margin: 0
}
#mainCenter .post > .contents{
margin-top:10px;
}
#mainCenter .snsBox02 {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#mainCenter .post-meta02+.sns-button02 .snsBox02 {
bottom: 7px;
}
#mainCenter .sns-button02:last-of-type .snsBox02 {
position: static;
display: inline-block
}
.snsBox02 ul {
padding: 10px
}
.article .snsBox02 li {
display: inline-block;
position: relative;
height: 24px;
width: 20%;
text-align: center
}
#mainCenter .snsBox02 li {
box-sizing: border-box;
margin: 0 10px 0 0;
border-radius: 50px;
width: 60px;
height: 20px;
line-height: 20px;
display: inline-block;
position: relative;
cursor: pointer;
text-align: center;
vertical-align: middle
}
#mainCenter .sns-button02:last-of-type .snsBox02 li {
margin: 0 5px 0 0
}
#mainCenter .sns-button02:last-of-type .snsBox02 li:last-of-type,
#mainCenter .snsBox02 li:last-of-type {
margin: 0
}
.article .snsBox02 li a {
padding: 5px 0 0;
display: block
}
.snsBox02 li a {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 20px;
line-height: 20px;
}
.snsBox02 .twi-icon img {
width: 14px
}
.snsBox02 .line-icon img {
width: 14px
}
.snsBox02 li.facebook-icon img {
height: 14px;
}
body #mainCenter table.voiceBox td,
body #mainCenter table.voiceBox2 td {
vertical-align: top
}
.snsBox02 .hate-icon img {
width: 14px;
}
.snsBox02 li.twi-icon {
background-color: #20bee2
}
.snsBox02 li.line-icon {
background-color: #50b945
}
.snsBox02 li.facebook-icon {
background-color: #5f699e
}
.snsBox02 li.hate-icon {
background-color: #297faa
}
.snsBox02 li.twi-icon:hover {
background-color: #00b4ff;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.line-icon:hover {
background-color: #13bf00;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.facebook-icon:hover {
background-color: #3b5998;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.hate-icon:hover {
background-color: #016cde;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li a span {
display: none
}
body #mainCenter table.voiceBox {
margin-bottom: 20px;
position: relative;
z-index: 1
}
body #mainCenter table.voiceBox,
body #mainCenter table.voiceBox td,
body #mainCenter table.voiceBox th {
border: none
}
body #mainCenter table.voiceBox td:first-child {
padding: 0 0 0 10px;
margin: 0;
width: 80px
}
body #mainCenter table.voiceBox td:nth-of-type(2) {
padding: 0 20px
}
body #mainCenter table.voiceBox td:first-child span {
font-size: 13px
}
body #mainCenter table.voiceBox td:first-child img {
display: block;
width: 60px;
margin: 0 auto;
text-align: center;
border-radius: 3px
}
body #mainCenter table.voiceBox td:first-child img[src*="2018y11m28d_2024434391.png"] {
width: 65px;
height: 65px;
object-fit: contain;
object-position: center 5px;
margin: 0 auto;
text-align: center;
-webkit-filter:drop-shadow(-2px 2px 0 #fffcf);
border-radius: 50%;
border: 2px solid #ccc
}
body #mainCenter table.voiceBox td:first-child img[src*="2018y11m28d_2024444835.png"] {
width: 60px;
height: 60px;
padding: 4px 2px 0;
object-fit: contain;
object-position: center 5px;
margin: 0 auto;
text-align: center;
-webkit-filter:drop-shadow(-2px 2px 0 #fffcf);
border-radius: 50%;
background: #e7e7e7
}
body #mainCenter table.voiceBox td:nth-child(2) p::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -10px;
top: 7px;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1
}
body #mainCenter table.voiceBox td:nth-child(2) p::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2
}
body #mainCenter table.voiceBox td:nth-child(2) p {
background: #fff;
padding: 10px;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
line-height: 2em;
font-size: 13px;
margin: 0;
box-shadow: 1px 1px 2px 0 #e4e4e4
}
body #mainCenter table.voiceBox2 {
margin-bottom: 20px;
position: relative;
z-index: 1
}
body #mainCenter table.voiceBox2,
body #mainCenter table.voiceBox2 td,
body #mainCenter table.voiceBox2 th {
border: none
}
body #mainCenter table.voiceBox2 tr {
display: flex;
flex-flow: row nowrap
}
body #mainCenter table.voiceBox2 td:first-child {
padding: 0 10px 0 0;
margin: 0;
width: 100px;
order: 2
}
body #mainCenter table.voiceBox2 td:nth-of-type(2) {
padding: 0 20px 0 10px;
order: 1;
width: 100%
}
body #mainCenter table.voiceBox2 td:first-child span {
font-size: 13px
}
body #mainCenter table.voiceBox2 td:first-child img {
display: block;
width: 60px;
margin: 0 auto;
text-align: center;
border-radius: 3px
}
body #mainCenter table.voiceBox2 td:nth-child(2) p::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 7px;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1
}
body #mainCenter table.voiceBox2 td:nth-child(2) p::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -8px;
top: 8px;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2
}
body #mainCenter table.voiceBox2 td:nth-child(2) p {
background: #fff;
padding: 10px;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
line-height: normal;
font-size: 13px;
margin: 0;
box-shadow: 1px 1px 2px 0 #e4e4e4
}
#main #main-contents .contents .mokujiInfo_off,
#main #main-contents .contents .mokujiInfo_on,
#mainCenter .mokujiInfo_off,
#mainCenter .mokujiInfo_on {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
#main #main-contents .contents .mokujiInfo_off h2,
#main #main-contents .contents .mokujiInfo_off p.mokujiTitle,
#main #main-contents .contents .mokujiInfo_on h2,
#main #main-contents .contents .mokujiInfo_on p.mokujiTitle,
#mainCenter .contents .mokujiInfo_off h2,
#mainCenter .contents .mokujiInfo_off p.mokujiTitle,
#mainCenter .contents .mokujiInfo_on h2,
#mainCenter .contents .mokujiInfo_on p.mokujiTitle {
background: 0 0;
font-size: 110%;
margin: 0 0 10px
}
#main #main-contents .contents .mokujiInfo_off h2,
#main #main-contents .contents .mokujiInfo_off p.mokujiTitle,
#main #main-contents .contents .mokujiInfo_on h2,
#main #main-contents .contents .mokujiInfo_on p.mokujiTitle,
#mainCenter .mokujiInfo_off h2,
#mainCenter .mokujiInfo_off p.mokujiTitle,
#mainCenter .mokujiInfo_on h2,
#mainCenter .mokujiInfo_on p.mokujiTitle {
background: rgba(0, 0, 0, 0);
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
margin-top: 0;
padding: 0 0 0 10px
}
#main #main-contents .contents .mokujiInfo_off ul,
#main #main-contents .contents .mokujiInfo_on ul,
#mainCenter .mokujiInfo_off ul,
#mainCenter .mokujiInfo_on ul {
margin: 0 10px;
border: solid #f5f5f5
}
#main #main-contents .contents .mokujiInfo_off ul li,
#main #main-contents .contents .mokujiInfo_on ul li,
#mainCenter .mokujiInfo_off ul li,
#mainCenter .mokujiInfo_on ul li {
font-size: 14px;
background: 0 0;
border-bottom: 0;
padding: 0 3px 0 14px;
line-height: 1.2
}
body .post .mokujiInfo_on a {
text-decoration: none
}
#mainCenter .contents .mokujiInfo_off h2,
#mainCenter .contents .mokujiInfo_off p.mokujiTitle,
#mainCenter .contents .mokujiInfo_on h2,
#mainCenter .contents .mokujiInfo_on p.mokujiTitle {
width: 83%;
display: inline-block;
margin: 0;
padding: 8px 0 8px 12px
}
#mainCenter .contents .mokujiInfo_off .mokujiAC,
#mainCenter .contents .mokujiInfo_on .mokujiAC {
margin: 0 10px;
padding: 3px;
border: 1px solid #f7f7f7;
width: 10%;
color: #FFF;
text-align: center;
display: inline-block;
cursor: pointer
}
#mainCenter .contents .mokujiInfo_off .mokujiAC {
background-color: #89adc3
}
#mainCenter .contents .mokujiInfo_on .mokujiAC {
background-color: #ccc
}
#mainCenter .post .answer-list li {
box-sizing: border-box;
display: inline-block;
width: 48%;
background: #5fb9f5;
color: #fff;
border-radius: 20px;
text-align: center;
position: relative;
margin: 5px;
cursor: pointer
}
#mainCenter .post .answer-list li:before {
content: '';
width: 24px;
height: 24px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/08/2019y08m07d_1103046023.png');
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto
}
#mainCenter .post .answer-list li:hover {
background: #fb568e
}
#mainCenter .question-area {
height: auto;
min-height: 220px
}
.answer-list label {
display: block;
padding: 15px 0;
position: relative;
cursor: pointer
}
.answer-list label br,
.answer-list label input {
display: none
}
div.bar-area {
background: #dedede;
padding: 10px 0;
border-radius: 5px;
margin-bottom: 20px
}
.bar-area .basebar {
border: 0;
background: #fff;
display: block;
border-radius: 5px
}
.bar-area .last-cnt-graph {
background: #fb568e;
border-radius: 0 15px 15px 0
}
.result .result-area p {
display: block
}
.result .result-area span {
display: inline-block;
background: #fff;
color: #fb568e;
padding: 3px 7px;
margin: 5px;
border: 1px solid #ffdae7
}
.result-area p,
.result-area p:nth-child(2) {
display: inline-block;
font-weight: 700;
margin-bottom: 10px
}
.result .result-area {
text-align: left;
padding: 10px;
border: 1px solid #ffdf89;
background: #fff5bf
}
div.app-list-area,
div.result-area {
padding: 20px;
border: 1px solid #e2e2e2
}
div.result-area {
text-align: left
}
.result-area p {
font-size: 14px
}
.result-area p:nth-child(2) {
font-size: 18px;
color: #fa578e
}
.result-area p:empty {
display: none
}
.result-area p:nth-of-type(3) {
display: block;
font-weight: 400;
font-size: 12px;
color: #999;
margin-bottom: 0
}
div.app-list-area {
background: 0 0;
margin: 20px 0
}
.result .app-area .app-area-top {
display: flex;
flex-flow: nowrap
}
div.app-area-top {
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.app-area-top > img {
border-radius: 10px;
margin-right: 15px
}
.app-area-top+p {
margin-bottom: 0
}
.app-area-center {
background: #ff8383;
color: #fff;
padding: 10px;
display: none
}
.app-area div.app-area-bottom {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
display: block;
margin-top: 20px
}
.text_toggle {
cursor: pointer;
width: 100%;
color: #777;
border-width: 1px;
border-style: solid;
border-color: #d1dbde;
border-image: initial;
border-radius: 5px;
padding: 10px 0;
text-align: center;
margin: 10px 0;
display: none
}
.app-area .app-area-bottom {
margin-bottom: 20px
}
.result>p:last-of-type a {
box-sizing: border-box;
border: 1px solid #5fb9f5;
border-radius: 2px;
color: #5fb9f5;
display: block;
font-weight: 700;
padding: 7px 0;
text-align: center;
width: 100%;
margin: 0 auto;
transition: 0.3s;
font-size: 15px
}
.result>p:last-of-type a:hover {
color: #fff;
background: #217bd6
}
.result .rating {
color: orange
}
.result .text_toggle:before {
content: '▼';
display: inline-block;
font-size: 13px;
margin: 0 4px 0 0
}


.hyoubanbox01 dd,
.hyoubanbox02 dd {
margin-left: 5px!important;
font-size:14px;
font-weight:bold
}
.hyoubanbox01 dl,
.hyoubanbox02 dl{
margin:5px 0;
}
.hyoubanbox01 {
border-radius: 4px;
background:#ff7795;
padding: 0px;
border: 0px solid #ff7795;
margin-bottom: 20px;
margin-top:30px;
position:relative;
}
.hyoubanbox01 dt {
font-weight: 700;
margin: 5px 10px;
font-size: 16px;
padding-left:0px;
position:absolute;
display:flex;
top:-20px;
left:-10px;
background:#ff8aa4;
width:auto;
min-width: 25%;
max-width: 100%;
border-radius:50px;
color:#FFF;
padding-right: 15px;
}
.hyoubanbox01 dt:before{
content:"";
display:block;
width:8px;
height:8px;
left:0;
top:0;
bottom:0;
margin:auto 7px auto 10px;
border-radius:50px;
background:#ffffff;
border:1px solid #ff9bb1;
}
.hyoubanbox01 dl{
border-radius: 4px;
background: #ffe2e8;
padding:18px 5px 5px;
border: 2px solid #ff8aa4;
margin:0;
}
.hyoubanbox02 {
border-radius: 4px;
background:#5fb4e5;
padding:0;
border: 0px solid #5fb4e5;
margin-bottom: 20px;
margin-top:30px;
position:relative;
box-sizing:border-box;
}
.hyoubanbox02 dt {
font-weight: 700;
margin: 5px 10px;
font-size: 16px;
padding-left:0px;
position:absolute;
display:flex;
top:-20px;
left:-10px;
background:#75bee8;
width:auto;
min-width: 25%;
max-width: 100%;
border-radius:50px;
color:#FFF;
padding-right: 15px;
}
.hyoubanbox02 dt:before{
content:"";
display:block;
width:8px;
height:8px;
left:0;
top:0;
bottom:0;
margin:auto 7px auto 10px;
border-radius:50px;
background:#ffffff;
border:1px solid #7cc7f3;
}
.hyoubanbox02 dl{
border-radius: 4px;
background: #e7f9ff;
padding:18px 5px 5px;
border: 2px solid #75bee8;
margin:0;
}



.hyoubanbox03 {
border-radius: 4px;
padding: 0;
margin-bottom: 20px
}
#main-contents .hyoubanbox03 h4,
body #mainCenter .hyoubanbox03 h4 {
border-radius: 0;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #ffa0c0;
background: #FFF
}
#main-contents .hyoubanbox03 h4 {
margin-top: 0;
border-left: none
}
#main-contents .hyoubanbox03 dt,
body #mainCenter .hyoubanbox03 dt {
padding: 0;
width: auto;
display: inline-block;
margin: 10px 20px;
color: #ffa0c0;
font-weight: 700;
border-bottom: #ffa0c0 solid 1px
}
.hyoubanbox03 dl {
background: #FFF;
padding: 0 0 10px;
border: 2px solid #ffa0c0 !important;
border-top: none;
margin-bottom: 0;
margin-top: 0;
border-radius: 5px !important
}
.hyoubanbox03 dd {
font-weight: 700;
padding: 2px 5px;
margin: 0 5px;
font-size: 14px;
color: #676767
}
body #mainCenter .hyoubanbox03 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #676767;
background-size: 18px
}
#main-contents .hyoubanbox03 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
margin-top: 0;
color: #676767
}
.hyoubanbox04 {
border-radius: 4px;
padding: 0;
margin-bottom: 20px
}
#main-contents .hyoubanbox04 h4,
body #mainCenter .hyoubanbox04 h4 {
border-radius: 0;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
background: #FFF;
color: #444
}
#main-contents .hyoubanbox04 h4 {
margin-top: 0;
border-left: none
}
#main-contents .hyoubanbox04 dt,
body #mainCenter .hyoubanbox04 dt {
padding: 0;
width: auto;
display: inline-block;
margin: 10px 20px;
color: #444;
font-weight: 700;
border-bottom: rgb(255 205 130) solid 1px;
}
.hyoubanbox04 dl {
background: #FFF;
padding: 0 0 10px;
border: 2px solid rgb(255 205 130) !important;
border-top: none;
margin-bottom: 0;
margin-top: 0;
border-radius: 5px !important;
line-height: 1.5;
}
.hyoubanbox04 dd {
font-weight: 700;
padding: 2px 5px;
margin: 0 5px;
font-size: 14px;
color: #444
}
.hyoubanbox04 > dl > dd:first-child,#main-contents .hyoubanbox04 > dl > dd:first-child{
margin-top: 10px;
margin-bottom: 0;
}
body #mainCenter .hyoubanbox04 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #444;
background-size: 18px
}
#main-contents .hyoubanbox04 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
margin-top: 0;
color: #444
}
.wakaru-box {
border-radius: 0;
padding: 2px;
margin-bottom: 20px;
background: #ffdcba
}
.wakaru-box dl {
border-radius: 0;
background: #FFF;
padding: 0;
border: 2px solid #ffa10e;
border-top: none;
margin-bottom: 0;
margin-top: 0
}
body #mainCenter .wakaru-box dt {
border-radius: 0;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/02/2019y02m15d_1250501646.png') 10px 50% no-repeat #ffa10e;
padding: 10px 10px 10px 40px;
margin-top: 0;
margin-bottom: 0;
color: #FFF;
background-size: 24px
}
#main-contents .wakaru-box dt {
border-radius: 0;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/02/2019y02m15d_1250501646.png') 10px 50% no-repeat #ffa10e;
padding: 10px 10px 10px 40px;
margin: 0;
color: #FFF;
background-size: 24px
}
.wakaru-box dd::after,
.wakaru-box dd:first-child::after {
left: 10px;
width: 5px;
height: 5px;
background-color: #fff;
display: block;
content: ''
}
.wakaru-box dd:first-child {
position: relative;
padding: 5px 0 0 25px
}
.wakaru-box dd {
position: relative;
padding-left: 25px;
margin: 6px 5px
}
.wakaru-box dd:first-child::after {
position: absolute;
top: 52%;
border: 1px solid #ff7e27;
border-radius: 100%
}
.wakaru-box dd::after {
position: absolute;
top: 40%;
border: 1px solid #ff7e27;
border-radius: 100%
}
#mainCenter .post .kanrenlist-box {
background-color: #f0f9ff;
border: 1px solid #c6e7ff;
border-radius: 5px;
padding: 10px 20px 15px;
margin-bottom: 20px
}
#mainCenter .post .kanrenlist-box li:first-child {
font-size: 16px;
font-weight: 700;
display: block;
padding: 5px 0 10px;
background-color: #f0f9ff
}
#mainCenter .post .kanrenlist-box li {
background-color: #f0f9ff;
line-height: normal;
margin: 0
}
.rank-ribbon-1,
.rank-ribbon-2,
.rank-ribbon-3 {
display: inline-block;
padding: 0 12px;
margin: 0;
line-height: 20px;
font-size: 14px;
letter-spacing: 0.1em;
color: #fff;
box-sizing: border-box
}
.rank-ribbon-1 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(252,234,187,1)),color-stop(35%,rgba(252,205,77,1)),color-stop(76%,rgba(248,181,0,1)),color-stop(100%,rgba(248,181,0,1)));
background: -webkit-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -o-linear-gradient(-45deg,rgba(252,234,187,1) 0,#fccd4d 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: linear-gradient(135deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
box-shadow: 0 2px 2px rgba(0, 0, 0, .12)
}
.rank-ribbon-1:before {
position: absolute;
content: '';
top: 0;
left: -3px;
border: none;
height: 28px;
width: 3px;
background: #fccd4d;
border-radius: 5px 0 0 5px
}
.rank-ribbon-1:after,
.rank-ribbon-2:before {
position: absolute;
content: '';
border: none
}
.rank-ribbon-1:after {
bottom: -7px;
left: -2px;
height: 7px;
width: 2px;
background: #f88400;
border-radius: 5px 0 0 5px
}
.rank-ribbon-2 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(217, 242, 255, 1);
background: -moz-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(217,242,255,1)),color-stop(92%,rgba(104,149,173,1)),color-stop(100%,rgba(104,149,173,1)));
background: -webkit-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -o-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: linear-gradient(135deg,rgba(217,242,255,1) 0,#6895ad 92%,rgba(104,149,173,1) 100%)
}
.rank-ribbon-2:before {
top: 0;
left: -3px;
height: 28px;
width: 3px;
background: #b1cddc;
border-radius: 5px 0 0 5px
}
.rank-ribbon-2:after,
.rank-ribbon-3:before {
border: none;
content: '';
position: absolute
}
.rank-ribbon-2:after {
bottom: -7px;
left: -2px;
height: 7px;
width: 2px;
background: #667f8c;
border-radius: 5px 0 0 5px
}
.rank-ribbon-3 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(255, 205, 130, 1);
background: -moz-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(255,205,130,1)),color-stop(100%,rgba(181,122,34,1)));
background: -webkit-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -o-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: linear-gradient(135deg,rgba(255,205,130,1) 0,#b57a22 100%)
}
.rank-ribbon-3:before {
top: 0;
left: -3px;
height: 28px;
width: 3px;
background: #dcaf6d;
border-radius: 5px 0 0 5px
}
.rank-ribbon-3:after {
position: absolute;
content: '';
bottom: -7px;
left: -2px;
border: none;
height: 7px;
width: 2px;
background: #b57a22;
border-radius: 5px 0 0 5px
}
.allBtn-moto {
display: table;
text-align: center;
margin: 20px auto;
background: #5fb9f5;
padding: 10px;
width: 70%;
border-radius: 20px;
color: #FFF
}
.allBtn-close,
a.appentry-Btn {
display: block;
font-weight: 700;
text-align: center
}
.allBtn-moto:hover {
background: #217bd6;
color: #f2faff
}
.allBtn-close {
margin: 10px auto 20px;
background: #aaa;
padding: 10px;
width: 80%;
border-radius: 5px;
color: #fff;
border: 1px solid #999;
cursor: pointer
}
.allBtn-close:hover {
background: #ededed;
color: #aaa;
border: 1px solid #aaa
}
img.iconwaku {
border: 1px solid #dde4e6;
border-radius: 10px
}
a.appentry-Btn:hover {
background-position: right center
}
a.appentry-Btn {
font-size: 17px;
color: #FFF;
text-decoration: none;
padding: 12px 24px;
border-radius: 4px;
background-image: linear-gradient(-30deg,#FF006E,#373f9c,#3492d0);
transition: 0.5s;
background-size: 200%;
margin: 0 auto;
width: 70%
}
#categoryBox {
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
margin: 0;
box-sizing: border-box
}
#categoryBox div.clearfix {
display: flex;
align-items: center
}
#categoryBox #categoryTitle02 {
margin: 10px 0 0;
font-size: 12px;
color: #666
}
.comment-author01 .authname,
.comment-author02 {
color: gray
}
#categoryBox div.clearfix > div {
width: 25%;
display: inline-block;
float: none
}
#categoryBox div.clearfix > div a,
#categoryBox div.clearfix > p a {
display: block;
font-size: 14px;
font-weight: 700
}
#categoryBox div.clearfix > div img {
width: 170px;
height: 70px;
object-fit: cover;
object-position: center;
box-sizing: border-box
}
#categoryBox div.clearfix > p {
width: 100%;
padding: 0 10px 0 120px;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box
}
aside #categoryBox div.clearfix {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
aside #categoryBox div.clearfix > div img {
width: 100%
}
aside #categoryBox div.clearfix > p {
padding: 0 0 0 20px
}
.comment-author01 span {
font-size: 11px
}
.comment-report a {
text-decoration: none;
color: gray
}
.clonecom {
background: #fff;
border: 1px solid;
display: block;
position: absolute;
width: 100%
}
#comreload {
display: block;
text-align: center;
padding: 10px 0;
color: #39f;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
background-size: 18px;
background-position: 28% 48%
}
.getajcom {
cursor: pointer;
border-radius: 4px;
border: 1px solid #39f;
padding: 2px 5px;
color: #39f;
font-size: 80%;
display: inline-block;
margin-bottom: 15px
}
.comment-author span:first-child {
font-weight: 700
}
.comment-reply-link a {
padding: 3px 20px;
font-size: 110%;
border: 1px solid #f0f0f0;
border-radius: 4px;
font-weight: 700;
box-shadow: 0 3px 0 #f0f0f0;
float: right
}
.comment-author02 {
font-size: 10px
}
#comment_form #submit,
#comment_form #submitbtn,
#commentform #submit,
#commentform #submitbtn {
background: #4E9B0F;
color: #fff;
text-decoration: none;
border: none;
border-radius: 4px;
-webkit-appearance: none;
box-shadow: 0 4px #3a7a02;
display: block;
margin: 10px auto;
padding: 0.3em 1em;
text-align: center;
width: 145px;
height: 35px
}
#comment_form input,
#comment_form textarea,
#commentform input,
#commentform textarea {
border-radius: 4px;
-webkit-appearance: none;
box-shadow: none
}
#comment_form textarea,
#commentform textarea {
width: 100%;
box-sizing: border-box
}
#comment-image-wrapper {
font-size: 80%
}
#author,
#comment {
border: 1px solid #2EA2CC
}
#main-contents #comment_form p,
#main-contents #commentform p {
margin: 2px 0
}
.comment_paging .current,
.comment_paging a {
background: #4E9B0F;
border-radius: 4px;
color: #fff;
padding: 5px 10px
}
.comment_paging .current {
border: 1px solid #3a7c9e;
background: #fff;
color: #3a7c9e
}
#comment_image {
width: 300px;
margin: 10px 0
}
#dummy_comment {
margin-bottom: 20px
}
#dummy {
width: 100%;
height: auto;
border: 2px solid #ccc;
background: #f0f0f0;
box-sizing: border-box;
padding: 5px 10px
}
#comment_close {
font-size: 85%;
color: #39f
}
#comment_close:hover {
color: #FFA90A
}
.commentimgsub {
font-size: 80%;
margin-top: 14px
}
#comment-image-wrapper {
margin-top: -10px
}
#comment {
margin-bottom: 5px
}
#mainInner-col2 #comment_title {
margin: 15px 0
}
#mainCenter .article-pagenavi ul {
padding: 15px 10px 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center
}
#mainCenter .article-pagenavi ul li {
display: inline;
margin: 0 5px;
padding: 0
}
#mainCenter .article-pagenavi ul li a,
#mainCenter .article-pagenavi ul li span {
background: #2ea3f1;
border-radius: 4px;
color: #fff;
padding: 5px 10px;
text-decoration: none
}
#mainCenter .article-pagenavi ul li a:hover {
opacity: .5
}
#mainCenter .article-pagenavi ul li.current a {
background: 0 0;
padding: 0;
text-decoration: none
}
#mainCenter .article-pagenavi ul li.current span {
border: 1px solid #2ea3f1;
background: #fff;
color: #2ea3f1;
padding: 5px 10px
}
.category-list + .article-pagenavi{
margin-top: 10px;
}
#mainCenter .contents .interviewTitle {
font-weight: 700;
background: 0 0;
border-bottom: 3px solid #ccc;
color: #333;
padding: 0 0 3px
}
#mainLeft #sub-contents #submenu-2,
#mainLeft #sub-contents #submenu-3,
#mainLeft #sub-contents #submenu-30 {
margin-bottom: 0
}
#mainCenter .reviewTopBox ul li span {
display: inline-block;
width: 48px
}
.post ol.toriatukai li {
width: 24%
}
.post ol.toriatukai li p {
line-height: 1.1em
}
.line-h-adjustment,
body table a {
line-height: 1.2
}
#mainCenter .search-form_inputXX {
text-align: center;
margin-top: 30px
}
#mainCenter .search-form_inputXX #search-form-box_side {
padding: 4px 0 4px 6px;
width: 70%;
margin-left: 0
}
#mainCenter .search-form_inputXX .css-button {
width: 14%;
padding: 5px 0;
border: 1px solid #888;
background: #888;
color: #FFF;
cursor: pointer
}
#mainCenter .search-form_inputXX .css-button:hover {
opacity: 0.6;
}
.protxtBox1 {
background-color: #fffbe1;
border: 1px solid #bababa;
border-radius: 10px;
color: #494949
}
.protxtBox2,
.protxtBox3 {
border: 1px solid #bababa;
background-color: #fffbe1
}
.protxtBox1 div {
background-image: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1933278188.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px
}
.protxtBox2 {
border-radius: 10px;
color: #494949;
padding: 15px 10px 10px 20px
}
.protxtBox2 div,
.protxtBox3 div,
.protxtBox4 div {
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px
}
.protxtBox2 div {
background-image: url('https://img.altema.jp/yugiohcard/common/icon/rei-iconmail.png');
color: #282828
}
.protxtBox3 {
border-radius: 10px;
color: #494949
}
.protxtBox3 div {
background-image: url('https://img.altema.jp/yugiohcard/common/icon/rei-iconmail2.png');
color: #282828
}
.protxtBox4 {
background-color: #fffbe1;
border: 1px solid #bababa;
border-radius: 10px;
color: #494949
}
.protxtBox4 div {
background-image: url('https://img.altema.jp/yugiohcard/common/icon/rei-iconmail3.png');
color: #282828
}
#mainCenter .post ul li.comeBoxM,
#mainCenter .post ul li.comeBoxW {
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px
}
#mainCenter .osusume-app-table,
#mainCenter .osusume-app-table td {
border: 1px solid #ccc
}
#mainCenter .post ul li.comeBoxM span img,
#mainCenter .post ul li.comeBoxW span img {
text-align: center;
width: 60px;
height: 60px;
display: block
}
#mainCenter .post ul li.comeBoxM p,
#mainCenter .post ul li.comeBoxW p {
font-size: 15px;
color: #494949;
display: inline-block;
width: 74%;
padding: 10px;
margin-bottom: 0
}
#mainCenter .post ul li.comeBoxM span,
#mainCenter .post ul li.comeBoxW span {
width: 60px;
text-align: center;
font-size: 14px;
display: inline-block;
vertical-align: top;
margin: 10px;
font-weight: 700
}
#mainCenter .post ul li.comeBoxM span {
color: #6cc
}
#mainCenter .post ul li.comeBoxW span {
color: #ea4c89
}
#mainCenter .post ul li.comeBoxM p.inyoumoto,
#mainCenter .post ul li.comeBoxW p.inyoumoto {
text-align: right;
width: 96%;
color: #494949;
font-size: 11px;
margin: 0;
padding: 0
}
.line-h-adjustment a img {
margin-bottom: 3px
}
#mainCenter .osusume-app-table th {
background: #ffe3a4;
text-align: center;
border: 1px solid #ccc
}
#mainCenter .osusume-app-table th:nth-of-type(1) {
width: 14%
}
#mainCenter .osusume-app-table th:nth-of-type(2) {
width: 20%
}
#mainCenter .osusume-app-table .rank {
font-size: 30px;
font-weight: 700;
padding: 5px;
color: #666;
text-align: center;
line-height: 20px
}
#mainCenter .osusume-app-table .rank img {
display: block;
width: 26px;
height: 18px;
margin: 0 auto 10px
}
#mainCenter .osusume-app-table .icon {
text-align: center;
font-weight: 700;
line-height: 10px
}
#mainCenter .osusume-app-table .icon img:first-of-type {
width: 50px;
height: 50px;
display: block;
margin: 0 auto 2px
}
#mainCenter .osusume-app-table .tokucho {
border-bottom: 0;
padding-bottom: 0;
font-weight: 700
}
#mainCenter .osusume-app-table .ryoukin {
border-top: 0;
border-right: 0;
padding-right: 0
}
#mainCenter .osusume-app-table .ryoukin span {
display: block
}
#mainCenter .osusume-app-table .ryoukin span:first-of-type:before {
content: '男';
width: 22px;
height: 22px;
background: #2299f2;
color: #fff;
display: inline-block;
border-radius: 50%;
text-align: center;
line-height: 22px;
margin-right: 2px
}
#mainCenter .osusume-app-table .ryoukin span:last-of-type:before {
content: '女';
width: 22px;
height: 22px;
background: #fb568e;
color: #fff;
display: inline-block;
border-radius: 50%;
text-align: center;
line-height: 22px;
margin-right: 2px
}
#mainCenter .osusume-app-table .tokucho-tag {
border-top: 0;
border-left: 0
}
#mainCenter .osusume-app-table .tokucho-tag ul {
text-align: center;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0
}
#mainCenter .osusume-app-table .tokucho-tag li {
display: inline-block;
width: 27%;
margin: 0 2px 5px !important;
color: #777;
padding: 8px 0 !important;
border: 0;
border: 1px solid #e6e6e6;
border-radius: 5px;
background: #ededed;
text-align: center;
font-size: 12px
}
.sakura-list-box+p+p br,
.sakura-report-box+p+p br {
display: none
}
#mainCenter .osusume-app-table .tokucho-tag li.checked {
background: #ff7c10;
color: #fff;
border: 1px solid #e6761a
}
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(3n) {
margin-right: 0 !important
}
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(4),
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(5),
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(6) {
margin-bottom: 0 !important
}
.sakura-list-box+p,
.sakura-list-box+p+p,
.sakura-report-box+p+p {
margin: 0
}
.article .sakura-list-table .thead {
line-height: 34px;
box-sizing: border-box;
padding-left: 14px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc
}
.sakura-list-table dd.list-area {
background-color: #fff;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
box-sizing: border-box;
padding: 16px;
margin: 0
}
.sakura-list-table dd.list-area:last-of-type {
border-bottom: 1px solid #e2e2e2
}
.sakura-list-table .list-page-area {
border-top: 1px solid #e2e2e2;
padding-top: 10px
}
dl.sakura-list-table .list-area .list-area-top .title span {
margin-left: 0;
margin-right: 10px
}
dl.sakura-list-table .list-area .list-area-center .comment-area {
width: 100%;
display: block
}
.sakura-list-table .list-area .list-area-center div.img-area {
display: block;
width: 100%
}
dl.sakura-list-table .list-area .list-area-center {
display: block
}
.sakura-list-table .list-area .list-area-center .img-area img {
width: 60px;
height: 60px;
object-fit: cover
}
.sakura-list-button {
width: 100%
}
a.sakura-list-more-button {
border: 0;
border-radius: 5px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #5fb9f5;
display: block;
text-align: center;
margin: 20px auto;
padding: 10px;
width: 50%;
color: #FFF
}
a.sakura-list-more-button:hover {
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #217bd6
}
.sakura-report-box div.sakura-report-button button.cancel {
border: 0;
border-radius: 5px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #b0b0b0;
margin-right: 10px
}
.sakura-report-box div.sakura-report-button button.cancel:hover {
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #8a8a8a
}
.sakura-report-box div.sakura-report-button button.postBtn {
border: 0;
border-radius: 5px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #5fb9f5
}
.sakura-report-box div.sakura-report-button button.postBtn:hover {
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #217bd6;
opacity: 1
}
.happymail:hover,
.mokuji_acbtn:hover {
opacity: .6
}
.sakura-report-table .table-radio {
align-items: center;
padding-left: 0
}
.sakura-report-table .table-radio input {
flex-basis: 5%;
margin-left: 0
}
.sakura-report-table .table-radio input:nth-child(2) {
flex-basis: 5%;
margin-left: 10px
}
.sakura-report-table .col2 {
position: relative
}
.sakura-report-table #age,
.sakura-report-table #app_id {
width: 160px
}
.sakura-report-button {
margin-bottom: 20px
}
.sakura-report-box+p,
.sakura-report-button+p {
margin: 0
}
.sakura-report-box+p br,
.sakura-search-table .app-icon-area a>br:first-child {
display: none
}
.sakura-search-table .app-icon-area img {
border-radius: 10px
}
p.purpose-data {
background-color: #bebebe;
background-repeat: no-repeat;
background-position: 62px center;
background-size: 20px;
letter-spacing: 6px;
line-height: 2em;
margin: 0 0 15px;
width: 130px;
padding: 5px 16px 5px 50px
}
div.shortcode-chart-purpose div.chart-area {
float: none;
display: inline-block;
vertical-align: middle;
box-sizing: border-box
}
div.shortcode-chart-purpose div.purpose-area {
float: none;
display: inline-block;
box-sizing: border-box;
width: 280px;
vertical-align: middle
}
p.purpose-data.chk {
background-color: #ff555e
}
div.purpose-area p:nth-child(1) {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/01/2019y01m28d_1301004724.png')
}
div.purpose-area p:nth-child(2) {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/01/2019y01m28d_1300576315.png')
}
div.purpose-area p:nth-child(3) {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/01/2019y01m28d_1300586024.png')
}
div.purpose-area p:nth-child(4) {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/01/2019y01m28d_1300595403.png')
}
.post .shortcode-chart-gender {
width: 640px
}
div.shortcode-chart-gender div.chart-area {
float: none;
display: inline-block;
vertical-align: middle;
margin-top: 0;
height: auto
}
div.shortcode-chart-gender div.gender-age-area {
float: none;
display: inline-block;
vertical-align: middle;
height: auto;
padding: 3px 0 15px 5px;
margin-top: 0;
margin-left: 20px;
width: 300px
}
.gender-age-graph span.gender-age-data.female,
span.gender-age-data.male {
line-height: 2.3em;
width: 42px;
letter-spacing: 1px;
right: 2px;
position: relative;
text-align: center
}
span.gender-age-data.male {
border: 2px solid #3174a5;
border-radius: 5px;
height: 30px;
vertical-align: middle;
background-color: #2581bd
}
.gender-age-graph span.bar.male {
height: 1.6em;
background-color: #a5d6f9;
border: 2px solid #3174a5;
float: none;
vertical-align: top
}
p.gender-age-head.male {
color: #3174a5
}
.gender-age-graph span.gender-age-data.female {
border: 2px solid #e63d77;
border-radius: 5px;
height: 30px;
vertical-align: middle;
background-color: #fb568e;
font-size: 14px
}
.gender-age-graph span.bar.female {
height: 1.6em;
background-color: #f397cb;
border: 2px solid #e63d77;
float: none;
vertical-align: top
}
p.gender-age-head.female {
color: #e63d77
}
div.gender-age-area div.gender-age-graph {
margin-top: 0
}
#mainCenter div.shortcode-purpose-tree {
height: auto;
margin-bottom: 20px
}
#mainCenter .shortcode-purpose-tree li.tree-child {
padding: 23px 4px 0
}
p.purpose-checked {
margin: 0 0 8px
}
.editors_box {
margin-bottom: 20px;
margin-top: 30px;
padding: 20px;
border: 1px solid #dde4e6;
background: #fff
}
.editors_box div {
margin-bottom: 10px
}
.editors_box img {
width: 50px;
height: 50px;
object-fit: cover;
object-position: center;
border-radius: 50%;
border: 1px solid #c4c4c4
}
.editors_box div > span {
position: relative;
vertical-align: middle;
margin-right: 10px
}
.editors_box div > span span {
position: absolute;
width: 160px;
font-size: 13px;
padding: 0;
line-height: 32px;
background: #e8e8e8;
text-align: center;
border-radius: 20px;
left: -10px;
top: -74px
}
.editors_box div>span span:after {
position: absolute;
left: 52px;
top: 29px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17px 18px 0 3px;
border-color: #e8e8e8 transparent transparent
}
.editors_box div p {
display: inline
}
.editors_box div p span {
display: inline;
font-weight: 700;
font-size: 16px;
padding: 3px 5px;
border-bottom: 2px solid #10AFCF;
}
#main-contents .editors_box > p,
.editors_box > p {
margin: 0;
font-size: 14px;
text-align: justify;
}
.editors_box.no-fukidashi {
margin-top: 10px;
margin-bottom: 20px;
}
.editors_box-block .editors_box:last-child {
margin-bottom: 0;
}
a.ranking-inpage {
display: block;
margin: 20px auto;
width: 70%;
padding: 10px 0;
text-align: center;
background: #ff5353;
color: #fff;
border-radius: 5px;
position: relative;
font-weight: 700;
font-size: 16px
}
.ranking-inpage:after,
.ranking-inpage:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.ranking-inpage:before {
width: 30px;
height: 30px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/07/2019y07m05d_1327378709.png') center center no-repeat;
background-size: contain;
left: 15px
}
.ranking-inpage:after {
width: 26px;
height: 26px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/07/2019y07m05d_1327386176.png') center center no-repeat;
background-size: contain;
right: 15px
}
#mainCenter .post ul li.comeBoxW.Review-bad>p:nth-of-type(1),
#mainCenter .post ul li.comeBoxW.Review-good>p:nth-of-type(1) {
width: 76%
}
#mainCenter .post ul li.comeBoxW>p:nth-of-type(1) {
width: 100%
}
.list-area-top time {
font-size: 12px;
color: #9e9e9e
}
div.title span:first-child {
font-size: 16px
}
.list-area-center {
margin-bottom: 10px;
margin-top: 10px
}
.del-button {
cursor: pointer;
padding: 0;
line-height: 20px;
font-size: 12px;
width: 60px
}
.list-area-top {
margin-bottom: 4px
}
.rank-list-osusume {
display: block;
position: relative;
border: 3px solid #ffad01;
padding: 15px 20px 0;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px
}
.rank-list-osusume dl dt {
display: block;
position: absolute;
top: -40px;
left: -3px;
background: rgba(255, 162, 0, 1);
background: -moz-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(255,162,0,1)),color-stop(31%,rgba(255,111,0,1)),color-stop(67%,rgba(255,153,0,1)),color-stop(100%,rgba(255,162,0,1)));
background: -webkit-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -o-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: linear-gradient(135deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF
}
.rank-list-osusume dl {
margin: 25px 0 !important
}
.rank-list-osusume dl dd {
margin: 0 0 25px !important;
padding: 0 !important;
line-height: 1.5
}
.rank-list-osusume dl dd span {
font-weight: 700;
text-decoration: none !important;
border-bottom: 0 solid #b8d9ef !important;
padding: 0 3px;
margin-bottom: 5px;
display: inline-block
}
.rank-list-osusume dl dd a:last-child {
font-weight: 700;
text-decoration: none;
border-bottom: 0 solid #b8d9ef;
padding: 0 3px;
line-height: normal;
display: inline-block
}
.mokujiInfo_ac ul:nth-of-type(2),
.rank-list-osusume dl dd span:empty {
display: none
}
.rank-list-osusume dl dd span img {
margin: 0 5px 0 0;
height: 40px;
}
.rank-list-osusume dl dd span:hover {
border-bottom: 1px dashed #fb568e;
transition: 0.6s ease-out
}
.rank-list-osusume dl dd .rankBtnLR {
margin-top: 5px
}
#mainCenter .mokujiInfo {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
#mainCenter .mokujiInfo ul {
margin: -10px 10px 12px 0
}
#mainCenter .contents .mokujiInfo h2,
#mainCenter .contents .mokujiInfo p.mokujiTitle {
background: 0 0;
font-size: 110%;
margin: 0 0 10px
}
#mainCenter .mokujiInfo ul li {
font-size: 14px;
background: 0 0;
border-bottom: 0;
padding: 0 3px 7px 14px
}
#mainCenter .mokujiInfo h2,
#mainCenter .mokujiInfo p.mokujiTitle {
background: rgba(0, 0, 0, 0);
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
margin-top: 0
}
.mokujiInfo_ac {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
.mokujiInfo_ac .mokujiTitle {
color: #333;
font-size: 110%;
font-weight: 700;
padding: 8px 0 8px 12px;
margin: 0
}
.mokuji_acbtn {
background: #ccc;
cursor: pointer;
border: 1px solid #f7f7f7;
text-align: center;
margin: 5px 10px 5px;
}
.mokuji_acbtn:before {
content: '▼ [目次を開く]';
color: #fff
}
.mokuji_acbtn.mokuji_active:before {
content: '▲ [目次を閉じる]'
}
#mainCenter .post .mokujiInfo_ac ul {
margin: 0
}
#mainCenter .post .mokujiInfo_ac ul li {
font-size: 14px;
background: 0 0;
padding: 0 3px 0 17px;
line-height: 2.2;
margin: 0
}
body .post .mokujiInfo_ac ul li a,
body .post a.happymail {
text-decoration: none
}
body .post a.happymail {
display: block;
overflow: hidden;
position: relative;
width: 250px;
height: 84px;
padding: 5px 0;
border-radius: 10px;
text-align: center;
margin: 5px auto;
cursor: pointer;
background: #f89b00;
background-size: 200%;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-bottom: solid 6px #de6000;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent
}
body .post a.happymail:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
body .post a.happymail:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #de6000;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
body .post a.happymail span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
body .post a.happymail span:first-of-type {
position: relative;
display: inline
}
.happymail span:first-of-type:after,
.happymail span:first-of-type:before {
position: absolute;
content: '';
width: 15px;
height: 15px;
top: 0
}
body .post a.happymail span:first-of-type img {
display: none
}
body .post a.happymail span:first-of-type:before {
left: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
body .post a.happymail span:first-of-type:after {
right: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
body .post a.happymail span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
.conve-bt-boxs {
text-align: center;
width: 80%;
padding: 15px 0;
margin: 0 auto 25px;
display: block;
border: 0 solid #ffcc76;
border-radius: 5px;
background: #fff9cc
}
.conve-bt-boxs p.bt-download-txt {
font-size: 16px;
font-weight: 700;
margin: 0;
color: #de6000
}
.conve-bt-boxs p.bt-download-txt+p {
position: relative
}
.conve-bt-boxs p {
margin-bottom: 0
}
.bt-download-txt a {
color: #de6000;
display: inline-block;
width: auto
}
.ninki-ranking div {
font-size: 140%;
font-weight: 700;
padding: 0 0 0 8px
}
.ninki-ranking div img {
width: 35px;
padding-right: 5px
}
.ninki-ranking dd,
.ninki-ranking dt {
vertical-align: top
}
.ninki-ranking dt {
width: 25%;
display: inline-block
}
.ninki-ranking dt img {
width: 100%;
display: inline-block
}
.ninki-ranking dd {
width: 71%;
padding-left: 8px;
text-align: left;
display: inline-block;
margin: 0
}
.ninki-ranking dd a {
display: block;
font-weight: 700;
line-height: normal
}
.ninki-ranking dl:not(:last-child) {
border-bottom: 1px dashed #dde4e6
}
.ninki-ranking dl {
margin: 0.5em 0;
padding: 0 0 8px
}
.ninki-ranking div.h3mode {
background: #eaeeef;
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
letter-spacing: 0.5px;
padding: 8px 2px 8px 12px;
margin-bottom: 15px
}
#more_rank {
display: block;
color: #39f;
text-align: center;
padding: 10px 0;
cursor: pointer;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0
}
.osusumeAppMb div dd.review-update {
background: #f97f7f
}
.search-form_input .gsc-control-cse .gs-result .gs-title,
.search-form_input .gsc-control-cse .gs-result .gs-title *,
.search-form_input .gsc-control-cse .gs-spelling {
font-size: 16px;
margin-bottom: 5px;
line-height: normal
}
.search-form_input .gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
.search-form_input .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
float: left;
margin: 0 10px 0 0;
width: auto;
height: auto
}
.search-form_input .gs-fileFormatType,
.search-form_input .gs-imageResult .gs-snippet,
.search-form_input .gs-webResult .gs-snippet {
color: #333;
line-height: normal;
font-size: 12px
}
.search-form_input .gs-web-image-box-landscape img.gs-image,
.search-form_input .gs-web-image-box-portrait img.gs-image {
object-fit: cover;
width: 70px;
height: 50px;
max-width: 70px;
max-height: 50px
}
.gsc-results .gsc-cursor-box {
margin: 10px
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page {
position: relative;
top: 0;
left: 0;
margin: 0 8px 4px 0;
cursor: pointer;
vertical-align: middle;
display: inline-block;
text-align: center;
zoom: 1;
border: none;
font-weight: 700;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px;
width: 24px;
height: 24px;
line-height: 25px;
background: #5B6783;
font-size: 11px;
color: #FFF;
text-decoration: none
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #34a3d1;
background-color: #34a3d1;
text-decoration: none
}
.knren-card-wrap {
display: flex;
box-sizing: border-box;
border: 1px solid #e0e0e0;
padding: 10px;
border-radius: 5px;
box-shadow: 1px 2px 5px 0 #9e9e9e;
margin: 10px 0;
position: relative;
justify-content: center;
align-items: center
}
.knren-card-wrap:hover {
box-sizing: border-box;
background: #fafbfb;
transition-duration: 1s;
transition-timing-function: ease;
cursor: pointer
}
.knren-card-wrap img.knren-card-img {
width: 18%;
object-fit: contain
}
.knren-card-wrap p.knren-card-p {
width: 82%;
margin: 0 0 0 10px;
padding: 0;
font-weight: 700;
font-size: 16px;
line-height: 1.6;
color: #3492cf;
z-index: 1;
position: relative
}
.knren-card-wrap p.knren-card-p:hover {
color: #fb568e
}
.knren-card-wrap dl.knren-card-txt {
width: 70%;
margin: 0 0 0 10px;
padding: 0;
overflow: hidden
}
.knren-card-wrap dl.knren-card-txt dt {
margin: 0 0 10px;
padding: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 700
}
.knren-card-wrap dl.knren-card-txt dd {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
a.knren-card-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.twitter-tweet.twitter-tweet-rendered {
display: block;
margin: 0 auto 20px;
text-align: center
}
.acMenu dt {
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 0;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position: relative;
font-size: 13px;
}
.acMenu dt:after,
.acMenu dt:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 5px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb
}
.acMenu dt:before {
bottom: -4px;
width: 99%;
height: 2px
}
.acMenu dt:after {
bottom: -7px;
width: 98%;
height: 1px
}
.acMenu dd {
display: none;
margin: 0 0 5px !important;
box-sizing: border-box
}
.acMenu dt.active {
border: 1px solid #ffeea1;
background: #fff2b7;
margin: 0 0 5px !important;
box-shadow: 0 2px 0 0 #bbb;
border-radius: 4px 4px 0 0;
color: #444
}
.acMenu dt.active:after,
.acMenu dt.active:before {
border: none
}
#sub-contents .acMenu {
margin: 5px 0
}
#sub-contents .acMenu dt {
border: 1px solid #bbb;
border-radius: 3px;
margin: 0 0 10px;
padding: 5px;
text-align: center;
display: block;
background: #fff;
cursor: pointer;
color: #666
}
#sub-contents .acMenu dt:after,
#sub-contents .acMenu dt:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 5px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb
}
#sub-contents .acMenu dt:before {
bottom: -3px;
width: 99%;
height: 1px
}
#sub-contents .acMenu dt:after {
bottom: -5px;
width: 98%;
height: 0
}
#sub-contents .acMenu dt.active {
border: 1px solid #ffeea1;
background: #fff2b7;
margin: 0 0 10px !important;
box-shadow: 0 2px 0 0 #bbb;
border-radius: 4px 4px 0 0;
color: #444
}
#sub-contents .acMenu dt.active:after,
#sub-contents .acMenu dt.active:before {
border: none
}
body .writer-tab-wrap {
width: 100%;
margin: 20px 0
}
body .writer-tab-wrap input[type=radio] {
display: none
}
body .tab_area {
font-size: 0;
margin: 0 0 5px;
display: flex;
justify-content: left;
align-items: center
}
body .tab_area label,
body .tab_area label.tab2_label,
body .tab_area label.tab3_label {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
color: #999;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: ease 0.2s opacity;
margin: 0 10px 10px;
opacity: .5
}
body .tab_area label {
background: url('https://img.altema.jp/yugiohcard/common/member-01.jpg') center no-repeat;
background-size: cover;
text-indent: 100px;
overflow: hidden
}
body .tab_area label.tab2_label {
background: url('https://img.altema.jp/yugiohcard/common/member-03.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://img.altema.jp/yugiohcard/common/member-05.jpg') center no-repeat;
background-size: cover
}
body .tab_area label:hover {
opacity: .5
}
body .panel_area {
background: #fff
}
body #main-contents .tab_panel,
body .tab_panel {
width: auto;
display: none;
background: #f5f8fa;
box-sizing: border-box
}
body .tab_panel {
padding: 15px;
border-radius: 5px;
min-height: 80px;
border: 1px solid #f0f3f5
}
body #main-contents .tab_panel {
padding: 10px;
border-radius: 5px;
min-height: 60px;
border: 1px solid #f0f3f5
}
body #tab1:checked~.panel_area #panel1,
body #tab2:checked~.panel_area #panel2,
body #tab3:checked~.panel_area #panel3 {
display: block
}
body #main-contents .tab_panel p,
body .tab_panel p {
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-align: left;
line-height: normal
}
body #tab1:checked~.tab_area .tab1_label {
background: url('https://img.altema.jp/yugiohcard/common/member-01.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
body #tab2:checked~.tab_area .tab2_label {
background: url('https://img.altema.jp/yugiohcard/common/member-03.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
body #tab3:checked~.tab_area .tab3_label {
background: url('https://img.altema.jp/yugiohcard/common/member-05.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
#rankingBtn li a:hover,
.happymail-doku:hover,
.ranking-main-dl li img:hover,
.top-twitter-bt a:hover,
a.kakudai-box:hover {
opacity: .6
}
.new-kuchiko-wrap {
background: #eaeaea;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
margin: 20px 0
}
#main-contents .new-kuchiko-top,
.new-kuchiko-top {
display: flex;
justify-content: center;
align-items: center
}
.new-kuchiko-man,
.new-kuchiko-woman {
width: 20%;
height: 110px;
text-align: center;
margin-right: 20px;
position: relative
}
#main-contents .new-kuchiko-man,
#main-contents .new-kuchiko-woman {
width: 30%;
height: 120px;
text-align: center;
margin-right: 10px;
position: relative
}
#main-contents .new-kuchiko-man:before,
#main-contents .new-kuchiko-woman:before,
.new-kuchiko-man:before,
.new-kuchiko-woman:before {
content: "";
height: 100%;
display: block;
width: 100%
}
.new-kuchiko-man:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.new-kuchiko-woman:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828489344.png) center top/60% no-repeat
}
#main-contents .new-kuchiko-man:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828496704.png) center top/90% no-repeat
}
#main-contents .new-kuchiko-woman:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828489344.png) center top/90% no-repeat
}
#main-contents .new-kuchiko-data dl dt,
.new-kuchiko-data dl dt {
background: #848383;
border-radius: 5px;
color: #FFF;
font-weight: 700;
text-align: center
}
.new-kuchiko-man span,
.new-kuchiko-woman span {
position: absolute;
bottom: 0;
text-align: center;
display: block;
width: 100%;
padding: 0;
font-weight: 700
}
.new-kuchiko-data {
width: 80%;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.new-kuchiko-data dl {
display: flex;
width: 50%
}
#main-contents .new-kuchiko-data dl {
display: inline-block;
width: 50%;
text-align: center;
margin: 5px 0;
padding: 0
}
.new-kuchiko-data dl dt {
width: 30%;
margin: 0 10px 0 0;
padding: 0 5px
}
#main-contents .new-kuchiko-data dl dt {
width: 90%;
margin: 0 auto 5px;
padding: 0;
font-size: 13px
}
#main-contents .new-kuchiko-data dl dd {
width: 90%;
margin: 0 auto;
padding: 0;
font-size: 13px
}
.new-kuchiko-data dl dd {
width: 80%;
font-weight: 700
}
.new-kuchiko-bott {
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 10px
}
.new-kuchiko-bott dl {
margin: 0;
background: #f7f7f7;
border-radius: 10px;
padding: 10px 15px
}
.new-kuchiko-bott dl:first-of-type {
margin-bottom: 15px
}
.new-kuchiko-bott dt {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #eaeaea;
line-height: 1.6;
position: relative;
display: flex;
align-items: center
}
.new-kuchiko-bott dl:first-of-type dt:before,
.new-kuchiko-bott dl:nth-of-type(2) dt:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 8px;
line-height: 1.6
}
.new-kuchiko-bott dd {
font-size: 13px;
line-height: 1.6
}
.new-kuchiko-bott dl:first-of-type dt:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1922505663.png) center left/20px no-repeat
}
.new-kuchiko-bott dl:nth-of-type(2) dt:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1922537931.png) center left/20px no-repeat
}
.acMenu dd .new-kuchiko-wrap {
background: #eaeaea;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
margin: 20px 0
}
#main-contents .acMenu dd .new-kuchiko-top,
.acMenu dd .new-kuchiko-top {
display: flex;
justify-content: center;
align-items: center
}
.acMenu dd .new-kuchiko-man,
.acMenu dd .new-kuchiko-woman {
width: 20%;
height: 110px;
text-align: center;
margin-right: 20px;
position: relative
}
#main-contents .acMenu dd .new-kuchiko-man,
#main-contents .acMenu dd .new-kuchiko-woman {
width: 30%;
height: 120px;
text-align: center;
margin-right: 10px;
position: relative
}
#main-contents .acMenu dd .new-kuchiko-man:before,
#main-contents .acMenu dd .new-kuchiko-woman:before,
.acMenu dd .new-kuchiko-man:before,
.acMenu dd .new-kuchiko-woman:before {
content: "";
height: 100%;
display: block;
width: 100%
}
.acMenu dd .new-kuchiko-man:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.acMenu dd .new-kuchiko-woman:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828489344.png) center top/60% no-repeat
}
#main-contents .acMenu dd .new-kuchiko-man:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828496704.png) center top/90% no-repeat
}
#main-contents .acMenu dd .new-kuchiko-woman:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1828489344.png) center top/90% no-repeat
}
.acMenu dd .new-kuchiko-man span,
.acMenu dd .new-kuchiko-woman span {
position: absolute;
bottom: 0;
text-align: center;
display: block;
width: 100%;
padding: 0;
font-weight: 700
}
.acMenu dd .new-kuchiko-data {
width: 80%;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.acMenu dd .new-kuchiko-data dl {
display: flex;
width: 50%
}
#main-contents .acMenu dd .new-kuchiko-data dl {
display: inline-block;
width: 50%;
text-align: center;
margin: 5px 0;
padding: 0
}
.acMenu .new-kuchiko-data dl dt {
background: #848383;
color: #FFF;
width: 30%;
text-align: center;
border-radius: 5px;
margin: 0 10px 0 0;
padding: 0 5px;
font-weight: 700;
border: 0;
cursor: auto
}
.acMenu .new-kuchiko-data dl dt:after,
.acMenu .new-kuchiko-data dl dt:before {
display: none
}
#main-contents .acMenu dd .new-kuchiko-data dl dt {
background: #848383;
color: #FFF;
width: 90%;
text-align: center;
border-radius: 5px;
margin: 0 auto 5px;
padding: 0;
font-weight: 700;
font-size: 13px
}
#main-contents .acMenu dd .new-kuchiko-data dl dd {
width: 90%;
margin: 0 auto;
padding: 0;
font-size: 13px
}
.acMenu dd .new-kuchiko-data dl dd {
width: 80%;
font-weight: 700;
display: block;
margin: 0 !important;
box-sizing: border-box
}
.acMenu dd .new-kuchiko-bott {
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 10px
}
.acMenu dd .new-kuchiko-bott dl {
margin: 0;
background: #f7f7f7;
border-radius: 10px;
padding: 10px 15px
}
.acMenu dd .new-kuchiko-bott dl:first-of-type {
margin-bottom: 15px
}
.acMenu dd .new-kuchiko-bott dt {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #eaeaea;
line-height: 1.6;
position: relative;
display: flex;
align-items: center;
background: 0 0;
cursor: auto;
border-top: none;
border-right: none;
border-left: none
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:before,
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:before {
content: "";
width: 20px;
height: 20px;
line-height: 1.6;
position: relative;
bottom: auto;
left: auto;
right: auto;
margin: 0 5px 0 0;
border: 0
}
.acMenu dd .new-kuchiko-bott dd {
font-size: 13px;
line-height: 1.6;
display: block
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1922505663.png) center left/20px no-repeat;
display: inline-block
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:after {
display: none
}
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:before {
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m12d_1922537931.png) center left/20px no-repeat;
display: inline-block
}
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:after {
display: none
}
body .post a.kakudai-box {
display: block;
text-decoration: none
}
body .post a.kakudai-box br {
display: none
}
body .post a.kakudai-box span {
text-align: center;
background: #2299f3;
color: #fff;
padding: 5px 0;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
margin: 5px 0 10px
}
body .post a.kakudai-box span:before {
content: '';
display: inline-block;
vertical-align: top;
background-image: url('https://altema.jp/img/lastidea/uploads/2019/05/2019y05m22d_1937022255.png');
background-size: contain;
width: 15px;
height: 15px;
margin-right: 8px;
background-repeat: no-repeat
}
#rankingBtn li:first-of-type a:before,
#rankingBtn li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
#rankingBtn li {
display: block;
background:none;
}
#main-contents #rankingBtn li {
margin: 0 0 8px
}
#rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 60%;
margin: 0 auto;
padding: 0
}
#main-contents #rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 12px;
padding: 3px 0;
margin: 0
}
#main-contents #rankingBtn li:first-of-type a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/syousai-bt.png') center left/10px no-repeat;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#main-contents #rankingBtn li:last-of-type a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/download-bt.png') center left/10px no-repeat;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#rankingBtn li a.syousai-bt,
#rankingBtn li:first-of-type a {
background: #2f9ac6;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #2680a5
}
#rankingBtn li a.freedl-bt,
#rankingBtn li:last-of-type a {
padding: 2px 15px;
border-radius: 5px;
box-shadow: 0 3px 0 0 #b11545;
color: #fff;
text-decoration: none
}
#rankingBtn li:first-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/syousai-bt.png') center left/13px no-repeat
}
#rankingBtn li:last-of-type a {
background: #e04172
}
#rankingBtn li:last-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/download-bt.png') center left/13px no-repeat
}
#main-contents #rankingBtn li a.freedl-bt:before,
#main-contents #rankingBtn li a.syousai-bt:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#main-contents #rankingBtn li a.syousai-bt:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/syousai-bt.png') center left/10px no-repeat
}
#rankingBtn li a.freedl-bt {
background: #e04172
}
#main-contents #rankingBtn li a.freedl-bt:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/download-bt.png') center left/10px no-repeat
}
.scroll-img-wrap {
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
.scroll-img-box {
display: flex;
width: 100%;
min-width: max-content;
flex-wrap: wrap;
-webkit-flex-wrap: wrap
}
#main-contents .scroll-img-box img,
.scroll-img-box img {
display: inline-block;
position: relative;
padding: 0;
margin: 0 10px 0 0
}
#main-contents .scroll-img-box img {
height: 180px
}
.scroll-img-wrap-hi {
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
.scroll-img-wrap-hi .scroll-img-box {
display: flex;
width: 100%;
min-width: max-content;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
max-height: 400px
}
#main-contents .scroll-img-wrap-hi .scroll-img-box img,
.scroll-img-wrap-hi .scroll-img-box img {
display: inline-block;
padding: 0;
margin: 0 10px 0 0;
width: initial;
height: initial;
position: relative
}
.scroll-img-wrap-hi .scroll-img-box img {
max-height: 400px
}
#main-contents .scroll-img-wrap-hi .scroll-img-box img {
max-height: 300px
}
#main-contents .scroll-img-wrap {
width: 100%;
height: 185px;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar,
#main-contents .scroll-img-wrap::-webkit-scrollbar {
width: 10px;
height: 5px
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-thumb,
#main-contents .scroll-img-wrap::-webkit-scrollbar-thumb {
/*background: #fb568e*/
background: #FF9F4D;
border-radius: 50px
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-track-piece:start,
#main-contents .scroll-img-wrap::-webkit-scrollbar-track-piece:start {
/*background: #fb568e*/
background: #FF9F4D;
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-track-piece:end,
#main-contents .scroll-img-wrap::-webkit-scrollbar-track-piece:end {
/*background: #ffdee9*/
background: #FFE4CC
}
.scroll-img-wrap .slide-app-in.slide-youbride {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px);
background: repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px)
}
.scroll-img-wrap .slide-app-in.slide-youbride ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #117704
}
.scroll-img-wrap .slide-app-in.slide-omiai {
background: -webkit-repeating-linear-gradient(-45deg,#c9ebff,#c9ebff 2px,#a9dfff 2px,#a9dfff 8px);
background: repeating-linear-gradient(-45deg,#c9ebff,#c9ebff 2px,#a9dfff 2px,#a9dfff 8px)
}
.scroll-img-wrap .slide-app-in.slide-omiai ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #3494ce
}
.scroll-img-wrap .slide-app-in.slide-koimusubi {
background: -webkit-repeating-linear-gradient(-45deg,#ffd1ea,#ffd1ea 2px,#ffbfe2 2px,#ffbfe2 8px);
background: repeating-linear-gradient(-45deg,#ffd1ea,#ffd1ea 2px,#ffbfe2 2px,#ffbfe2 8px)
}
.scroll-img-wrap .slide-app-in.slide-enmusubi,
.scroll-img-wrap .slide-app-in.slide-toukare {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px)
}
.scroll-img-wrap .slide-app-in.slide-koimusubi ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #960130
}
.scroll-img-wrap .slide-app-in.slide-enmusubi {
background: repeating-linear-gradient(-45deg,#fff9f2,#fff9f2 2px,#fbe9d4 2px,#fbe9d4 8px)
}
.scroll-img-wrap .slide-app-in.slide-enmusubi ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #b38144
}
.scroll-img-wrap .slide-app-in.slide-tinder {
background: -webkit-repeating-linear-gradient(-45deg,#ffd7d2,#ffd7d2 2px,#ffc1b8 2px,#ffc1b8 8px);
background: repeating-linear-gradient(-45deg,#ffd7d2,#ffd7d2 2px,#ffc1b8 2px,#ffc1b8 8px)
}
.scroll-img-wrap .slide-app-in.slide-tinder ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #d41512
}
.scroll-img-wrap .slide-app-in.slide-toukare {
background: repeating-linear-gradient(-45deg,#f1f1f1,#f1f1f1 2px,#dedede 2px,#dedede 8px)
}
.scroll-img-wrap .slide-app-in.slide-toukare ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #2f2f2f
}
.scroll-img-wrap-hi .slide-app-in.slide-matchcom {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px);
background: repeating-linear-gradient(-45deg,#dddfff,#dddfff 2px,#c9ccff 2px,#c9ccff 8px)
}
.scroll-img-wrap-hi .slide-app-in.slide-matchcom ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #121880
}
.scroll-img-wrap .slide-app-in.slide-book-app {
background: repeating-linear-gradient(-45deg,#FCE8A1,#FCE8A1 2px,#FFFDD6 2px,#FFFDD6 8px)
}
.scroll-img-wrap .slide-app-in.slide-book-app ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #de6000
}
.scroll-img-wrap .slide-app-in {
width: 100%;
height: auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.scroll-img-wrap ul.slide-app-wrap {
margin: 0;
padding: 0;
width: 300px
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon img {
width: 100px;
border-radius: 10px;
margin-bottom: 20px;
/*box-shadow: 0 4px 0 0 #117704;*/
box-shadow: 0 4px 0 0 #de6000;
transition: 0.6s
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon img:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt {
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
line-height: 1.2em!important
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a {
padding: 15px;
width: 100%;
box-sizing: border-box;
background: #f89b00;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
display: block;
font-size: 16px;
color: #fff;
box-shadow: 0 4px 0 0 #de6000;
transition: 0.6s
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a:hover {
background: #f80;
box-shadow: 0 4px 1px 0 #de6000
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap-hi .slide-app-in {
width: 100%;
height: auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.scroll-img-wrap-hi ul.slide-app-wrap {
margin: 0;
padding: 0;
width: 300px
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon img {
width: 100px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 4px 0 0 #117704;
transition: 0.6s
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon img:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a {
padding: 15px;
width: 100%;
box-sizing: border-box;
background: #f89b00;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
display: block;
font-size: 16px;
color: #fff;
box-shadow: 0 4px 0 0 #de6000;
transition: 0.6s
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a:hover {
background: #f80;
box-shadow: 0 4px 1px 0 #de6000
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.ranking-main-dl {
position: relative;
display: block;
width: 100%;
margin-bottom: 20px
}
.ranking-main-dl img {
position: relative;
top: 0;
display: block;
z-index: 0;
width: 80%;
margin: 0 auto
}
.ranking-main-dl ul {
position: absolute;
top: 0;
z-index: 1;
width: 100%
}
.ranking-main-dl li {
position: absolute;
width: 40%;
z-index: 1;
display: -webkit-flex;
display: flex;
align-items: center;
right: 70px
}
.ranking-main-dl li img {
width: 95%;
margin-right: 8px;
height: auto
}
.ranking-main-dl li:nth-of-type(1) {
top: 100px
}
.ranking-main-dl li:nth-of-type(2) {
top: 246px
}
.ranking-main-dl li:nth-of-type(3) {
top: 392px
}
.ranking-main-dl li:nth-of-type(4) {
top: 538px
}
.ranking-main-dl li:nth-of-type(5) {
top: 684px
}
.ranking-main-dl li:nth-of-type(6) {
top: 830px
}
#sidebar-new-3 ul.ri-app-list.pc-none,
.article p:empty,
.pc-none {
display: none
}
.commentlist {
margin-bottom: 20px
}
#mainCenter #sitemap_list li {
list-style: none;
padding: 15px 10px 15px 20px;
font-weight: 700;
background: #f0f9ff;
border: 1px solid #ededed;
margin: 0 0 10px;
}
#mainCenter #sitemap_list li ul {
margin-top: 10px;
margin-bottom: 0
}
#mainCenter #sitemap_list li li {
padding: 5px 10px 5px 15px;
line-height: 1.3em;
font-weight: 400;
background: 0 0;
border: 0 solid #ccc;
margin: 0;
position: relative
}
#mainCenter #sitemap_list li li::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 2px #ed1b48;
border-right: solid 2px #ed1b48;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 11px;
left: 0;
}
#mainCenter #sitemap_list li a{
color: #172763;
}
#mainCenter #sitemap_list li a:hover{
color: #ed1b48;
}
#form-area input[type=email],
#form-area input[type=text],
#form-area textarea {
width: 100%;
box-sizing: border-box;
max-width: 100%
}
#form-area ul li {
margin: 30px 0
}
#form-area p {
margin: 10px 0
}
#form-control- .form-submit {
width: 50%;
background: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 0 6px;
border: 0;
margin: 0 auto;
display: block;
cursor: pointer
}
.linemessage-box {
background: #7292c1;
padding: 10px;
margin: 0 0 20px
}
.linemessage-box p.linemessage-le,
.linemessage-box p.linemessage-ri {
display: block;
padding: 10px 20px;
width: 80%;
color: #555;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box
}
.linemessage-box p.linemessage-ri {
background: #86e34a;
position: relative;
margin: 10px auto;
border: 0 solid #555;
border-radius: 30px
}
.linemessage-box p.linemessage-ri:before {
content: "";
position: absolute;
top: 20%;
right: -30px;
margin-top: 0;
border: 12px solid transparent;
border-left: 25px solid #86e34a;
z-index: 2
}
.linemessage-box p.linemessage-le {
background: #FFF;
position: relative;
margin: 10px auto;
border: 0 solid #555;
border-radius: 30px
}
.linemessage-box p.linemessage-le:before {
content: "";
position: absolute;
top: 20%;
left: -30px;
margin-top: 0;
border: 12px solid transparent;
border-right: 25px solid #FFF;
z-index: 2
}
.article .review-list-table .thead,
.article .review-post-table .thead,
.article .review-search-table .thead,
.sakura-report-table .thead,
.sakura-search-table .thead {
line-height: 34px;
box-sizing: border-box;
padding-left: 14px
}
.article .review-post-table .thead,
.sakura-report-table dt.thead {
border-top: 0
}
.sakura-report-table dd.col1,
dl.review-post-table .col1 {
border-left: 0
}
.sakura-report-table .col2,
dl.review-post-table .col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
dl.review-post-table .table-radio {
padding-left: 0
}
.col2 #comment {
border-color: #b8b8b8;
margin-bottom: 0
}
label[for=file_photo] br {
display: none
}
.file_path {
display: block;
width: 120px;
text-align: center;
color: #fff;
background: #7e7e7e;
border-radius: 3px;
cursor: pointer
}
#sakura_local_photo {
background: #fbfbfb;
text-align: center;
margin-bottom: 10px
}
#sakura_local_photo img {
margin: 10px 0
}
#upload_reset {
margin: 0 0 0 5px
}
div.review-post-button button.long {

border: 0;
border-radius: 5px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #5fb9f5
}
.sakura-search-table dd.search-area input,
dl.review-search-table .search-area input {
width: 90%;
border: 1px solid #888;
border-right: 0
}
.sakura-search-table dd.search-area button,
dl.review-search-table .search-area button {
margin-left: auto;
width: 12%;
background: #5fb9f5;
border: 0;
color: #FFF;
border-radius: 0 5px 5px 0;
padding: 8px 0
}
.review-search-table dd.app-icon-area,
.sakura-search-table dd.app-icon-area {
padding: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.review-search-table dd.app-icon-area div,
.sakura-search-table dd.app-icon-area div {
width: 105px
}
dd.app-icon-area div a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
dd.app-icon-area div a br {
display: none
}
dd.app-icon-area div a span {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
dd.app-icon-area div a img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border: 1px solid #e8e8e8;
border-radius: 18px
}
.review_sort_box span {
display: inline-block;
width: 160px;
text-align: center;
background: #e94d8a;
color: #fff;
border: 1px solid #e94d8a;
position: relative;
padding: 1px 0
}
.review_sort_box span:after {
display: inline-block;
content: '';
position: absolute;
right: 0;
left: 0;
bottom: -10px;
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-color: #e94d8a transparent transparent;
border-width: 10px 9px 0
}
body .post .review_sort_box a {
display: inline-block;
width: 160px;
text-align: center;
background: #fff;
border: 1px solid #e94d8a;
color: #e94d8a;
padding: 1px 0;
text-decoration: none
}
.review-list-box .review-list-table .list-area {
background-color: #fff;
border-bottom: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
box-sizing: border-box;
padding: 16px;
margin: 0
}
.list-area-top img {
width: 56px;
height: 51px
}
dl.review-list-table .list-area .list-area-top .title {
padding-left: 10px
}
.review-list-box .review-list-table .list-area .list-area-bottom {
margin-bottom: 2px;
font-size: 12px
}
.list-area-bottom span {
margin-right: 15px
}
.sakura-list-table .list-area-bottom span {
margin-right: 0
}
.review-list-box .review-list-table .list-area .list-area-bottom button.good-button {
margin-right: 10px;
padding: 2px 10px;
background: #5d5d5d;
border: 0;
color: #fff
}
.review-list-box .review-list-table .list-area .list-area-bottom .good-num {
padding: 2px 8px;
text-align: center;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
background: #ffafaf;
border: 0;
color: #FFF;
margin-right: 0
}
.review-list-box .review-list-table .list-area>p:last-child {
margin: 0
}
.review-list-table .list-page-area {
padding-top: 10px
}
#mainCenter section.top-member-box h2 {
color: #FFF;
background: url('https://img.altema.jp/yugiohcard/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
.member-box-in {
position: relative;
margin-bottom: 20px;
padding: 10px 0
}
.member-box-in ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.member-box-in ul li {
width: 20%;
text-align: center;
margin: 5px 5px 10px;
display: block
}
.member-box-in ul li img {
width: 100px;
height: 100px;
object-fit: cover;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: 0.8s
}
.member-box-in ul li img:hover {
opacity: .8;
cursor: pointer;
transform: scale(1.1);
transition-duration: 1s;
transition-timing-function: ease
}
.member-box-in ul li span {
display: block;
line-height: normal;
font-size: 15px;
margin-top: 5px
}
#mainCenter section.top-twitter-box h2 {
color: #FFF;
background: url('https://img.altema.jp/yugiohcard/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
.twitter-box-in {


border: 1px solid #ccc;
line-height: 0;
margin-bottom: 10px;
box-sizing: border-box
}
.top-twitter-bt a {
display: block;
background: #20bee2;
margin-bottom: 20px;
text-align: center;
line-height: 40px;
border-radius: 10px;
color: #FFF;
cursor: pointer
}
.rankingInfo dt:nth-of-type(1):before,
.rankingInfo dt:nth-of-type(2):before {
top: 2px;
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-size: contain;
vertical-align: middle
}
#main-contents .rankingInfo dd {
margin: 0 0 2px
}
.rankingInfo dt:nth-of-type(1) {
position: relative;
color: #ea5d88;
font-weight: 700
}
.rankingInfo dt:nth-of-type(1):before {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/11/2019y11m19d_1323495404.jpg')
}
.rankingInfo dt:nth-of-type(2) {
position: relative;
color: #328ec2;
font-weight: 700
}
.rankingInfo dt:nth-of-type(2):before {
background-image: url('https://img.altema.jp/yugiohcardbook/uploads/2019/11/2019y11m19d_1323437785.jpg')
}
#mainCenter #rankingBtn {
margin-top: 0
}
#mainCenter #rankingBtn li {
border: none;
margin: 0;
background:none;
}
.happymail-doku,
.happymail-kikon {
overflow: hidden;
padding: 5px 0;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
cursor: pointer;
text-align: center
}
.rbt-img-cv {
margin: 0 auto;
text-align: center
}
.rbt-img-cv img {
height: 50%;
margin: 5px
}
body .post a.happymail-doku {
text-decoration: none
}
.happymail-doku {
display: block;
position: relative;
width: 250px;
height: 84px;
border-radius: 10px;
margin: 5px auto;
background: #f89b00;
background-size: 200%;
border-bottom: solid 6px #de6000
}
.happymail-doku:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.happymail-doku:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #de6000;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
.happymail-doku span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
.happymail-doku span:last-of-type {
position: relative;
display: inline
}
.happymail-doku span:last-of-type:after,
.happymail-doku span:last-of-type:before {
position: absolute;
top: 0;
content: '';
width: 15px;
height: 15px
}
.happymail-doku span:first-of-type img {
display: none
}
.happymail-doku span:last-of-type:before {
left: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
.happymail-doku span:last-of-type:after {
right: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
.happymail-doku span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
body .post a.happymail-kikon {
text-decoration: none
}
.happymail-kikon {
display: block;
position: relative;
width: 250px;
height: 84px;
border-radius: 10px;
margin: 5px auto;
background: #78afda;
background-size: 200%;
border-bottom: solid 6px #3381bd
}
.happymail-kikon:hover {
opacity: .6
}
.happymail-kikon:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
#mainCenter td.dlbt-box .bt-rank-dl a:hover,
#mainCenter td.dlbt-box .bt-rank-syousai a:hover,
.cvBts:hover {
opacity: .6
}
.happymail-kikon:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #3381bd;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
.happymail-kikon span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
.happymail-kikon span:last-of-type {
position: relative;
display: inline
}
.happymail-kikon span:last-of-type:after,
.happymail-kikon span:last-of-type:before {
position: absolute;
top: 0;
content: '';
width: 15px;
height: 15px
}
.happymail-kikon span:first-of-type img {
display: none
}
.happymail-kikon span:last-of-type:before {
left: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
.happymail-kikon span:last-of-type:after {
right: -20px;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
.happymail-kikon span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
.conve-bt-boxs2 {
text-align: center;
width: 85%;
padding: 15px 0;
margin: 0 auto 25px;
display: block;
border: 0 solid #ff3c70;
border-radius: 5px;
background: #f0f4f7
}
.conve-bt-boxs2 p.bt-download-txt {
font-size: 16px;
font-weight: 700;
margin: 0;
color: #ff3249
}
.conve-bt-boxs2 p.bt-download-txt+p {
position: relative
}
.conve-bt-boxs2 p {
margin-bottom: 0
}
.conve-bt-boxs2 .bt-download-txt a {
color: #ff3249;
display: inline-block;
width: auto
}
.conve-bt-boxs2 .conve-double-in {
display: flex;
justify-content: center;
align-items: center
}
.conve-bt-boxs2 .conve-double-in p {
margin: 10px
}
.conve-bt-boxs2.pc-none {
display: none
}
#mainCenter .ninki5-list-wrap {
width: 100%;
margin: 10px auto 500px;
padding: 0;
position: relative
}
#mainCenter .ninki5-list-wrap .ninki5-list-box {
display: flex;
align-items: center;
width: 100%;
margin: 0 0 5px;
box-sizing: border-box;
border: 1px solid #efefef;
background: #f5f8fa
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-title {
width: 20%;
text-align: center;
position: relative
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-title img {
width: 70px;
border-radius: 10px;
border: 2px solid #ccc;
margin: 0 auto;
display: block
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(1) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-1.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(2) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-2.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(3) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-3.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(4) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-4.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(5) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-5.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(6) .ninki5-list-title a:before {
content: "";
background: url('https://img.altema.jp/yugiohcard/common/icon/ninki5-icon-pr.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
.cvBts:before,
body .post a.cvBts-haru:before {
animation: kirakira 3s ease-in-out infinite;
left: 0;
top: -180px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main {
width: 80%;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box {
width: 100%;
display: flex;
align-items: center;
margin: 0;
background: #b5c0d0;
padding: 8px 0 8px 15px;
color: #FFF
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dt {
width: 40%;
display: block;
font-size: 20px;
font-weight: 700
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd {
width: 60%;
display: flex;
align-items: center
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a {
width: 43%;
padding: 3px;
text-align: center;
text-decoration: none;
border-radius: 50px;
color: #FFF;
font-weight: 700;
cursor: pointer;
display: block
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a:nth-of-type(1) {
margin: 0 15px 0 0;
background: #fb558f;
box-shadow: 0 2px 0 0 #d10050
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a:nth-of-type(2) {
margin: 0;
background: #1c9af2;
box-shadow: 0 2px 0 0 #006ac1
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box {
width: 100%;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0 15px;
background: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dt {
width: 100%;
display: block;
font-size: 16px;
font-weight: 700;
color: #5f5f5f
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price {
width: 60%;
color: #5f5f5f
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span {
position: relative;
width: 100%
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span.icon-man:before {
content: "男";
background: #5da9e4;
padding: 3px 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
font-weight: 700;
color: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span.icon-woman:before {
content: "女";
background: #f36091;
padding: 3px 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
font-weight: 700;
color: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre {
width: 40%
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre ul {
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 5px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #e2e2e2;
background: #f5f8fa;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #9c9c9c
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li.icon-on {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #bce8e3;
background: #3edbc8;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #fff;
font-weight: 700
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li:nth-of-type(n+4).icon-on {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #fbdec1;
background: #ffb469;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #fff;
font-weight: 700
}
#mainCenter .osusume-app-table .ryoukin {
padding: 0 10px
}
#mainCenter td.tokucho {
border: 0;
padding: 5px 10px 0;
line-height: normal
}
#mainCenter td.dlbt-box {
margin: 0;
padding: 8px 5px;
border-bottom: 1px dashed #e2e2e2
}
#mainCenter td.dlbt-box .bt-rank-dl a,
#mainCenter td.dlbt-box .bt-rank-syousai a {
padding: 5px;
text-decoration: none;
box-sizing: border-box;
color: #FFF;
border-radius: 5px;
font-weight: 700
}
#mainCenter td.dlbt-box div.dlbt-box-in {
display: flex;
justify-content: center;
align-items: center
}
#mainCenter td.dlbt-box .bt-rank-dl,
#mainCenter td.dlbt-box .bt-rank-syousai {
width: 50%;
text-align: center;
margin: 2px
}
#mainCenter td.dlbt-box .bt-rank-dl a {
width: 100%;
height: 100%;
background: #ff83ae;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 0 0 #d9165f
}
#mainCenter td.dlbt-box .bt-rank-dl a:before {
content: "";
width: 13px;
height: 13px;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m11d_1239048819.png) center/100% 100% no-repeat;
display: inline-block;
margin-right: 8px
}
#mainCenter td.dlbt-box .bt-rank-syousai a {
width: 100%;
height: 100%;
background: #4baef3;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 0 0 #006ac1
}
#mainCenter td.dlbt-box .bt-rank-syousai a:before {
content: "";
width: 13px;
height: 13px;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/03/2021y03m11d_1239041425.png) center/100% 100% no-repeat;
display: inline-block;
margin-right: 8px
}
.conve-bt-boxs.bridalnet-cv .happymail {
background: #f3656f;
border-bottom: solid 5px #d21926
}
.conve-bt-boxs.bridalnet-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail:after {
color: #f3656f;
background: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.bridalnet-cv {
background: #fdd
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a {
color: #f3656f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.bridalnet-cv .happymail {
background: #f3656f;
border-bottom: solid 5px #d21926
}
.conve-bt-boxs.bridalnet-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail:after {
color: #f3656f;
background: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.bridalnet-cv {
background: #fdd
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a {
color: #f3656f !important
}
}
.conve-bt-boxs.tinder-cv .happymail {
background: #ff7157;
border-bottom: solid 5px #fd3939
}
.conve-bt-boxs.tinder-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tinder-cv .happymail:after {
color: #fd3939;
background: #fff
}
.conve-bt-boxs.tinder-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tinder-cv {
background: #ffe1db
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a {
color: #fd2a7b !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tinder-cv .happymail {
background: #ff7157;
border-bottom: solid 5px #fd3939
}
.conve-bt-boxs.tinder-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tinder-cv .happymail:after {
color: #fd3939;
background: #fff
}
.conve-bt-boxs.tinder-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tinder-cv {
background: #ffe1db
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a {
color: #fd2a7b !important
}
}
.conve-bt-boxs.ikinari-cv .happymail {
background: #ff686f;
border-bottom: solid 5px #e43965
}
.conve-bt-boxs.ikinari-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.ikinari-cv .happymail:after {
color: #e43965;
background: #fff
}
.conve-bt-boxs.ikinari-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.ikinari-cv {
background: #fff2f3
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a {
color: #ff686f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.ikinari-cv .happymail {
background: #ff686f;
border-bottom: solid 5px #e43965
}
.conve-bt-boxs.ikinari-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.ikinari-cv .happymail:after {
color: #e43965;
background: #fff
}
.conve-bt-boxs.ikinari-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.ikinari-cv {
background: #fff2f3
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a {
color: #ff686f !important
}
}
.conve-bt-boxs.omiai-cv .happymail {
background: #ff8381;
border-bottom: solid 5px #ff4643
}
.conve-bt-boxs.omiai-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.omiai-cv .happymail:after {
color: #ff4643;
background: #fff
}
.conve-bt-boxs.omiai-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.omiai-cv {
background: #dcf2ff
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a {
color: #3f9ad1 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.omiai-cv .happymail {
background: #ff8381;
border-bottom: solid 5px #ff4643
}
.conve-bt-boxs.omiai-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.omiai-cv .happymail:after {
color: #ff4643;
background: #fff
}
.conve-bt-boxs.omiai-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.omiai-cv {
background: #dcf2ff
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a {
color: #3f9ad1 !important
}
}
.conve-bt-boxs.tapple-cv .happymail {
background: #ea4c89;
border-bottom: solid 5px #d40555
}
.conve-bt-boxs.tapple-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tapple-cv .happymail:after {
color: #d40555;
background: #fff
}
.conve-bt-boxs.tapple-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tapple-cv {
background: #d9f5f5
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a {
color: #07b3b3 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tapple-cv .happymail {
background: #ea4c89;
border-bottom: solid 5px #d40555
}
.conve-bt-boxs.tapple-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tapple-cv .happymail:after {
color: #d40555;
background: #fff
}
.conve-bt-boxs.tapple-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tapple-cv {
background: #d9f5f5
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a {
color: #07b3b3 !important
}
}
.conve-bt-boxs.with-cv .happymail {
background: #fe696f;
border-bottom: solid 5px #ff343c
}
.conve-bt-boxs.with-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.with-cv .happymail:after {
color: #ff343c;
background: #fff
}
.conve-bt-boxs.with-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.with-cv {
background: #fffbee
}
.conve-bt-boxs.with-cv p.bt-download-txt a {
color: #fe696f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.with-cv .happymail {
background: #fe696f;
border-bottom: solid 5px #ff343c
}
.conve-bt-boxs.with-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.with-cv .happymail:after {
color: #ff343c;
background: #fff
}
.conve-bt-boxs.with-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.with-cv {
background: #fffbee
}
.conve-bt-boxs.with-cv p.bt-download-txt a {
color: #fe696f !important
}
}
.conve-bt-boxs.tocale-cv .happymail {
background: #2b1b15;
border-bottom: solid 5px #000
}
.conve-bt-boxs.tocale-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tocale-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.tocale-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tocale-cv {
background: #ded4be
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a {
color: #5d4d46 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tocale-cv .happymail {

background: #2b1b15;
border-bottom: solid 5px #000
}
.conve-bt-boxs.tocale-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tocale-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.tocale-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tocale-cv {
background: #ded4be
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a {
color: #5d4d46 !important
}
}
.conve-bt-boxs.match-cv .happymail {
background: #4967da;
border-bottom: solid 5px #2743af

}
.conve-bt-boxs.match-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.match-cv .happymail:after {
color: #2743af;
background: #fff
}
.conve-bt-boxs.match-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.match-cv {
background: #e6e8ff
}
.conve-bt-boxs.match-cv p.bt-download-txt a {
color: #3a3c5d !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.match-cv .happymail {
background: #4967da;
border-bottom: solid 5px #2743af
}
.conve-bt-boxs.match-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.match-cv .happymail:after {
color: #2743af;
background: #fff
}
.conve-bt-boxs.match-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.match-cv {
background: #e6e8ff
}
.conve-bt-boxs.match-cv p.bt-download-txt a {
color: #3a3c5d !important
}
}
.conve-bt-boxs.eveeve-cv .happymail {
background: #48cecf;
border-bottom: solid 5px #1fa4a5
}
.conve-bt-boxs.eveeve-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.eveeve-cv .happymail:after {
color: #1fa4a5;
background: #fff
}
.conve-bt-boxs.eveeve-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.eveeve-cv {
background: #dbefef
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a {
color: #ea6f99 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.eveeve-cv .happymail {
background: #48cecf;
border-bottom: solid 5px #1fa4a5
}
.conve-bt-boxs.eveeve-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.eveeve-cv .happymail:after {
color: #1fa4a5;
background: #fff
}
.conve-bt-boxs.eveeve-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.eveeve-cv {
background: #dbefef
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a {
color: #ea6f99 !important
}
}
.conve-bt-boxs.koimusubi-cv .happymail {
background: #e70e75;
border-bottom: solid 5px #c1005c
}
.conve-bt-boxs.koimusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail:after {
color: #c1005c;
background: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.koimusubi-cv {
background: #e9f5ff
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a {
color: #e70e75 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.koimusubi-cv .happymail {
background: #e70e75;
border-bottom: solid 5px #c1005c
}
.conve-bt-boxs.koimusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail:after {
color: #c1005c;
background: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.koimusubi-cv {
background: #e9f5ff
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a {
color: #e70e75 !important
}
}
.conve-bt-boxs.poiboy-cv .happymail {
background: #ff6993;
border-bottom: solid 5px #e83568
}
.conve-bt-boxs.poiboy-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.poiboy-cv .happymail:after {
color: #e83568;
background: #fff
}
.conve-bt-boxs.poiboy-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.poiboy-cv {
background: #fae6ee
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a {
color: #f66 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.poiboy-cv .happymail {
background: #ff6993;
border-bottom: solid 5px #e83568
}
.conve-bt-boxs.poiboy-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.poiboy-cv .happymail:after {
color: #e83568;
background: #fff
}
.conve-bt-boxs.poiboy-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.poiboy-cv {
background: #fae6ee
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a {
color: #f66 !important
}
}
.conve-bt-boxs.enmusubi-cv .happymail {
background: #e0006b;
border-bottom: solid 5px #bb0059
}
.conve-bt-boxs.enmusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail:after {
color: #bb0059;
background: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.enmusubi-cv {
background: #f7f5f0
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a {
color: #b38144 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.enmusubi-cv .happymail {
background: #e0006b;
border-bottom: solid 5px #bb0059
}
.conve-bt-boxs.enmusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail:after {
color: #bb0059;
background: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.enmusubi-cv {
background: #f7f5f0
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a {
color: #b38144 !important
}
}
.conve-bt-boxs.youbride-cv .happymail {
background: #59b54d;
border-bottom: solid 5px #439038
}
.conve-bt-boxs.youbride-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.youbride-cv .happymail:after {
color: #439038;
background: #fff
}
.conve-bt-boxs.youbride-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.youbride-cv {
background: #f6f6f6
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a {
color: #7cb727 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.youbride-cv .happymail {
background: #59b54d;
border-bottom: solid 5px #439038
}
.conve-bt-boxs.youbride-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.youbride-cv .happymail:after {
color: #439038;
background: #fff
}
.conve-bt-boxs.youbride-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.youbride-cv {
background: #f6f6f6
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a {
color: #7cb727 !important
}
}
.conve-bt-boxs.marrish-cv .happymail {
background: #d2b074;
border-bottom: solid 5px #a28a57
}
.conve-bt-boxs.marrish-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.marrish-cv .happymail:after {
color: #a28a57;
background: #fff
}
.conve-bt-boxs.marrish-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.marrish-cv {
background: #f8f6f2
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a {
color: #805f20 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.marrish-cv .happymail {
background: #d2b074;
border-bottom: solid 5px #a28a57
}
.conve-bt-boxs.marrish-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.marrish-cv .happymail:after {
color: #a28a57;
background: #fff
}
.conve-bt-boxs.marrish-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.marrish-cv {
background: #f8f6f2
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a {
color: #805f20 !important
}
}
.conve-bt-boxs.dine-cv .happymail {
background: #50180a;
border-bottom: solid 5px #2d150e
}
.conve-bt-boxs.dine-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.dine-cv .happymail:after {
color: #2d150e;
background: #fff
}
.conve-bt-boxs.dine-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.dine-cv {
background: #f6f6f6
}
.conve-bt-boxs.dine-cv p.bt-download-txt a {
color: #c9960f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.dine-cv .happymail {
background: #50180a;
border-bottom: solid 5px #2d150e
}
.conve-bt-boxs.dine-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.dine-cv .happymail:after {
color: #2d150e;
background: #fff
}
.conve-bt-boxs.dine-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.dine-cv {
background: #f6f6f6
}
.conve-bt-boxs.dine-cv p.bt-download-txt a {
color: #c9960f !important
}
}
.conve-bt-boxs.crossme-cv .happymail {
background: #2c9ffb;
border-bottom: solid 5px #1868a9
}
.conve-bt-boxs.crossme-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.crossme-cv .happymail:after {
color: #1868a9;
background: #fff
}
.conve-bt-boxs.crossme-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.crossme-cv {
background: #f1efff
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a {
color: #1868a9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.crossme-cv .happymail {
background: #2c9ffb;
border-bottom: solid 5px #1868a9
}
.conve-bt-boxs.crossme-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.crossme-cv .happymail:after {
color: #1868a9;
background: #fff
}
.conve-bt-boxs.crossme-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.crossme-cv {
background: #f1efff
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a {
color: #1868a9 !important
}
}
.conve-bt-boxs.aocca-cv .happymail {
background: #fe708e;
border-bottom: solid 5px #fb476d
}
.conve-bt-boxs.aocca-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.aocca-cv .happymail:after {
color: #fb476d;
background: #fff
}
.conve-bt-boxs.aocca-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.aocca-cv {
background: #fde5e7
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a {
color: #583e39 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.aocca-cv .happymail {
background: #fe708e;
border-bottom: solid 5px #fb476d
}
.conve-bt-boxs.aocca-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.aocca-cv .happymail:after {
color: #fb476d;
background: #fff
}
.conve-bt-boxs.aocca-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.aocca-cv {
background: #fde5e7
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a {
color: #583e39 !important
}
}
.conve-bt-boxs.pairs-cv .happymail {
background: #38c0ca;
border-bottom: solid 5px #1098a2
}
.conve-bt-boxs.pairs-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pairs-cv .happymail:after {
color: #1098a2;
background: #fff
}
.conve-bt-boxs.pairs-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pairs-cv {
background: #eafeff
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a {
color: #7d7d7d !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.pairs-cv .happymail {
background: #38c0ca;
border-bottom: solid 5px #1098a2
}
.conve-bt-boxs.pairs-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pairs-cv .happymail:after {
color: #1098a2;
background: #fff
}
.conve-bt-boxs.pairs-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pairs-cv {
background: #eafeff
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a {
color: #7d7d7d !important
}
}
.conve-bt-boxs.yyc-cv .happymail {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs.yyc-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.yyc-cv .happymail:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs.yyc-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.yyc-cv .happymail {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs.yyc-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.yyc-cv .happymail:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs.yyc-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
}
.conve-bt-boxs.happymail-cv .happymail {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs.happymail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.happymail-cv .happymail:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs.happymail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.happymail-cv .happymail {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs.happymail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.happymail-cv .happymail:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs.happymail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
}
.conve-bt-boxs.pcmax-cv .happymail {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs.pcmax-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pcmax-cv .happymail:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs.pcmax-cv .happymail span {
color: #fff
}
.conve-bt-boxs.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.pcmax-cv .happymail {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs.pcmax-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pcmax-cv .happymail:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs.pcmax-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
}
.conve-bt-boxs.jmail-cv .happymail {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs.jmail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.jmail-cv .happymail:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs.jmail-cv .happymail span {
color: #fff
}
.conve-bt-boxs.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs.jmail-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.jmail-cv .happymail {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs.jmail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.jmail-cv .happymail:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs.jmail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs.jmail-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs.wakuwaku-cv .happymail {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs.wakuwaku-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail span {
color: #fff
}
.conve-bt-boxs.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.wakuwaku-cv .happymail {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs.wakuwaku-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
}
.conve-bt-boxs.mitsum-cv .happymail {
background: #ffb212;
border-bottom: solid 5px #b37900
}
.conve-bt-boxs.mitsum-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.mitsum-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.mitsum-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.mitsum-cv {
background: #f1efe9
}
.conve-bt-boxs.mitsum-cv p.bt-download-txt a {
color: #5d4d46 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.mitsum-cv .happymail {
background: #ffb212;
border-bottom: solid 5px #b37900
}
.conve-bt-boxs.mitsum-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.mitsum-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.mitsum-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.mitsum-cv {
background: #f1efe9
}
.conve-bt-boxs.mitsum-cv p.bt-download-txt a {
color: #5d4d46 !important
}
}
.conve-bt-boxs2.happymail-cv .happymail-doku {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs2.happymail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv .happymail-kikon {
background: #e23f8c;
border-bottom: solid 5px #a51d5d
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:after {
color: #a51d5d;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs2.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.happymail-cv .happymail-doku {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs2.happymail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymai-dokul:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv .happymail-kikon {
background: #e23f8c;
border-bottom: solid 5px #a51d5d
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymai-kikon:after {
color: #a51d5d;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs2.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
}
.conve-bt-boxs2.yyc-cv .happymail-doku {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs2.yyc-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv .happymail-kikon {
background: #00bd74;
border-bottom: solid 5px #00804e
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:after {
color: #00804e;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs2.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.yyc-cv .happymail-doku {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs2.yyc-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv .happymail-kikon {
background: #00bd74;
border-bottom: solid 5px #00804e
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:after {
color: #00804e;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs2.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
}
.conve-bt-boxs2.pcmax-cv .happymail-doku {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon {
background: #2898d4;
border-bottom: solid 5px #00669c
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:after {
color: #00669c;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs2.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.pcmax-cv .happymail-doku {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon {
background: #2898d4;
border-bottom: solid 5px #00669c
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:after {
color: #00669c;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs2.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
}
.conve-bt-boxs2.jmail-cv .happymail-doku {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs2.jmail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon {
background: #003ca0;
border-bottom: solid 5px #00235f
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:after {
color: #00235f;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs2.jmail-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.jmail-cv .happymail-doku {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs2.jmail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.jmail-cv .happymail-kikon {
background: #003ca0;
border-bottom: solid 5px #00235f
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:after {
color: #00235f;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs2.jmail-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon {
background: #00b5a5;
border-bottom: solid 5px #006f6b
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:after {
color: #006f6b;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs2.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.wakuwaku-cv .happymail-doku {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymai-doku:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon {
background: #00b5a5;
border-bottom: solid 5px #006f6b
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymai-kikon:after {
color: #006f6b;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs2.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku {
background: #ff667c;
border-bottom: solid 5px #d83e54
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:after {
color: #d83e54;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon {
background: #59a9de;
border-bottom: solid 5px #3280b3
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:after {
color: #3280b3;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.ikukuru-cv {
background: #f3f3f3
}
.conve-bt-boxs2.ikukuru-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.ikukuru-cv .happymail-doku {
background: #ff667c;
border-bottom: solid 5px #d83e54
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymai-doku:after {
color: #d83e54;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon {
background: #59a9de;
border-bottom: solid 5px #3280b3
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymai-kikon:after {
color: #3280b3;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.ikukuru-cv {
background: #f3f3f3
}
.conve-bt-boxs2.ikukuru-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs2.asobo-cv .happymail-doku {
background: #ff5a73;
border-bottom: solid 5px #ca0e2b
}
.conve-bt-boxs2.asobo-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku:after {
color: #ca0e2b;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon {
background: #6eb9e8;
border-bottom: solid 5px #2a78a9
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:after {
color: #2a78a9;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.asobo-cv {
background: #ffedf3
}
.conve-bt-boxs2.asobo-cv p.bt-download-txt a {
color: #4c1d00 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.asobo-cv .happymail-doku {
background: #ff5a73;
border-bottom: solid 5px #ca0e2b
}
.conve-bt-boxs2.asobo-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymai-doku:after {
color: #ca0e2b;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.asobo-cv .happymail-kikon {
background: #6eb9e8;
border-bottom: solid 5px #2a78a9
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymai-kikon:after {
color: #2a78a9;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.asobo-cv {
background: #ffedf3
}
.conve-bt-boxs2.asobo-cv p.bt-download-txt a {
color: #4c1d00 !important
}
}
.free-text {
display: block !important
}
.app-area div.app-area-bottom+p a {
display: none
}
.hikakurank-icon dd,
.hikakurank-icon dl,
.hikakurank-icon dt {
margin: 0;
padding: 0;
text-align: center;
display: block;
line-height: 1.6
}
.hikakurank-icon dd {
font-size: 15px;
font-weight: 700;
color: #ff305c
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a,
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a {
padding: 5px;
width: 100%;
height: 100%;
justify-content: center;
box-sizing: border-box;
color: #FFF;
font-weight: 700;
border-radius: 5px;
text-decoration: none
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a {
background: #0a94e8;
display: flex;
align-items: center;
box-shadow: 0 2px 0 0 #063d5f
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a:before {
display: none
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a {
background: #ff5991;
display: flex;
align-items: center;
box-shadow: 0 2px 0 0 #b11449
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a:before {
display: none
}
.img_kakudai {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #5a99fd;
color: #fff;
padding: 2px 0
}
.img_kakudai:before {
content: '';
display: inline-block;
vertical-align: top;
background-image: url('https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1320033399.png');
background-size: contain;
width: 13px;
height: 13px;
margin-right: 4px;
background-repeat: no-repeat
}
video {
width: 100%;
height: 100%
}
#mainCenter section.chumokuapp-box a.linkapp-btn span {
display: inline-block;
background: 0 0;
padding: 0;
margin: 0 -8px 0 5px;
font-size: 14px;
font-weight: 400
}
body .post a.cvBts {
text-decoration: none;
color: #FFF
}
body .post a.cvBts+br {
display: none
}
.cvBts-box {
margin: 0 0 30px
}
.cvBts,
.cvBts-box-hanabi .cvBts,
.cvBts-box-heart .cvBts {
display: inline-block;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
overflow: hidden;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29)
}
.cvBts-box p {
text-align: center
}
.cvBts {
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-box-heart .cvBts {
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
.cvBts-box-hanabi .cvBts {
background: #4644a0;
border-bottom: solid 6px #333179
}
.cvBts:before {
background-color: #fff;
content: "";
height: 100%;
opacity: 0;
position: absolute;
transform: rotate(45deg);
width: 30px
}
@keyframes kirakira {
0% {
transform: scale(0) rotate(45deg);
opacity: 0
}
80% {
transform: scale(0) rotate(45deg);
opacity: .5
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0
}
}
.cvBts span {
font-size: 22px;
font-weight: 700
}
.facebookTxt {
display: block;
color: #FFF;
font-size: 11px;
text-align: center;
line-height: 1.2
}
body .post p.coPtxt-hanabi:after,
body .post p.coPtxt-hanabi:before,
body .post p.coPtxt-summer2:after,
body .post p.coPtxt-summer2:before,
body .post p.coPtxt-summer:after,
body .post p.coPtxt-summer:before,
body .post p.coPtxt:after,
body .post p.coPtxt:before {
width: 15px;
height: 20px;
display: inline-block;
content: ""
}
body .post p.coPtxt,
body .post p.coPtxt-hanabi {
color: #4644a0;
margin: 0;
padding: 0;
position: relative
}
body .post p.coPtxt,
body .post p.coPtxt-hanabi,
body .post p.coPtxt-haru,
body .post p.coPtxt-summer,
body .post p.coPtxt-summer2 {
font-size: 16px;
text-align: center;
font-weight: 700
}
body .post p.coPtxt:before {
border-left: 2px solid #4644a0;
transform: rotate(-30deg)
}
body .post p.coPtxt:after {
border-right: 2px solid #4644a0;
transform: rotate(30deg)
}
body .post p.coPtxt-hanabi:before {
border-left: 2px solid #4644a0;
transform: rotate(-30deg)
}
body .post p.coPtxt-hanabi:after {
border-right: 2px solid #4644a0;
transform: rotate(30deg)
}
body .post p.coPtxt-summer {
margin: 0;
padding: 0;
position: relative;
color: #ff9bac
}
body .post p.coPtxt-summer:before {
border-left: 2px solid #ff9bac;
transform: rotate(-30deg)
}
body .post p.coPtxt-summer:after {
border-right: 2px solid #ff9bac;
transform: rotate(30deg)
}
body .post p.coPtxt-summer2 {
margin: 0;
padding: 0;
position: relative;
color: #229af3
}
body .post p.coPtxt-summer2:before {
border-left: 2px solid #229af3;
transform: rotate(-30deg)
}
body .post p.coPtxt-summer2:after {
border-right: 2px solid #229af3;
transform: rotate(30deg)
}
.rankBtnLR #rankingBtn {
display: -webkit-flex;
display: flex
}
.rankBtnLR #rankingBtn li a {
width: 100px;
display: block;
text-align: center;
margin: 0 10px 0 0;
border: 0
}
.rankBtnLR #rankingBtn.btwd100 {
display: block !important;
box-sizing: border-box !important
}
.rankBtnLR #rankingBtn.btwd100 a {
width: 100% !important;
box-sizing: border-box
}
#rankingBtn.btwdrank5 a {
width: 330px !important;
box-sizing: border-box
}
body .post a.cvBts-haru {
display: inline-block;
overflow: hidden;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
background: #ff9bac;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-bottom: solid 6px #e65d75;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent
}
body .post a.cvBts-haru:hover {
opacity: .6
}
body .post a.cvBts-haru:before {
background-color: #fff;
content: "";
height: 100%;
opacity: 0;
position: absolute;
transform: rotate(45deg);
width: 30px
}
body .post p.coPtxt-haru:after,
body .post p.coPtxt-haru:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post p.coPtxt-haru {
margin: 0;
padding: 0;
position: relative;
color: #ff617c
}
body .post p.coPtxt-haru:before {
border-left: 2px solid #ff617c;
transform: rotate(-30deg)
}
body .post p.coPtxt-haru:after {
border-right: 2px solid #ff617c;
transform: rotate(30deg)
}
body .post .cvBts-box-haru,
body .post a.cvBts-haru {
position: relative
}
body .post .cvBts-box-haru:after,
body .post .cvBts-box-haru:before {
content: "";
display: block;
width: 100px;
height: 200px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-haru:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/sakura-l.png') center no-repeat;
background-size: 45%;
left: -360px;
right: 0
}
body .post .cvBts-box-haru:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/sakura-r.png') center no-repeat;
background-size: 45%;
left: 0;
right: -360px
}
body .post a.cvBts-haru {
text-decoration: none;
color: #FFF
}
body .post a.cvBts-haru+br {
display: none
}
.cvBts-box-haru {
margin: 0 0 30px
}
.cvBts-haru,
body .post a.cvBts-heart {
display: inline-block;
overflow: hidden;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
text-align: center
}
.cvBts-box-haru p {
text-align: center
}
.cvBts-haru {
position: relative;
width: 50%;
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-haru:before,
body .post a.cvBts-heart:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
animation: kirakira 3s ease-in-out infinite
}
.cvBts-haru:hover {
opacity: .6
}
.cvBts-haru:before {
background-color: #fff;
opacity: 0;
width: 30px
}
.cvBts-haru span {
font-size: 20px;
font-weight: 700
}
body .post a.cvBts-heart {
width: 50%;
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
body .post a.cvBts-heart:hover {
opacity: .6
}
body .post a.cvBts-heart:before {
background-color: #fff;
opacity: 0;
width: 30px
}
body .post p.coPtxt-heart:after,
body .post p.coPtxt-heart:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post p.coPtxt-heart {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ff617c;
text-align: center
}
body .post p.coPtxt-heart:before {
border-left: 2px solid #ff617c;
transform: rotate(-30deg)
}
body .post p.coPtxt-heart:after {
border-right: 2px solid #ff617c;
transform: rotate(30deg)
}
body .post .cvBts-box-heart,
body .post a.cvBts-heart {
position: relative
}
body .post .cvBts-box-heart:after,
body .post .cvBts-box-heart:before {
display: block;
width: 100px;
height: 200px;
position: absolute;
top: -30px;
bottom: 0;
margin: auto;
z-index: 1;
content: ""
}
body .post .cvBts-box-heart:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/heart01.png') center no-repeat;
background-size: 35%;
left: -360px;
right: 0
}
body .post .cvBts-box-heart:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/heart02.png') center no-repeat;
background-size: 35%;
left: 0;
right: -360px
}
body .post a.cvBts-heart {
text-decoration: none;
color: #FFF
}
body .post a.cvBts-heart+br {
display: none
}
.cvBts-box-heart {
margin: 0 0 30px
}
.cvBts-heart,
body .post .cvBts-box-hanabi a.cvBts {
display: inline-block;
margin: auto;
padding: 10px 0;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
overflow: hidden;
line-height: 1.3;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
text-align: center
}
.cvBts-box-heart p {
text-align: center
}
.cvBts-heart {
position: relative;
width: 50%;
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-heart:hover {
opacity: .6
}
.cvBts-heart:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.cvBts-heart span {
font-size: 20px;
font-weight: 700
}
body .post .cvBts-box-hanabi a.cvBts {
position: relative;
width: 50%
}
body .post .cvBts-box-hanabi {
position: relative
}
body .post .cvBts-box-hanabi:after,
body .post .cvBts-box-hanabi:before {
content: "";
display: block;
width: 100px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-hanabi:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/kingyo01.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -335px;
right: 0
}
body .post .cvBts-box-hanabi:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/hanabi02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -360px
}
.cvBts-box-hanabi {
margin: 0 0 30px
}
.cvBts-box-hanabi p {
text-align: center
}
body .post .cvBts-box-summer a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
body .post .cvBts-box-summer {
position: relative
}
body .post .cvBts-box-summer:after,
body .post .cvBts-box-summer:before {
content: "";
display: block;
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-summer:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/summer03.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -350px;
right: 0
}
body .post .cvBts-box-summer:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/summer02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -360px
}
.cvBts-box-summer {
margin: 0 0 30px
}
.cvBts-box-summer p {
text-align: center
}
body .post .cvBts-box-summer2 a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #229af3;
border-bottom: solid 6px #1866a0
}
body .post .cvBts-box-summer2 {
position: relative
}
body .post .cvBts-box-summer2:after,
body .post .cvBts-box-summer2:before {
content: "";
display: block;
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-summer2:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/summer03.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0
}
body .post .cvBts-box-summer2:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/summer02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -410px
}
.cvBts-box-summer2 {
margin: 0 0 30px
}
.cvBts-box-summer2 p {
text-align: center
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 a.cvBts {
width: 60%
}
body .post p.coPtxt-autumn:after,
body .post p.coPtxt-autumn:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 {
margin: 0
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 p {
margin: 0 !important
}
body .post p.coPtxt-autumn {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ea5e00;
text-align: center
}
body .post p.coPtxt-autumn:before {
border-left: 2px solid #ea5e00;
transform: rotate(-30deg)
}
body .post p.coPtxt-autumn:after {
border-right: 2px solid #ea5e00;
transform: rotate(30deg)
}
body .post .cvBts-box-autumn a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ea5e00;
border-bottom: solid 6px #923b00
}
body .post .cvBts-box-autumn {
position: relative
}
body .post .cvBts-box-autumn:after,
body .post .cvBts-box-autumn:before {
content: "";
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1;
display: block
}
body .post .cvBts-box-autumn:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/autumn-l.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0
}
body .post .cvBts-box-autumn:after {
background: url('https://img.altema.jp/yugiohcard/common/icon/autumn-r.png') center no-repeat;
background-size: 55%;
top: -15px;
left: 0;
right: -395px
}
.cvBts-box-autumn {
margin: 0 0 30px
}
.cvBts-box-autumn p {
text-align: center
}
.conve-bt-boxs3 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #fffce5;
display: block;
box-sizing: border-box
}
body .post .conve-bt-boxs3 .cvBts-box-autumn a.cvBts {
width: 60%
}
body .post .conve-bt-boxs3 .cvBts-box-autumn {
margin: 0
}
body .post .conve-bt-boxs3 .cvBts-box-autumn p {
margin: 0 !important
}
body .post .conve-bt-boxs3 .cvBts-box-nov p {
margin: 0 !important;
text-align: center;
}
body .post .cvBts-box-nov a.cvBts {
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ea5e00;
border-bottom: solid 6px #923b00;
width: 60%;
}
body .post .cvBts-box-nov a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url('https://img.altema.jp/yugiohcardbook/uploads/2020/11/2020y11m02d_2109122536.png') no-repeat center / 18px #b74a00;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
.HYlist {
display: block;
box-sizing: border-box;
margin: 10px auto;
padding: 10px;
border: 1px solid #d8d8d8;
border-radius: 5px
}
.HYlist .HYlist-midasi {
text-align: center;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0 0 10px;
padding: 0 0 10px;
width: 100%;
border-bottom: 1px solid #d8d8d8
}
.HYlist .HYlist-midasi img {
width: 40px;
height: 40px;
border-radius: 10px;
margin: 0 10px;
border: 1px solid #d8d8d8
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900309367.png"] {
width: 26px;
height: 30px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900317246.png"] {
width: 26px;
height: 20px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900324928.png"] {
width: 26px;
height: 32px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900332523.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900339816.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900397326.png"] {
width: 26px;
height: 23px;
}
.HYlist dl dt img[src="https://img.altema.jp/yugiohcardbook/uploads/2020/03/2020y03m27d_1900404673.png"] {
width: 26px;
height: 20px;
}
.HYlist dl {
padding: 10px;
margin: 5px 0;
border-bottom: 1px dotted #e1eef4
}
.HYlist dl:nth-of-type(5) {
padding: 10px;
margin: 5px 0;
border-bottom: 0
}
.HYlist dl dt {
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 0;
line-height: 35px
}
.HYlist dl dt img {
width: 4%;
margin: 0 10px 0 0;
box-sizing: border-box
}
.HYlist dl dt .HYlist-h {
width: 66%;
margin: 0 10px 0 0;
font-size: 16px;
font-weight: 700;
box-sizing: border-box
}
.HYlist dl dt .HYlist-hoshi {
width: 30%;
text-align: center;
font-weight: 700;
font-size: 20px;
background: #FFF;
border: 1px solid #efefef;
border-radius: 50px;
color: #ffa131;
box-sizing: border-box
}
.HYlist dl.HYlist-ok {
background: #fffdf0;
border-radius: 10px;
border: 2px solid #eddfa4;
box-sizing: border-box
}
.HYlist dl.HYlist-ng {
background: #faf3ff;
border-radius: 10px;
border: 2px solid #acb0ea;
box-sizing: border-box
}
.HYlist dl dd {
font-size: 13px;
line-height: normal;
padding: 5px
}
.HYlist dl.HYlist-ng dt span.HYlist-h,
.HYlist dl.HYlist-ok dt span.HYlist-h {
width: 100%;
margin: 0 10px 0 0;
font-size: 16px;
font-weight: 700;
box-sizing: border-box
}
.acMenu li {
line-height: normal !important
}
.yougosyuu-box {
background: #fcfcfc;
border: 2px solid #a3a3a3;
margin: 20px 0
}
.yougosyuu-box p {
background: #a3a3a3;
margin: 0;
padding: 0 10px;
display: inline-block;
font-weight: 700;
color: #FFF
}
.yougosyuu-box dl {
margin: 0;
padding: 10px 15px 15px
}
.yougosyuu-box dl dt {
margin: 0;
padding: 0;
line-height: normal;
font-size: 16px;
font-weight: 700
}
.yougosyuu-box dl dd {
margin: 0 0 10px;
padding: 0;
line-height: normal;
font-size: 14px
}
.yougosyuu-box dl dd:last-of-type {
margin: 0;
padding: 0;
line-height: normal;
font-size: 14px
}
.rankingBtn li {
display: block;
border: 0 !important;
margin: 0 !important
}
.rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 65%;
font-size: 14px;
line-height: 20px;
padding: 3px 0;
margin: 0 auto;
box-sizing: border-box
}
.rankingBtn li:first-of-type a,
.rankingBtn li:last-of-type a {
padding: 2px 15px;
border-radius: 5px;
color: #fff;
text-decoration: none
}
.rankingBtn li:first-of-type a {
background: #2f9ac6;
box-shadow: 0 3px 0 0 #2680a5;
margin: 0 auto 8px
}
.rankingBtn li:first-of-type a:before,
.rankingBtn li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
.rankingBtn li:first-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/syousai-bt.png') center left/13px no-repeat
}
.rankingBtn li:last-of-type a {
background: #e04172;
box-shadow: 0 3px 0 0 #b11545
}
.rankingBtn li:last-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rankingBtn li a {
width: 100%;
font-size: 14px;
line-height: 16px;
padding: 3px 0;
margin: 0 auto 5px;
box-sizing: border-box
}
}
.article .review-grade-table .grade-score-area .grade-score {
width: 22%;
font-size: 495%;
font-weight: 700
}
.article .review-grade-table .grade-score-area .grade-score-star {
width: 16%
}
.app-zusetsu {
border: 6px solid #36a3ec;
margin-bottom: 40px
}
.article .app-zusetsu p {
margin: 0
}
.app-zusetsu aside {
margin: 0 34px
}
.rankingBtn-hika,
.rankingBtn-hika li {
margin: 0 !important
}
.app-zusetsu .top {
padding: 50px 34px
}
.app-zusetsu .middle {
padding: 40px 34px 50px
}
.app-zusetsu.pcmax {
border-color: #f3447b
}
.app-zusetsu.pcmax .middle {
padding: 20px 34px 10px
}
.rankingBtn-hika li,
.rankingBtn-hika li:last-of-type {
display: block;
border: 0 !important;
padding: 0 !important
}
.rankingBtn-hika {
display: block;
border: 0 !important
}
.rankingBtn-hika li:last-of-type {
margin: 8px 0 3px !important
}
.rankingBtn-hika li a {
display: flex;
justify-content: center;
align-items: center;
width: 70%;
font-size: 14px;
line-height: 20px;
padding: 3px 0;
margin: 0 auto;
box-sizing: border-box
}
.rankingBtn-hika li:first-of-type a {
background: #2f9ac6;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #2680a5;
margin: 0 auto
}
.rankingBtn-hika li:first-of-type a:before,
.rankingBtn-hika li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
.rankingBtn-hika li:first-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/syousai-bt.png') center left/13px no-repeat
}
.rankingBtn-hika li:last-of-type a {
background: #e04172;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #b11545
}
.rankingBtn-hika li:last-of-type a:before {
background: url('https://img.altema.jp/yugiohcard/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rankingBtn-hika li a {
width: 100%;
font-size: 11px;
line-height: 16px;
padding: 4px 0 !important;
margin: 0 auto 5px !important;
box-sizing: border-box
}
.rankingBtn-hika li {
display: block;
border: 0 !important;
margin: 0 !important;
padding: 0 !important
}
}
.rank-list-osusume #rankingBtn {
display: block !important;
box-sizing: border-box !important
}
.rank-list-osusume #rankingBtn a {
width: 330px !important;
box-sizing: border-box
}
.rank-list-osusume .rankingBtn {
display: block !important;
box-sizing: border-box !important
}
.rank-list-osusume .rankingBtn a {
width: 330px !important;
box-sizing: border-box
}
.rank-list-osusume #rankingBtn li+li,
.rank-list-osusume .rankingBtn li+li {
margin-top: 8px !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rank-list-osusume #rankingBtn a,
.rank-list-osusume .rankingBtn a {
width: 100% !important;
box-sizing: border-box
}
.rank-list-osusume #rankingBtn li+li,
.rank-list-osusume .rankingBtn li+li {
margin-top: 8px !important
}
}
.whsiz {
width: 100%;
height: 100%
}
.twitter-timeline-wrapper {
height: 260px;
margin-bottom: 20px !important;
border-left: 1px solid #ebebeb;
box-sizing: border-box;
overflow-y: scroll
}
.ninki-ranking dt img {
max-height: 70px;
object-fit: cover
}
@media only screen and(max-width :414px) {
.ninki-ranking dt img {
max-height: 50px
}
}
@media only screen and(max-width :375px) {
.ninki-ranking dt img {
max-height: 45px
}
}
@media only screen and(max-width :320px) {
.ninki-ranking dt img {
max-height: 38px
}
}
p.cvbt-toptxt {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
line-height: normal;
color: #ff376e
}


/*------------------------------------------------------------
フローチャート
-------------------------------------------------------------*/
.flowchart {
padding: 3px;
background: #40abd4;
margin-bottom: 20px;
}
.flowchart .innner {
background: #fff;
}
.article .flowchart p {
margin: 0;
}
.flowchart .icon-wrap img[src="https://img.altema.jp/yugiohcardbook/uploads/2018/11/2018y11m22d_1209417713.jpg"] {
display: block;
margin-bottom: 4px;
width: 50px;
border-radius: 8px;
border: 1px solid #e6e6e6;
border-bottom: 2px solid #d2d2d2;
}
.flowchart .icon-wrap img {
display: block;
margin-bottom: 3px;
width: 50px;
border-radius: 8px;
border-bottom: 2px solid #d2d2d2;
}
.flowchart .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flowchart .icon-wrap ul {
width: 33%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#mainCenter .post .flowchart .icon-wrap li {
box-sizing: border-box;
background: #f2f2f2;
padding: 20px 3px;
margin: 0;
width: 31%;
line-height: 1;
border-radius: 5px
text-align: center;
}
body .post .flowchart .icon-wrap a {
text-decoration: none;
color: #444;
font-size: 12px;
}
body .post .flowchart .icon-wrap a:hover {
opacity: .6;
}
.flowchart .icon-wrap li span {
display: block;
text-align: center;
margin-bottom: 10px;
height: 86px;
}
.flowchart .icon-wrap li span:last-of-type{
margin: 0;
}
.flowchart .icon-wrap li span.app-name {
margin: 0;
line-height: 1.3;
color: #3492cf;
text-decoration: underline;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .flowchart p {
margin: 0;
}
#main-contents .flowchart .icon-wrap li {
box-sizing: border-box;
background: #f2f2f2;
padding: 10px 0 2px;
margin: 0;
width: 31%;
border-radius: 5px;
}
.flowchart .icon-wrap ul {
margin: 10px 0;
}
body .post .flowchart .icon-wrap a {
font-size: 10px;
height: 90%;
position: relative;
display: block;
}
.flowchart .icon-wrap li span.app-name {
position: absolute;
height: auto;
width: 140%;
left: 50%;
-webkit-transform: translate(-50%, 0) scale(0.8);
transform: translate(-50%, 0) scale(0.8);
}
.flowchart .icon-wrap li span.app-name.ls-down {
letter-spacing: -1px;
}
.flowchart .icon-wrap img {
max-width: 50px;
width: 84%;
margin-bottom: 1px;
border-radius: 6px;
}
.flowchart .icon-wrap img[src="https://img.altema.jp/yugiohcardbook/uploads/2018/11/2018y11m22d_1209417713.jpg"] {
width: 84%;
margin-bottom: 3px;
border-radius: 6px;
}
.flowchart .icon-wrap li span.kaigyou .app-name{
margin-top: -3px;
}
}
@media only screen and (max-width:415px){
.flowchart .icon-wrap li span {
height: 64px;
margin-bottom: 0;
}
.flowchart .icon-wrap li span:first-of-type {
margin: 0;
}
}
@media only screen and (max-width:375px){
.flowchart .icon-wrap li span {
height: 60px;
}
}
@media only screen and (max-width:361px){
.flowchart .icon-wrap li span {
height: 58px;
}
}

.category-list{
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
margin: 0;
box-sizing: border-box;
}
.category-list a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category-list a img{
width: 20%;
height: 90px;
object-fit: contain !important;
object-position: center;
box-sizing: border-box;
}
.category-list a p{
padding: 0 10px 0 20px;
font-size: 14px;
font-weight: 700;
width:80%;
}
.category-list .categorytext{
margin: 10px 0 0;
font-size: 12px;
color: #666;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#mainCenter{
margin-right: 0;
}
.category-list a img{
width: 30%;
height: 65px;
min-height: 65px;
display: block;
}
.category-list a p{
padding: 0 10px 0 15px;
margin:0!important;
width:70%;
line-height:1.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.category-list .categorytext {
margin: 10px 0 0;
font-size: 12px;
color: #666;
line-height:1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sns-button02 {
padding:4px 0 0;
margin-bottom: 0px;
position: relative;
vertical-align:middle;
}
}
body .post .cvBts-box-autumn.halloween:before {
background: url(https://img.altema.jp/yugiohcard/common/icon/halloween-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .cvBts-box-autumn.halloween:after {
background: url(https://img.altema.jp/yugiohcard/common/icon/halloween-2.png) center no-repeat;
background-size: 55%;
top: -22px!important;;
left: 0;
right: -395px;
}
img[src="https://img.altema.jp/yugiohcardbook/uploads/2018/11/2018y11m21d_1324522688.jpg"]{
border: 1px solid #dde4e6;
border-radius: 10px;
}
body #mainCenter table.voiceBox2 td:nth-child(1) p {
margin: 0;
}
body #mainCenter .footerDbtn{
display:none;
}

body .post p.coPtxt-nov2{margin:0;padding:0;font-weight:700;font-size:16px;position:relative;color:#ea5e00;text-align:center}
body .post p.coPtxt-nov2:before{border-left:2px solid #ea5e00;transform:rotate(-30deg)}
body .post p.coPtxt-nov2:after{border-right:2px solid #ea5e00;transform:rotate(30deg)}
body .post .cvBts-box-nov2 a.cvBts{display:inline-block;overflow:hidden;position:relative;width:50%;line-height:1.3;padding:10px 0;border-radius:10px;text-align:center;margin:auto;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.29);border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;background:#ea5e00;border-bottom:solid 6px #923b00}
body .post .cvBts-box-nov2{position:relative}
body .post .cvBts-box-nov2:after,body .post .cvBts-box-nov2:before{content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block}
body .post .cvBts-box-nov2:before{background:url(https://img.altema.jp/yugiohcard/common/icon/nov-l.png) center no-repeat;background-size:55%;top:-20px;left:-400px;right:0}
body .post .cvBts-box-nov2:after{background:url(https://img.altema.jp/yugiohcard/common/icon/nov-r.png) center no-repeat;background-size:55%;top:-15px;left:0;right:-395px}
.cvBts-box-nov2{margin:0 0 30px}
.cvBts-box-nov2 p{text-align:center}
body .post p.coPtxt-nov2:after,body .post p.coPtxt-nov2:before{content:"";width:15px;height:20px;display:inline-block}
body .post .conve-bt-boxs3 .cvBts-box-nov2 a.cvBts{width:60%}body .post .conve-bt-boxs3 .cvBts-box-nov2{margin:0}body .post .conve-bt-boxs3 .cvBts-box-nov2 p{margin:0!important}
.spTopBtn{
display: none;
}

body .post .xmas{
position:relative;
}
body .post .xmas:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/winter-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .xmas:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/winter-2.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}


.conve-bt-boxs4 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: rgb(255 240 189);
display: block;
box-sizing: border-box;
}
body .post p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #006b48;
text-align: center;
}
body .post p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #006b48;
transform: rotate(-30deg);
}
body .post p.coPtxt-win:after {
border-right: 2px solid #006b48;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs4 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cb0f0f;
border-bottom: solid 6px #a40000;
width: 60%;
}
body .post .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #a40000;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .cvBts-box-win.xmas{
position:relative;
}
body .post .cvBts-box-win.xmas:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/winter-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .cvBts-box-win.xmas:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/winter-2.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}
.conve-bt-boxs4.xmas-ver{
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #1b651a;
display: block;
box-sizing: border-box;
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ffdd3c;
text-align: center;
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #ffdd3c;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win:after {
border-right: 2px solid #ffdd3c;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cb0a0a;
border-bottom: solid 6px #8d0606;
width: 60%;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #8d0606;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}


a.ranking-inpage-rank{
display: block;
margin: 20px auto;
width: 80%;
padding: 10px 0px 10px 10px;
line-height:normal;
text-align: center;
background: #ff5353;
color: #fff;
border-radius: 5px;
position: relative;
font-weight:700;
font-size: 18px;
text-decoration:none!important;
box-shadow:0 3px 0 0 #c02b2b;
}
a.ranking-inpage-rank:before{
content:"";
position:absolute;
width:25px;
height:25px;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2019/07/2019y07m05d_1327378709.png) center center no-repeat;
background-size: contain;
left:30px;
top:10px;
}
a.ranking-inpage-rank:after{
content:">";
position:absolute;

display:block;
height:auto;
font-size:24px;
top:3px;
bottom:0;
margin:auto;
left:65px;
width:auto;
}


/*------------------------------------------------------------
会社概要
-------------------------------------------------------------*/
#mainCenter .company-overview .company-info table{
background:#FFF;
margin-bottom:50px;
font-family: 'M PLUS 1p', sans-serif!important;
}
#mainCenter .company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size:15px;
width:30%;
}
#mainCenter .company-overview .company-info table td{
font-size:15px;
width:70%;
line-height: 1.4;
padding:20px;
}
.company-overview .company-jyusyou ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#mainCenter .post .company-overview .company-jyusyou li{
box-sizing: border-box;
display: block;
text-align: left;
background: #fff;
position: relative;
border: 1px solid #ededed;
width: 32%;
margin: 0 2% 15px 0;
}
#mainCenter .post .company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 0;
}
#mainCenter .post .company-overview .company-jyusyou li:last-of-type,#mainCenter .post .company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 0;
}
.company-overview .company-jyusyou li img{
width: 100%;
height: 100px;
padding: 10px;
box-sizing: border-box;
object-fit: contain;
}
.company-overview .company-jyusyou li p{
box-sizing: border-box;
height: 100px;
margin: 0;
padding: 5px 10px;
color: #FFF;
background: #34a1cf;
line-height: 1.5;
font-size: 14px;
}
.company-overview .company-media{
margin-bottom: 30px;
}
.company-overview .company-media .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-overview .company-media .cop-company-medialist dl{
text-align:center;
box-sizing: border-box;
width:48%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
}
.company-overview .company-media .cop-company-medialist dl:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .company-media  .cop-company-medialist dl dt{
position:relative;
}
.company-overview .company-media  .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-overview .company-media   .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-overview .company-media  .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-overview .company-media  .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-overview .company-media  .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}
.company-overview .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-overview .cop-company-medialist dl{
text-align:center;
box-sizing: border-box;
width:48%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
}
.company-overview .cop-company-medialist dl:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .cop-company-medialist dl dt{
position:relative;
}
.company-overview .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-overview .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-overview .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-overview .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-overview .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}
.company-overview .cop-access .cop-access-main p.cop-bt{
margin: 20px auto 0;
}
.company-overview .cop-access p{
text-align: center;
}
.company-overview .cop-bt a{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
border:1px solid #34a1cf;
font-size:14px;
color:#34a1cf;
position:relative;
text-align:center;
box-sizing:border-box;
transition: .5s;
font-family: 'M PLUS 1p', sans-serif!important;
}
.company-overview .cop-bt a:hover{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
opacity: 1;
border:1px solid #34a1cf;
background:#34a1cf;
font-size:14px;
color:#FFF;
position:relative;
text-align:center;
box-sizing:border-box;
}
.company-overview .cop-bt a:after{
content:">";
position:absolute;
right:20px;
font-size:20px;
font-weight:bold;
padding:0;
top: 0;
bottom: 0;
margin: auto;
}
.company-overview .company-member-box {
background: #FFF;
padding: 10px 0;
}
#mainCenter .company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 80%;
margin: 0 auto;
}
.company-overview .company-member-box ul li {
width: 25%;
text-align: center;
margin: 5px 5px 10px;
display: block;
}
.company-overview .company-member-box ul li img {
width: 80px;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: .8s;
height: 80px;
object-fit: cover;
}
.company-overview .company-member-box ul li span {
display: block;
line-height: normal;
font-size: 12px;
margin-top: 5px;
}
.company-overview .unnyouzisseki{
width:86%;
margin:10px auto 30px;
box-sizing: border-box;
}
.company-overview .unnyouzisseki img{
width: 520px;
max-width:100%;
margin:0 auto;
display:block!important;
}
.company-overview .unnyouzisseki:after {
content: '日本マーケティング機構による調査結果';
display: block;
text-align:center;
font-size: 12px;
color: #3b6287;
font-weight:bold;
}
.company-jyusyou .sp{
display: none;
}
.company-jyusyou h3{
font-size:21px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:10px auto 30px;
}
.company-jyusyou .cop-company-jyusyou-slider-wrap{
height: 225px;
margin: 0px 40px 40px 40px;
}
.company-jyusyou .sd-message-01{
display:block;
text-align:left;
margin:0 5px;
background:#fff;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
display: block!important;
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
.company-jyusyou .sd-message-01 p{
box-sizing: border-box;
height: 125px;
margin:0;
padding:10px;
color:#FFF;
background:#ad723f;
font-size: 13px;
line-height: 1.6;
margin: 0;
}
.company-jyusyou .sd-message-01 p:empty{
display: none;
margin:0;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin:auto;
cursor: pointer;
font-weight: normal;
font-size: 200%!important;
position: absolute;
background: #ad723f;
z-index: 999999;
color: #fff;
text-align: center;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next{
right: 0;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main-contents .company-overview .company-info table{
background:#FFF;
margin-bottom:20px;
font-family: 'M PLUS 1p', sans-serif!important;
}
#main-contents .company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size: 12px;
width:30%;
}
#main-contents .company-overview .company-info table td{
width:70%;
line-height: 1.4;
padding: 10px;
font-size: 12px;
}
.company-overview .company-jyusyou ul{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#main-contents .company-overview .company-jyusyou li{
box-sizing: border-box;
display: block;
text-align: left;
background: #fff;
position: relative;
border: 1px solid #ededed;
width: 49%;
margin:0 2% 10px 0 ;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 2%;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 10px;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(2n){
margin-right: 0;
}
#main-contents .company-overview .company-jyusyou li p{
font-size: 13px;
height: 95px;
margin: 0;
}
.company-overview .company-media .cop-company-medialist dl{
width: 100%;
}
#main-contents .company-overview .company-media .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
margin: 10px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.company-overview .cop-company-medialist dl{
width: 100%;
}
#main-contents .company-overview .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
margin: 10px;
}
}
.company-overview .cop-access p{
font-size: 12px;
}
.company-overview .cop-bt a{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:hover{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:after{
right: 18px;
font-size: 18px;
line-height: 38px;
}
.company-overview .company-member-box{
padding: 0 0 10px 0;
}
.company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.company-overview .company-member-box ul li{
margin: 5px 5px 10px;
}
.company-overview .company-member-box ul li img{
width: 70px;
height: 70px;
}
.company-overview .company-media {
margin-bottom: 20px;
}
.company-overview .unnyouzisseki{
width: 100%;
padding:0;
}
.company-overview .unnyouzisseki:after{
line-height: 1.4;
text-align: left;
}
.company-jyusyou .sp{
display: block;
}
.company-jyusyou .pc{
display: none;
}
.company-jyusyou h3{
font-size:16px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:0px auto 20px;
}
.company-jyusyou .cop-company-jyusyou-slider-area{
position: relative;
height: 180px;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next {
position: absolute;
background: #ad723f;
font-weight: normal;
font-size: 200%!important;
z-index: 999999;
color: #fff;
text-align: center;
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next {
right: 0;
}
.cop-company-jyusyou-slider-wrap {
margin: 0 40px;
}
.company-jyusyou .sd-message-01{
margin: 0 10px;
text-align:left;
background:#FFF;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
width: 100%;
height: 100px;
padding: 15px;
box-sizing: border-box;
object-fit: contain;
}
#main-contents .company-jyusyou .sd-message-01 p{
height: 80px;
margin: 0;
padding: 10px;
color: #FFF;
font-size: 13px;
background: #ad723f;
}
.company-jyusyou .sd-message-01 p:empty{
display:none;
margin:0;
}
}


/*------------------------------------------------------------
季節変更用(1月)
-------------------------------------------------------------*/
.conve-bt-boxs5 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: rgb(248 230 179);
display: block;
box-sizing: border-box;
}
.conve-bt-boxs5 .facebookTxt {
color: #795028;
}
body .post .conve-bt-boxs5 p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ed1c24;
text-align: center;
}
body .post .conve-bt-boxs5 p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #ed1c24;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs5 p.coPtxt-win:after {
border-right: 2px solid #ed1c24;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs5 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs5 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ed1c24;
border-bottom: solid 6px #d61c24;
width: 60%;
}
body .post .conve-bt-boxs5 .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #90230f;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu{
position:relative;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/syougatu-l.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://img.altema.jp/yugiohcard/common/icon/syougatu-r.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}


/*------------------------------------------------------------
季節変更用(2月)
-------------------------------------------------------------*/
.conve-bt-boxs6 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #15395a;
display: block;
box-sizing: border-box;
}
.conve-bt-boxs6 .facebookTxt {
color: #b9b9b9;
}
body .post .conve-bt-boxs6 p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #fbe7ae;
text-align: center;
}
body .post .conve-bt-boxs6 p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #fbe7ae;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs6 p.coPtxt-win:after {
border-right: 2px solid #fbe7ae;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs6 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cf1e1e;
border-bottom: solid 6px #870b0b;
width: 75%;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1321560472.png) no-repeat center / 18px #560000;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen{
position:relative;
}

.app-zusetsu.jmail {
border-color: #2391b6;
}
.app-zusetsu.yyc {
border-color: #079be1;
}
.app-zusetsu.wakuwaku{
border-color:#f6698f;
}

#mainCenter .app-list-area #rankingBtn{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.app-list-area .rankBtnLR #rankingBtn li a{
width: 140px;
margin: 0 5px;
line-height: 36px;
}




.app-zusetsu.jmail {
border-color: #2391b6;
}
.app-zusetsu.yyc {
border-color: #079be1;
}
.app-zusetsu.wakuwaku{
border-color:#f6698f;
}

#mainCenter .app-list-area #rankingBtn{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.app-list-area .rankBtnLR #rankingBtn li a{
width: 140px;
margin: 0 5px;
line-height: 36px;
}


/*------------------------------------------------------------
アイキャッチサイズ固定
-------------------------------------------------------------*/

/*------------------------------------------------------------
ウィジェット
-------------------------------------------------------------*/
#mainRight{
border-left: 5px solid #ececec;
border-right: 5px solid #ececec;
box-sizing: border-box;
padding: 0 15px 80px;
}
.widget-conts{
margin-bottom: 20px;
}
#mainRight h3{
font-weight: bold;
font-size: 18px;
position: relative;
margin-bottom:20px;
line-height:1.4;
padding-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div#mainRight h3{
border: 0;
}
#mainRight h3:before{
display:none;
}
#mainRight h3:after{
content: '';
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
box-sizing: border-box;
border-bottom: 4px solid #10AFCF;
}
.widget-rank-wrap li{
background: #ececec;
margin-bottom: 2px;
}
.widget-rank-wrap li:last-of-type{
margin: 0;
}
.widget-rank-wrap li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.widget-rank-wrap li a:hover{
opacity: 0.6;
}
.widget-rank-wrap li .img{
display: inline-block;
font-size: 0;
width: 40%;
margin-right: 10px;
position: relative;
}
.widget-rank-wrap li .img:before{
content: '';
width: 26px;
height: 26px;
line-height: 26px;
background: #34c0c4;
border-radius: 0 0 20px 0;
position: absolute;
left: -3px;
top: -3px;
z-index: 5;
color: #fff;
font-size: 14px;
text-align: center;
}
.widget-rank-wrap li:nth-of-type(1) .img:before{
content: '1';
width: 35px;
height: 35px;
line-height: 35px;
font-size: 20px;
}
.widget-rank-wrap li:nth-of-type(2) .img:before{
content: '2';
}
.widget-rank-wrap li:nth-of-type(3) .img:before{
content: '3';
}
.widget-rank-wrap li:nth-of-type(4) .img:before{
content: '4';
}
.widget-rank-wrap li:nth-of-type(5) .img:before{
content: '5';
}
.widget-rank-wrap li:nth-of-type(6) .img:before{
content: '6';
}
.widget-rank-wrap li:nth-of-type(7) .img:before{
content: '7';
}
.widget-rank-wrap li:nth-of-type(8) .img:before{
content: '8';
}
.widget-rank-wrap li:nth-of-type(9) .img:before{
content: '9';
}
.widget-rank-wrap li:nth-of-type(10) .img:before{
content: '10';
letter-spacing:-1px;
padding-right:5px;
width:21px;
}
.widget-rank-wrap li .img img{
width: 100%;
height: 64px;
object-fit: cover;
z-index: 4;
}
.widget-rank-wrap li .text{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: 56%;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
font-size: 13px;
line-height: 1.4;
color: #172763;
font-weight:bold;
margin:0!important;
}
.widget-rank-wrap li:nth-of-type(1){
background: none;
margin-bottom: 14px;
}
.widget-rank-wrap li:nth-of-type(1) a{
display: block;
padding: 0;
}
.widget-rank-wrap li:nth-of-type(1) .img{
width: 100%;
margin: 0 0 4px 0;
}
.widget-rank-wrap li:nth-of-type(1) .img img{
height: auto;
max-height: 150px;
}
.widget-rank-wrap li:nth-of-type(1) .text{
width: 100%;
font-size: 14px;
}
.widget-app-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5px;
}
.widget-app-wrap ul li{
width: 32%;
margin-right: 1%!important;
margin-bottom: 10px!important;
}
.widget-app-wrap ul li:nth-of-type(3n+1){
margin-left: 1%!important;
}
.widget-app-wrap ul li a{
display: block;
text-align: center;
font-size: 0;
}
.widget-app-wrap ul li a:hover{
opacity: 0.6;
}
.widget-app-wrap ul li img{
width: 80%;
border-radius: 10px;
box-shadow: 0 0 0 1px #ccc;
}
.widget-app-wrap ul li span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #172763;
font-size: 11px;
font-weight:bold;
line-height:normal;
padding:5px 0 3px;
}
.btn-box{
text-align: center;
margin:20px 0 0;
}
.btn-box a{
display: inline-block;
box-sizing: border-box;
width:90%;
color:#fff;
background: #586080;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:45px;
border-bottom:2px solid #c9c9c9;
}
.btn-box a:hover{
opacity: 0.6;
}
p.btn-box.deck_toppage {
    width: 90%;
    margin: 0 auto;
    margin-top: -20px;
    margin-bottom: 20px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.widget-conts{
padding: 0 10px;
}
.widget-conts h3{
font-weight: bold;
font-size: 16px;
position: relative;
margin-bottom:15px!important;
padding: 10px 0px 10px 5px!important;
}
.widget-conts h3:before{
display:none;
}
.widget-conts h3:after{
content: '';
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
box-sizing: border-box;
border-bottom: 4px solid #ed1b48;
border-right: 8px solid transparent;
}
.widget-rank-wrap li{
background: none;
margin-bottom: 12px;
}
.widget-rank-wrap li:last-of-type {
margin: 0;
}
.widget-rank-wrap li a{
padding: 0;
}
.widget-rank-wrap li:nth-of-type(1) p{
margin:0 0 5px!important;
}
.widget-rank-wrap li:nth-of-type(1){
margin:0 0 30px!important;
}

.widget-rank-wrap li:nth-of-type(1) .img img {
height: auto;
max-height: 240px;
}
.widget-rank-wrap li .img img{
height: 95px;
width:100%;
object-fit:cover;
}
.widget-rank-wrap li .img{
margin:0 10px 0 0!important;
}
.widget-app-wrap ul li img{
width:70%;
margin-bottom:2px;
}
.btn-box a{
width: 100%;
border-bottom:2px solid #c9c9c9;
}
.btn-box{
width: 100%;
}
}

/*------------------------------------------------------------
ヘッダー周り
-------------------------------------------------------------*/
.headerIn {
margin: 0 auto;
background: #FFF;
padding: 20px 0 10px;
}
.headerIn .headerLeft {
width:100%;
}
.headerLeft p.logoPC a {
    position: relative;
    width: 400px;
    display: block;
    margin: 0 auto;
}
.headerLeft p.logoPC a:after {
    content: "PR";
    font-size: 14px;
    font-weight: 800;
    position: absolute;
    color: #fff;
    bottom: 5px;
    right: 17px;
    background: #c8c8c8;
    width: 28px;
    text-align: center;
    padding: 4px;
    line-height: 1em;
    display: none;
}
.headerIn .header-logo img{
width:350px;
display:block;
margin:0 auto 5px;
}
body #header .headerIn .headerLeft h1,.header-h1,.headerIn .headerLeft > div{
color: #7E7E7E;
font-size:11px;
display:block;
margin:auto;
text-align:center;
}
.nvi-search-box{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
margin-bottom:10px;
}
.gNaviWrap2{
margin:10px;
}
ul.gNavi{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
ul.gNavi li{
font-size:14px;
}
ul.gNavi li a{
color:#000;
padding:0 20px;
}
#siteTopSearch{
}
.search-form_inputXX ul {
display: none
}
.search-form_inputXX form {
box-sizing: border-box;
display: flex;
justify-content: flex-end;
align-items: center;
position:relative;
}
#siteTopSearch input.css-button {
text-indent: 100px;
width: 30px;
height: 30px;
border-radius:50px;
background: url('https://img.altema.jp/yugiohcard/common/icon-search.svg') center center/15px no-repeat #FFF;
border: 1px solid #e9e9e9;
box-sizing:border-box;
cursor: pointer;
position:absolute;
right:0;

}
#siteTopSearch input.css-button:hover {
opacity:0.6;
}
#siteTopSearch input {
width: 100%;
line-height:25px;
background: #f7f7f7;
font-size: 12px;
padding: 0 0px 0 10px;
border-radius:50px;
box-sizing: border-box;
outline: none;
box-sizing:border-box;
}
#siteTopSearch #search-form-box {
border: 1px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 35px 0 10px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.head-logo{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
padding:15px 0;
margin:0;
}
.head-logo .menu-btn{
width:20%;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .menu-btn a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .menu-btn img{
width:40%!important;
}
.head-logo p.logo{
width:60%;
}
.head-logo p.logo a{
display: -webkit-flex;
display: flex;
justify-content: center;
    align-items: flex-end;
    position: relative;
}
.head-logo p.logo a:after {
    content: "PR";
    position: absolute;
    bottom: 0px;
    right: 8px;
    color: #ffffff;
    font-size: 15px;
    background: #C8C8C9;
    padding: 13px;
    width: 19px;
    display: none;
}
.head-logo p.logo img{
width:75%!important;
}
.head-logo .search-bt{
width:20%;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.head-logo .search-bt a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .search-bt img{
width:30%!important;
}
span.search-bt:after {
    content: "カード名検索";
    font-size: 8px;
}
}
/*------------------------------------------------------------
スライダー
-------------------------------------------------------------*/
.slide-bg{
margin-bottom: 20px;
background: rgb(255,174,13);
background: linear-gradient(106deg, rgba(255,174,13,1) 0%, rgba(255,113,13,1) 100%);
position: relative;
padding: 50px 0;
}
.slide-wrap{
width: 950px;
z-index: 3;
margin:0 auto;
position: relative;
}
.slide-wrap  ul{
z-index: 5;
}
.slide-wrap li{
outline: none;
}
.slide-wrap li .white-box{
background: #fff;
margin: 0 auto;
width: 820px;
box-shadow: 0px 0px 30px rgba(0 ,0 ,0 ,0.2);
}
.slide-wrap li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px;
}
.slide-wrap li a:hover{
opacity: 0.6;
}
.slide-wrap li a .img{
width: 53%;
font-size: 0;
}
.slide-wrap li a .img img{
width: 100%;
height: 275px;
object-fit: cover;
}
.slide-wrap li a .text-box{
width: 45%;
position: relative;
box-sizing: border-box;
}
.slide-wrap li a .text-box .midasi{
color: #333;
font-size: 24px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.5;
margin:20px 0 25px;
text-align:left;
}
.slide-wrap li a .text-box .main-text{
width: 120%;
box-sizing: border-box;
position: relative;
padding: 20px;
left: -40px;
background: rgb(0 0 0 / 70%);
}
.slide-wrap li a .text-box .main-text p{
font-size: 18px;
color: #fff;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin:0!important;
}
.slide-wrap li a .text-box .time{
position: absolute;
bottom: 0;
right: 0;
color: #888;
font-size: 13px;
line-height:1;
}
.slide-wrap .slider-arrow{
position: absolute;
top: 0;
bottom: 0;
width: 70px;
height: 70px;
margin: auto;
font-size: 0;
z-index: 6;
}
.slide-wrap .slider-arrow.slider-prev{
background: url(https://img.altema.jp/yugiohcard/common/icon-yaji-l.svg) no-repeat center / contain;
left: -30px;
}
.slide-wrap .slider-arrow.slider-next{
background: url(https://img.altema.jp/yugiohcard/common/icon-yaji-r.svg) no-repeat center / contain;
right:  -30px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.slide-bg{
padding: 25px 0;
margin-bottom: 20px;
}
.slide-wrap{
width: 100%;
}
.slide-wrap li .white-box {
width: 76%;
height: 336px;
position: relative;
}
.slide-wrap li a{
display: block;
}
.slide-wrap li a .img {
width: 100%;
margin-bottom: 8px!important;
}
.slide-wrap li a .img img{
height: 160px;
}
.slide-wrap li a .text-box{
width: 100%;
position: static;
}
.slide-wrap li a .text-box .midasi{
font-size: 18px;
text-align: center;
margin: 15px 0 10px!important;
font-weight: bold;
}
.slide-wrap li a .text-box .main-text{
width: 120%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 10px 20px;
margin-bottom:8px;
}
.slide-wrap li a .text-box .main-text p{
font-size: 15px;
font-weight: normal;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin: 0!important;
}
.slide-wrap li a .text-box .time{
right: 5px;
bottom: 5px;
font-size: 11px;
}
.slide-wrap .slider-arrow{
width: 40px;
height: 40px;
}
.slide-wrap .slider-arrow.slider-prev{
left: 2px;
}
.slide-wrap .slider-arrow.slider-next{
right: 2px;
}
}


/*------------------------------------------------------------
TOP記事一覧
-------------------------------------------------------------*/
#top-main p:empty{
display: none;
}
#app-kuchikomi-list{
display:none;
}
#top-main #article-list,#top-main #app-kuchikomi-list,#top-main #o-ranking-list{
}
#top-main #article-list h2,#top-main #app-kuchikomi-list h2,#top-main #o-ranking-list h2{
background:url(https://img.altema.jp/yugiohcard/common/design/h2_bg.jpg)no-repeat center bottom;
background-size:100%;
background-color:#3E0504;
font-size:22px;
padding:10px 0 10px 15px;
margin:0 0 20px;
border-radius: 20px 0 20px 0;
font-weight:bold;
line-height:1.4;
}
#top-main #article-list h2:after{
display: none;
}
#top-main #article-list .article-list-in,#top-main #app-kuchikomi-list .article-list-in,#top-main #o-ranking-list .article-list-in{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#top-main #article-list .article-list-in article,#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
width:32%;
box-sizing:border-box;
margin-bottom:25px;
}
#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
width:32%;
box-sizing:border-box;
margin-bottom:10px;
}
#top-main #article-list .article-list-in article a,#top-main #app-kuchikomi-list .article-list-in article a,#top-main #o-ranking-list .article-list-in article a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#top-main #article-list .article-list-in article a:hover,#top-main #app-kuchikomi-list .article-list-in article a:hover,#top-main #o-ranking-list .article-list-in article a:hover{
opacity:0.7;
}
#top-main #article-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a + p,#top-main #app-kuchikomi-list .article-list-in article a + p,#top-main #o-ranking-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a img,#top-main #app-kuchikomi-list .article-list-in article a img,#top-main #o-ranking-list .article-list-in article a img{
width:100%;
height:145px;
object-fit:cover;
}
#top-main #article-list .article-list-in article a br{
display:none;
}
#top-main #article-list .article-list-in article p:empty{
display: none;
}
#top-main article .a-list-r{
width:100%;
position:relative;
padding-bottom:15px;
}
#top-main article .a-list-r h3{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:0 0 5px;
color:#162763;
background:none;
}
#top-main #app-kuchikomi-list article .a-list-r h3,#top-main #o-ranking-list article .a-list-r h3{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:5px 0;
color:#162763;
background:none;
}
#top-main article .a-list-r h3:before{
display:none;
}
#top-main article .a-list-r p.top-list-txt{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#666;
display:none;
}
#top-main article .a-list-r p{
display:none;
}
#top-main article .a-list-r .listSub{
color:#619EAB;
margin:3px 0;
font-size:10px;
font-weight:bold;
height: 15px;
line-height: 15px;
border-radius: 60px;
text-align: center;
border: 1px solid #619EAB;
display: inline-block;
padding: 0 15px;
}


#top-main article .a-list-r .timeBox{
position:absolute;
bottom:0;
left:0;
color:#ccc;
font-size:11px;
padding:0;
margin:0;
line-height:1;
}
#top-main #o-ranking-list .btn-box{
text-align: center;
margin:10px 0 40px;
width:100%;
}
#top-main #o-ranking-list .btn-box a{
display: inline-block;
box-sizing: border-box;
width:60%;
color:#fff;
background: url(https://img.altema.jp/yugiohcard/common/design/bt-bg.svg) no-repeat center / contain;
background-size:103%;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:5px;
border-bottom:2px solid #c9c9c9;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#top-main #article-list h2,#top-main #app-kuchikomi-list h2,#top-main #o-ranking-list h2{
background:url(https://img.altema.jp/yugiohcard/common/design/h2_bg.jpg)no-repeat center bottom;
background-size:100%;
background-color:#3E0504;
line-height:normal;
font-size:20px;
padding:5px 0 5px 15px;
margin:0 10px 20px;
font-weight:bold;
color:#FFF;
box-sizing:border-box;
}
#top-main #article-list .article-list-in,#top-main #app-kuchikomi-list .article-list-in,#top-main #o-ranking-list .article-list-in{
padding:0 5px;
}

#top-main #article-list .article-list-in article,#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
padding:0 5px;
box-sizing:border-box;
margin-bottom:20px;
width:50%;
}
#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
padding:0 5px;
box-sizing:border-box;
margin-bottom:0px;
width:50%;
}
#top-main #article-list .article-list-in article a,#top-main #app-kuchikomi-list .article-list-in article a,#top-main #o-ranking-list .article-list-in article a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items:center;
}
#top-main #article-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a img,#top-main #app-kuchikomi-list .article-list-in article a img,#top-main #o-ranking-list .article-list-in article a img{
width:100%;
height: 115px;
object-fit:cover;
}
#top-main #article-list .article-list-in article a br{
display:none;
}
#top-main #article-list .article-list-in article p:empty{
display: none;
}
#top-main article .a-list-r{
width:100%;
position:relative;
padding:0 0 13px!important;
}
#top-main article .a-list-r h3{
line-height:1.3;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:0 0 5px;
color:#162763;
font-weight:bold;
background:none;
}
#top-main article .a-list-r h3:before{
display:none;
}
#top-main article .a-list-r p.top-list-txt{
line-height:1.4;
font-size:11px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#666;
margin:0;
display:none;
}
#top-main article .a-list-r p{
display:none;
}
#top-main article .a-list-r{
min-height:50px;
}
#top-main article .a-list-r .timeBox{
position:absolute;
bottom:0;
left:0;
color:#ccc;
font-size:10px;
padding:0;
margin:0;
line-height:1;
}
#top-main #o-ranking-list .btn-box{
text-align: center;
margin:10px 0 40px;
width:100%;
}
#top-main #o-ranking-list .btn-box a{
display: inline-block;
box-sizing: border-box;
width:97%;
color:#fff;
background: url(https://img.altema.jp/yugiohcard/common/design/bt-bg.svg) no-repeat center / contain;
background-size:103%;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:5px;
border-bottom:2px solid #c9c9c9;
}
}

/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
#footer{
margin-top:30px;
background:#F5F5F5;
display:block;
padding:10px 0;
width: 100%;
}
.area01{
margin:0!important;
padding:0!important;
}
.area01 ul.footer-link-list{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.area01 ul.footer-link-list li{
margin:0 10px;
}
.area01 ul.footer-link-list li a{
color:#3492cf;
}
.area01 ul.footer-link-list li a:hover{
opacity: 0.6;
}
.copyright {
padding: 5px 0;
font-size: 10px;
text-align: center
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.area01 ul.footer-link-list{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.area01 ul.footer-link-list li{
padding:0;
margin:0 10px;
width:44%;
text-align:center;
box-sizing:border-box;
}
.area01 ul.footer-link-list li a{
text-align:center;
}
#footer-in {
width: 100%;
margin: auto
}
}
#topInner-box .article-pagenavi{
display:none;
}
/*------------------------------------------------------------
SP検索モーダル
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#search_modal {
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index: calc(infinity);
background: rgba(0,0,0,0.7);
color:#ffff;
font-size: bold;
}
}
/*------------------------------------------------------------
SP用見出し
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
body #main-contents .article h2 {
background:#3E0504;
line-height:normal;
color: #fff;
font-size: 15.5px;
margin: 0 0 10px;
text-align: left;
padding: 11px 10px 11px 10px;
font-weight:bold;
position: relative;
}body #main-contents .article h2:after{
content: '';
display: block;
width: 100%;
height: 2px;
background: #ffddb4;
position: absolute;
left: 0;
bottom: 3px;
}
body #main-contents .article h3 {
font-size: 15px;
margin: 0 0 10px;
text-align: left;
padding: 5px 10px 5px 15px;
font-weight: 700;
border-bottom: 2px solid #fccc04;
position:relative;
line-height:normal;
}
body #main-contents .article h3:before{
content:"";
position:absolute;
background: #fccc04;
width:10px;
height:100%;
top:0;
bottom:-1px;
left:0;
margin:auto;
}
body #main-contents h3#comment_title {
background:url(https://img.altema.jp/yugiohcard/common/design/h3-bg.svg)no-repeat center left;
background-size:auto;
font-size: 15px;
margin: 0 0 20px;
text-align: left;
padding: 0 10px 0 15px;
font-weight: 700;
border-bottom: 2px solid #3a3168
}
body #main-contents .article h4 {
padding: 5px 0;
font-size: 14px;
margin: 10px 0 15px;
font-weight: 700;
line-height: normal;
background: #f2f2f2;
display: flex;
align-items: center;
border-radius:3px;
}
body #main-contents .article h4:before {
content: "";
width: 5px;
height: 25px;
background: #8c8c8c;
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
img[src="https://img.altema.jp/yugiohcard/common/design/mnext-logo.svg"]{
margin:0!important;
}
}
img[src="https://img.altema.jp/yugiohcard/common/design/mnext-logo.svg"]{
margin:40px 0;
width:300px;
}

.categoryBox{
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
.categoryBox div div a img{
object-fit: cover;
display: inline;
width: 130px;
height: 85px;
}
.categoryBox div{
display: -webkit-flex;
display: flex;
}
.categoryBox div div{
width:130px!important;
}
.categoryBox div p{
width:77%!important;
padding:0 0 0 20px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.categoryBox div p{
width:77%!important;
padding:0 0 0 15px;
font-size:14px;
line-height:1.6;
}
.categoryBox div div a img{
object-fit: cover;
display: inline;
width: 130px;
height: 70px;
}
}

#rankingBtn li a.freedl-bt,
#rankingBtn li:last-of-type a {
border-radius: 50px;
box-shadow: 0 3px 0 0 #9a2649;
line-height: 20px;
}
#rankingBtn li:first-of-type a:before {
display:none;
}
#rankingBtn li:last-of-type a {
background: #ff0260;
line-height: 20px;
}
#rankingBtn li:last-of-type a:before {
display:none;
}
#rankingBtn li a.freedl-bt {
background: #ff0260;
line-height: 20px;
}
#main-contents #rankingBtn li a.freedl-bt:before {
display:none;
}
#main-contents #rankingBtn li:last-of-type a:before {
display:none;
}


/*------------------------
順位table
------------------------*/
.zyuni-imgTable td:first-of-type{
position: relative;
}
.zyuni-imgTable td:first-of-type:before{
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 0px;
left: 0px;
z-index: 2;
}
.zyuni-imgTable tr:nth-of-type(2) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426496019.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(3) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426487696.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(4) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426479469.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(5) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426471629.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(6) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426463578.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(7) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426455255.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(8) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426447183.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(9) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_1426438827.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(10) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_142643037.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(11) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/06/2021y06m11d_142642216.png) no-repeat center / contain;
}
.zyuni-imgTable td:first-of-type::after{
content:'';
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
position: absolute;
box-sizing: border-box;
border: 1px solid #dde4e6;
z-index: 1;
}
.zyuni-imgTable td:first-of-type a{
position: relative;
z-index: 3;
display: inline-block;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.zyuni-imgTable td:first-of-type:before{
width: 34px;
height: 34px;
}
.rank-list-osusume dl dt{
padding: 0 13px;
}
}

/*------------------------------------------------------------
おすすめ人気記事調整
-------------------------------------------------------------*/
div.categoryBox div p a{
color: #172763;
font-weight: bold;
text-decoration: none;
}
div.categoryBox div p a:hover{
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.categoryBox{
margin: 0;
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
}
.categoryBox:first-of-type{
border-top: 1px solid #bebebe;
}
.categoryBox div div {
width: 40%!important;
box-sizing: border-box;
}
div.categoryBox div div a{
line-height: 1;
}
div.categoryBox div div a img{
width: 100%;
height: 95px;
}
#main-contents div.categoryBox div p{
width: 60%!important;
box-sizing: border-box;
margin: 0;
padding-left: 10px;
}
div.categoryBox div p a{
font-size: 13px;
}
}

/*------------------------------------------------------------
人気ページランキング調整
-------------------------------------------------------------*/
.ninki-ranking.ninki-pageranking dd a{
color: #172763;
text-decoration: none;
}
.ninki-ranking.ninki-pageranking dd a:hover{
opacity: 0.6;
}
.ninki-ranking.ninki-pageranking dt{
line-height: 1;
}
.ninki-ranking.ninki-pageranking dt img{
max-height: none;
height: 95px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.ninki-ranking.ninki-pageranking dl:not(:last-child){
margin: 0;
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
}
.ninki-ranking.ninki-pageranking dl:first-of-type{
border-top: 1px solid #bebebe;
}
.ninki-ranking.ninki-pageranking dl:last-child{
border: 1px solid #bebebe;
padding: 6px;
border-top: 0;
margin: 0;
}
.ninki-ranking.ninki-pageranking dd a{
font-size: 13px;
}
.ninki-ranking.ninki-pageranking dt {
width: 38%;
box-sizing: border-box;
}
#main-contents .ninki-ranking.ninki-pageranking dd{
width: 60%;
box-sizing: border-box;
padding-left: 10px;
}
}



/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
z-index:1;
}
.table-scroll-fix th:first-child,.table-scroll-fix td:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index:3;
/*min-width: 145px;*/
}
.table-scroll-fix th:first-child:before,.table-scroll-fix td:first-child:before{
content : "" ;
position : absolute ;
top : -1px ;
left : -1px;
width : 100% ;
height : 100% ;
/*border: 1px solid #dde4e6;*/
}
.table-scroll-fix td{
background: #fff;
}
.table-scroll-fix th a {
position: relative;
z-index: 1;
}
/*------------------------------------------------------------
scroll-hint
-------------------------------------------------------------*/
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
z-index: 100;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 0;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}


/*------------------------------------------------------------
ダウンロードボタン&詳細ボタンcustom
-------------------------------------------------------------*/
#main-contents #rankingBtn li a {
line-height: 20px;
}
#rankingBtn li a.syousai-bt, #rankingBtn li:first-of-type a {
background: #2f9ac6;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 3px 0 0 #2680a5;
}
#main-contents #rankingBtn li:first-of-type a:before {
display:none;
}
#rankingBtn li a.bt-syousai {
background: #2f9ac6!important;
box-shadow: 0 3px 0 0 #2680a5;
line-height: 20px;
border-radius: 50px;
}
#rankingBtn li a.bt-dl {
background: #ff0260!important;
box-shadow: 0 3px 0 0 #9a2649;
line-height: 20px;
border-radius: 50px;
}

/*------------------------------------------------------------
既婚者専用のアプリはあるが会員数が少なく出会いにくい
-------------------------------------------------------------*/
.kikonsya-app-bannar{
border: 4px solid #27b07a;
margin-bottom: 1.5em;
}
.kikonsya-app-bannar .top{
font-size: 34px;
font-weight: bold;
text-align: center;
background: #f2fdf9;
padding: 14px 0;
line-height: 1.4;
margin: 0;
}
.kikonsya-app-bannar .top .red{
display: block;
color: #ec403c;
font-size: 42px;
}
.kikonsya-app-bannar .bottom{
background: #58c99d;
padding: 10px 0;
}
#mainCenter .kikonsya-app-bannar .bottom ul{
border-radius: 6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 356px;
padding: 10px 0;
margin: 0 auto;
}
#mainCenter .kikonsya-app-bannar .bottom ul img{
width: 54px;
border-radius: 6px;
}
#mainCenter .kikonsya-app-bannar .bottom li{

text-align: center;
margin: 0 ;
width: 94px;
}
#mainCenter .kikonsya-app-bannar .bottom li a{
display: inline-block;
}
#mainCenter .kikonsya-app-bannar .bottom .app-name{
display: block;
font-size: 12px;
margin-top: 5px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#mainRight{
width: 100%;
border: 0;
padding: 0 10px 30px;
}
.widget-conts{
padding: 0;
}
#main-contents .kikonsya-app-bannar .top{
font-size: 22px;
margin: 0;
padding: 10px 0;
}
#main-contents .kikonsya-app-bannar .top .red{
font-size: 26px;
}
#main-contents .kikonsya-app-bannar .bottom ul{
border-radius: 6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 72%;
padding: 8px 0;
margin: 0 auto;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 42px;
border-radius: 6px;
}
#main-contents .kikonsya-app-bannar .bottom li{
text-align: center;
margin: 0 ;
width: 80px;
}
#main-contents .kikonsya-app-bannar .bottom li a{
display: inline-block;
}
#main-contents .kikonsya-app-bannar .bottom .app-name{
display: block;
font-size: 11px;
margin-top: 5px;
}
.kikonsya-app-bannar .bottom{
padding: 8px 0;
}
}
@media only screen and (max-width:376px){
#main-contents .kikonsya-app-bannar .top{
font-size: 20px;
}
#main-contents .kikonsya-app-bannar .top .red {
font-size: 24px;
}
#main-contents .kikonsya-app-bannar .bottom li{
width: 72px;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 36px;
}
}
@media only screen and (max-width:361px){
#main-contents .kikonsya-app-bannar .top .red {
font-size: 23px;
}
#main-contents .kikonsya-app-bannar .bottom li{
width: 70px;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 34px;
}
#main-contents .kikonsya-app-bannar .bottom .app-name{
font-size: 10px;
}
}



/*------------------------------------------------------------
季節変更用
-------------------------------------------------------------*/
.conve-bt-boxs6 {width: 80%;padding: 20px 0;margin: 20px auto;border-radius: 5px;background:#ffedd7;display: block;box-sizing: border-box;}
.conve-bt-boxs6 .facebookTxt {
color: #7e7e7e;
}
body .post .conve-bt-boxs6 p.coPtxt-win {margin: 0;padding: 0;font-weight: 700;font-size: 16px;position: relative;color: #cf1e1e;text-align: center;}
body .post .conve-bt-boxs6 p.coPtxt-win:before {content: "";width: 15px;height: 20px;display: inline-block;border-left: 2px solid #da0e24;transform: rotate(-30deg);}
body .post .conve-bt-boxs6 p.coPtxt-win:after {border-right: 2px solid #da0e24;transform: rotate(30deg);content: "";width: 15px;height: 20px;display: inline-block;}
body .post .conve-bt-boxs6 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cf1e1e;
border-bottom: solid 6px #870b0b;
width: 60%;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen{
position:relative;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen:before {
content:"";
width: 110px;
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/09/2021y09m10d_1602474352.png) center no-repeat;
background-size: 55%;
top: -28px;
left: -420px;
right: 0;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen:after {
content:"";
width: 110px;
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcardbook/uploads/2021/09/2021y09m10d_1602463784.png) center no-repeat;
background-size: 57%;
top: -15px!important;
left: 0;
right: -430px;
}


/*--------------------------------------------------------------
table内ボタンの高さそろえる
-------------------------------------------------------------*/
#mainCenter .botan-takasasoroeru td{
vertical-align: top;
position: relative;
line-height: 1.3;
padding-bottom: 46px;
}
.botan-takasasoroeru td img{
margin-bottom: 3px;
}
.botan-takasasoroeru td ul{
position: absolute;
width: 100%;
left: 0;
bottom: 8px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .botan-takasasoroeru td{
vertical-align: top;
position: relative;
line-height: 1.3;
padding-bottom: 46px;
}
.botan-takasasoroeru td ul{
width: 92%;
bottom: 4px;
right: 0;
margin: auto;
}
}
@media only screen and (max-width:376px){
#main-contents .botan-takasasoroeru td{
padding-bottom: 42px;
}
}



/*------------------------
ライターボックス
------------------------*/
.wbox-txt-wrap{
display: -webkit-flex;
display: flex;
align-items:flex-start;
border:2px solid #d4d4de;
box-sizing:border-box;
border-radius:3px;
margin:0 auto 20px;
padding:15px;
}
.wbox-txt-wrap .wbox-txt-L{
width:15%;

padding-right:10px;
}
.wbox-txt-wrap .wbox-txt-L img{
width:80px;
height: 80px;
object-fit:cover;
border-radius:50%;
box-shadow:0 0 0 1px #e6e6e6;
}
.wbox-txt-wrap .wbox-txt-R{
width:85%;
}
.wbox-txt-wrap .wbox-txt-R dl{
margin:0;
padding:0;
}
.wbox-txt-wrap .wbox-txt-R dt{
margin:0 0 15px;
padding:0;
line-height:1;
color:#333;
font-weight:bold;
font-size:18px;
display:flex;
align-items:center;
}
.wbox-txt-wrap .wbox-txt-R dt:before{
content:"";
background:url(https://thisiswhoiam.jp/wp/wp-content/uploads/2021/08/a51b1671a79321e386648f55168ce7b4.png)no-repeat;
background-size:100% auto;
width:20px;
height:26px;
display:inlinesblock;
margin-right:10px;
}
.wbox-txt-wrap .wbox-txt-R dd{
margin:0;
padding:0;
font-size:16px;
line-height:1.7;
color:#333;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.wbox-txt-wrap .wbox-txt-L{
width:21%;
padding-right:15px;
}
.wbox-txt-wrap .wbox-txt-L img{
width:60px;
height:60px;
}
.wbox-txt-wrap .wbox-txt-R{
width:79%;
}
.wbox-txt-wrap .wbox-txt-R dt{
margin:0 0 10px;
line-height:1;
color:#333;
font-size:16px;
}
.wbox-txt-wrap .wbox-txt-R dt:before{
content:"";
background:url(https://thisiswhoiam.jp/wp/wp-content/uploads/2021/08/a51b1671a79321e386648f55168ce7b4.png)no-repeat;
background-size:100% auto;
background-position:center;
width:15px;
height:20px;
margin-right:10px;
}
.wbox-txt-wrap .wbox-txt-R dd{
margin:0;
padding:0;
font-size:14px;
line-height:1.5;
color:#333;
}
}


/*--------------------------------------------------------------
ブックミー 漫画紹介コンテンツ
-------------------------------------------------------------*/
.sp-display {
display: none!important;
}
.book-review {
margin: 0 0 20px;
overflow: hidden;
}
.book-review__book-img {
width: 200px;
height: fit-content;
float: left;
margin-right: 20px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.book-review__book-img > img {
width: 100%;
display: block;
}
.book-review__book-info__data,
.book-review__book-info__genre,
.book-review__book-info__comment {
width: calc(100% - 20px - 200px);
}
.book-review__book-info__author {
width: calc(100% - 20px - 24px - 8px - 200px);
}
.book-review__book-info__comment-ttl {
width: calc(100% - 20px - 16px - 200px);
}
.icon-human {
width: 24px;
height: 24px;
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1335353606.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
float: left;
}
.book-review__book-info__author {
line-height: 1.5;
float: left;
margin-bottom: 10px;
}
.book-review__book-info__data {
float: left;
margin-bottom: 20px;
}
.book-review__book-info__data > dl {
margin-top: 0;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.book-review__book-info__data > dl > dt {
width: 94px;
background: #f5f5f5;
padding: 0 8px 0 8px;
border: solid 1px #ECECEC;
box-sizing: border-box;
display: table-cell;
}
.book-review__book-info__data > dl > dd {
margin-left: 10px;
}
.book-review__book-info__genre {
line-height: 1;
float: left;
margin-bottom: 20px;
box-sizing: border-box;
}
.book-review__book-info__genre-ttl {
width: fit-content;
color: #ffffff;
line-height: 1.5;
background: #10AFCF;
padding: 2px 8px;
margin-bottom: 10px;
}
.book-review__book-info__genre-ttl:before {
display: inline-block;
content: '';
width: 12px;
height: 17px;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1336319587.png") no-repeat center;
background-size: contain;
margin-right: 4px;
position: relative;
top: 2px;
}
.book-review__book-info__genre-tag {
width: fit-content;
background: #EDFAFC;
display: inline-block;
color: #10AFCF;
font-size: 14px;
line-height: 1;
padding: 2px 8px;
border: solid 1px #10AFCF;
border-radius: 10px;
}
.book-review__book-info__comment-ttl {
line-height: 1.5;
font-weight: 700;
background: #EDFAFC;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
float: right;
}
.book-review__book-info__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1337254274.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 2px;
}
.book-review__book-info__comment {
font-size: 12px;
float: right;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sp-display {
display: block!important;
}
.book-review {
margin: 0 0 20px;
overflow: hidden;
}
.book-review__book-img {
width: 102px;
height: fit-content;
float: left;
margin-right: 10px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.book-review__book-img > img {
width: 100%;
display: block;
}
.book-review__book-info__author,
.book-review__book-info__data,
.book-review__book-info__genre {
width: calc(100% - 10px - 102px);
}
.book-review__book-info__author {
width: calc(100% - 10px - 20px - 8px - 102px);
}
.book-review__book-info__comment-ttl,
.book-review__book-info__comment {
width:100%;
}
.icon-human {
width: 20px;
height: 20px;
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1335353606.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
float: left;
}
.book-review__book-info__author {
font-size: 14px;
line-height: 1.5;
float: right;
margin-bottom: 10px;
}
.book-review__book-info__data {
font-size: 14px;
float: right;
margin-bottom: 20px;
}
.book-review__book-info__data > dl {
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.book-review__book-info__data > dl > dt {
width: 87px;
background: #f5f5f5;
margin-right: 10px;
padding: 0 8px 0 8px;
border: solid 1px #ECECEC;
box-sizing: border-box;
display: table-cell;
}
.book-review__book-info__data > dl > dd {
margin: 0 0 0 10px!important;
}
.book-review__book-info__genre {
line-height: 1;
float: right;
margin-bottom: 16px;
}
.book-review__book-info__genre-ttl {
font-size: 14px;
margin-bottom: 6px;
}
.book-review__book-info__genre-tag {
width: fit-content;
background: #EDFAFC;
display: inline-block;
color: #10AFCF;
font-size: 10px;
line-height: 1;
padding: 2px 8px;
border: solid 1px #10AFCF;
border-radius: 10px;
margin-bottom: 4px;
}
.book-review__book-info__comment-ttl {
background: #EDFAFC;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
clear: both;
}
.book-review__book-info__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1337254274.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 4px;
}
.book-review__book-info__comment {
font-size: 12px;
float: left;
}
}

/*--------------------------------------------------------------
ブックミー おすすめ電子書籍サービス コンテンツ
-------------------------------------------------------------*/
.service-recommend {
background: #FFFEF5;
border: 2px solid #F1E9A4;
border-radius: 4px;
padding: 20px 20px 26px 20px;
display: flex;
justify-content: space-between;
margin: 0 0 20px;
}
.service-recommend__icon {
width: 160px;
text-align: center;
}
.service-recommend__icon > img {
width: 100%;
height: 160px;
object-fit: contain;
border-radius: 10px;
}
.service-recommend__info {
width: calc(100% - 20px - 160px);
}
.service-recommend__info-ttl {
color: #10AFCF;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
}
.service-recommend__info-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1338309892.png") no-repeat center;
background-size: contain;
margin-right: 8px;
position: relative;
top: 2px;
}
.service-recommend__info-list {
font-size: 15px;
font-weight: 700;
padding-left: 20px;
}
.service-recommend__info-list li {
list-style: disc;
line-height: 1.5!important;
margin: 4px 0!important;
}
.service-recommend__info-list li::marker {
color: #10AFCF;
}
.service-recommend__info-btn {
width:62%;
font-size: 14px;
line-height: 1.5em;
text-align: center;
text-decoration: none!important;
color: #FFF!important;
font-weight: 700;
background: #F27508;
box-shadow: 0px 6px 0px #D96907;
border-radius: 4px;
padding: 10px 0;
display: block;
margin: 0 auto;
}
.service-recommend__info-btn:hover {
opacity: 0.6;
}
.service-recommend__info-btn.btn_green {
    background-color: #1aba39!important;
    box-shadow: 0px 5px #05762b;
    border-radius: 25px!important;
    position: relative;
}
@keyframes example4{
    100% { background-position: 200%; }
}
.service-recommend__info-btn.btn_green:after {
display: block;
content: '';
width: 15px;
height: 15px;
background-image:url(https://img.altema.jp/yugiohcard/uploads/2024/10/2024y10m21d_1839420596.png);
position: absolute;
background-size: contain;
top: 30%;
right: 16px;
}
.service-recommend__info-btn.btn_green:hover {
opacity:1;
}
.service-recommend__info-btn.btn_green:hover {
    box-shadow: 0px 3px #05762b;
    transition: 200ms;
}
.service-recommend__info-btn.btn_green:active {
    opacity: 1;
    box-shadow: #05762b 0px 0px 0px 0px;
    transform: translateY(3px);
    transition: 200ms;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.service-recommend {
background: #FFFEF5;
border: 2px solid #F1E9A4;
border-radius: 4px;
padding: 10px 10px 14px 10px;
display: flex;
justify-content: space-between;
margin: 0 0 20px;
}
.service-recommend__icon {
width: 80px;
text-align: center;
}
.service-recommend__icon a{
font-size:12px;
}
.service-recommend__icon > img {
width: 100%;
height: 80px;
object-fit: contain;
border-radius: 10px;
}
.service-recommend__info {
width: calc(100% - 10px - 80px);
}
.service-recommend__info-ttl {
font-size: 16px;
color: #10AFCF;
line-height: 1.5;
font-weight: 700;
}
.service-recommend__info-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1338309892.png") no-repeat center;
background-size: contain;
margin-right: 8px;
position: relative;
top: 2px;
}
.service-recommend__info-list {
font-size: 14px;
font-weight: 700;
padding-left: 20px;
}
.service-recommend__info-list li {
list-style: disc;
line-height: 1.2!important;
margin: 4px 0!important;
}
.service-recommend__info-list li::marker {
color: #10AFCF;
}
.service-recommend__info-btn {
width: 92%;
font-size: 12px;
line-height: 1.5em;
text-align: center;
text-decoration: none!important;
color: #FFF!important;
font-weight: 700;
background: #F27508;
box-shadow: 0px 4px 0px #D96907;
border-radius: 4px;
padding: 8px 1px;
display: block;
}
.service-recommend__info-btn:hover {
opacity: 0.6;
}
.service-recommend__info-btn.btn_green{
    box-shadow: 0px 4px #05762b!important;
}
.service-recommend__info-btn.btn_green:after {
    font-size: 19px;
        top: 30%;
    right: 11px;
}
}

/*--------------------------------------------------------------
ブックミー SP
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#mainRight h3:after{
border-right: 0;
}
body div#footer{
border: 0;
background: #F5F5F5;
}
div.copyright{
padding: 5px 0;
}
#main-contents .copyright p{
margin: 0;
}
div#breadcrumbs ol{
background: #FFF7F1;
}
div#breadcrumbs li{
margin-right: 0.5em;
}
#main #siteTopSearch{
display: none;
}
}


/*--------------------------------------------------------------
色々追記
-------------------------------------------------------------*/
.acMenu .hyoubanbox04 dt{
border: 0;
border-radius: 0;
text-align: left;
cursor: auto;
background: none;
position: static;
}
.acMenu .hyoubanbox04 dt:before,.acMenu .hyoubanbox04 dt:after{
display: none;
}
.acMenu .hyoubanbox04 dd{
display: block;
margin: 0 5px!important;
}
body .post .imgExpansion{
text-decoration: none;
}
body .post .imgExpansion:hover{
color: #fff;
}
.hide + p .gachaBtn,.ninki-ranking.ninki-pageranking ~ p .gachaBtn{
display: none;
}
.ninki-ranking.ninki-pageranking{
padding-bottom: 20px;
}
#topInner-box{
padding-bottom:80px;
}
.copyWrap{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.ninki-ranking.ninki-pageranking{
padding-bottom: 0;
}
#topInner-box ~ .sns-button02{
display: none;
}
.head-logo .menu-btn a{
width: 100%;
}
#topInner-box{
padding-bottom:50px;
}
.contents.widget-conts{
padding: 0 ;
}
#mainCenter .post + .sns-button02 .snsBox02{
right: 10px;
}
div#breadcrumbs ol{
overflow: hidden;
overflow-x: auto;
}
.twitter-tweet.twitter-tweet-rendered iframe{
max-width: 100%;
}
#mainCenter{
float: none;
}
}

@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.table-scroll-fix tbody{
display: table;
width: 100%;
box-sizing: border-box;
}
}

/*--------------------------------------------------------------
一時
-------------------------------------------------------------*/
.slide-bg{
display: none;
}




/*------------------------------------------------------------
CVボタンBOOK用(PC)
-------------------------------------------------------------*/
body .post .conve-bt-boxs-book .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1339424184.png) no-repeat center / 18px #810b2a;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
.conve-bt-boxs-book{
width:80%;
padding:20px 0;
margin: 20px auto;
border-radius: 5px;background:#ffedd7;
display: block;
box-sizing: border-box;
}
.conve-bt-boxs-book .facebookTxt {
color: #7e7e7e;
margin-top:10px;
}
body .post .conve-bt-boxs-book p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #FF5722;
text-align: center;
}
body .post .conve-bt-boxs-book p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #FF5722;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs-book p.coPtxt-win:after {
border-right: 2px solid #FF5722;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs-book .cvBts-box-win p {margin: 0!important;text-align: center;}
body .post .conve-bt-boxs-book .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cf1e1e;
border-bottom: solid 6px #870b0b;
width: 60%;
}
body .post .conve-bt-boxs-book .cvBts-box-win.valen{position:relative;}
body .post .conve-bt-boxs-book .cvBts-box-win.valen:before {
content:"";
width: 100px;
height:100px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1340329277.png) center no-repeat;
background-size: 60px;
top: -25px;
left: -410px;
right: 0;
}
body .post .conve-bt-boxs-book .cvBts-box-win.valen:after {
content:"";
width: 100px;
height:100px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_134111251.png) center no-repeat;
background-size:80px;
top: -15px!important;
left: 0;
right: -420px;
}



/*------------------------------------------------------------
CVボタンBOOK用(SP)
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
body .post .conve-bt-boxs-book {
width: 100%;
padding: 10px 0 15px;
margin: 20px auto;
border-radius: 5px;
display: block;
box-sizing: border-box;
}
body .post .conve-bt-boxs-book .cvBts-box-win a.cvBts{width: 90%;}
body .post .conve-bt-boxs-book .cvBts-box-win a.cvBts:after{left:0;right:-80%;}
body .post .conve-bt-boxs-book p.coPtxt-win {margin:0!important;padding:0!important;}
}

@media screen and (max-width: 415px){
body .post .conve-bt-boxs-book .cvBts-box-win a.cvBts {
width: 75%;
}
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:before {
content:"";
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1340329277.png) center no-repeat;
background-size: 34%;
width: 110px;
left: -345px;
right: 0;
top: -21px;
}
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:after {
content:"";
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_134111251.png) center no-repeat;
background-size: 35%;
width: 135px;
left: 0;
right: -350px;
top: -20px!important;
}
}
@media screen and (max-width: 376px){
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:before {
background-size: 35%;
width: 100px;
left: -310px;
right: 0;
top: -19px;
}
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:after {
background-size: 35%;
width: 125px;
left: 0;
right: -318px;
top: -20px!important;
}
}
@media screen and (max-width: 360px){
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:before {
background-size: 35%;
width: 100px;
left: -300px;
right: 0;
top: -18px;
}
#main-contents .conve-bt-boxs-book .cvBts-box-win.valen:after {
background-size: 35%;
width: 120px;
left: 0;
right: -303px;
top: -10px!important;
}
}
/*---CVボタンBOOK用(SP)end---*/



/*------------------------------------------------------------
漫画紹介-btn
-------------------------------------------------------------*/
.book-review__book-info__btn{
float: right;
width: calc(100% - 20px - 200px);
padding-bottom: 6px;
margin-top: 5px;
}
body div.book-review__book-info__btn a{
display: block;
background: #D03C3C;
color: #fff;
box-shadow: 0 6px 0 #AD3232;
text-decoration: none;
font-size: 14px;
line-height: 1;
position: relative;
text-align: center;
font-weight: 700;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
body div.book-review__book-info__btn a:before{
content: '';
display: inline-block;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1356207619.png) no-repeat center / contain;
margin-right: 10px;
width: 24px;
height: 24px;
vertical-align: middle;
position: relative;
bottom: 2px;
}
body div.book-review__book-info__btn a:hover{
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.book-review__book-info__btn{
padding-bottom: 4px;
width: 100%;
}
body div.book-review__book-info__btn a{
height: 33px;
line-height: 33px;
box-shadow: 0 4px 0 #AD3232;
font-size: 12px;
}
body div.book-review__book-info__btn a:before{
width: 18px;
height: 18px;
bottom: 1px;
}
}

/*--------------------------------------------------------------
テーブルアコーディオン
-------------------------------------------------------------*/
.accordion_table_wrap{
position: relative;
}
#mainCenter .accordion_table{
display: block;
overflow: hidden;
overflow-x: scroll;
border: 0;
border-left: 1px solid #dde4e6;
border-top: 1px solid #dde4e6;
}
.accordion_table tbody{
display: table;
box-sizing: border-box;
width: 100%;
}
.article .acd-more-btn{
z-index: 10;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
height: 150px;
background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,1));
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body .post .acd-more-btn a{
display: block;
width: 40%;
background-color: #aaa;
border-radius: 6px;
height: 34px;
line-height: 34px;
color: white;
padding-top: 4px;
cursor: pointer;
text-decoration: none;
}
.acd-more-btn a:hover{
color: #fff;
}
.accordion_table.on{
height: 100%!important;
}
.accordion_table.on + .acd-more-btn{
display: none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .acd-more-btn{
margin: 0;
}
}

/*------------------------------------------------------------
スクロールテーブル調整
-------------------------------------------------------------*/
.cell-kotei tbody{
display: table;
white-space: normal;
}


/*------------------------------------------------------------
リンクカード
-------------------------------------------------------------*/
.post_inspiece_box {
overflow: hidden;
margin-bottom: 20px;
}
body .post .post_inspiece_box a {
display: block;
text-decoration: none;
color: #000;
text-decoration: none;
}
.post_inspiece_box a:hover{
opacity: 0.6;
}
.post_inspiece_box a .post_inspiece_img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
float: left;
}
.post_inspiece_box a .post_inspiece_img img{
width: 100%;
}
.post_inspiece_box a .post_inspiece_text {
overflow: hidden;
color: #55acee;
line-height: 1.6;
}
.post_inspiece_box a:before, .post_inspiece_box a:after {content:"";display:table;}
.post_inspiece_box a:after {clear:both;}
@media ( min-width: 768px) {
.post_inspiece_box {
border: 1px solid #bebebe;
}
body .post .post_inspiece_box a {
padding: 10px 13px;
}
.post_inspiece_box a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
.post_inspiece_box a .post_inspiece_img {
width: 145px;
height: 100px;
}
.post_inspiece_box a .post_inspiece_text {
padding: 0 0 0 13px;
font-size: 17px;
margin: 3px 0 3px;
}
}
@media ( max-width: 767px) {
.post_inspiece_box {
border: 0.3vw solid #bebebe;
}
body .post .post_inspiece_box a {
padding: 1.8vw;
}
.post_inspiece_box a .post_inspiece_img {
width: 30vw;
height: 20vw;
}
#main-contents .post_inspiece_box a .post_inspiece_text {
padding: 0 0 0 3.2vw;
font-size: 3.6vw;
margin: 0.2vw 0 0.2vw;
}
}


/*------------------------
順位table
------------------------*/
.rank-icon-table td:first-of-type{
position: relative;
}
.rank-icon-table td:first-of-type:before{
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 0px;
left: 0px;
z-index: 99;
}
.rank-icon-table tr:nth-of-type(2) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359217857.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(3) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359228729.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(4) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359238603.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(5) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359246328.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(6) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359256391.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(7) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359264905.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(8) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359273996.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(9) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359281974.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(10) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359290444.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(11) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_135929914.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(12) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359458953.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(13) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359375137.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(14) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359384026.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(15) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359391568.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(16) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359399498.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(17) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359408148.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(18) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359417552.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(19) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359428285.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(20) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1359439806.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(21) td:first-of-type:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_135944962.png) no-repeat center / contain;
}
.rank-icon-table td:first-of-type::after{
content:'';
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
position: absolute;
box-sizing: border-box;
border: 1px solid #dde4e6;
z-index: 1;
}
.rank-icon-table td:first-of-type a{
position: relative;
z-index: 3;
display: inline-block;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.rank-icon-table td:first-of-type:before{
width: 34px;
height: 34px;
}
}

/*-------------------------------------------------------
追従CV
-------------------------------------------------------*/
.tuizyu-btn{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
display: none;
}
#mainCenter .tuizyu-btn ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0,143,199,0.75);
margin: 0;
}
#mainCenter .tuizyu-btn li{
width: calc(976px / 3);
margin: 0;
line-height: 1;
border-right: 1px solid #555;
border-left: 1px solid #fff;
position: relative;
}
#mainCenter .tuizyu-btn li:first-of-type:before{
content: '';
display: block;
width: 1px;
height: 100%;
background: #555;
position: absolute;
top:0;
left: -2px;
}
#mainCenter .tuizyu-btn li:last-of-type:before{
content: '';
display: block;
width: 1px;
height: 100%;
background: #fff;
position: absolute;
top:0;
right: -2px;
}
#mainCenter .tuizyu-btn li a{
display: block;
color: #fff;
text-decoration: none;
padding:10px 0 12px;
}
#mainCenter .tuizyu-btn li a img{
width: 34px;
height: 34px;
border-radius: 4px;
margin-right:7px;
}
.tuizyu-btn .icon-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
}
.tuizyu-btn .text{
display: block;
text-align: center;
margin-top:5px;
font-size: 15px;
}
#mainCenter .tuizyu-btn li a:hover{
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.tuizyu-btn{
display: none!important;
}
#mainCenter .tuizyu-btn li{
width: calc(100% / 3);
}
#mainCenter .tuizyu-btn li:first-of-type{
border-left: 0;
}
#mainCenter .tuizyu-btn li:last-of-type{
border-right: 0;
}
#mainCenter .tuizyu-btn li:first-of-type:before,#mainCenter .tuizyu-btn li:last-of-type:before{
display: none;
}
#mainCenter .tuizyu-btn li a img{
width: 28px;
height: 28px;
margin-right: 3px;
}
.tuizyu-btn .icon-wrap .app-name{
font-size: 11px;
}
.tuizyu-btn .text{
font-size: 13px;
}
}
@media only screen and (max-width:428px){
.tuizyu-btn .icon-wrap .app-name{
font-size: 10px;
}
.tuizyu-btn .text{
font-size: 11px;
}
}
@media only screen and (max-width:375px){
.tuizyu-btn .icon-wrap .app-name{
font-size: 10px;
transform: scale(0.8);
}
.tuizyu-btn .text{
font-size: 10px;
}
}

/*------------------------------------------------------------
hyouka-main-wrap
-------------------------------------------------------------*/
.hyouka-main-wrap {
background: #FFF;
position: relative;
padding: 0;
margin-bottom:0px;
}
.hyouka-main-wrap:before {
position: absolute;
content: '';
top: -5px;
left: 10px;
border-bottom: solid 8px #555;
border-left: solid 6px transparent;
display:none;
}
.hyouka-main-wrap .hyouka-h3-name{
background: #000;
background: repeating-linear-gradient(314deg, #5b87d7, #5b87d7 6px, #628edd 6px, #628edd 16px);
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
width: auto;
margin-bottom: 20px;
padding: 10px 10px 10px 0;
border: 0;
box-sizing: border-box;
}
body #mainCenter .hyouka-main-wrap .h-main-name {
background: none;
margin: 0;
padding: 0 0 0 20px;
color: #FFF;
line-height: normal;
border: 0;
position: relative;
font-weight: bold;
font-size: 20px;
}
body #mainCenter .hyouka-main-wrap .h-main-name:before {
content: '';
position: absolute;
top: -15px;
left: 15px;
font-size: 24px;
font-weight: bold;
color: #FFF;
z-index: 3;
bottom: auto;
margin: 0;
width: 18px;
height: 77px;
line-height: 43px;
text-align: center;
background: #ff4568;
display:none;
}
.hyouka-main-wrap .h-main-name .sub-text {
display: block;
font-size: 14px;
line-height: normal;
color: #e1f1ff;
margin: 1px 0 0 0;
font-weight: normal;
padding: 0;
}
.text-no {
display: none;
}
body #mainCenter .hyouka-main-wrap .h-main-name:after {
content: '';
position: absolute;
display: block;
left: 15px;
top: 61px;
height: 0;
width: 0;
border-left: 9px solid #ff4568;
border-right: 9px solid #ff4568;
border-bottom: 10px solid transparent;
z-index: 2;
background: none;
bottom: auto;
display:none;

}
.hyouka-main-wrap .hyouka-main-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon {
width: 130px;
height: 130px;
display: flex;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon img {
width: 100%;
max-height: 100%;
object-fit: contain;
border: 2px solid #ccc;
border-radius: 10px;
box-sizing: border-box;
}
#mainCenter .hyouka-main-wrap .hyouka-main-head ul {
width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
box-sizing: border-box;
padding-left: 20px;
margin: 0;
}
#mainCenter .hyouka-main-wrap .hyouka-main-head li {
font-size: 24px;
font-weight: bold;
line-height: 1;
margin: 0;
}
#mainCenter .hyouka-main-wrap .hyouka-main-head li:first-child {
margin-bottom: 10px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
color: #fba000;
font-size: 32px;
margin-left: 10px;
}
.gachaBtn {
width: 100%;
display: block;
text-align: center;
margin: 20px 0 0;
line-height: 46px;
padding: 0;
background: #ff4568;
color: #FFF!important;
font-size: 18px;
border-radius: 6px;
border: 2px solid #000;
position: relative;
font-weight: bold;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gachaBtn:before {
content: '';
display: block;
width: 26px;
height: 26px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1415013588.png) no-repeat center / contain;
position: absolute;
right: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.gachaBtn:hover{
opacity: 0.6;
}
.hyouka-main-wrap .osusume-user_box {
margin: 30px 4px 20px;
box-shadow: 0 0 0 4px #f8b500;
position: relative;
padding: 30px 20px 25px;
border-radius: 10px;
}
.hyouka-main-wrap .osusume-user_box .midasi {
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-main-wrap .osusume-user_box .midasi span {
background: #fff;
color: #f8b500;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
font-weight: bold;
}
#mainCenter .hyouka-main-wrap .osusume-user_box ul{
margin: 0;
}
#mainCenter .hyouka-main-wrap .osusume-user_box li {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 15px 0;
font-size: 14px;
font-weight: bold;
line-height: 1.7;
}
#mainCenter .hyouka-main-wrap .osusume-user_box li:last-of-type {
margin: 0;
}
.hyouka-main-wrap .osusume-user_box li:before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_141546728.png) no-repeat center / contain;
border: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius: 50px;
}
#mainCenter .hyouka-main-wrap .h-merit {
position: relative;
margin: 40px 0 18px;
color: #fa89ac;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f9e7ed;
font-weight: bold;
line-height: 1.4;
box-sizing: border-box;
}
#mainCenter .hyouka-main-wrap .h-merit:before {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1416286321.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
#mainCenter .hyouka-main-wrap .h-merit:after {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #fa89ac;
background: -moz-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: -webkit-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: linear-gradient(135deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
#mainCenter .hyouka-main-wrap .h-demerit {
position: relative;
margin: 40px 0 18px;
color: #3da6d1;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #dbf2fc;
font-weight: bold;
line-height: 1.4;
box-sizing: border-box;
}
#mainCenter .hyouka-main-wrap .h-demerit:before {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1417152543.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
#mainCenter .hyouka-main-wrap .h-demerit:after {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #62afd4;
background: -moz-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background: -webkit-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background: linear-gradient(135deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
/*ここからアコーディオン*/
.hyouka-main-wrap .acMenu.achyouka {
margin: 5px 0;
}
.hyouka-main-wrap .acMenu.achyouka dt {
border: 1px solid #d6d6d6;
color: #333;
border-radius: 3px;
margin: 0 0 10px;
font-weight: bold;
padding: 8px 35px 8px 10px;
text-align: left;
background: #fff;
cursor: pointer;
font-size: 14px;
display: block;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 0 0 #c7c7c7;
line-height: 1.7;
}
.hyouka-main-wrap .acMenu.achyouka dt:before {
content: "";
position: absolute;
border: 0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1417599368.png) no-repeat center / contain;
right: 20px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
}
.hyouka-main-wrap .acMenu.achyouka dt:after {
display: block;
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 1px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
.hyouka-main-wrap .acMenu.achyouka dd{
line-height: 1.4;
font-size: 14px;
}
.hyouka-main-wrap .acMenu.achyouka dt + dd {
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #FFF;
padding: 10px 10px 10px;
margin: -10px 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #444;
box-sizing: border-box;
}
.hyouka-main-wrap .acMenu.achyouka dt.active {
border: 1px solid #d6d6d6;
background: #fffdf3;
margin: 0 0 0px!important;
box-shadow: none;
border-radius: 3px 3px 0 0;
color: #444;
box-sizing: border-box;
}
.hyouka-main-wrap .acMenu.achyouka dt.active:before {
content: "";
position: absolute;
border: 0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1418342867.png) no-repeat center / contain;
right: 20px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
opacity: 0.5;
}
.hyouka-main-wrap .acMenu.achyouka dt.active:after {
display: none;
}
.hyouka-main-wrap .acMenu.achyouka dt.active + dd {
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
background: #FFF;
padding: 10px;
margin: 0 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #444;
display: block!important;
box-sizing: border-box;
}
.hyouka-main-wrap .acMenu dt:after{
display: none;
}
#mainCenter .hyouka-main-wrap .acMenu.achyouka dd *:last-child{
margin-bottom: 0;
}
.hyouka-main-wrap .acMenu.achyouka dd img{
max-width: 100%;
margin: 10px 0;
display: block;
}
.hyouka-main-wrap .acMenu.achyouka dd img.aligncenter {
margin: auto;
}
.hyouka-main-wrap .acMenu.achyouka dd img:first-child{
margin-top: 0;
}
#mainCenter .hyouka-main-wrap .acMenu.achyouka dd *:last-child img{
margin-bottom: 0;
}
/*↓フワッと表示させる*/
.hyouka-main-wrap .acMenu.achyouka dt + dd p{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap .acMenu.achyouka dt.active + dd p{
opacity:1;
transform:scale(1);
}
.hyouka-main-wrap .acMenu.achyouka dt + dd img{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap .acMenu.achyouka dt.active + dd img{
opacity:1;
transform:scale(1);
}
.hyouka-main-wrap .acMenu.achyouka dt + dd table{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap .acMenu.achyouka dt.active + dd table{
opacity:1;
transform:scale(1);
}
/*ここまでアコーディオン*/

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.hyouka-main-wrap{
margin-bottom:0px;
width: 100%;
}
.hyouka-main-wrap .hyouka-h3-name{
width:100%;
margin:0px;
margin-bottom:20px;
}
.hyouka-main-wrap:before{
top: -5px;
left: 6px;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn{
font-size: 16px;
padding: 0 38px;
line-height: 34px;
width: 100%;
}
.hyouka-main-wrap .gachaBtn:before{
width: 18px;
right: 16px;
}
body #mainCenter .hyouka-main-wrap .h-main-name:after{
left: 11px;
}
body #mainCenter .hyouka-main-wrap .h-main-name:before{
left: 11px;

}
body #mainCenter .hyouka-main-wrap .h-main-name{
padding-left: 20px;
font-size: 18px;
margin-left:0;
}
.hyouka-main-wrap .hyouka-h3-name p{
padding-left: 60px;
}
.hyouka-main-wrap .hyouka-main-icon{
width: 100px;
height: 100px;
display: flex;
align-items: center;
}
#mainCenter .hyouka-main-wrap .hyouka-main-head li{
font-size: 18px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
font-size: 24px;
margin-left: 8px;
}
.hyouka-main-wrap .osusume-user_box{
box-shadow: 0 0 0 3px #f8b500;
margin: 30px 3px 20px;
padding: 25px 10px 20px;
}
#mainCenter .hyouka-main-wrap .osusume-user_box li{
position: relative;
padding: 0 0 0 25px;
margin-bottom: 10px;
}
.hyouka-main-wrap .osusume-user_box .midasi span{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
#mainCenter .hyouka-main-wrap .h-merit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
#mainCenter .hyouka-main-wrap .h-merit:before{
width: 36px;
height: 36px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1416286321.png) no-repeat center / 20px;
}
#mainCenter .hyouka-main-wrap .h-merit:after{
width: 36px;
height: 36px;
}
#mainCenter .hyouka-main-wrap .h-demerit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
#mainCenter .hyouka-main-wrap .h-demerit:before{
width: 36px;
height: 36px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1417152543.png) no-repeat center / 20px;
}
#mainCenter .hyouka-main-wrap .h-demerit:after{
width: 36px;
height: 36px;
}
}


@media only screen and (max-width: 376px){
.hyouka-main-wrap{
margin-bottom: 0px;
}
.hyouka-main-wrap .hyouka-main-icon {
width: 90px;
height: 90px;
display: flex;
align-items: center;
}
#mainCenter .hyouka-main-wrap .hyouka-main-head li {
font-size: 16px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
font-size: 22px;
}
}

.hyouka-main-wrap.acdver{
margin-bottom: 0;
}
.hyouka-main-wrap.acdver:before{
display: none;
}

.hyouka-main-wrap + br{
display:none;
}

.tag-list-box{
display: none;
}
.tag-list-box ul{
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.tag-list-box li{
width:auto;
text-align:center;
margin:0 5px 0 0!important;
line-height:normal!important;
}
.tag-list-box li a {
display: block;
padding: 0px 7px 2px;
border-radius: 15px;
color: #10AFCF;
font-size: 12px;
box-shadow: 0 0 0 1px #10afcf;
text-decoration: none;
background: #EDFAFC;
}
.tag-list-box li a:hover{
color:#FFF;
background:#10AFCF;
}


/*------------------------------------------------------------
殿堂入り記事
-------------------------------------------------------------*/
#article-list-dendou .article-list-in{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#article-list-dendou article{
width: 32%;
box-sizing: border-box;
margin-bottom: 25px;
}
#article-list-dendou article a{
position: relative;
display: block;
overflow: hidden;
text-decoration: none;
}
#article-list-dendou article a:hover{
opacity: 0.6;
}
#article-list-dendou article a img{
width: 100%;
height: 145px;
object-fit: cover;
}
#article-list-dendou article a:before{
content: '殿堂';
font-size: 11px;
letter-spacing:2px;
color: #6d3807;
text-transform: uppercase;
text-align: center;
line-height: 20px;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 84px;
display: block;
box-shadow: 0 3px 10px -5px #000;
position: absolute;
top: 12px;
left: -21px;
background: #ffd500;
}
#article-list-dendou article a img{
width: 100%;
}
#article-list-dendou .a-list-r{
padding: 3px 5px 15px;
border: 1px solid #ccc;
border-top: 0;
}
#article-list-dendou .a-list-r .listSub{
color:#619EAB;
margin:3px 0;
font-size:10px;
font-weight:bold;
height: 15px;
line-height: 15px;
border-radius: 60px;
text-align: center;
border: 1px solid #619EAB;
display: inline-block;
padding: 0 15px;
}
#article-list-dendou .a-list-r h3{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:0 0 5px;
color:#162763;
background:none;
}
#article-list-dendou .a-list-r h3:before{
display:none;
}
#article-list-dendou .a-list-r .timeBox{
position: absolute;
bottom: 3px;
left: 5px;
color: #ccc;
font-size: 11px;
padding: 0;
margin: 0;
line-height: 1;
}
#article-list-dendou .a-list-r p.top-list-txt{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#666;
display:none;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#article-list-dendou article{
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 20px;
width: 50%;
}
#article-list-dendou article a img{
width: 100%;
height: 115px;
object-fit: cover;
}
#article-list-dendou .a-list-r{
min-height: 50px;
}
#article-list-dendou .a-list-r .timeBox{
position: absolute;
color: #ccc;
font-size: 10px;
padding: 0;
margin: 0;
line-height: 1;
}
#article-list-dendou .a-list-r h3{
line-height: 1.3;
font-size: 14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border: 0;
padding: 0;
margin: 0 0 5px;
color: #162763;
font-weight: bold;
background: none;
}
}
/*------------------------------------------------------------
緑枠のランキングテーブル
-------------------------------------------------------------*/
table.table_green {
border: solid 2px #95E6C8 !important;
}
table.table_green tr:first-child {
border: solid 2px #95E6C8 !important;
}
table.table_green tr:first-child th {
background: #E6FFF6 !important;
font-size: 15px !important;
}
span.table_green-comic_ttl {
display: inline-block;
color: #168C5F;
}
span.table_green-comic_ttl:before {
content: "";
background: url(https://img.altema.jp/yugiohcard/uploads/2022/02/2022y02m28d_1845256424.png)no-repeat center / contain;
width: 20px;
height: 15px;
display: inline-block;
margin-right: 10px;
}

/*------------------------------------------------------------
ランキングをtdに出すテーブル
-------------------------------------------------------------*/
table.table_flag-ranking_td td {
position: relative;
}
table.table_flag-ranking_td td:first-of-type:before {
width: 45px;
height: 45px;
content: '';
display: block;
position: absolute;
top: -1px;
left: 0px;
z-index: 2;
}
table.table_flag-ranking_td tr:nth-of-type(2) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755022653.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(3) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755032306.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(4) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755038456.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(5) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755044752.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(6) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755050796.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(7) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755059247.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(8) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755067327.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(9) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755072119.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(10) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755091735.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(11) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755099675.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(12) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1755207995.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(13) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_175520197.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(14) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_175244423.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(15) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752452611.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(16) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752457955.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(17) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752479721.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(18) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752486145.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(19) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752492138.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(20) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752499048.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(21) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752503984.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(22) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_180442173.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(23) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1804427726.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(24) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752375168.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(25) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1807114249.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(26) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752388572.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(27) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752394952.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(28) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752401161.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(29) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752408504.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(30) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752414916.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(31) td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m18d_1752420694.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(31) ~ tr td:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2024/06/2024y06m19d_1409042628.png) no-repeat center / contain;
}
table.table_flag-ranking_td tr:nth-of-type(31) ~ tr td:first-of-type:after {
position: absolute;
top: -3px;
left: 2px;
z-index: 2;
color: #fff;
font-weight: 800;
font-family: YU Gothic UI-MONOSPACE;
font-size: 14px;
}
table.table_flag-ranking_td tr:nth-of-type(32) td:first-of-type:after {
content: '31';
}
table.table_flag-ranking_td tr:nth-of-type(33) td:first-of-type:after {
content: '32';
}
table.table_flag-ranking_td tr:nth-of-type(34) td:first-of-type:after {
content: '33';
}
table.table_flag-ranking_td tr:nth-of-type(35) td:first-of-type:after {
content: '34';
}
table.table_flag-ranking_td tr:nth-of-type(36) td:first-of-type:after {
content: '35';
}
table.table_flag-ranking_td tr:nth-of-type(37) td:first-of-type:after {
content: '36';
}
table.table_flag-ranking_td tr:nth-of-type(38) td:first-of-type:after {
content: '37';
}
table.table_flag-ranking_td tr:nth-of-type(39) td:first-of-type:after {
content: '38';
}
table.table_flag-ranking_td tr:nth-of-type(40) td:first-of-type:after {
content: '39';
}
table.table_flag-ranking_td tr:nth-of-type(41) td:first-of-type:after {
content: '40';
}
table.table_flag-ranking_td tr:nth-of-type(42) td:first-of-type:after {
content: '41';
}
table.table_flag-ranking_td tr:nth-of-type(43) td:first-of-type:after {
content: '42';
}
table.table_flag-ranking_td tr:nth-of-type(44) td:first-of-type:after {
content: '43';
}
table.table_flag-ranking_td tr:nth-of-type(45) td:first-of-type:after {
content: '44';
}
table.table_flag-ranking_td tr:nth-of-type(46) td:first-of-type:after {
content: '45';
}
table.table_flag-ranking_td tr:nth-of-type(47) td:first-of-type:after {
content: '46';
}
table.table_flag-ranking_td tr:nth-of-type(48) td:first-of-type:after {
content: '47';
}
table.table_flag-ranking_td tr:nth-of-type(49) td:first-of-type:after {
content: '48';
}
table.table_flag-ranking_td tr:nth-of-type(50) td:first-of-type:after {
content: '49';
}
table.table_flag-ranking_td tr:nth-of-type(51) td:first-of-type:after {
content: '50';
}
table.table_flag-ranking_td tr:nth-of-type(52) td:first-of-type:after {
content: '51';
}
table.table_flag-ranking_td tr:nth-of-type(53) td:first-of-type:after {
content: '52';
}
table.table_flag-ranking_td tr:nth-of-type(54) td:first-of-type:after {
content: '53';
}
table.table_flag-ranking_td tr:nth-of-type(55) td:first-of-type:after {
content: '54';
}
table.table_flag-ranking_td tr:nth-of-type(56) td:first-of-type:after {
content: '55';
}
table.table_flag-ranking_td tr:nth-of-type(57) td:first-of-type:after {
content: '56';
}
table.table_flag-ranking_td tr:nth-of-type(58) td:first-of-type:after {
content: '57';
}
table.table_flag-ranking_td tr:nth-of-type(59) td:first-of-type:after {
content: '58';
}
table.table_flag-ranking_td tr:nth-of-type(60) td:first-of-type:after {
content: '59';
}
table.table_flag-ranking_td tr:nth-of-type(61) td:first-of-type:after {
content: '60';
}
table.table_flag-ranking_td tr:nth-of-type(62) td:first-of-type:after {
content: '61';
}
table.table_flag-ranking_td tr:nth-of-type(63) td:first-of-type:after {
content: '62';
}
table.table_flag-ranking_td tr:nth-of-type(64) td:first-of-type:after {
content: '63';
}
table.table_flag-ranking_td tr:nth-of-type(65) td:first-of-type:after {
content: '64';
}
table.table_flag-ranking_td tr:nth-of-type(66) td:first-of-type:after {
content: '65';
}
table.table_flag-ranking_td tr:nth-of-type(67) td:first-of-type:after {
content: '66';
}
table.table_flag-ranking_td tr:nth-of-type(68) td:first-of-type:after {
content: '67';
}
table.table_flag-ranking_td tr:nth-of-type(69) td:first-of-type:after {
content: '68';
}
table.table_flag-ranking_td tr:nth-of-type(70) td:first-of-type:after {
content: '69';
}
table.table_flag-ranking_td tr:nth-of-type(71) td:first-of-type:after {
content: '70';
}
table.table_flag-ranking_td tr:nth-of-type(72) td:first-of-type:after {
content: '71';
}
table.table_flag-ranking_td tr:nth-of-type(73) td:first-of-type:after {
content: '72';
}
table.table_flag-ranking_td tr:nth-of-type(74) td:first-of-type:after {
content: '73';
}
table.table_flag-ranking_td tr:nth-of-type(75) td:first-of-type:after {
content: '74';
}
table.table_flag-ranking_td tr:nth-of-type(76) td:first-of-type:after {
content: '75';
}
table.table_flag-ranking_td tr:nth-of-type(77) td:first-of-type:after {
content: '76';
}
table.table_flag-ranking_td tr:nth-of-type(78) td:first-of-type:after {
content: '77';
}
table.table_flag-ranking_td tr:nth-of-type(79) td:first-of-type:after {
content: '78';
}
table.table_flag-ranking_td tr:nth-of-type(80) td:first-of-type:after {
content: '79';
}
table.table_flag-ranking_td tr:nth-of-type(81) td:first-of-type:after {
content: '80';
}
table.table_flag-ranking_td tr:nth-of-type(82) td:first-of-type:after {
content: '81';
}
table.table_flag-ranking_td tr:nth-of-type(83) td:first-of-type:after {
content: '82';
}
table.table_flag-ranking_td tr:nth-of-type(84) td:first-of-type:after {
content: '83';
}
table.table_flag-ranking_td tr:nth-of-type(85) td:first-of-type:after {
content: '84';
}
table.table_flag-ranking_td tr:nth-of-type(86) td:first-of-type:after {
content: '85';
}
table.table_flag-ranking_td tr:nth-of-type(87) td:first-of-type:after {
content: '86';
}
table.table_flag-ranking_td tr:nth-of-type(88) td:first-of-type:after {
content: '87';
}
table.table_flag-ranking_td tr:nth-of-type(89) td:first-of-type:after {
content: '88';
}
table.table_flag-ranking_td tr:nth-of-type(90) td:first-of-type:after {
content: '89';
}
table.table_flag-ranking_td tr:nth-of-type(91) td:first-of-type:after {
content: '90';
}
table.table_flag-ranking_td tr:nth-of-type(92) td:first-of-type:after {
content: '91';
}
table.table_flag-ranking_td tr:nth-of-type(93) td:first-of-type:after {
content: '92';
}
table.table_flag-ranking_td tr:nth-of-type(94) td:first-of-type:after {
content: '93';
}
table.table_flag-ranking_td tr:nth-of-type(95) td:first-of-type:after {
content: '94';
}
table.table_flag-ranking_td tr:nth-of-type(96) td:first-of-type:after {
content: '95';
}
table.table_flag-ranking_td tr:nth-of-type(97) td:first-of-type:after {
content: '96';
}
table.table_flag-ranking_td tr:nth-of-type(98) td:first-of-type:after {
content: '97';
}
table.table_flag-ranking_td tr:nth-of-type(99) td:first-of-type:after {
content: '98';
}
table.table_flag-ranking_td tr:nth-of-type(100) td:first-of-type:after {
content: '99';
}
table.table_flag-ranking_td tr:nth-of-type(101) td:first-of-type:after {
content: '100';
}
table.table_flag-ranking_td tr:nth-of-type(102) td:first-of-type:after {
content: '101';
}
table.table_flag-ranking_td tr:nth-of-type(103) td:first-of-type:after {
content: '102';
}
table.table_flag-ranking_td tr:nth-of-type(104) td:first-of-type:after {
content: '103';
}
table.table_flag-ranking_td tr:nth-of-type(105) td:first-of-type:after {
content: '104';
}
table.table_flag-ranking_td tr:nth-of-type(106) td:first-of-type:after {
content: '105';
}
table.table_flag-ranking_td tr:nth-of-type(107) td:first-of-type:after {
content: '106';
}
table.table_flag-ranking_td tr:nth-of-type(108) td:first-of-type:after {
content: '107';
}
table.table_flag-ranking_td tr:nth-of-type(109) td:first-of-type:after {
content: '108';
}
table.table_flag-ranking_td tr:nth-of-type(110) td:first-of-type:after {
content: '109';
}
table.table_flag-ranking_td tr:nth-of-type(111) td:first-of-type:after {
content: '110';
}
table.table_flag-ranking_td tr:nth-of-type(112) td:first-of-type:after {
content: '111';
}
table.table_flag-ranking_td tr:nth-of-type(113) td:first-of-type:after {
content: '112';
}
table.table_flag-ranking_td tr:nth-of-type(114) td:first-of-type:after {
content: '113';
}
table.table_flag-ranking_td tr:nth-of-type(115) td:first-of-type:after {
content: '114';
}
table.table_flag-ranking_td tr:nth-of-type(116) td:first-of-type:after {
content: '115';
}
table.table_flag-ranking_td tr:nth-of-type(117) td:first-of-type:after {
content: '116';
}
table.table_flag-ranking_td tr:nth-of-type(118) td:first-of-type:after {
content: '117';
}
table.table_flag-ranking_td tr:nth-of-type(119) td:first-of-type:after {
content: '118';
}
table.table_flag-ranking_td tr:nth-of-type(120) td:first-of-type:after {
content: '119';
}
table.table_flag-ranking_td tr:nth-of-type(121) td:first-of-type:after {
content: '120';
}
table.table_flag-ranking_td tr:nth-of-type(122) td:first-of-type:after {
content: '121';
}
table.table_flag-ranking_td tr:nth-of-type(123) td:first-of-type:after {
content: '122';
}
table.table_flag-ranking_td tr:nth-of-type(124) td:first-of-type:after {
content: '123';
}
table.table_flag-ranking_td tr:nth-of-type(125) td:first-of-type:after {
content: '124';
}
table.table_flag-ranking_td tr:nth-of-type(126) td:first-of-type:after {
content: '125';
}
table.table_flag-ranking_td tr:nth-of-type(127) td:first-of-type:after {
content: '126';
}
table.table_flag-ranking_td tr:nth-of-type(128) td:first-of-type:after {
content: '127';
}
table.table_flag-ranking_td tr:nth-of-type(129) td:first-of-type:after {
content: '128';
}
table.table_flag-ranking_td tr:nth-of-type(130) td:first-of-type:after {
content: '129';
}
table.table_flag-ranking_td tr:nth-of-type(131) td:first-of-type:after {
content: '130';
}
table.table_flag-ranking_td tr:nth-of-type(132) td:first-of-type:after {
content: '131';
}
table.table_flag-ranking_td tr:nth-of-type(133) td:first-of-type:after {
content: '132';
}
table.table_flag-ranking_td tr:nth-of-type(134) td:first-of-type:after {
content: '133';
}
table.table_flag-ranking_td tr:nth-of-type(135) td:first-of-type:after {
content: '134';
}
table.table_flag-ranking_td tr:nth-of-type(136) td:first-of-type:after {
content: '135';
}
table.table_flag-ranking_td tr:nth-of-type(137) td:first-of-type:after {
content: '136';
}
table.table_flag-ranking_td tr:nth-of-type(138) td:first-of-type:after {
content: '137';
}
table.table_flag-ranking_td tr:nth-of-type(139) td:first-of-type:after {
content: '138';
}
table.table_flag-ranking_td tr:nth-of-type(140) td:first-of-type:after {
content: '139';
}
table.table_flag-ranking_td tr:nth-of-type(141) td:first-of-type:after {
content: '140';
}
table.table_flag-ranking_td tr:nth-of-type(142) td:first-of-type:after {
content: '141';
}
table.table_flag-ranking_td tr:nth-of-type(143) td:first-of-type:after {
content: '142';
}
table.table_flag-ranking_td tr:nth-of-type(144) td:first-of-type:after {
content: '143';
}
table.table_flag-ranking_td tr:nth-of-type(145) td:first-of-type:after {
content: '144';
}
table.table_flag-ranking_td tr:nth-of-type(146) td:first-of-type:after {
content: '145';
}
table.table_flag-ranking_td tr:nth-of-type(147) td:first-of-type:after {
content: '146';
}
table.table_flag-ranking_td tr:nth-of-type(148) td:first-of-type:after {
content: '147';
}
table.table_flag-ranking_td tr:nth-of-type(149) td:first-of-type:after {
content: '148';
}
table.table_flag-ranking_td tr:nth-of-type(150) td:first-of-type:after {
content: '149';
}
table.table_flag-ranking_td tr:nth-of-type(151) td:first-of-type:after {
content: '150';
}
table.table_flag-ranking_td tr:nth-of-type(152) td:first-of-type:after {
content: '151';
}
table.table_flag-ranking_td tr:nth-of-type(153) td:first-of-type:after {
content: '152';
}
table.table_flag-ranking_td tr:nth-of-type(154) td:first-of-type:after {
content: '153';
}
table.table_flag-ranking_td tr:nth-of-type(155) td:first-of-type:after {
content: '154';
}
table.table_flag-ranking_td tr:nth-of-type(156) td:first-of-type:after {
content: '155';
}
table.table_flag-ranking_td tr:nth-of-type(157) td:first-of-type:after {
content: '156';
}
table.table_flag-ranking_td tr:nth-of-type(158) td:first-of-type:after {
content: '157';
}
table.table_flag-ranking_td tr:nth-of-type(159) td:first-of-type:after {
content: '158';
}
table.table_flag-ranking_td tr:nth-of-type(160) td:first-of-type:after {
content: '159';
}
table.table_flag-ranking_td tr:nth-of-type(161) td:first-of-type:after {
content: '160';
}
table.table_flag-ranking_td tr:nth-of-type(162) td:first-of-type:after {
content: '161';
}
table.table_flag-ranking_td tr:nth-of-type(163) td:first-of-type:after {
content: '162';
}
table.table_flag-ranking_td tr:nth-of-type(164) td:first-of-type:after {
content: '163';
}
table.table_flag-ranking_td tr:nth-of-type(165) td:first-of-type:after {
content: '164';
}
table.table_flag-ranking_td tr:nth-of-type(166) td:first-of-type:after {
content: '165';
}
table.table_flag-ranking_td tr:nth-of-type(167) td:first-of-type:after {
content: '166';
}
table.table_flag-ranking_td tr:nth-of-type(168) td:first-of-type:after {
content: '167';
}
table.table_flag-ranking_td tr:nth-of-type(169) td:first-of-type:after {
content: '168';
}
table.table_flag-ranking_td tr:nth-of-type(170) td:first-of-type:after {
content: '169';
}
table.table_flag-ranking_td tr:nth-of-type(171) td:first-of-type:after {
content: '170';
}
table.table_flag-ranking_td tr:nth-of-type(172) td:first-of-type:after {
content: '171';
}
table.table_flag-ranking_td tr:nth-of-type(173) td:first-of-type:after {
content: '172';
}
table.table_flag-ranking_td tr:nth-of-type(174) td:first-of-type:after {
content: '173';
}
table.table_flag-ranking_td tr:nth-of-type(175) td:first-of-type:after {
content: '174';
}
table.table_flag-ranking_td tr:nth-of-type(176) td:first-of-type:after {
content: '175';
}
table.table_flag-ranking_td tr:nth-of-type(177) td:first-of-type:after {
content: '176';
}
table.table_flag-ranking_td tr:nth-of-type(178) td:first-of-type:after {
content: '177';
}
table.table_flag-ranking_td tr:nth-of-type(179) td:first-of-type:after {
content: '178';
}
table.table_flag-ranking_td tr:nth-of-type(180) td:first-of-type:after {
content: '179';
}
table.table_flag-ranking_td tr:nth-of-type(181) td:first-of-type:after {
content: '180';
}
table.table_flag-ranking_td tr:nth-of-type(182) td:first-of-type:after {
content: '181';
}
table.table_flag-ranking_td tr:nth-of-type(183) td:first-of-type:after {
content: '182';
}
table.table_flag-ranking_td tr:nth-of-type(184) td:first-of-type:after {
content: '183';
}
table.table_flag-ranking_td tr:nth-of-type(185) td:first-of-type:after {
content: '184';
}
table.table_flag-ranking_td tr:nth-of-type(186) td:first-of-type:after {
content: '185';
}
table.table_flag-ranking_td tr:nth-of-type(187) td:first-of-type:after {
content: '186';
}
table.table_flag-ranking_td tr:nth-of-type(188) td:first-of-type:after {
content: '187';
}
table.table_flag-ranking_td tr:nth-of-type(189) td:first-of-type:after {
content: '188';
}
table.table_flag-ranking_td tr:nth-of-type(190) td:first-of-type:after {
content: '189';
}
table.table_flag-ranking_td tr:nth-of-type(191) td:first-of-type:after {
content: '190';
}
table.table_flag-ranking_td tr:nth-of-type(192) td:first-of-type:after {
content: '191';
}
table.table_flag-ranking_td tr:nth-of-type(193) td:first-of-type:after {
content: '192';
}
table.table_flag-ranking_td tr:nth-of-type(194) td:first-of-type:after {
content: '193';
}
table.table_flag-ranking_td tr:nth-of-type(195) td:first-of-type:after {
content: '194';
}
table.table_flag-ranking_td tr:nth-of-type(196) td:first-of-type:after {
content: '195';
}
table.table_flag-ranking_td tr:nth-of-type(197) td:first-of-type:after {
content: '196';
}
table.table_flag-ranking_td tr:nth-of-type(198) td:first-of-type:after {
content: '197';
}
table.table_flag-ranking_td tr:nth-of-type(199) td:first-of-type:after {
content: '198';
}
table.table_flag-ranking_td tr:nth-of-type(200) td:first-of-type:after {
content: '199';
}
table.table_flag-ranking_td tr:nth-of-type(201) td:first-of-type:after {
content: '200';
}
table.table_flag-ranking_td tr:nth-of-type(202) td:first-of-type:after {
content: '201';
}
table.table_flag-ranking_td tr:nth-of-type(203) td:first-of-type:after {
content: '202';
}
table.table_flag-ranking_td tr:nth-of-type(204) td:first-of-type:after {
content: '203';
}
table.table_flag-ranking_td tr:nth-of-type(205) td:first-of-type:after {
content: '204';
}
table.table_flag-ranking_td tr:nth-of-type(206) td:first-of-type:after {
content: '205';
}
table.table_flag-ranking_td tr:nth-of-type(207) td:first-of-type:after {
content: '206';
}
table.table_flag-ranking_td tr:nth-of-type(208) td:first-of-type:after {
content: '207';
}
table.table_flag-ranking_td tr:nth-of-type(209) td:first-of-type:after {
content: '208';
}
table.table_flag-ranking_td tr:nth-of-type(210) td:first-of-type:after {
content: '209';
}
table.table_flag-ranking_td tr:nth-of-type(211) td:first-of-type:after {
content: '210';
}
table.table_flag-ranking_td tr:nth-of-type(212) td:first-of-type:after {
content: '211';
}
table.table_flag-ranking_td tr:nth-of-type(213) td:first-of-type:after {
content: '212';
}
table.table_flag-ranking_td tr:nth-of-type(214) td:first-of-type:after {
content: '213';
}
table.table_flag-ranking_td tr:nth-of-type(215) td:first-of-type:after {
content: '214';
}
table.table_flag-ranking_td tr:nth-of-type(216) td:first-of-type:after {
content: '215';
}
table.table_flag-ranking_td tr:nth-of-type(217) td:first-of-type:after {
content: '216';
}
table.table_flag-ranking_td tr:nth-of-type(218) td:first-of-type:after {
content: '217';
}
table.table_flag-ranking_td tr:nth-of-type(219) td:first-of-type:after {
content: '218';
}
table.table_flag-ranking_td tr:nth-of-type(220) td:first-of-type:after {
content: '219';
}
table.table_flag-ranking_td tr:nth-of-type(221) td:first-of-type:after {
content: '220';
}
table.table_flag-ranking_td tr:nth-of-type(222) td:first-of-type:after {
content: '221';
}
table.table_flag-ranking_td tr:nth-of-type(223) td:first-of-type:after {
content: '222';
}
table.table_flag-ranking_td tr:nth-of-type(224) td:first-of-type:after {
content: '223';
}
table.table_flag-ranking_td tr:nth-of-type(225) td:first-of-type:after {
content: '224';
}
table.table_flag-ranking_td tr:nth-of-type(226) td:first-of-type:after {
content: '225';
}
table.table_flag-ranking_td tr:nth-of-type(227) td:first-of-type:after {
content: '226';
}
table.table_flag-ranking_td tr:nth-of-type(228) td:first-of-type:after {
content: '227';
}
table.table_flag-ranking_td tr:nth-of-type(229) td:first-of-type:after {
content: '228';
}
table.table_flag-ranking_td tr:nth-of-type(230) td:first-of-type:after {
content: '229';
}
table.table_flag-ranking_td tr:nth-of-type(231) td:first-of-type:after {
content: '230';
}
table.table_flag-ranking_td tr:nth-of-type(232) td:first-of-type:after {
content: '231';
}
table.table_flag-ranking_td tr:nth-of-type(233) td:first-of-type:after {
content: '232';
}
table.table_flag-ranking_td tr:nth-of-type(234) td:first-of-type:after {
content: '233';
}
table.table_flag-ranking_td tr:nth-of-type(235) td:first-of-type:after {
content: '234';
}
table.table_flag-ranking_td tr:nth-of-type(236) td:first-of-type:after {
content: '235';
}
table.table_flag-ranking_td tr:nth-of-type(237) td:first-of-type:after {
content: '236';
}
table.table_flag-ranking_td tr:nth-of-type(238) td:first-of-type:after {
content: '237';
}
table.table_flag-ranking_td tr:nth-of-type(239) td:first-of-type:after {
content: '238';
}
table.table_flag-ranking_td tr:nth-of-type(240) td:first-of-type:after {
content: '239';
}
table.table_flag-ranking_td tr:nth-of-type(241) td:first-of-type:after {
content: '240';
}
table.table_flag-ranking_td tr:nth-of-type(242) td:first-of-type:after {
content: '241';
}
table.table_flag-ranking_td tr:nth-of-type(243) td:first-of-type:after {
content: '242';
}
table.table_flag-ranking_td tr:nth-of-type(244) td:first-of-type:after {
content: '243';
}
table.table_flag-ranking_td tr:nth-of-type(245) td:first-of-type:after {
content: '244';
}
table.table_flag-ranking_td tr:nth-of-type(246) td:first-of-type:after {
content: '245';
}
table.table_flag-ranking_td tr:nth-of-type(247) td:first-of-type:after {
content: '246';
}
table.table_flag-ranking_td tr:nth-of-type(248) td:first-of-type:after {
content: '247';
}
table.table_flag-ranking_td tr:nth-of-type(249) td:first-of-type:after {
content: '248';
}
table.table_flag-ranking_td tr:nth-of-type(250) td:first-of-type:after {
content: '249';
}
table.table_flag-ranking_td tr:nth-of-type(251) td:first-of-type:after {
content: '250';
}
table.table_flag-ranking_td tr:nth-of-type(252) td:first-of-type:after {
content: '251';
}
table.table_flag-ranking_td tr:nth-of-type(253) td:first-of-type:after {
content: '252';
}
table.table_flag-ranking_td tr:nth-of-type(254) td:first-of-type:after {
content: '253';
}
table.table_flag-ranking_td tr:nth-of-type(255) td:first-of-type:after {
content: '254';
}
table.table_flag-ranking_td tr:nth-of-type(256) td:first-of-type:after {
content: '255';
}
table.table_flag-ranking_td tr:nth-of-type(257) td:first-of-type:after {
content: '256';
}
table.table_flag-ranking_td tr:nth-of-type(258) td:first-of-type:after {
content: '257';
}
table.table_flag-ranking_td tr:nth-of-type(259) td:first-of-type:after {
content: '258';
}
table.table_flag-ranking_td tr:nth-of-type(260) td:first-of-type:after {
content: '259';
}
table.table_flag-ranking_td tr:nth-of-type(261) td:first-of-type:after {
content: '260';
}
table.table_flag-ranking_td tr:nth-of-type(262) td:first-of-type:after {
content: '261';
}
table.table_flag-ranking_td tr:nth-of-type(263) td:first-of-type:after {
content: '262';
}
table.table_flag-ranking_td tr:nth-of-type(264) td:first-of-type:after {
content: '263';
}
table.table_flag-ranking_td tr:nth-of-type(265) td:first-of-type:after {
content: '264';
}
table.table_flag-ranking_td tr:nth-of-type(266) td:first-of-type:after {
content: '265';
}
table.table_flag-ranking_td tr:nth-of-type(267) td:first-of-type:after {
content: '266';
}
table.table_flag-ranking_td tr:nth-of-type(268) td:first-of-type:after {
content: '267';
}
table.table_flag-ranking_td tr:nth-of-type(269) td:first-of-type:after {
content: '268';
}
table.table_flag-ranking_td tr:nth-of-type(270) td:first-of-type:after {
content: '269';
}
table.table_flag-ranking_td tr:nth-of-type(271) td:first-of-type:after {
content: '270';
}
table.table_flag-ranking_td tr:nth-of-type(272) td:first-of-type:after {
content: '271';
}
table.table_flag-ranking_td tr:nth-of-type(273) td:first-of-type:after {
content: '272';
}
table.table_flag-ranking_td tr:nth-of-type(274) td:first-of-type:after {
content: '273';
}
table.table_flag-ranking_td tr:nth-of-type(275) td:first-of-type:after {
content: '274';
}
table.table_flag-ranking_td tr:nth-of-type(276) td:first-of-type:after {
content: '275';
}
table.table_flag-ranking_td tr:nth-of-type(277) td:first-of-type:after {
content: '276';
}
table.table_flag-ranking_td tr:nth-of-type(278) td:first-of-type:after {
content: '277';
}
table.table_flag-ranking_td tr:nth-of-type(279) td:first-of-type:after {
content: '278';
}
table.table_flag-ranking_td tr:nth-of-type(280) td:first-of-type:after {
content: '279';
}
table.table_flag-ranking_td tr:nth-of-type(281) td:first-of-type:after {
content: '280';
}
table.table_flag-ranking_td tr:nth-of-type(282) td:first-of-type:after {
content: '281';
}
table.table_flag-ranking_td tr:nth-of-type(283) td:first-of-type:after {
content: '282';
}
table.table_flag-ranking_td tr:nth-of-type(284) td:first-of-type:after {
content: '283';
}
table.table_flag-ranking_td tr:nth-of-type(285) td:first-of-type:after {
content: '284';
}
table.table_flag-ranking_td tr:nth-of-type(286) td:first-of-type:after {
content: '285';
}
table.table_flag-ranking_td tr:nth-of-type(287) td:first-of-type:after {
content: '286';
}
table.table_flag-ranking_td tr:nth-of-type(288) td:first-of-type:after {
content: '287';
}
table.table_flag-ranking_td tr:nth-of-type(289) td:first-of-type:after {
content: '288';
}
table.table_flag-ranking_td tr:nth-of-type(290) td:first-of-type:after {
content: '289';
}
table.table_flag-ranking_td tr:nth-of-type(291) td:first-of-type:after {
content: '290';
}
table.table_flag-ranking_td tr:nth-of-type(292) td:first-of-type:after {
content: '291';
}
table.table_flag-ranking_td tr:nth-of-type(293) td:first-of-type:after {
content: '292';
}
table.table_flag-ranking_td tr:nth-of-type(294) td:first-of-type:after {
content: '293';
}
table.table_flag-ranking_td tr:nth-of-type(295) td:first-of-type:after {
content: '294';
}
table.table_flag-ranking_td tr:nth-of-type(296) td:first-of-type:after {
content: '295';
}
table.table_flag-ranking_td tr:nth-of-type(297) td:first-of-type:after {
content: '296';
}
table.table_flag-ranking_td tr:nth-of-type(298) td:first-of-type:after {
content: '297';
}
table.table_flag-ranking_td tr:nth-of-type(299) td:first-of-type:after {
content: '298';
}
table.table_flag-ranking_td tr:nth-of-type(300) td:first-of-type:after {
content: '299';
}
table.table_flag-ranking_td tr:nth-of-type(301) td:first-of-type:after {
content: '300';
}
table.table_flag-ranking_td tr:nth-of-type(302) td:first-of-type:after {
content: '301';
}
table.table_flag-ranking_td tr:nth-of-type(303) td:first-of-type:after {
content: '302';
}
table.table_flag-ranking_td tr:nth-of-type(304) td:first-of-type:after {
content: '303';
}
table.table_flag-ranking_td tr:nth-of-type(305) td:first-of-type:after {
content: '304';
}
table.table_flag-ranking_td tr:nth-of-type(306) td:first-of-type:after {
content: '305';
}
table.table_flag-ranking_td tr:nth-of-type(307) td:first-of-type:after {
content: '306';
}
table.table_flag-ranking_td tr:nth-of-type(308) td:first-of-type:after {
content: '307';
}
table.table_flag-ranking_td tr:nth-of-type(309) td:first-of-type:after {
content: '308';
}
table.table_flag-ranking_td tr:nth-of-type(310) td:first-of-type:after {
content: '309';
}
table.table_flag-ranking_td tr:nth-of-type(311) td:first-of-type:after {
content: '310';
}
table.table_flag-ranking_td tr:nth-of-type(312) td:first-of-type:after {
content: '311';
}
table.table_flag-ranking_td tr:nth-of-type(313) td:first-of-type:after {
content: '312';
}
table.table_flag-ranking_td tr:nth-of-type(314) td:first-of-type:after {
content: '313';
}
table.table_flag-ranking_td tr:nth-of-type(315) td:first-of-type:after {
content: '314';
}
table.table_flag-ranking_td tr:nth-of-type(316) td:first-of-type:after {
content: '315';
}
table.table_flag-ranking_td tr:nth-of-type(317) td:first-of-type:after {
content: '316';
}
table.table_flag-ranking_td tr:nth-of-type(318) td:first-of-type:after {
content: '317';
}
table.table_flag-ranking_td tr:nth-of-type(319) td:first-of-type:after {
content: '318';
}
table.table_flag-ranking_td tr:nth-of-type(320) td:first-of-type:after {
content: '319';
}
table.table_flag-ranking_td tr:nth-of-type(321) td:first-of-type:after {
content: '320';
}
table.table_flag-ranking_td tr:nth-of-type(322) td:first-of-type:after {
content: '321';
}
table.table_flag-ranking_td tr:nth-of-type(323) td:first-of-type:after {
content: '322';
}
table.table_flag-ranking_td tr:nth-of-type(324) td:first-of-type:after {
content: '323';
}
table.table_flag-ranking_td tr:nth-of-type(325) td:first-of-type:after {
content: '324';
}
table.table_flag-ranking_td tr:nth-of-type(326) td:first-of-type:after {
content: '325';
}
table.table_flag-ranking_td tr:nth-of-type(327) td:first-of-type:after {
content: '326';
}
table.table_flag-ranking_td tr:nth-of-type(328) td:first-of-type:after {
content: '327';
}
table.table_flag-ranking_td tr:nth-of-type(329) td:first-of-type:after {
content: '328';
}
table.table_flag-ranking_td tr:nth-of-type(330) td:first-of-type:after {
content: '329';
}
table.table_flag-ranking_td tr:nth-of-type(331) td:first-of-type:after {
content: '330';
}
table.table_flag-ranking_td tr:nth-of-type(332) td:first-of-type:after {
content: '331';
}
table.table_flag-ranking_td tr:nth-of-type(333) td:first-of-type:after {
content: '332';
}
table.table_flag-ranking_td tr:nth-of-type(334) td:first-of-type:after {
content: '333';
}
table.table_flag-ranking_td tr:nth-of-type(335) td:first-of-type:after {
content: '334';
}
table.table_flag-ranking_td tr:nth-of-type(336) td:first-of-type:after {
content: '335';
}
table.table_flag-ranking_td tr:nth-of-type(337) td:first-of-type:after {
content: '336';
}
table.table_flag-ranking_td tr:nth-of-type(338) td:first-of-type:after {
content: '337';
}
table.table_flag-ranking_td tr:nth-of-type(339) td:first-of-type:after {
content: '338';
}
table.table_flag-ranking_td tr:nth-of-type(340) td:first-of-type:after {
content: '339';
}
table.table_flag-ranking_td tr:nth-of-type(341) td:first-of-type:after {
content: '340';
}
table.table_flag-ranking_td tr:nth-of-type(342) td:first-of-type:after {
content: '341';
}
table.table_flag-ranking_td tr:nth-of-type(343) td:first-of-type:after {
content: '342';
}
table.table_flag-ranking_td tr:nth-of-type(344) td:first-of-type:after {
content: '343';
}
table.table_flag-ranking_td tr:nth-of-type(345) td:first-of-type:after {
content: '344';
}
table.table_flag-ranking_td tr:nth-of-type(346) td:first-of-type:after {
content: '345';
}
table.table_flag-ranking_td tr:nth-of-type(347) td:first-of-type:after {
content: '346';
}
table.table_flag-ranking_td tr:nth-of-type(348) td:first-of-type:after {
content: '347';
}
table.table_flag-ranking_td tr:nth-of-type(349) td:first-of-type:after {
content: '348';
}
table.table_flag-ranking_td tr:nth-of-type(350) td:first-of-type:after {
content: '349';
}
table.table_flag-ranking_td tr:nth-of-type(351) td:first-of-type:after {
content: '350';
}
table.table_flag-ranking_td tr:nth-of-type(352) td:first-of-type:after {
content: '351';
}
table.table_flag-ranking_td tr:nth-of-type(353) td:first-of-type:after {
content: '352';
}
table.table_flag-ranking_td tr:nth-of-type(354) td:first-of-type:after {
content: '353';
}
table.table_flag-ranking_td tr:nth-of-type(355) td:first-of-type:after {
content: '354';
}
table.table_flag-ranking_td tr:nth-of-type(356) td:first-of-type:after {
content: '355';
}
table.table_flag-ranking_td tr:nth-of-type(357) td:first-of-type:after {
content: '356';
}
table.table_flag-ranking_td tr:nth-of-type(358) td:first-of-type:after {
content: '357';
}
table.table_flag-ranking_td tr:nth-of-type(359) td:first-of-type:after {
content: '358';
}
table.table_flag-ranking_td tr:nth-of-type(360) td:first-of-type:after {
content: '359';
}
table.table_flag-ranking_td tr:nth-of-type(361) td:first-of-type:after {
content: '360';
}
table.table_flag-ranking_td tr:nth-of-type(362) td:first-of-type:after {
content: '361';
}
table.table_flag-ranking_td tr:nth-of-type(363) td:first-of-type:after {
content: '362';
}
table.table_flag-ranking_td tr:nth-of-type(364) td:first-of-type:after {
content: '363';
}
table.table_flag-ranking_td tr:nth-of-type(365) td:first-of-type:after {
content: '364';
}
table.table_flag-ranking_td tr:nth-of-type(366) td:first-of-type:after {
content: '365';
}
table.table_flag-ranking_td tr:nth-of-type(367) td:first-of-type:after {
content: '366';
}
table.table_flag-ranking_td tr:nth-of-type(368) td:first-of-type:after {
content: '367';
}
table.table_flag-ranking_td tr:nth-of-type(369) td:first-of-type:after {
content: '368';
}
table.table_flag-ranking_td tr:nth-of-type(370) td:first-of-type:after {
content: '369';
}
table.table_flag-ranking_td tr:nth-of-type(371) td:first-of-type:after {
content: '370';
}
table.table_flag-ranking_td tr:nth-of-type(372) td:first-of-type:after {
content: '371';
}
table.table_flag-ranking_td tr:nth-of-type(373) td:first-of-type:after {
content: '372';
}
table.table_flag-ranking_td tr:nth-of-type(374) td:first-of-type:after {
content: '373';
}
table.table_flag-ranking_td tr:nth-of-type(375) td:first-of-type:after {
content: '374';
}
table.table_flag-ranking_td tr:nth-of-type(376) td:first-of-type:after {
content: '375';
}
table.table_flag-ranking_td tr:nth-of-type(377) td:first-of-type:after {
content: '376';
}
table.table_flag-ranking_td tr:nth-of-type(378) td:first-of-type:after {
content: '377';
}
table.table_flag-ranking_td tr:nth-of-type(379) td:first-of-type:after {
content: '378';
}
table.table_flag-ranking_td tr:nth-of-type(380) td:first-of-type:after {
content: '379';
}
table.table_flag-ranking_td tr:nth-of-type(381) td:first-of-type:after {
content: '380';
}
table.table_flag-ranking_td tr:nth-of-type(382) td:first-of-type:after {
content: '381';
}
table.table_flag-ranking_td tr:nth-of-type(383) td:first-of-type:after {
content: '382';
}
table.table_flag-ranking_td tr:nth-of-type(384) td:first-of-type:after {
content: '383';
}
table.table_flag-ranking_td tr:nth-of-type(385) td:first-of-type:after {
content: '384';
}
table.table_flag-ranking_td tr:nth-of-type(386) td:first-of-type:after {
content: '385';
}
table.table_flag-ranking_td tr:nth-of-type(387) td:first-of-type:after {
content: '386';
}
table.table_flag-ranking_td tr:nth-of-type(388) td:first-of-type:after {
content: '387';
}
table.table_flag-ranking_td tr:nth-of-type(389) td:first-of-type:after {
content: '388';
}
table.table_flag-ranking_td tr:nth-of-type(390) td:first-of-type:after {
content: '389';
}
table.table_flag-ranking_td tr:nth-of-type(391) td:first-of-type:after {
content: '390';
}
table.table_flag-ranking_td tr:nth-of-type(392) td:first-of-type:after {
content: '391';
}
table.table_flag-ranking_td tr:nth-of-type(393) td:first-of-type:after {
content: '392';
}
table.table_flag-ranking_td tr:nth-of-type(394) td:first-of-type:after {
content: '393';
}
table.table_flag-ranking_td tr:nth-of-type(395) td:first-of-type:after {
content: '394';
}
table.table_flag-ranking_td tr:nth-of-type(396) td:first-of-type:after {
content: '395';
}
table.table_flag-ranking_td tr:nth-of-type(397) td:first-of-type:after {
content: '396';
}
table.table_flag-ranking_td tr:nth-of-type(398) td:first-of-type:after {
content: '397';
}
table.table_flag-ranking_td tr:nth-of-type(399) td:first-of-type:after {
content: '398';
}
table.table_flag-ranking_td tr:nth-of-type(400) td:first-of-type:after {
content: '399';
}
table.table_flag-ranking_td tr:nth-of-type(401) td:first-of-type:after {
content: '400';
}
table.table_flag-ranking_td tr:nth-of-type(402) td:first-of-type:after {
content: '401';
}
table.table_flag-ranking_td tr:nth-of-type(403) td:first-of-type:after {
content: '402';
}
table.table_flag-ranking_td tr:nth-of-type(404) td:first-of-type:after {
content: '403';
}
table.table_flag-ranking_td tr:nth-of-type(405) td:first-of-type:after {
content: '404';
}
table.table_flag-ranking_td tr:nth-of-type(406) td:first-of-type:after {
content: '405';
}
table.table_flag-ranking_td tr:nth-of-type(407) td:first-of-type:after {
content: '406';
}
table.table_flag-ranking_td tr:nth-of-type(408) td:first-of-type:after {
content: '407';
}
table.table_flag-ranking_td tr:nth-of-type(409) td:first-of-type:after {
content: '408';
}
table.table_flag-ranking_td tr:nth-of-type(410) td:first-of-type:after {
content: '409';
}
table.table_flag-ranking_td tr:nth-of-type(411) td:first-of-type:after {
content: '410';
}
table.table_flag-ranking_td tr:nth-of-type(412) td:first-of-type:after {
content: '411';
}
table.table_flag-ranking_td tr:nth-of-type(413) td:first-of-type:after {
content: '412';
}
table.table_flag-ranking_td tr:nth-of-type(414) td:first-of-type:after {
content: '413';
}
table.table_flag-ranking_td tr:nth-of-type(415) td:first-of-type:after {
content: '414';
}
table.table_flag-ranking_td tr:nth-of-type(416) td:first-of-type:after {
content: '415';
}
table.table_flag-ranking_td tr:nth-of-type(417) td:first-of-type:after {
content: '416';
}
table.table_flag-ranking_td tr:nth-of-type(418) td:first-of-type:after {
content: '417';
}
table.table_flag-ranking_td tr:nth-of-type(419) td:first-of-type:after {
content: '418';
}
table.table_flag-ranking_td tr:nth-of-type(420) td:first-of-type:after {
content: '419';
}
table.table_flag-ranking_td tr:nth-of-type(421) td:first-of-type:after {
content: '420';
}
table.table_flag-ranking_td tr:nth-of-type(422) td:first-of-type:after {
content: '421';
}
table.table_flag-ranking_td tr:nth-of-type(423) td:first-of-type:after {
content: '422';
}
table.table_flag-ranking_td tr:nth-of-type(424) td:first-of-type:after {
content: '423';
}
table.table_flag-ranking_td tr:nth-of-type(425) td:first-of-type:after {
content: '424';
}
table.table_flag-ranking_td tr:nth-of-type(426) td:first-of-type:after {
content: '425';
}
table.table_flag-ranking_td tr:nth-of-type(427) td:first-of-type:after {
content: '426';
}
table.table_flag-ranking_td tr:nth-of-type(428) td:first-of-type:after {
content: '427';
}
table.table_flag-ranking_td tr:nth-of-type(429) td:first-of-type:after {
content: '428';
}
table.table_flag-ranking_td tr:nth-of-type(430) td:first-of-type:after {
content: '429';
}
table.table_flag-ranking_td tr:nth-of-type(431) td:first-of-type:after {
content: '430';
}
table.table_flag-ranking_td tr:nth-of-type(432) td:first-of-type:after {
content: '431';
}
table.table_flag-ranking_td tr:nth-of-type(433) td:first-of-type:after {
content: '432';
}
table.table_flag-ranking_td tr:nth-of-type(434) td:first-of-type:after {
content: '433';
}
table.table_flag-ranking_td tr:nth-of-type(435) td:first-of-type:after {
content: '434';
}
table.table_flag-ranking_td tr:nth-of-type(436) td:first-of-type:after {
content: '435';
}
table.table_flag-ranking_td tr:nth-of-type(437) td:first-of-type:after {
content: '436';
}
table.table_flag-ranking_td tr:nth-of-type(438) td:first-of-type:after {
content: '437';
}
table.table_flag-ranking_td tr:nth-of-type(439) td:first-of-type:after {
content: '438';
}
table.table_flag-ranking_td tr:nth-of-type(440) td:first-of-type:after {
content: '439';
}
table.table_flag-ranking_td tr:nth-of-type(441) td:first-of-type:after {
content: '440';
}
table.table_flag-ranking_td tr:nth-of-type(442) td:first-of-type:after {
content: '441';
}
table.table_flag-ranking_td tr:nth-of-type(443) td:first-of-type:after {
content: '442';
}
table.table_flag-ranking_td tr:nth-of-type(444) td:first-of-type:after {
content: '443';
}
table.table_flag-ranking_td tr:nth-of-type(445) td:first-of-type:after {
content: '444';
}
table.table_flag-ranking_td tr:nth-of-type(446) td:first-of-type:after {
content: '445';
}
table.table_flag-ranking_td tr:nth-of-type(447) td:first-of-type:after {
content: '446';
}
table.table_flag-ranking_td tr:nth-of-type(448) td:first-of-type:after {
content: '447';
}
table.table_flag-ranking_td tr:nth-of-type(449) td:first-of-type:after {
content: '448';
}
table.table_flag-ranking_td tr:nth-of-type(450) td:first-of-type:after {
content: '449';
}
table.table_flag-ranking_td tr:nth-of-type(451) td:first-of-type:after {
content: '450';
}
table.table_flag-ranking_td tr:nth-of-type(452) td:first-of-type:after {
content: '451';
}
table.table_flag-ranking_td tr:nth-of-type(453) td:first-of-type:after {
content: '452';
}
table.table_flag-ranking_td tr:nth-of-type(454) td:first-of-type:after {
content: '453';
}
table.table_flag-ranking_td tr:nth-of-type(455) td:first-of-type:after {
content: '454';
}
table.table_flag-ranking_td tr:nth-of-type(456) td:first-of-type:after {
content: '455';
}
table.table_flag-ranking_td tr:nth-of-type(457) td:first-of-type:after {
content: '456';
}
table.table_flag-ranking_td tr:nth-of-type(458) td:first-of-type:after {
content: '457';
}
table.table_flag-ranking_td tr:nth-of-type(459) td:first-of-type:after {
content: '458';
}
table.table_flag-ranking_td tr:nth-of-type(460) td:first-of-type:after {
content: '459';
}
table.table_flag-ranking_td tr:nth-of-type(461) td:first-of-type:after {
content: '460';
}
table.table_flag-ranking_td tr:nth-of-type(462) td:first-of-type:after {
content: '461';
}
table.table_flag-ranking_td tr:nth-of-type(463) td:first-of-type:after {
content: '462';
}
table.table_flag-ranking_td tr:nth-of-type(464) td:first-of-type:after {
content: '463';
}
table.table_flag-ranking_td tr:nth-of-type(465) td:first-of-type:after {
content: '464';
}
table.table_flag-ranking_td tr:nth-of-type(466) td:first-of-type:after {
content: '465';
}
table.table_flag-ranking_td tr:nth-of-type(467) td:first-of-type:after {
content: '466';
}
table.table_flag-ranking_td tr:nth-of-type(468) td:first-of-type:after {
content: '467';
}
table.table_flag-ranking_td tr:nth-of-type(469) td:first-of-type:after {
content: '468';
}
table.table_flag-ranking_td tr:nth-of-type(470) td:first-of-type:after {
content: '469';
}
table.table_flag-ranking_td tr:nth-of-type(471) td:first-of-type:after {
content: '470';
}
table.table_flag-ranking_td tr:nth-of-type(472) td:first-of-type:after {
content: '471';
}
table.table_flag-ranking_td tr:nth-of-type(473) td:first-of-type:after {
content: '472';
}
table.table_flag-ranking_td tr:nth-of-type(474) td:first-of-type:after {
content: '473';
}
table.table_flag-ranking_td tr:nth-of-type(475) td:first-of-type:after {
content: '474';
}
table.table_flag-ranking_td tr:nth-of-type(476) td:first-of-type:after {
content: '475';
}
table.table_flag-ranking_td tr:nth-of-type(477) td:first-of-type:after {
content: '476';
}
table.table_flag-ranking_td tr:nth-of-type(478) td:first-of-type:after {
content: '477';
}
table.table_flag-ranking_td tr:nth-of-type(479) td:first-of-type:after {
content: '478';
}
table.table_flag-ranking_td tr:nth-of-type(480) td:first-of-type:after {
content: '479';
}
table.table_flag-ranking_td tr:nth-of-type(481) td:first-of-type:after {
content: '480';
}
table.table_flag-ranking_td tr:nth-of-type(482) td:first-of-type:after {
content: '481';
}
table.table_flag-ranking_td tr:nth-of-type(483) td:first-of-type:after {
content: '482';
}
table.table_flag-ranking_td tr:nth-of-type(484) td:first-of-type:after {
content: '483';
}
table.table_flag-ranking_td tr:nth-of-type(485) td:first-of-type:after {
content: '484';
}
table.table_flag-ranking_td tr:nth-of-type(486) td:first-of-type:after {
content: '485';
}
table.table_flag-ranking_td tr:nth-of-type(487) td:first-of-type:after {
content: '486';
}
table.table_flag-ranking_td tr:nth-of-type(488) td:first-of-type:after {
content: '487';
}
table.table_flag-ranking_td tr:nth-of-type(489) td:first-of-type:after {
content: '488';
}
table.table_flag-ranking_td tr:nth-of-type(490) td:first-of-type:after {
content: '489';
}
table.table_flag-ranking_td tr:nth-of-type(491) td:first-of-type:after {
content: '490';
}
table.table_flag-ranking_td tr:nth-of-type(492) td:first-of-type:after {
content: '491';
}
table.table_flag-ranking_td tr:nth-of-type(493) td:first-of-type:after {
content: '492';
}
table.table_flag-ranking_td tr:nth-of-type(494) td:first-of-type:after {
content: '493';
}
table.table_flag-ranking_td tr:nth-of-type(495) td:first-of-type:after {
content: '494';
}
table.table_flag-ranking_td tr:nth-of-type(496) td:first-of-type:after {
content: '495';
}
table.table_flag-ranking_td tr:nth-of-type(497) td:first-of-type:after {
content: '496';
}
table.table_flag-ranking_td tr:nth-of-type(498) td:first-of-type:after {
content: '497';
}
table.table_flag-ranking_td tr:nth-of-type(499) td:first-of-type:after {
content: '498';
}
table.table_flag-ranking_td tr:nth-of-type(500) td:first-of-type:after {
content: '499';
}
table.table_flag-ranking_td tr:nth-of-type(501) td:first-of-type:after {
content: '500';
}
/*------------------------------------------------------------
ランキングをthに出すテーブル
-------------------------------------------------------------*/
table.table_flag-ranking_th th {
position: relative;
}
table.table_flag-ranking_th th:first-of-type:before {
width: 45px;
height: 45px;
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
border: none;
}
table.table_flag-ranking_th tr:nth-of-type(2) th:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420259593.png) no-repeat center / contain;
}
table.table_flag-ranking_th tr:nth-of-type(3) th:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420243193.png) no-repeat center / contain;
}
table.table_flag-ranking_th tr:nth-of-type(4) th:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420251743.png) no-repeat center / contain;
}
table.table_flag-ranking_th tr:not(:first-child):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) th:first-of-type:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1422168873.png) no-repeat center content-box;
}
table.table_flag-ranking_th tr:not(:first-child):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) th:first-of-type:after {
position: absolute;
top: -2px;
left: 5px;
z-index: 2;
color: #fff;
font-size: 15px;
}
table.table_flag-ranking_th tr:nth-of-type(5) th:first-of-type:after {
content: '4';
}
table.table_flag-ranking_th tr:nth-of-type(6) th:first-of-type:after {
content: '5';
}
table.table_flag-ranking_th tr:nth-of-type(7) th:first-of-type:after {
content: '6';
}
table.table_flag-ranking_th tr:nth-of-type(8) th:first-of-type:after {
content: '7';
}
table.table_flag-ranking_th tr:nth-of-type(9) th:first-of-type:after {
content: '8';
}
table.table_flag-ranking_th tr:nth-of-type(10) th:first-of-type:after {
content: '9';
}
table.table_flag-ranking_th tr:nth-of-type(11) th:first-of-type:after {
content: '10';
}
table.table_flag-ranking_th tr:nth-of-type(12) th:first-of-type:after {
content: '11';
}
table.table_flag-ranking_th tr:nth-of-type(13) th:first-of-type:after {
content: '12';
}
table.table_flag-ranking_th tr:nth-of-type(14) th:first-of-type:after {
content: '13';
}
table.table_flag-ranking_th tr:nth-of-type(15) th:first-of-type:after {
content: '14';
}
table.table_flag-ranking_th tr:nth-of-type(16) th:first-of-type:after {
content: '15';
}
table.table_flag-ranking_th tr:nth-of-type(17) th:first-of-type:after {
content: '16';
}
table.table_flag-ranking_th tr:nth-of-type(18) th:first-of-type:after {
content: '17';
}
table.table_flag-ranking_th tr:nth-of-type(19) th:first-of-type:after {
content: '18';
}
table.table_flag-ranking_th tr:nth-of-type(20) th:first-of-type:after {
content: '19';
}
table.table_flag-ranking_th tr:nth-of-type(21) th:first-of-type:after {
content: '20';
}
table.table_flag-ranking_th tr:nth-of-type(22) th:first-of-type:after {
content: '21';
}
table.table_flag-ranking_th tr:nth-of-type(23) th:first-of-type:after {
content: '22';
}
table.table_flag-ranking_th tr:nth-of-type(24) th:first-of-type:after {
content: '23';
}
table.table_flag-ranking_th tr:nth-of-type(25) th:first-of-type:after {
content: '24';
}
table.table_flag-ranking_th tr:nth-of-type(26) th:first-of-type:after {
content: '25';
}
table.table_flag-ranking_th tr:nth-of-type(27) th:first-of-type:after {
content: '26';
}
table.table_flag-ranking_th tr:nth-of-type(28) th:first-of-type:after {
content: '27';
}
table.table_flag-ranking_th tr:nth-of-type(29) th:first-of-type:after {
content: '28';
}
table.table_flag-ranking_th tr:nth-of-type(30) th:first-of-type:after {
content: '29';
}
table.table_flag-ranking_th tr:nth-of-type(31) th:first-of-type:after {
content: '30';
}
table.table_flag-ranking_th tr:nth-of-type(32) th:first-of-type:after {
content: '31';
}
table.table_flag-ranking_th tr:nth-of-type(33) th:first-of-type:after {
content: '32';
}
table.table_flag-ranking_th tr:nth-of-type(34) th:first-of-type:after {
content: '33';
}
table.table_flag-ranking_th tr:nth-of-type(35) th:first-of-type:after {
content: '34';
}
table.table_flag-ranking_th tr:nth-of-type(36) th:first-of-type:after {
content: '35';
}
table.table_flag-ranking_th tr:nth-of-type(37) th:first-of-type:after {
content: '36';
}
table.table_flag-ranking_th tr:nth-of-type(38) th:first-of-type:after {
content: '37';
}
table.table_flag-ranking_th tr:nth-of-type(39) th:first-of-type:after {
content: '38';
}
table.table_flag-ranking_th tr:nth-of-type(40) th:first-of-type:after {
content: '39';
}
table.table_flag-ranking_th tr:nth-of-type(41) th:first-of-type:after {
content: '40';
}
table.table_flag-ranking_th tr:nth-of-type(42) th:first-of-type:after {
content: '41';
}
table.table_flag-ranking_th tr:nth-of-type(43) th:first-of-type:after {
content: '42';
}
table.table_flag-ranking_th tr:nth-of-type(44) th:first-of-type:after {
content: '43';
}
table.table_flag-ranking_th tr:nth-of-type(45) th:first-of-type:after {
content: '44';
}
table.table_flag-ranking_th tr:nth-of-type(46) th:first-of-type:after {
content: '45';
}
table.table_flag-ranking_th tr:nth-of-type(47) th:first-of-type:after {
content: '46';
}
table.table_flag-ranking_th tr:nth-of-type(48) th:first-of-type:after {
content: '47';
}
table.table_flag-ranking_th tr:nth-of-type(49) th:first-of-type:after {
content: '48';
}
table.table_flag-ranking_th tr:nth-of-type(50) th:first-of-type:after {
content: '49';
}
table.table_flag-ranking_th tr:nth-of-type(51) th:first-of-type:after {
content: '50';
}
table.table_flag-ranking_th tr:nth-of-type(52) th:first-of-type:after {
content: '51';
}
table.table_flag-ranking_th tr:nth-of-type(53) th:first-of-type:after {
content: '52';
}
table.table_flag-ranking_th tr:nth-of-type(54) th:first-of-type:after {
content: '53';
}
table.table_flag-ranking_th tr:nth-of-type(55) th:first-of-type:after {
content: '54';
}
table.table_flag-ranking_th tr:nth-of-type(56) th:first-of-type:after {
content: '55';
}
table.table_flag-ranking_th tr:nth-of-type(57) th:first-of-type:after {
content: '56';
}
table.table_flag-ranking_th tr:nth-of-type(58) th:first-of-type:after {
content: '57';
}
table.table_flag-ranking_th tr:nth-of-type(59) th:first-of-type:after {
content: '58';
}
table.table_flag-ranking_th tr:nth-of-type(60) th:first-of-type:after {
content: '59';
}
table.table_flag-ranking_th tr:nth-of-type(61) th:first-of-type:after {
content: '60';
}
table.table_flag-ranking_th tr:nth-of-type(62) th:first-of-type:after {
content: '61';
}
table.table_flag-ranking_th tr:nth-of-type(63) th:first-of-type:after {
content: '62';
}
table.table_flag-ranking_th tr:nth-of-type(64) th:first-of-type:after {
content: '63';
}
table.table_flag-ranking_th tr:nth-of-type(65) th:first-of-type:after {
content: '64';
}
table.table_flag-ranking_th tr:nth-of-type(66) th:first-of-type:after {
content: '65';
}
table.table_flag-ranking_th tr:nth-of-type(67) th:first-of-type:after {
content: '66';
}
table.table_flag-ranking_th tr:nth-of-type(68) th:first-of-type:after {
content: '67';
}
table.table_flag-ranking_th tr:nth-of-type(69) th:first-of-type:after {
content: '68';
}
table.table_flag-ranking_th tr:nth-of-type(70) th:first-of-type:after {
content: '69';
}
table.table_flag-ranking_th tr:nth-of-type(71) th:first-of-type:after {
content: '70';
}
table.table_flag-ranking_th tr:nth-of-type(72) th:first-of-type:after {
content: '71';
}
table.table_flag-ranking_th tr:nth-of-type(73) th:first-of-type:after {
content: '72';
}
table.table_flag-ranking_th tr:nth-of-type(74) th:first-of-type:after {
content: '73';
}
table.table_flag-ranking_th tr:nth-of-type(75) th:first-of-type:after {
content: '74';
}
table.table_flag-ranking_th tr:nth-of-type(76) th:first-of-type:after {
content: '75';
}
table.table_flag-ranking_th tr:nth-of-type(77) th:first-of-type:after {
content: '76';
}
table.table_flag-ranking_th tr:nth-of-type(78) th:first-of-type:after {
content: '77';
}
table.table_flag-ranking_th tr:nth-of-type(79) th:first-of-type:after {
content: '78';
}
table.table_flag-ranking_th tr:nth-of-type(80) th:first-of-type:after {
content: '79';
}
table.table_flag-ranking_th tr:nth-of-type(81) th:first-of-type:after {
content: '80';
}
table.table_flag-ranking_th tr:nth-of-type(82) th:first-of-type:after {
content: '81';
}
table.table_flag-ranking_th tr:nth-of-type(83) th:first-of-type:after {
content: '82';
}
table.table_flag-ranking_th tr:nth-of-type(84) th:first-of-type:after {
content: '83';
}
table.table_flag-ranking_th tr:nth-of-type(85) th:first-of-type:after {
content: '84';
}
table.table_flag-ranking_th tr:nth-of-type(86) th:first-of-type:after {
content: '85';
}
table.table_flag-ranking_th tr:nth-of-type(87) th:first-of-type:after {
content: '86';
}
table.table_flag-ranking_th tr:nth-of-type(88) th:first-of-type:after {
content: '87';
}
table.table_flag-ranking_th tr:nth-of-type(89) th:first-of-type:after {
content: '88';
}
table.table_flag-ranking_th tr:nth-of-type(90) th:first-of-type:after {
content: '89';
}
table.table_flag-ranking_th tr:nth-of-type(91) th:first-of-type:after {
content: '90';
}
table.table_flag-ranking_th tr:nth-of-type(92) th:first-of-type:after {
content: '91';
}
table.table_flag-ranking_th tr:nth-of-type(93) th:first-of-type:after {
content: '92';
}
table.table_flag-ranking_th tr:nth-of-type(94) th:first-of-type:after {
content: '93';
}
table.table_flag-ranking_th tr:nth-of-type(95) th:first-of-type:after {
content: '94';
}
table.table_flag-ranking_th tr:nth-of-type(96) th:first-of-type:after {
content: '95';
}
table.table_flag-ranking_th tr:nth-of-type(97) th:first-of-type:after {
content: '96';
}
table.table_flag-ranking_th tr:nth-of-type(98) th:first-of-type:after {
content: '97';
}
table.table_flag-ranking_th tr:nth-of-type(99) th:first-of-type:after {
content: '98';
}
table.table_flag-ranking_th tr:nth-of-type(100) th:first-of-type:after {
content: '99';
}
table.table_flag-ranking_th tr:nth-of-type(101) th:first-of-type:after {
content: '100';
}
/*------------------------------------------------------------
サイドバー、フッター_タグ
-------------------------------------------------------------*/
ul.tag-list li {
margin-bottom: 0px !important;
margin-top: 0px !important;
width: 48%;
}
ul.tag-list li a {
font-size: 12px;
line-height: 1.3em;
display: table-cell;
height: 35px;
vertical-align: middle;
width: 1%;
border-bottom: 1px solid;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
ul.tag-list li {
width: 32%;
}
}

/*-------------------------------------------------------
kuchikomi-box
-------------------------------------------------------*/
.kuchikomi-box {
margin: 0 auto 33px;
background: #f7f7f7;
border: solid 1px #a1a1a1;
border-radius: 4px;
padding: 10px 5px;
}
.kuchikomi-box_header {
width: 100%;
display: flex;
align-items: center;
}
.kuchikomi-box_img {
float: initial;
width: 78px;
display: flex;
flex-flow: column;
margin-right: 16px;
}
.kuchikomi-box_ttl {
display: flex;
flex-direction: column;
justify-content: center;
}
.kuchikomi-box_ttl_comic {
font-weight: bold;
font-size: 15px;
line-height: 1.4;
display: block;
margin-top: 2px;
margin-bottom: 10px;
}
.kuchikomi-box_ttl_value img {
width: 150px;
}
.kuchikomi-box_txt {
background: #fff;
font-size: 14px;
border: solid 1px #d5d5d5;
margin-top: 10px;
padding: 10px 10px;
text-align: justify;
}
.kuchikomi-box_quote {
font-size: 12px;
text-align: right;
color: #979797;
}
/*-------------------------------------------------------
kuchikomi-box アイコン・タイトル・評価無し
-------------------------------------------------------*/
.kuchikomi-box.kuchikomi-box_simple {
padding: 0 5px 5px;
margin: 0 auto 10px;
}
.kuchikomi-box.kuchikomi-box_simple.kuchikomi-box_last {
margin: 0 auto 33px;
}
/*-------------------------------------------------------
ブックミー 漫画紹介コンテンツ ブラッシュアップ版
-------------------------------------------------------*/
.comic-review {
margin: 0 0 20px;
overflow: hidden;
}
.comic-review__img {
width: 200px;
height: fit-content;
float: left;
margin-right: 20px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.comic-review__img > img {
width: 100%;
display: block;
}
.comic-review__info,
.comic-review__tag {
width: calc(100% - 20px - 200px);
}
.comic-review__info,
.comic-review__tag {
float: left;
}
.comic-review__info {
margin-bottom: 15px;
}
.comic-review__info > dl {
margin-top: 0;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.comic-review__info > dl > dt {
width: 83px;
background: #f5f5f5;
font-size: 13px;
padding: 4px 8px 3px 8px;
border: solid 1px #ECECEC;
box-sizing: border-box;
display: table-cell;
}
.comic-review__info > dl > dd {
font-size: 13px;
margin-left: 10px;
}
.comic-review__tag {
display: flex;
flex-flow: wrap;
}
.comic-review__genre-tag {
width: fit-content;
background: #EDFAFC;
display: inline-block;
color: #10AFCF;
font-size: 14px;
line-height: 1;
margin: 0 3px 5px 0;
padding: 2px 8px;
border: solid 1px #10AFCF;
border-radius: 10px;
}
.comic-review__comment-ttl {
line-height: 1.5;
font-weight: 700;
background: #EDFAFC;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
}
.comic-review__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1337254274.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 2px;
}
.comic-review__comment {
font-size: 12px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.comic-review {
margin: 0 0 20px;
overflow: hidden;
}
.comic-review__img {
width: 102px;
height: fit-content;
float: left;
margin-right: 10px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.comic-review__img > img {
width: 100%;
display: block;
}
.comic-review__info {
width: calc(100% - 10px - 102px);
}
.comic-review__tag,
.comic-review__comment-ttl,
.comic-review__comment {
width:100%;
}
.comic-review__info {
font-size: 14px;
float: right;
margin-bottom: 15px;
}
.comic-review__info > dl {
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.comic-review__info > dl > dt {
width: 83px;
background: #f5f5f5;
font-size: 13px;
margin-right: 10px;
padding: 4 8px 3px 8px;
border: solid 1px #ECECEC;
box-sizing: border-box;
display: table-cell;
}
.comic-review__info > dl > dd {
margin: 0 0 0 10px!important;
}
.comic-review__book-info__genre {
line-height: 1;
float: right;
margin-bottom: 16px;
}
.comic-review__book-info__genre-ttl {
font-size: 14px;
margin-bottom: 6px;
}
.comic-review__genre-tag {
width: fit-content;
background: #EDFAFC;
display: inline-block;
color: #10AFCF;
font-size: 10px;
line-height: 1;
padding: 2px 8px;
border: solid 1px #10AFCF;
border-radius: 10px;
}
.comic-review__comment-ttl {
background: #EDFAFC;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
clear: both;
}
.comic-review__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1337254274.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 4px;
}
.comic-review__comment {
font-size: 12px;
float: left;
}
}

/*-------------------------------------------------------
目次調整
-------------------------------------------------------*/
.mokujiInfo_ac > ul{
position: relative;
z-index: 2;
}
div.mokujiInfo_ac{
padding: 16px 20px 16px;
position: relative;
}
div#mainCenter .post .mokujiInfo_ac ul{
padding:0 0 0px;
display:block;
}
div#mainCenter .post .mokujiInfo_ac ul li{
padding: 0;
font-size: 13px;
margin-bottom: 4px;
}
body .post div.mokujiInfo_ac ul li a{
padding-left: 1em;
text-indent: -1em;
display: inline-block;
line-height: 1.8;
}
div.mokuji_acbtn{
position:relative;
left: 1px;
bottom: 1px;
width: calc(100% - 2px);
text-align: center;
margin:15px 0 0;
box-sizing: border-box;
z-index:3;
cursor: auto;
background: none;
display:block;
}
div.mokuji_acbtn.mokuji_active{
position: relative;
left: 1px;
bottom: 1px;
width: calc(100% - 2px);
text-align: center;
margin:15px 0 0;
box-sizing: border-box;
z-index:3;
cursor: auto;
height: auto;
bottom: 0;
z-index:1;
background: none;
display:block;
}
div.mokuji_acbtn:before{
content: 'もっと見る';
display: inline-block;
font-size: 14px;
color: #fff;
background: #b9b9b9;
visibility: visible;
width: 200px;
position: relative;
line-height: 30px;
height: 30px;
border-radius: 6px;
}
div.mokuji_acbtn.mokuji_active:before{
content: '閉じる';
}
div.mokuji_acbtn:hover{
opacity: 1;
}
}

/*-------------------------------------------------------
ブックミー サイドバーh2調整
-------------------------------------------------------*/
div#mainRight div#sidebar-3 h2 {}
div#mainRight h2 {
font-weight: bold;
font-size: 18px;
position: relative;
margin-bottom: 20px;
line-height: 1.4;
padding-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 0;
}

div#mainRight h2:after {
content: '';
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
box-sizing: border-box;
border-bottom: 4px solid #3E0504;
}

/*-------------------------------------------------------
ブックミー 青枠UI
-------------------------------------------------------*/
.blue-box {
background: #fff;
border: 2px solid #5fcff4;
border-radius: 4px;
margin-bottom: 20px;
padding: 10px;
}
.blue-box ul {
margin: 0!important;
}
.blue-box ul li {
color: #444;
font-size: 14px;
font-weight: 700;
line-height: 2 !important;
padding: 0 !important;
margin: 0 !important;
}

/*-------------------------------------------------------
ブックミー 赤枠UI
-------------------------------------------------------*/
.orange-box {
background: #fff;
border: 2px solid #fccc04;
border-radius: 4px;
margin-bottom: 20px;
padding: 10px;
}
.orange-box ul {
margin: 0!important;
}
.orange-box ul li {
color: #444;
font-size: 14px;
font-weight: 700;
line-height: 2 !important;
padding: 0 !important;
margin: 0 !important;
}

/*-------------------------------------------------------
ブックミー_アコーディオンテスト用
-------------------------------------------------------*/
.hyouka-main-wrap2 .acMenu.achyouka {
margin: 5px 0;
}
.hyouka-main-wrap2 .acMenu.achyouka dt {
border: 1px solid #d6d6d6;
color: #333;
border-radius: 3px;
margin: 0 0 10px;
font-weight: bold;
padding: 8px 35px 8px 10px;
text-align: left;
background: #fff;
cursor: pointer;
font-size: 14px;
display: block;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 0 0 #c7c7c7;
line-height: 1.7;
}
.hyouka-main-wrap2 .acMenu.achyouka dt:before {
content: "";
position: absolute;
border: 0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1417599368.png) no-repeat center / contain;
right: 20px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
}
.hyouka-main-wrap2 .acMenu.achyouka dt:after {
display: block;
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 1px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
.hyouka-main-wrap2 .acMenu.achyouka dd{
line-height: 1.4;
font-size: 14px;
}
.hyouka-main-wrap2 .acMenu.achyouka dt + dd {
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #FFF;
padding: 10px 10px 10px;
margin: -10px 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #444;
box-sizing: border-box;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active {
border: 1px solid #d6d6d6;
background: #fffdf3;
margin: 0 0 0px!important;
box-shadow: none;
border-radius: 3px 3px 0 0;
color: #444;
box-sizing: border-box;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active:before {
content: "";
position: absolute;
border: 0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1418342867.png) no-repeat center / contain;
right: 20px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
opacity: 0.5;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active:after {
display: none;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active + dd {
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
background: #FFF;
padding: 10px;
margin: 0 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #444;
display: block!important;
box-sizing: border-box;
}
.hyouka-main-wrap2 .acMenu dt:after{
display: none;
}
#mainCenter .hyouka-main-wrap2 .acMenu.achyouka dd *:last-child{
margin-bottom: 0;
}
.hyouka-main-wrap2 .acMenu.achyouka dd img{
max-width: 100%;
margin: 10px 0;
display: block;
}
.hyouka-main-wrap2 .acMenu.achyouka dd img:first-child{
margin-top: 0;
}
#mainCenter .hyouka-main-wrap2 .acMenu.achyouka dd *:last-child img{
margin-bottom: 0;
}
/*↓フワッと表示させる*/
.hyouka-main-wrap2 .acMenu.achyouka dt + dd p{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active + dd p{
opacity:1;
transform:scale(1);
}
.hyouka-main-wrap2 .acMenu.achyouka dt + dd img{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active + dd img{
opacity:1;
transform:scale(1);
}
.hyouka-main-wrap2 .acMenu.achyouka dt + dd table{
opacity:0;
transform:scale(1.05);
transition:all 300ms;
}
.hyouka-main-wrap2 .acMenu.achyouka dt.active + dd table{
opacity:1;
transform:scale(1);
}

/*-------------------------------------------------------
ブックミー_h4追加デザイン
-------------------------------------------------------*/
#mainCenter .hyouka-main-wrap .h-normal,
#mainCenter .hyouka-main-wrap .h-kuchikomi {
position: relative;
margin: 40px 0 18px;
color: #565D60;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F2F2F2;
font-weight: bold;
line-height: 1.4;
box-sizing: border-box;
}
#mainCenter .hyouka-main-wrap .h-normal:before,
#mainCenter .hyouka-main-wrap .h-kuchikomi:before {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
#mainCenter .hyouka-main-wrap .h-normal:before {
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1426146933.png") no-repeat center / 22px;
}
#mainCenter .hyouka-main-wrap .h-kuchikomi:before {
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1426269316.png") no-repeat center / 22px;
}
#mainCenter .hyouka-main-wrap .h-normal:after,
#mainCenter .hyouka-main-wrap .h-kuchikomi:after {
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #fa89ac;
background: -moz-linear-gradient(315deg, #999999 0%, #999999 50%, #8C8C8C 50%, #8C8C8C 100%);
background: -webkit-linear-gradient(315deg, #999999 0%, #999999 50%, #8C8C8C 50%, #8C8C8C 100%);
background: linear-gradient(135deg, #999999 0%, #999999 50%, #8C8C8C 50%, #8C8C8C 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
#mainCenter .h-normal.h-pink, #mainCenter .h-kuchikomi.h-pink {
background: #f9e7ed;
color: #fa89ac;
}
#mainCenter .h-normal.h-pink:after, #mainCenter .h-kuchikomi.h-pink:after {
content: "";
background: linear-gradient(135deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#mainCenter .hyouka-main-wrap .h-normal,
#mainCenter .hyouka-main-wrap .h-kuchikomi {
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
#mainCenter .hyouka-main-wrap .h-normal:before,
#mainCenter .hyouka-main-wrap .h-kuchikomi:before {
width: 36px;
height: 36px;
}
#mainCenter .hyouka-main-wrap .h-normal:before{
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1426146933.png") no-repeat center / 20px;
}
#mainCenter .hyouka-main-wrap .h-kuchikomi:before{
background: url("https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1426269316.png") no-repeat center / 20px;
}
#mainCenter .hyouka-main-wrap .h-normal:after,
#mainCenter .hyouka-main-wrap .h-kuchikomi:after {
width: 36px;
height: 36px;
}
}

/*-------------------------------------------------------
ブックミー_アコーディオン内余白調整
-------------------------------------------------------*/
#mainCenter .hyouka-main-wrap .acMenu.achyouka dd *:not(:last-child) {
margin-bottom: 20px;
}

/*-----------------------------------------------------
もっと見るボックス
-------------------------------------------------------*/
.mottomiru_box{
transition: all 0.6s;
overflow: hidden;
height: 400px;
/*padding-top:40px;*/
position: relative;
margin-bottom: 40px;
}
.mottomiru_box.motto_open{
height: 100%!important;
transition: all 0.6s;
overflow: auto;
margin-bottom: 10px;
}
.motomiru_bt{
text-align: center;
position: absolute;
width: 100%;
height: 150px;
padding-top: 100px;
box-sizing: border-box;
bottom:0;
z-index:2;
background: #fff;
background: -moz-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: -webkit-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: linear-gradient(to bottom, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
}
.motomiru_bt div.mottotxt_bt{
padding: 0;
display: block;
border-radius: 5px;
margin: auto;
background:#fff;
color: #333;
border:1px solid #333;
font-weight: normal;
cursor: pointer;
width: 40%;
border-radius: 6px;
height: 40px;
line-height: 40px;
}
.motomiru_bt div.mottotxt_bt div{
position: relative;
font-size: 16px;
}
.motomiru_bt div.mottotxt_bt div:after{
content: '＋';
background: #ff7192;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
position: absolute;
right: 12px;
bottom: 0;
top: 0;
margin: auto;
color: #fff;
font-size: 14px;
}
.mottomiru_box.motto_open .motomiru_bt{
display: none;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank:before{
left: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.motomiru_bt div.mottotxt_bt{
width: 60%;
}
.motomiru_bt div.mottotxt_bt div{
font-size: 15px;
}
.mottomiru_box{
height: 300px;
margin-bottom:40px;
margin-top:0px;
padding-top:20px;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank div h2{
padding-top:50px;
margin-top:-50px;
}
.motomiru_bt div.mottotxt_bt div:after{
line-height: 22px;
}
}
/*-------------------------------------------------------
ブックミー_漫画紹介テーブル調整
-------------------------------------------------------*/
.tableLine.book-table {
margin-bottom: 0!important;
}
.tableLine.book-table .even .book-table__th,
.tableLine.book-table .odd .book-table__th {
width: 20%;
padding: 0px!important;
text-align: center!important;
}
.tableLine.book-table .even .book-table__td,
.tableLine.book-table .odd .book-table__td {
padding: 0 0 0 5px!important;
text-align: left!important;
}
/*-------------------------------------------------------
ブックミー_赤いジャンプリンク
-------------------------------------------------------*/
div.jumplink-button_red {
position: relative;
}

div.jumplink-button_red a {
color: #dc143c;
text-decoration: none;
font-weight: bold;
display: block;
margin-bottom: 20px;
padding: 4px 0;
border-radius: 21px;
border: 1px solid #dc143c;
box-shadow: 0px 2px #b50125;
text-align: center;
}

div.jumplink-button_red a:after {
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
}

div.jumplink-button_red.arrow_up a:after {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1431161638.png) no-repeat center / contain;
}

div.jumplink-button_red.arrow_down a:after {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1431170237.png) no-repeat center / contain;
}


/*-------------------------------------------------------
目次へ戻るボタン
-------------------------------------------------------*/
#return-mokuzi{
z-index: 100;
position: fixed;
right: 10px;
bottom: 50px;
font-size: 16px;
line-height: 52px;
padding: 0 20px;
border-radius: 10px;
box-shadow:0 2px 0 0 #00000033;
background: #2189D8BF;
color: #fff;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#return-mokuzi{
font-size: 11px;
line-height: 38px;
padding: 0 13px;
text-decoration: none;
}
}

/*-------------------------------------------------------
TOPスライダー
-------------------------------------------------------*/
.top-fv-slider{
margin-bottom: 50px;
position: relative;
}
.top-fv-slider .slick-list{
background: #542700;
}
.top-fv-slider-cont{
width: 970px;
height: 310px;
margin: 5px;
box-shadow: 0 0 0 5px #fccc04;
opacity: 0.6;
}
.slick-center{
opacity: 1;
}
.top-fv-slider-cont a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width: 100%;
height: 100%;
}
.top-fv-slider-cont .img-wrap{
width: 50%;
overflow: hidden;
}
.top-fv-slider-cont .img-wrap img,.top-fv-slider-cont .text-wrap *{
will-change: transform;
transition: all 0.2s;
}
.top-fv-slider-cont a:hover .img-wrap img,.top-fv-slider-cont a:hover .text-wrap *{
transform: scale(1.05);
}
.top-fv-slider-cont .img-wrap img{
width: 100%;
height: 100%;
object-fit: cover;
}
.top-fv-slider-cont .text-wrap{
width: 50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 30px;
box-sizing: border-box;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1432125498.png) no-repeat left top / 200px ,url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1432550316.png) no-repeat right bottom / 200px #fff;
}
.top-fv-slider-cont .text-wrap .tag{
background: #619EAB;
color: #fff;
border-radius: 50px;
line-height: 34px;
padding: 0 30px;
font-size: 16px;
margin-bottom: 10px;
}
.top-fv-slider-cont .text-wrap .title{
color: #162763;
font-weight: bold;
font-size: 24px;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 6px;
}
.top-fv-slider-cont .text-wrap .text{
color: #444444;
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
.top-fv-slider-cont .text-wrap .date{
margin-left: auto;
color: #444444;
font-size: 16px;
}
.top-fv-slider-in .slick-dots li button:before{
font-size: 12px;
opacity: 1;
width: auto;
color: #BBBBBB;
position: static;
}
.top-fv-slider-in .slick-dots li.slick-active button:before{
color: #F27508;
}
.top-fv-slider-in .slick-dots li button{
padding: 0;
touch-action: manipulation;
}
.top-fv-slider-in .slick-dots li{
margin: 0 2px;
}
.top-fv-slider-in .slick-dots{
bottom: -34px;
}
.top-fv-slider .slider-arrow{
width: 60px;
height: 60px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
.top-fv-slider .slider-arrow.slider-prev{
left: 50%;
margin-left: -520px;
background:url(https://img.altema.jp/yugiohcard/uploads/2025/07/2025y07m07d_1220034695.png) no-repeat center / 16px rgba(0,0,0,.75);
}
.top-fv-slider .slider-arrow.slider-next{
right: 50%;
margin-right: -520px;
background:url(https://img.altema.jp/yugiohcard/uploads/2025/07/2025y07m07d_1219573569.png) no-repeat center / 16px rgba(0,0,0,.75);
}
.top-fv-slider .slider-arrow:before{
display: none;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.top-fv-slider-in{
padding: 0 38px;
}
.top-fv-slider-cont{
width: 100%;
height: auto;
margin: 3px;
box-shadow: 0 0 0 3px #fccc04;
opacity: 1;
}
.top-fv-slider-cont a{
display:block;
}
.top-fv-slider-cont .img-wrap{
width: 100%;
}
.top-fv-slider-cont .img-wrap img{
height:auto;
}
.top-fv-slider-cont .text-wrap{
width: 100%;
display: block;
padding: 12px;
background: #fff;
}
.top-fv-slider-in .slick-dots{
right: 0;
}
.top-fv-slider .slick-list{
background: #fff;
}
.top-fv-slider-cont .text-wrap .tag,.top-fv-slider-cont .text-wrap .text,.top-fv-slider-cont .text-wrap .date{
display: none;
}
#main-contents .top-fv-slider-cont .text-wrap .title{
font-size: 18px;
-webkit-line-clamp: 3;
margin: 0;
}
.top-fv-slider-in .slick-dots li button:before{
font-size: 10px;
}
#main-contents .top-fv-slider-in .slick-dots li{
margin: 0 2px;
}
.top-fv-slider-in .slick-dots{
bottom: -28px;
}
.top-fv-slider{
margin-bottom: 40px;
margin-top: 16px;
}
.top-fv-slider .slider-arrow{
width: 30px;
}
.top-fv-slider .slider-arrow.slider-prev{
margin-left: 0;
left: 0;
background:url(https://img.altema.jp/yugiohcard/uploads/2025/07/2025y07m07d_1220034695.png) no-repeat center / 10px rgba(0,0,0,.75);
}
.top-fv-slider .slider-arrow.slider-next{
margin-right: 0;
right: 0;
background:url(https://img.altema.jp/yugiohcard/uploads/2025/07/2025y07m07d_1219573569.png) no-repeat center / 10px rgba(0,0,0,.75);
}
.top-fv-slider .slick-track{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
}

/*-------------------------------------------------------
見出し帯ランキング調整
-------------------------------------------------------*/
.ranking__wrap {
position: relative;
}
.ranking__wrap:before {
position: absolute;
content: '';
top: -5px;
left: 10px;
border-bottom: solid 8px #555;
border-left: solid 6px transparent;
}
.ranking__contents {
background: repeating-linear-gradient(314deg, #5b87d7, #5b87d7 6px, #628edd 6px, #628edd 16px);
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
width: auto;
margin-bottom: 20px;
padding: 10px 10px 10px 0;
border: 0;
box-sizing: border-box;
}
body #mainCenter h3.ranking__ttl {
background: none;
margin: 0;
padding: 0 0 0 62px;
color: #FFF;
line-height: normal;
border: 0!important;
position: relative;
font-weight: bold;
font-size: 20px;
}
body #mainCenter h3.ranking__ttl:before, body #mainCenter h2.ranking__ttl:before {
content: '';
position: absolute;
top: -15px;
left: 15px;
/*font-size: 24px;*/
font-size: 16px;
font-weight: bold;
color: #FFF;
z-index: 3;
bottom: auto;
margin: 0;
width: 32px;
height: 38px;
line-height: 43px;
text-align: center;
background: #777;
border-radius: 3px 3px 0 0;
}
body #mainCenter h3.ranking__ttl:after, body #mainCenter h2.ranking__ttl:after{
content: '';
position: absolute;
display: block;
left: 15px;
top: 22px;
height: 0;
width: 0;
border-left: 16px solid #777;
border-right: 16px solid #777;
border-bottom: 10px solid transparent;
z-index: 2;
background: initial;
}
body #mainCenter .ranking__wrap.no-1 h3.ranking__ttl:after, body #mainCenter .ranking__wrap .no-1 h2.ranking__ttl:after {
border-color: #c2c2c2;
border-bottom-color: transparent;
}
.ranking__ttl-sub-text {
display: block;
font-size: 14px;
line-height: normal;
color: #e1f1ff;
margin: 1px 0 0 0;
font-weight: normal;
padding: 0;
}
.ranking__ttl-text-no {
display: none;
}
/*1*/
.ranking__wrap.no-1:before {
border-bottom: solid 8px #927b35;
}
body #mainCenter .ranking__wrap.no-1 h3.ranking__ttl:before, body #mainCenter .ranking__wrap.no-1 h2.ranking__ttl:before {
content: '1';
background: #dbbd4f;
}
body #mainCenter .ranking__wrap.no-1 h3.ranking__ttl:after, body #mainCenter .ranking__wrap.no-1 h2.ranking__ttl:after {
border-color: #dbbd4f;
border-bottom-color: transparent;
}
/*2*/
.ranking__wrap.no-2:before {
border-bottom: solid 8px #9f9f9f;
}
body #mainCenter .ranking__wrap.no-2 h3.ranking__ttl:before, body #mainCenter .ranking__wrap.no-2 h2.ranking__ttl:before {
content: '2';
background: #c2c2c2;
}
body #mainCenter .ranking__wrap.no-2 h3.ranking__ttl:after, body #mainCenter .ranking__wrap.no-2 h2.ranking__ttl:after {
border-color: #c2c2c2;
border-bottom-color: transparent;
}
/*3*/
.ranking__wrap.no-3:before {
border-bottom: solid 8px #584e49;
}
body #mainCenter .ranking__wrap.no-3 h3.ranking__ttl:before, body #mainCenter .ranking__wrap.no-3 h2.ranking__ttl:before {
content: '3';
background: #9a6345;
}
body #mainCenter .ranking__wrap.no-3 h3.ranking__ttl:after, body #mainCenter .ranking__wrap.no-3 h2.ranking__ttl:after {
border-color: #9a6345;
border-bottom-color: transparent;
}
/*4~100*/
body #mainCenter .ranking__wrap.no-4 .ranking__ttl:before{content:'4'}body #mainCenter .ranking__wrap.no-5 .ranking__ttl:before{content:'5'}body #mainCenter .ranking__wrap.no-6 .ranking__ttl:before{content:'6'}body #mainCenter .ranking__wrap.no-7 .ranking__ttl:before{content:'7'}body #mainCenter .ranking__wrap.no-8 .ranking__ttl:before{content:'8'}body #mainCenter .ranking__wrap.no-9 .ranking__ttl:before{content:'9'}body #mainCenter .ranking__wrap.no-10 .ranking__ttl:before{content:'10'}body #mainCenter .ranking__wrap.no-11 .ranking__ttl:before{content:'11'}body #mainCenter .ranking__wrap.no-12 .ranking__ttl:before{content:'12'}body #mainCenter .ranking__wrap.no-13 .ranking__ttl:before{content:'13'}body #mainCenter .ranking__wrap.no-14 .ranking__ttl:before{content:'14'}body #mainCenter .ranking__wrap.no-15 .ranking__ttl:before{content:'15'}body #mainCenter .ranking__wrap.no-16 .ranking__ttl:before{content:'16'}body #mainCenter .ranking__wrap.no-17 .ranking__ttl:before{content:'17'}body #mainCenter .ranking__wrap.no-18 .ranking__ttl:before{content:'18'}body #mainCenter .ranking__wrap.no-19 .ranking__ttl:before{content:'19'}body #mainCenter .ranking__wrap.no-20 .ranking__ttl:before{content:'20'}body #mainCenter .ranking__wrap.no-21 .ranking__ttl:before{content:'21'}body #mainCenter .ranking__wrap.no-22 .ranking__ttl:before{content:'22'}body #mainCenter .ranking__wrap.no-23 .ranking__ttl:before{content:'23'}body #mainCenter .ranking__wrap.no-24 .ranking__ttl:before{content:'24'}body #mainCenter .ranking__wrap.no-25 .ranking__ttl:before{content:'25'}body #mainCenter .ranking__wrap.no-26 .ranking__ttl:before{content:'26'}body #mainCenter .ranking__wrap.no-27 .ranking__ttl:before{content:'27'}body #mainCenter .ranking__wrap.no-28 .ranking__ttl:before{content:'28'}body #mainCenter .ranking__wrap.no-29 .ranking__ttl:before{content:'29'}body #mainCenter .ranking__wrap.no-30 .ranking__ttl:before{content:'30'}body #mainCenter .ranking__wrap.no-31 .ranking__ttl:before{content:'31'}body #mainCenter .ranking__wrap.no-32 .ranking__ttl:before{content:'32'}body #mainCenter .ranking__wrap.no-33 .ranking__ttl:before{content:'33'}body #mainCenter .ranking__wrap.no-34 .ranking__ttl:before{content:'34'}body #mainCenter .ranking__wrap.no-35 .ranking__ttl:before{content:'35'}body #mainCenter .ranking__wrap.no-36 .ranking__ttl:before{content:'36'}body #mainCenter .ranking__wrap.no-37 .ranking__ttl:before{content:'37'}body #mainCenter .ranking__wrap.no-38 .ranking__ttl:before{content:'38'}body #mainCenter .ranking__wrap.no-39 .ranking__ttl:before{content:'39'}body #mainCenter .ranking__wrap.no-40 .ranking__ttl:before{content:'40'}body #mainCenter .ranking__wrap.no-41 .ranking__ttl:before{content:'41'}body #mainCenter .ranking__wrap.no-42 .ranking__ttl:before{content:'42'}body #mainCenter .ranking__wrap.no-43 .ranking__ttl:before{content:'43'}body #mainCenter .ranking__wrap.no-44 .ranking__ttl:before{content:'44'}body #mainCenter .ranking__wrap.no-45 .ranking__ttl:before{content:'45'}body #mainCenter .ranking__wrap.no-46 .ranking__ttl:before{content:'46'}body #mainCenter .ranking__wrap.no-47 .ranking__ttl:before{content:'47'}body #mainCenter .ranking__wrap.no-48 .ranking__ttl:before{content:'48'}body #mainCenter .ranking__wrap.no-49 .ranking__ttl:before{content:'49'}body #mainCenter .ranking__wrap.no-50 .ranking__ttl:before{content:'50'}body #mainCenter .ranking__wrap.no-51 .ranking__ttl:before{content:'51'}body #mainCenter .ranking__wrap.no-52 .ranking__ttl:before{content:'52'}body #mainCenter .ranking__wrap.no-53 .ranking__ttl:before{content:'53'}body #mainCenter .ranking__wrap.no-54 .ranking__ttl:before{content:'54'}body #mainCenter .ranking__wrap.no-55 .ranking__ttl:before{content:'55'}body #mainCenter .ranking__wrap.no-56 .ranking__ttl:before{content:'56'}body #mainCenter .ranking__wrap.no-57 .ranking__ttl:before{content:'57'}body #mainCenter .ranking__wrap.no-58 .ranking__ttl:before{content:'58'}body #mainCenter .ranking__wrap.no-59 .ranking__ttl:before{content:'59'}body #mainCenter .ranking__wrap.no-60 .ranking__ttl:before{content:'60'}body #mainCenter .ranking__wrap.no-61 .ranking__ttl:before{content:'61'}body #mainCenter .ranking__wrap.no-62 .ranking__ttl:before{content:'66'}body #mainCenter .ranking__wrap.no-63 .ranking__ttl:before{content:'63'}body #mainCenter .ranking__wrap.no-64 .ranking__ttl:before{content:'64'}body #mainCenter .ranking__wrap.no-665 .ranking__ttl:before{content:'65'}body #mainCenter .ranking__wrap.no-66 .ranking__ttl:before{content:'66'}body #mainCenter .ranking__wrap.no-67 .ranking__ttl:before{content:'67'}body #mainCenter .ranking__wrap.no-68 .ranking__ttl:before{content:'68'}body #mainCenter .ranking__wrap.no-69 .ranking__ttl:before{content:'69'}body #mainCenter .ranking__wrap.no-70 .ranking__ttl:before{content:'70'}body #mainCenter .ranking__wrap.no-71 .ranking__ttl:before{content:'71'}body #mainCenter .ranking__wrap.no-72 .ranking__ttl:before{content:'72'}body #mainCenter .ranking__wrap.no-73 .ranking__ttl:before{content:'77'}body #mainCenter .ranking__wrap.no-74 .ranking__ttl:before{content:'74'}body #mainCenter .ranking__wrap.no-75 .ranking__ttl:before{content:'75'}body #mainCenter .ranking__wrap.no-76 .ranking__ttl:before{content:'76'}body #mainCenter .ranking__wrap.no-77 .ranking__ttl:before{content:'77'}body #mainCenter .ranking__wrap.no-78 .ranking__ttl:before{content:'78'}body #mainCenter .ranking__wrap.no-79 .ranking__ttl:before{content:'79'}body #mainCenter .ranking__wrap.no-80 .ranking__ttl:before{content:'80'}body #mainCenter .ranking__wrap.no-81 .ranking__ttl:before{content:'81'}body #mainCenter .ranking__wrap.no-82 .ranking__ttl:before{content:'82'}body #mainCenter .ranking__wrap.no-83 .ranking__ttl:before{content:'83'}body #mainCenter .ranking__wrap.no-84 .ranking__ttl:before{content:'84'}body #mainCenter .ranking__wrap.no-85 .ranking__ttl:before{content:'85'}body #mainCenter .ranking__wrap.no-86 .ranking__ttl:before{content:'86'}body #mainCenter .ranking__wrap.no-87 .ranking__ttl:before{content:'87'}body #mainCenter .ranking__wrap.no-88 .ranking__ttl:before{content:'88'}body #mainCenter .ranking__wrap.no-89 .ranking__ttl:before{content:'89'}body #mainCenter .ranking__wrap.no-90 .ranking__ttl:before{content:'90'}body #mainCenter .ranking__wrap.no-91 .ranking__ttl:before{content:'91'}body #mainCenter .ranking__wrap.no-92 .ranking__ttl:before{content:'92'}body #mainCenter .ranking__wrap.no-93 .ranking__ttl:before{content:'93'}body #mainCenter .ranking__wrap.no-94 .ranking__ttl:before{content:'94'}body #mainCenter .ranking__wrap.no-95 .ranking__ttl:before{content:'95'}body #mainCenter .ranking__wrap.no-96 .ranking__ttl:before{content:'96'}body #mainCenter .ranking__wrap.no-97 .ranking__ttl:before{content:'97'}body #mainCenter .ranking__wrap.no-98 .ranking__ttl:before{content:'98'}body #mainCenter .ranking__wrap.no-99 .ranking__ttl:before{content:'99'}body #mainCenter .ranking__wrap.no-100 .ranking__ttl:before{content:'100';font-size:13px}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.ranking__wrap {
margin-bottom: 0;
width: 100%;
}
.ranking__wrap:before {
top: -5px;
left: 6px;
}
.ranking__contents {
width: 100%;
margin: 0px;
margin-bottom: 20px;
}
body #mainCenter h3.ranking__ttl {
font-size: 18px!important;
margin-left: 0!important;
margin-bottom: 0!important;
padding: 0 0 0 50px!important;
}
body #mainCenter h3.ranking__ttl:before, body #mainCenter h2.ranking__ttl:before  {
width: 30px!important;
height: 36px!important;
line-height: 41px;
left: 11px!important;
}
body #mainCenter h3.ranking__ttl:after, body #mainCenter h2.ranking__ttl:after {
border-left: 15px solid #777;
border-right: 15px solid #777;
border-bottom: 8px solid transparent;
left: 11px;
top: 20px;
}
.ranking__ttl-sub-text {
display: block;
font-size: 14px;
line-height: normal;
color: #e1f1ff;
margin: 1px 0 0 0;
font-weight: normal;
padding: 0;
}
}

/*------------------------------------------------------------
追従ナビ
-------------------------------------------------------------*/
.tuizyuu-nav{
display: none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.tuizyuu-nav{
position: fixed;
bottom: 0;
z-index: 100;
animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease 0s 1 normal;
opacity: 1;
width: 100%;
}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.tuizyuu-nav ul{
display: flex;
justify-content: center;
align-items: center;
}
.tuizyuu-nav li{
display: block;
width: calc(100% / 3);
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.tuizyuu-nav li a{
width: 100%;
height: 60px;
line-height: 88px;
color: #F7F7F7;
font-size: 14px;
background: #2189D8BF;
font-size: 11px;
text-align: center;
position: relative;
display: block;
box-sizing: border-box;
border-left: 1px solid #FFFFFF99;
border-right: 1px solid #00000066;
}
.tuizyuu-nav li:first-of-type a{
border-left: 0;
}
.tuizyuu-nav li:last-of-type a{
border-right: 0;
}
.tuizyuu-nav li a:before{
content: "";
width: 24px;
height: 24px;
right: 0;
left: 0;
top: 10px;
margin: auto;
position: absolute;
display: block;
line-height: normal;
text-align: center;
z-index: 1;
}
.tuizyuu-nav li a.tuizyuu-nav-rank:after{
content:"NEW";
top:5px;
right:50%;
margin-right: -40px;
background:#D6B300;
width: 38px;
height: 20px;
line-height:22px;
font-size:10px;
border-radius:10px;
position:absolute;
display:block;
text-align:center;
opacity:.8;
animation:flash 2s linear infinite;
z-index: 2;
}
@keyframes flash{0%,100%{opacity:1}50%{opacity:.4}}
.tuizyuu-nav li a.tuizyuu-nav-home:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1444283399.png) no-repeat center / contain;
}
.tuizyuu-nav li a.tuizyuu-nav-rank:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1444291442.png) no-repeat center / contain;
}
.tuizyuu-nav li a.tuizyuu-nav-mokuzi:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1444300854.png) no-repeat center / contain;
}
}

/*------------------------------------------------------------
目次モーダル
-------------------------------------------------------------*/
.mokuji-modal{
display: none;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.mokuji-modal{
background: rgba(0,0,0,0.6);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
overflow: scroll;
}
.mokuji-modal .mokuzi-contents{
position: relative;
padding: 67px 20px 20px;
margin: 10px;
background: #fff;
box-sizing: border-box;
border-radius: 10px;
}
.mokuji-modal .modal-off-btn{
display: block;
font-size: 12px;
line-height: 24px;
background: #E2E2E2;
position: absolute;
color: #444444;
width: 74px;
height: 36px;
line-height: 36px;
text-align: center;
position: absolute;
right: 20px;
top: 20px;
border-radius: 6px;
}
.mokuji-modal .modal-off-btn .batu-icon{
box-sizing: border-box;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 3px;
position: relative;
vertical-align: middle;
bottom: 1px;
}
.mokuji-modal .modal-off-btn .batu-icon::before,.mokuji-modal .modal-off-btn .batu-icon::after{
content: "";
display: block;
width: 2px;
height: 12px;
background: #444;
position: absolute;
top: 50%;
left: 50%;
}
.mokuji-modal .modal-off-btn .batu-icon::before{
transform: translate(-50%,-50%) rotate(45deg);
}
.mokuji-modal .modal-off-btn .batu-icon::after{
transform: translate(-50%,-50%) rotate(-45deg);
}
.mokuji-modal .mokuzi-list li{
line-height: 1;
margin-bottom: 8px;
}
.mokuji-modal .mokuzi-list li:last-of-type{
margin-bottom: 0;
}
.mokuji-modal .mokuzi-list li a{
text-indent: -1em;
padding-left: 1em;
display: inline-block;
font-size: 13px;
line-height: 1.6;
}
}

/*------------------------------------------------------------
ピンクボタン【hyouka-main-wrap無し】
-------------------------------------------------------------*/
a.generalPurposeBtn {
width: 100%;
display: block;
text-align: center;
margin: 20px 0 0;
line-height: 46px;
padding: 0;
background: #ff4568;
color: #FFF;
font-size: 18px;
border-radius: 6px;
border: 2px solid #000;
position: relative;
font-weight: bold;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none !important;
}
a.generalPurposeBtn:before {
content: '';
display: block;
width: 26px;
height: 26px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1415013588.png) no-repeat center / contain;
position: absolute;
right: 40px;
top: 0;
bottom: 0;
margin: auto;
}
a.generalPurposeBtn:hover {
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
a.generalPurposeBtn {
font-size: 14px;
padding: 0 38px;
line-height: 34px;
}
a.generalPurposeBtn:before {
width: 18px;
right: 16px;
}
}

/*------------------------------------------------------------
チェックマークありテキストボックス【hyouka-main-wrap無し】
-------------------------------------------------------------*/
.textBox__chekIcon {
margin: 30px 4px 20px;
box-shadow: 0 0 0 4px #f8b500;
position: relative;
padding: 30px 20px 25px;
border-radius: 10px;
}
.textBox__chekIcon--ttl {
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
span.textBox__chekIcon--ttlTxt {
background: #fff;
color: #f8b500;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
font-weight: bold;
}
.textBox__chekIcon ul {
margin: 0 !important;
}
.textBox__chekIcon li {
position: relative !important;
padding: 0 0 0 30px !important;
margin: 0 0 15px 0 !important;
font-size: 14px !important;
font-weight: bold;
line-height: 1.7 !important;
}
.textBox__chekIcon li:before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_141546728.png) no-repeat center / contain;
border: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius: 50px;
}
.textBox__chekIcon li:last-of-type {
margin: 0 !important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.textBox__chekIcon {
margin: 30px 3px 20px;
box-shadow: 0 0 0 3px #f8b500;
padding: 25px 10px 20px;
}
span.textBox__chekIcon--ttlTxt {
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
.textBox__chekIcon li {
padding: 0 0 0 25px !important;
margin: 0 0 10px 0 !important;
}
}

/*------------------------------------------------------------
簡単にテキストリンク置く用テキストボックス
-------------------------------------------------------------*/
#mainCenter ul.simpleTextLink-box {
background-color: #f0f9ff;
border: 1px solid #c6e7ff;
border-radius: 5px;
padding: 10px 10px 10px;
margin-bottom: 40px;
}
#mainCenter ul.simpleTextLink-box li {
font-size: 12px;
display: block;
background-color: #f0f9ff;
padding: 10px 0 !important;
margin: 0 auto !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#mainCenter ul.simpleTextLink-box {
padding: 0px 10px;
}
#mainCenter ul.simpleTextLink-box li {
line-height: 1.5em !important;
}
}

/*-------------------------------------------------------
202205019_新テーブル列幅調整用
-------------------------------------------------------*/
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(1) {
padding: 0.5em 0.5em;
}
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(2) {
padding: 0.5em 6.5em;
}
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(3) {
padding: 0.5em 0.5em;
}
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(4) {
padding: 0.5em 0.5em;
}
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(5) {
padding: 0.5em 0.5em;
}
#mainCenter .tableLine.table-scroll-fix.bookme-table > tbody > tr:first-child > th:nth-child(6) {
padding: 0.5em 0.5em;
}


/*------------------------------------------------------------
10ずつ表示table
-------------------------------------------------------------*/
.table-each10{
position: relative;
margin-bottom: 20px;
}
.table-each10-check{
display: none;
}
.table-each10 table tr:nth-of-type(12) ~ tr{
display: none;
}
.table-each10-lable{
display: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
background: rgb(255,255,255);
background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,1));
text-align: center;
height: 150px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}
.table-each10-lable span{
width: 40%;
background-color: #aaa;
border-radius: 6px;
height: 38px;
line-height: 38px;
color: #fff;
cursor: pointer;
text-align: center;
display: inline-block;
}
.table-each10-lable#table-each10-lable1{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check1:checked + .table-each10-lable#table-each10-lable1{
display: none;
}
#table-each10-check1:checked ~ .table-each10-lable#table-each10-lable2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check1:checked ~ .table-each10-cont table tr:nth-of-type(12) ~ tr{
display: table-row;
}
#table-each10-check1:checked ~ .table-each10-cont table tr:nth-of-type(22) ~ tr{
display: none;
}
#table-each10-check2:checked + .table-each10-lable#table-each10-lable2{
display: none;
}
#table-each10-check2:checked ~ .table-each10-lable#table-each10-lable3{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check2:checked ~ .table-each10-cont table tr:nth-of-type(22) ~ tr{
display: table-row;
}
#table-each10-check2:checked ~ .table-each10-cont table tr:nth-of-type(32) ~ tr{
display: none;
}
#table-each10-check3:checked + .table-each10-lable#table-each10-lable3{
display: none;
}
#table-each10-check3:checked ~ .table-each10-lable#table-each10-lable4{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check3:checked ~ .table-each10-cont table tr:nth-of-type(32) ~ tr{
display: table-row;
}
#table-each10-check3:checked ~ .table-each10-cont table tr:nth-of-type(42) ~ tr{
display: none;
}
#table-each10-check4:checked + .table-each10-lable#table-each10-lable4{
display: none;
}
#table-each10-check4:checked ~ .table-each10-lable#table-each10-lable5{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check4:checked ~ .table-each10-cont table tr:nth-of-type(42) ~ tr{
display: table-row;
}
#table-each10-check4:checked ~ .table-each10-cont table tr:nth-of-type(52) ~ tr{
display: none;
}
#table-each10-check5:checked + .table-each10-lable#table-each10-lable5{
display: none;
}
#table-each10-check5:checked ~ .table-each10-lable#table-each10-lable6{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check5:checked ~ .table-each10-cont table tr:nth-of-type(52) ~ tr{
display: table-row;
}
#table-each10-check5:checked ~ .table-each10-cont table tr:nth-of-type(62) ~ tr{
display: none;
}
#table-each10-check6:checked + .table-each10-lable#table-each10-lable6{
display: none;
}
#table-each10-check6:checked ~ .table-each10-lable#table-each10-lable7{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check6:checked ~ .table-each10-cont table tr:nth-of-type(62) ~ tr{
display: table-row;
}
#table-each10-check6:checked ~ .table-each10-cont table tr:nth-of-type(72) ~ tr{
display: none;
}
#table-each10-check7:checked + .table-each10-lable#table-each10-lable7{
display: none;
}
#table-each10-check7:checked ~ .table-each10-lable#table-each10-lable8{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check7:checked ~ .table-each10-cont table tr:nth-of-type(72) ~ tr{
display: table-row;
}
#table-each10-check7:checked ~ .table-each10-cont table tr:nth-of-type(82) ~ tr{
display: none;
}
#table-each10-check8:checked + .table-each10-lable#table-each10-lable8{
display: none;
}
#table-each10-check8:checked ~ .table-each10-lable#table-each10-lable9{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check8:checked ~ .table-each10-cont table tr:nth-of-type(82) ~ tr{
display: table-row;
}
#table-each10-check8:checked ~ .table-each10-cont table tr:nth-of-type(92) ~ tr{
display: none;
}
#table-each10-check9:checked + .table-each10-lable#table-each10-lable9{
display: none;
}
#table-each10-check9:checked ~ .table-each10-lable#table-each10-lable10{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each10-check9:checked ~ .table-each10-cont table tr:nth-of-type(92) ~ tr{
display: table-row;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.table-each10-lable span{
width: 50%;
}
}

/*------------------------------------------------------------
15ずつ表示table
-------------------------------------------------------------*/
.table-each15{
position: relative;
margin-bottom: 20px;
}
.table-each15-check{
display: none;
}
.table-each15 table tr:nth-of-type(12) ~ tr{
display: none;
}
.table-each15-lable{
display: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
background: rgb(255,255,255);
background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,1));
text-align: center;
height: 126px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}
.table-each15-lable span{
width: 40%;
background-color: #aaa;
border-radius: 6px;
height: 38px;
line-height: 38px;
color: #fff;
cursor: pointer;
text-align: center;
display: inline-block;
}
.table-each15-lable#table-each15-lable1{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check1:checked + .table-each15-lable#table-each15-lable1{
display: none;
}
#table-each15-check1:checked ~ .table-each15-lable#table-each15-lable2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check1:checked ~ .table-each15-cont table tr:nth-of-type(12) ~ tr{
display: table-row;
}
#table-each15-check1:checked ~ .table-each15-cont table tr:nth-of-type(27) ~ tr{
display: none;
}
#table-each15-check2:checked + .table-each15-lable#table-each15-lable2{
display: none;
}
#table-each15-check2:checked ~ .table-each15-lable#table-each15-lable3{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check2:checked ~ .table-each15-cont table tr:nth-of-type(27) ~ tr{
display: table-row;
}
#table-each15-check2:checked ~ .table-each15-cont table tr:nth-of-type(42) ~ tr{
display: none;
}
#table-each15-check3:checked + .table-each15-lable#table-each15-lable3{
display: none;
}
#table-each15-check3:checked ~ .table-each15-lable#table-each15-lable4{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check3:checked ~ .table-each15-cont table tr:nth-of-type(42) ~ tr{
display: table-row;
}
#table-each15-check3:checked ~ .table-each15-cont table tr:nth-of-type(57) ~ tr{
display: none;
}
#table-each15-check4:checked + .table-each15-lable#table-each15-lable4{
display: none;
}
#table-each15-check4:checked ~ .table-each15-lable#table-each15-lable5{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check4:checked ~ .table-each15-cont table tr:nth-of-type(57) ~ tr{
display: table-row;
}
#table-each15-check4:checked ~ .table-each15-cont table tr:nth-of-type(72) ~ tr{
display: none;
}
#table-each15-check5:checked + .table-each15-lable#table-each15-lable5{
display: none;
}
#table-each15-check5:checked ~ .table-each15-lable#table-each15-lable6{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check5:checked ~ .table-each15-cont table tr:nth-of-type(72) ~ tr{
display: table-row;
}
#table-each15-check5:checked ~ .table-each15-cont table tr:nth-of-type(87) ~ tr{
display: none;
}
#table-each15-check6:checked + .table-each15-lable#table-each15-lable6{
display: none;
}
#table-each15-check6:checked ~ .table-each15-lable#table-each15-lable7{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check6:checked ~ .table-each15-cont table tr:nth-of-type(87) ~ tr{
display: table-row;
}
#table-each15-check6:checked ~ .table-each15-cont table tr:nth-of-type(102) ~ tr{
display: none;
}
#table-each15-check7:checked + .table-each15-lable#table-each15-lable7{
display: none;
}
#table-each15-check7:checked ~ .table-each15-lable#table-each15-lable8{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check7:checked ~ .table-each15-cont table tr:nth-of-type(102) ~ tr{
display: table-row;
}
#table-each15-check7:checked ~ .table-each15-cont table tr:nth-of-type(117) ~ tr{
display: none;
}
#table-each15-check8:checked + .table-each15-lable#table-each15-lable8{
display: none;
}
#table-each15-check8:checked ~ .table-each15-lable#table-each15-lable9{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check8:checked ~ .table-each15-cont table tr:nth-of-type(117) ~ tr{
display: table-row;
}
#table-each15-check8:checked ~ .table-each15-cont table tr:nth-of-type(132) ~ tr{
display: none;
}
#table-each15-check9:checked + .table-each15-lable#table-each15-lable9{
display: none;
}
#table-each15-check9:checked ~ .table-each15-lable#table-each15-lable10{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#table-each15-check9:checked ~ .table-each15-cont table tr:nth-of-type(132) ~ tr{
display: table-row;
}
#table-each15-check9:checked ~ .table-each15-cont table tr:nth-of-type(147) ~ tr{
display: none;
}
#table-each15-check10:checked + .table-each15-lable#table-each15-lable10{
display: none;
}
#table-each15-check10:checked ~ .table-each15-cont table tr:nth-of-type(147) ~ tr{
display: table-row;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.table-each15-lable{
height: 100px;
}
.table-each15-lable span{
width: 50%;
}
}

/*------------------------------------------------------------
テーブル内評価項目
-------------------------------------------------------------*/
.bookme-table-hyouka__wrap {
display: flex;
flex-flow: column;
}
.bookme-table-hyouka__list {
display: flex;
flex-flow: row;
}
.bookme-table-hyouka__genre-01,
.bookme-table-hyouka__genre-02,
.bookme-table-hyouka__genre-03 {
font-size: 14px;
}
.bookme-table-hyouka__genre-01 {
padding-right: 34px;
}
.bookme-table-hyouka__genre-02,
.bookme-table-hyouka__genre-03 {
padding-right: 6px;
}
.bookme-table-hyouka__star {
font-weight: 700;
}
.bookme-table-hyouka__star:before {
display: inline-block;
content: '';
width: 16px;
height: 15px;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1446507922.png) no-repeat;
background-size: cover;
margin-right: 4px;
position: relative;
top: 1px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.bookme-table-hyouka__genre-01,
.bookme-table-hyouka__genre-02,
.bookme-table-hyouka__genre-03 {
font-size: 12px;
}
.bookme-table-hyouka__genre-01 {
padding-right: 28px;
}
.bookme-table-hyouka__genre-02,
.bookme-table-hyouka__genre-03 {
padding-right: 4px;
}
.bookme-table-hyouka__star:before {
width: 16px;
height: 15px;
top: 3px;
}
}

/*------------------------------------------------------------
h2内サブタイトル
-------------------------------------------------------------*/
span.h2_subText {
display: block;
font-size: 14px;
line-height: normal;
margin: 1px 0 0 0;
font-weight: normal;
padding: 0;
}
span.h2_subText_star {
color: #ffd900;
}

/*------------------------------------------------------------
背景紫のh3【hyouka-main-wrap無し】
-------------------------------------------------------------*/
body #mainCenter h3.hatchingHead {
background: repeating-linear-gradient(314deg, #5b87d7, #5b87d7 6px, #628edd 6px, #628edd 16px);
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
width: auto;
margin-bottom: 20px;
padding: 13px 0 13px 20px;
border: 0;
box-sizing: border-box;
}
body #mainCenter h3.hatchingHead:before {
content:none;
}
span.hatchingHead_subText {
display: block;
font-size: 14px;
line-height: normal;
color: #e1f1ff;
margin: 1px 0 0 0;
font-weight: normal;
padding: 0;
}

/*-------------------------------------------------------
BLコンテンツ-攻×受
-------------------------------------------------------*/
.bl-seme-uke-contents {
width: 100%;
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.bl-seme-uke-contents__seme,
.bl-seme-uke-contents__uke {
width: 324px;
}
.bl-seme-uke-contents__seme dl,
.bl-seme-uke-contents__uke dl {
margin: 0;
}
.bl-seme-uke-contents__seme dt,
.bl-seme-uke-contents__uke dt {
background: #A5ECFA;
color: #24537B;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
border-radius: 8px 8px 0 0;
padding: 8px;
display: flex;
align-items: center;
}
.bl-seme-uke-contents__seme dt:before,
.bl-seme-uke-contents__uke dt:before {
display: inline-block;
content: '';
width: 24px;
height: 21px;
margin-right: 4px;
}
.bl-seme-uke-contents__seme dt:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1447340322.png) no-repeat;
background-size: contain;
}
.bl-seme-uke-contents__uke dt:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1447327435.png) no-repeat;
background-size: contain;
}
.bl-seme-uke-contents__name {
width: calc(100% - 24px);
}
.bl-seme-uke-contents__seme dd,
.bl-seme-uke-contents__uke dd {
background: #F2FCFF;
color: #24537B;
font-size: 14px;
border: 2px solid #A5ECFA;
border-radius: 0 0 8px 8px;
padding: 8px 10px;
margin-top: -2px;
}
#mainCenter .bl-seme-uke-contents__seme ul,
#mainCenter .bl-seme-uke-contents__uke ul {
width: 100%;
margin: 0;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
#mainCenter .bl-seme-uke-contents__seme li,
#mainCenter .bl-seme-uke-contents__uke li {
width: calc(100% / 2 - 7px);
margin: 0;
line-height: 1.5;
list-style: disc;
list-style-position: inside;
}
.bl-seme-uke-contents__icon {
display: block;
position: relative;
width: 30px;
height: 30px;
}
.bl-seme-uke-contents__icon:before,
.bl-seme-uke-contents__icon:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 3px;
height: 19px;
background: #24537B;
}
.bl-seme-uke-contents__icon:before {
transform: translate(-50%,-50%) rotate(45deg);
}
.bl-seme-uke-contents__icon:after {
transform: translate(-50%,-50%) rotate(-45deg);
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.bl-seme-uke-contents__seme,
.bl-seme-uke-contents__uke {
width: calc(100% / 2 - 13px);
}
.bl-seme-uke-contents__seme dt,
.bl-seme-uke-contents__uke dt {
font-size: 13px;
}
.bl-seme-uke-contents__seme dd,
.bl-seme-uke-contents__uke dd {
font-size: 13px;
margin-top: -2px!important;
margin-bottom: 0!important;
}
#mainCenter .bl-seme-uke-contents__seme li,
#mainCenter .bl-seme-uke-contents__uke li {
width: 100%;
}
.bl-seme-uke-contents__icon {
width: 13px;
height: 13px;
}
}

/*------------------------------------------------------------
あらすじ【地の文用】
-------------------------------------------------------------*/
p.summaryTextOnly {
font-size: 14px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
p.summaryTextOnly {
font-size: 14px;
}
}

/*------------------------------------------------------------
編集者コメント直下のテキストリンク余白調整
-------------------------------------------------------------*/
.editors_box-block + p.textlink_underEditorsBox {
margin: 10px auto 30px;
}


/*------------------------------------------------------------
テーブル直下のBLコンテンツ余白調整
-------------------------------------------------------------*/
table + div.bl-seme-uke-contents {
margin-top: 20px;
margin-bottom: 20px;
}

/*------------------------------------------------------------
ランキングをtdに出すテーブル【個別のtd用】
-------------------------------------------------------------*/
table.table_flag-ranking_td_unique td {
position: relative;
}

table.table_flag-ranking_td_unique td span:before {
width: 45px;
height: 45px;
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1422168873.png) no-repeat center content-box;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
table.table_flag-ranking_td_unique td span:before {
width: 35px;
height: 35px;
}
}

table.table_flag-ranking_td_unique tr td span.unique1:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420259593.png) no-repeat center / contain;
}
table.table_flag-ranking_td_unique tr td span.unique2:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420243193.png) no-repeat center / contain;
}
table.table_flag-ranking_td_unique tr td span.unique3:before {
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420251743.png) no-repeat center / contain;
}


table.table_flag-ranking_td_unique tr td span:after {
position: absolute;
top: -4px;
left: 4px;
z-index: 2;
color: #fff;
font-size: 16px;
}
table.table_flag-ranking_td_unique tr td span.unique4:after,
table.table_flag-ranking_td_unique tr td span.unique5:after,
table.table_flag-ranking_td_unique tr td span.unique6:after,
table.table_flag-ranking_td_unique tr td span.unique7:after,
table.table_flag-ranking_td_unique tr td span.unique8:after,
table.table_flag-ranking_td_unique tr td span.unique9:after {
top: -4px;
left: 5px;
font-size: 16px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
table.table_flag-ranking_td_unique tr td span:after {
top: -5px;
left: 1px;
font-size: 15px;
}
table.table_flag-ranking_td_unique tr td span.unique4:after,
table.table_flag-ranking_td_unique tr td span.unique5:after,
table.table_flag-ranking_td_unique tr td span.unique6:after,
table.table_flag-ranking_td_unique tr td span.unique7:after,
table.table_flag-ranking_td_unique tr td span.unique8:after,
table.table_flag-ranking_td_unique tr td span.unique9:after {
top: -4px;
left: 5px;
font-size: 16px;
}
}
table.table_flag-ranking_td_unique tr td span.unique4:after {
content:'4';
}
table.table_flag-ranking_td_unique tr td span.unique5:after {
content:'5';
}
table.table_flag-ranking_td_unique tr td span.unique6:after {
content:'6';
}
table.table_flag-ranking_td_unique tr td span.unique7:after {
content:'7';
}
table.table_flag-ranking_td_unique tr td span.unique8:after {
content:'8';
}
table.table_flag-ranking_td_unique tr td span.unique9:after {
content:'9';
}
table.table_flag-ranking_td_unique tr td span.unique10:after {
content:'10';
}
table.table_flag-ranking_td_unique tr td span.unique11:after {
content:'11';
}
table.table_flag-ranking_td_unique tr td span.unique12:after {
content:'12';
}
table.table_flag-ranking_td_unique tr td span.unique13:after {
content:'13';
}
table.table_flag-ranking_td_unique tr td span.unique14:after {
content:'14';
}
table.table_flag-ranking_td_unique tr td span.unique15:after {
content:'15';
}
table.table_flag-ranking_td_unique tr td span.unique16:after {
content:'16';
}
table.table_flag-ranking_td_unique tr td span.unique17:after {
content:'17';
}
table.table_flag-ranking_td_unique tr td span.unique18:after {
content:'18';
}
table.table_flag-ranking_td_unique tr td span.unique19:after {
content:'19';
}
table.table_flag-ranking_td_unique tr td span.unique20:after {
content:'20';
}
table.table_flag-ranking_td_unique tr td span.unique21:after {
content:'21';
}

/*------------------------------------------------------------
service-recommend　調整
-------------------------------------------------------------*/
.service-recommend__icon > img ~ a:last-child{
display: inline-block;
margin-top: 6px;
line-height: 1.4;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.service-recommend__icon > img ~ a:last-child{
margin-top: 3px;
}
}

/*--------------------------------------------------------------
service-recommend__info-btn調整
-------------------------------------------------------------*/
td > div:last-child .service-recommend__info-btn,td > .service-recommend__info-btn:last-child,#mainCenter .acMenu.achyouka dd > div:last-child .service-recommend__info-btn,#mainCenter .acMenu.achyouka dd > p:last-child .service-recommend__info-btn{
margin-bottom: 6px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
td > div:last-child .service-recommend__info-btn,td > .service-recommend__info-btn:last-child,#mainCenter .acMenu.achyouka dd > div:last-child .service-recommend__info-btn,#mainCenter .acMenu.achyouka dd > p:last-child .service-recommend__info-btn{
margin-bottom: 4px;
}
}

/*--------------------------------------------------------------
kanrenlist-box調整
-------------------------------------------------------------*/
#mainCenter .post .kanrenlist-box li{
margin-bottom: 4px;
}
#mainCenter .post .kanrenlist-box li:first-child,#mainCenter .post .kanrenlist-box li:last-of-type{
margin: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#mainCenter .post .kanrenlist-box{
padding: 0 5px 10px;
}
div#main-contents .post .kanrenlist-box li{
margin-bottom: 2px;
}
div#main-contents .post .kanrenlist-box li:first-of-type,div#main-contents .post .kanrenlist-box li:last-of-type{
margin-bottom: 0;
}
}

/*--------------------------------------------------------------
kanrenlist-boxオレンジ
-------------------------------------------------------------*/
#mainCenter .post .kanrenlist-box.orange {
border: 3px solid #ffa500;
background-color: #fff9ef;
}
#mainCenter .post .kanrenlist-box.orange li {
background-color: #fff9ef;
}
#mainCenter .post .kanrenlist-box.orange li:first-child {
background-color: #fff9ef;
color: #444;
}
/*--------------------------------------------
投票(アンケート)
---------------------------------------------*/
.tohyoForm input{
border-radius: 4px;
}
.tohyoTxt{
left: 3%;
position: absolute;
top: 7px;
}
.tohyoBtn{
background: #34a3d1 none repeat scroll 0 0;
border-radius: 4px;
color: #fff !important;
display: inline-block;
padding: 8px 10px;
text-align: center;
float:left;
font-size: 14px;
}
.tohyoBtn02{
float:left;
}
.tohyoWrap02{
border: 1px solid #ffcd6b!important;
}
.tohyoWrap02 .tohyoContents01{
background: #ffcd6b;
}
.tohyoWrap{
border: 1px solid #ade1f7;
border-radius: 4px;
display: inline-block;
float: left;
margin-left: 7px;
position: relative;
width: 75%;
height:22px;
}
.tohyodefo{
display: inline-block;
height: 30px;
}
.tohyoContents01{
background: #ade1f7 none repeat scroll 0 0;
display: inline-block;
height: 22px;
width: 10%;
}
.tohyoContents01 span:nth-last-child(1) {
top: 7px !important;
}

/*------------------------------------------------------------
アンケート
-------------------------------------------------------------*/
div[id^="enqueteWrap"] .tohyoWrap{
font-size: 14px;
margin-top: 1px;
border: 0!important;
box-shadow: 0 0 0 1px #ade1f7;
}
div[id^="enqueteWrap"] .tohyoWrap.tohyoWrap02{
box-shadow: 0 0 0 1px #ffcd6b;
}
#mainCenter div[id^="enqueteWrap"] li{
margin: 0 0 8.5px;
}
#mainCenter div[id^="enqueteWrap"] li > .tohyoWrap:first-child{
width: calc(100% - 2px)!important;
}
#mainCenter div[id^="enqueteWrap"].enqueteWrap li{
margin: 0 0 10px;
}
.enqueteWrap .touhyoIcon{
background: #014c6b none repeat scroll 0 0;
border-radius: 4px;
color: #fff !important;
display: inline-block;
padding: 2px;
text-align: center;
float:left;
}
.enqueteWrap li .touhyoIcon{
position:relative;
}
.enqueteWrap li .touhyoIcon img{
width: 35px;
height: 35px;
border-radius: 4px;
padding:0;
margin:0;
display: block;
object-fit: cover;
object-position: 0px 0px;
}
.enqueteWrap li .touhyoIcon a.tohyoBtn + img{
width: 35px;
height: 35px;
border-radius: 4px;
padding:0;
margin:0;
display: block;
object-fit: cover;
object-position: 0px -10px;
}
.enqueteWrap li .touhyoIcon a.tohyoBtn{
background:none;
border-radius: 4px;
color:#fff !important;
display:block;
padding:0;
margin:0;
text-align:center;
float:none;
position:absolute;
width:35px;
height:35px;
}
.enqueteWrap li .touhyoIcon a.tohyoBtn:hover{
opacity: 0.9;
}
.enqueteWrap li .touhyoIcon a.tohyoBtn span{
display: block;
padding:0;
margin: 0;
font-size: 11px;
position:absolute;
bottom:0;
left: 0;
background-color: #1298d6;
width: 100%;
border-radius: 0 0 4px 4px;
line-height: 1.3em;
}
div[id^="enqueteWrap"].enqueteWrap li div.tohyoWrap{
border: 1px solid #dadada!important;
border-radius: 0px;
display: inline-block;
float: right;
margin-left: 0px;
position: relative;
width: calc(100% - 45px)!important;
box-sizing: border-box;
height: 37px;
box-shadow: none;
}
.enqueteWrap input{
border-radius: 4px;
}
.enqueteWrap .tohyoTxt{
left: 10px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.enqueteWrap .tohyoTxt + span{
position: absolute;
right: 10px!important;
top: 0!important;
bottom: 0;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
}
.enqueteWrap .tohyoBtn02{
float:left;
}
.enqueteWrap .tohyoWrap02{
border: 1px solid #dadada!important;
}
.enqueteWrap .tohyoWrap02 .tohyoContents01{
background-color: #dadada none repeat scroll 0 0!important;
background: -webkit-repeating-linear-gradient(-45deg, #fdd000, #fdd000 2px,#ffc900 2px, #ffc900 5px)!important;
background: repeating-linear-gradient(-45deg, #fdd000, #fdd000 2px,#ffc900 2px, #ffc900 5px)!important;
}
.enqueteWrap .tohyoWrap{
border: 1px solid #ade1f7;
border-radius: 4px;
display: inline-block;
float: left;
margin-left: 7px;
position: relative;
width: 75%;
height:22px;
}
.enqueteWrap .tohyodefo{
display: inline-block;
height: 30px;
}
.enqueteWrap .tohyoContents01{
background: #ade1f7 none repeat scroll 0 0;
display: inline-block;
height: 37px;
width: 10%;
text-align: center;
vertical-align: middle;
}

@media
only screen and (max-width : 414px){
.enqueteWrap ul{
margin-top:10px!important;
}
#mainCenter .enqueteWrap li {
margin: 0 5px 8px;
}
}
/*------------------------------------------------------------
ランキングフラッグのclass追加
-------------------------------------------------------------*/
td.rt1, td.rt2, td.rt3, th.rt1, th.rt2, th.rt3 {
position: relative;
}
td.rt1:before, td.rt2:before, td.rt3:before, th.rt1:before, th.rt2:before, th.rt3:before {
width: 35px;
height: 35px;
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 999;
}
td.rt1:before, th.rt1:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420259593.png) no-repeat center / contain;
}
td.rt2:before, th.rt2:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420243193.png) no-repeat center / contain;
}
td.rt3:before, th.rt3:before{
background: url(https://img.altema.jp/yugiohcard/uploads/2022/10/2022y10m24d_1420251743.png) no-repeat center / contain;
}

/*-------------------------------------------------------
拡大ボタンnew
-------------------------------------------------------*/
.imgExpansion{
position: relative;
display: block;
overflow: hidden;
}
span.img_kakudai{
position: absolute;
bottom: 0px;
right: 0px;
font-size: 0;
box-sizing: border-box;
padding: 2px 8px;
display: none;
}
span.img_kakudai:before{
position: relative;
top: 1px;
margin-right: 3px;
}
span.img_kakudai:after{
content: '拡大';
display: inline-block;
vertical-align: middle;
font-size: 11px;
}
.imgExpansion.wakunasi{
border: 0;
display: inline;
}

/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial,Baskerville,monospace
}
.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus {
outline: 0
}
body.hidden-scroll {
overflow: hidden
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: .7;
display: none;
z-index:2147483640;
}
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0;
background: 0 0;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {/* opacity: .7; */}
.sl-wrapper .sl-close{
right: 0px;
z-index:2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 2147483647;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 2147483647;
}
.sl-wrapper .sl-image img {
margin: 0 auto;
padding: 0;
display: block;
border: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0,0,0,.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 2147483647;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-ms-keyframes pulsate {
0%,100% {
opacity: 0
}
0% {
transform: scale(.1)
}
50% {
opacity: 1
}
100% {
transform: scale(1.2)
}
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper .sl-close{
right: 0px;
z-index: 2147483647;
margin-top: -14px;
margin-right: -4px;
width: 44px;
font-size: 3rem;
}
}
/*-------------------------------------------------------
ランキングh2既存スタイル打ち消し
-------------------------------------------------------*/
body #mainCenter .ranking__contents h2 {
background-color: initial;
font-size: 20px;
margin: 0;
text-align: initial;
padding: 0 0 0 62px;
}


/*-------------------------------------------------------
注釈
-------------------------------------------------------*/
p.annotation {
font-size: 12px;
color: #777;
}
table + p.annotation {
margin-top: -22px;
}


/*--------------------------------------------------------
もろもろ
--------------------------------------------------------*/
#mainCenter table.all-center th,
#mainCenter table.all-center td  {
text-align:center;
}
#mainCenter table.th-center th{
text-align:center;
}
#mainCenter table.td-right td:not(.default){
text-align:right;
}
.align-top{
vertical-align:top;
}
.align-middle{
vertical-align:middle!important;
}
.imgBorder{
border:1px solid #bebfc1;
box-sizing:border-box;
}
.table-scroll-fix.on-rowspan th:first-child, .table-scroll-fix.on-rowspan td:first-child {
position: initial;
}
.table-scroll-fix th.rowspan, .table-scroll-fix td.rowspan {
position: sticky!important;
left: 0;
z-index: 3;
}
.table-scroll-fix.on-rowspan th:first-child:before, .table-scroll-fix.on-rowspan td:first-child:before {
position: initial;
}

/*--------------------------------------------------------
余白調整
-------------------------------------------------------*/
.post-title + .sns-button02{
margin-top: 29px;
margin-bottom: 18px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.post-title + .sns-button02 {
margin-top: 24px;
margin-bottom: 7px;
}
body #main-contents .article h4{
margin-bottom: 10px;
}
body #main-contents .article table + h2,body #main-contents .article table + h4{
margin-top: 16px;
}
}
/*------------------------------------------------------------
買取/販売ラベル
-------------------------------------------------------------*/
td.rabel_kaitori, td.rabel_hanbai,th.rabel_kaitori, th.rabel_hanbai{
position: relative;
}
td.rabel_kaitori:before, td.rabel_hanbai:before,th.rabel_kaitori:before, th.rabel_hanbai:before {
display: block;
position: absolute;
color: rgb(255 255 255 / 86%);
top: 0px;
left: 0px;
z-index: 999;
font-size: 14px;
padding: 5px 10px;
}
td.rabel_kaitori:before,th.rabel_kaitori:before{
background:#dc143c;
content: "売る";
}
td.rabel_hanbai:before,th.rabel_hanbai:before{
background:  #4169e1;
content: "買う";
}

/*-------------------------------------------------------
SNSアイコン調整
-------------------------------------------------------*/
h1 + .sns-button02{
margin-top: 29px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
h1 + .sns-button02{
margin-top: 25px;
}
}


/*------------------------------------------------------------
検索
-------------------------------------------------------------*/
input[name="search_name"]{
background: #fff3f3;
border: 1px solid #d3baba;
color: #000;
height: 34px;
line-height: 34px;
width: calc(100% - 110px);
box-sizing: border-box;
padding-left: 8px;
vertical-align: middle;
}
.search_submit{
border: 0;
width: 100px;
height: 34px;
line-height: 34px;
background: #e13a3d;
color: #fff;
border-radius: 4px;
font-size: 16px;
margin-left: 10px;
vertical-align: middle;
cursor: pointer;
}
.search_reset{
width: 280px;
height: 34px;
line-height: 34px;
color: #fff;
border-radius: 4px;
background: #999;
cursor: pointer;
font-size: 16px;
border: 0;
display: block;
margin: 0 auto;
}
@media screen and (max-width : 390px){
input[name="search_name"]{
width: calc(100% - 98px);
}
.search_submit{
width: 90px;
margin-left: 8px;
}
.search_reset{
width: 60%;
}
}

/*------------------------------------------------------------
広告オワタの位置調整
-------------------------------------------------------------*/
div.ad-warota p:first-child {
margin-bottom: 0 !important;
}
div.ad-warota img {
border: 1px solid #ededed;
}


/*------------------------------------------------------------
検索絞り込み
-------------------------------------------------------------*/
.card-search-area input[type="checkbox"]{
display: none;
}
.card-search-area label{
cursor: pointer;
}
.card-search-area label img{
opacity: 0.3;
width: 70%;
padding: 4px 20%;
box-sizing: border-box;
border: 2px solid #87c799;
border-radius: 6px;
}
.card-search-area label input[type=checkbox]:checked + img{
opacity: 1;
}
.card-search-area input[type="radio"]{
display: none;
}
.card-search-area label input[type="radio"]:checked + img{
opacity: 1;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.card-search-area label img {
width: 80%;
}
}
@media screen and (max-width : 390px){
.card-search-area label img {
padding: 2px 16%;
}
}

/*------------------------------------------------------------
緑CTAボタン
-------------------------------------------------------------*/
.cta-link-box {
width: 440px;
margin: 0 auto;
background: #C9F7DC;
padding: 5px 25px;
margin-top: -5px;
text-align: center;
box-sizing: border-box;
margin-bottom: 30px;
}
a.cta-link-box.cta-link_Btn {
width: 90%;
font-size: 14px;
display: block;
margin: 10px auto 5px auto;
padding: 13px;
border: 0;
background: #1aba39;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0px 5px #05762b;
position: relative;
line-height: 1.5;
text-decoration: none!important;
}
a.cta-link-box.cta-link_Btn:after {
content: '';
position: absolute;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://img.altema.jp/yugiohcard/uploads/2023/02/2023y02m16d_1503092429.png) center no-repeat rgba(255,255,255,0);
background-size: 15px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
div.cta-link-box span {
font-size: 12px;
color: #454545;
font-weight: bold;
}

@media only screen and (max-width: 640px) {
.cta-link-box {
width: 100%;
}
}
#main-contents p.cta-link-box_fukidashi{
text-align: center;
margin-bottom: -10px;
font-size: 13px;
color: #e70000;
font-weight: bold;
}
#main-contents p.cta-link-box_fukidashi {
margin-bottom: -10px;
}
#main-contents p.cta-link-box_button {
margin-bottom: -10px;
}
#main-contents p.cta-link-box_button a {
margin-bottom: 18px;
}
#main-contents p.cta-link-box_option {
margin-bottom: 0px;
}
#main-contents p.cta-link-box_option span {
font-size: 11px;
color: #787878;
}
/*------------------------------------------------------------
CTAテーブル
-------------------------------------------------------------*/
div.cta-table {
background: #C9F7DC;
padding: 5px;
margin-bottom: 30px;
}

div.cta-table table {
table-layout: auto;
width: 90%;
margin: 30px auto;
border: solid 2px #1aba39 !important;
}

div.cta-table table th {
text-align: center !important;
padding: 5px 0px !important;
background: #1aba39 !important;
color: #ffffff;
font-size: 20px !important;
}

div.cta-table table td {
text-align: left;
background: #ffffff;
}


/*------------------------------------------------------------
オーバーレイ
-------------------------------------------------------------*/
.floating-banner {
background: rgba(0,0,0,0.5);
z-index: 999;
position: fixed;
left: 0;
bottom: -1px;
width: 100%;
}


/*------------------------------------------------------------
おすすめアプリボックス
-------------------------------------------------------------*/
.osusume-list-box {
display: block;
position: relative;
border: 3px solid #e05a8b;
padding: 10px 10px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}

.osusume-list-box dl:first-of-type {
margin-top: 24px!important;
margin-bottom: 0px!important;
}

.osusume-list-box dl dt {
display: block;
position: absolute;
top: -40px;
left: -3px;
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF;
}

.osusume-list-box .osusume_app_layout {
background: none;
position: relative;
padding: 0px 5px 15px;
margin: 0 0 10px;
border-bottom: 2px dashed #c6c6c6;
border-radius: 0;
display: -webkit-flex;
display: flex;
text-decoration: none;
padding: 0 0 15px 0;
cursor: pointer;
top: 0;
left: 0;
}

.osusume-list-box .osusume_app_layout a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.osusume-list-box .osusume_app_layout div {
display: block;
line-height: 1.35;
color: #333;
}

.osusume-list-box dl {
margin-top: 0px!important;
margin-bottom: 0px!important;
}

.osusume-list-box a.btn-dl {
padding: 6px!important;
text-decoration: none!important;
width: 100%;
display: block!important;
background: #1aba39!important;
box-sizing: border-box;
color: #FFF!important;
font-weight: bold!important;
border-radius: 5px!important;
box-shadow: 0 4px 0 0 #05762b!important;
font-size: 14px!important;
line-height: 25px!important;
margin: 6px 0!important;
text-align: center;
}

.osusume-list-box .img-radius {
border-radius: 8px;
}

.osusume-list-box .osusume_app_layout .osusume_apptitle {
display: block;
font-weight: bold;
line-height: 1.35;
color: #333;
padding: 0 10px;
}

.osusume-list-box .osusume_app_layout .osusume_apptitle div:first-of-type {
font-weight: bold;
font-size: 20px;
color: #2188e0;
margin-bottom: 3px;
}

.osusume-list-box .osusume_app_layout .osusume_apptitle div:last-of-type {
border-bottom: 2px solid #ff0260;
box-sizing: border-box;
font-size: 14px;
}

.osusume-list-box.osusume_newlayout {
border-color: #ffa500;
}
.osusume-list-box.osusume_newlayout dt.osusume-list-box_title {
font-weight: 800;
background: #ffa500;
}
#main-contents dl.osusume-list-box_contents dd {
margin-bottom: -13px;
font-size: 13px;
font-weight: 800;
}
#main-contents dl.osusume-list-box_contents dd:last-child {
margin: 5px 0;
}
.osusume-list-box.osusume_newlayout .txt-copy-area {
font-size: 13px;
}
#main-contents ul.osusume-list-box_download li.osusume-list-box_fukidashi {
font-size: 15px;
text-align: center;
margin-bottom: 8px;
color: #e70000;
font-weight: bold;
}
#main-contents ul.osusume-list-box_download li.osusume-list-box_button {
margin: 0;
}
#main-contents ul.osusume-list-box_download li.osusume-list-box_button a.btn-dl {
width: 332px;
margin: 0 auto!important;
}
#main-contents ul.osusume-list-box_download li.osusume-list-box_option {
font-size: 11px;
text-align: center;
}
/*-------------------------------------------------------
コピーボタン
-------------------------------------------------------*/
.txt-copy-area .copy-btn{
background: #e9e9e9;
color: #2188e0;
border-radius: 30px;
border: 0;
display: inline-block;
padding: 6px 13px;
font-size: 16px;
margin-left: 8px;
cursor: pointer;
line-height: 1;
vertical-align: middle;
}
.txt-copy-area br{
display: none;
}
.txt-copy-area .copy-txt{
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0px 6px;
color: #333;
background: #fff;
min-width: 212px;
max-width: 70%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
box-sizing: border-box;
font-size: 16px;
vertical-align: middle;
}
.txtcopy_done:before{
content: 'コピーしました';
display: block;
width: 200px;
height: 100px;
line-height: 100px;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
font-size: 16px;
z-index: 9999;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.txt-copy-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.txt-copy-area .copy-txt{
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0px 6px;
color: #333;
background: #fff;
min-width: auto;
max-width: none;
display: inline-block;
box-sizing: border-box;
font-size: 16px;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.txt-copy-area .copy-btn{
margin-left: 6px;
}
}

@media screen and (max-width : 415px){
.txt-copy-area .copy-btn{
font-size: 15px;
}
}

@media screen and (max-width : 361px){
.txt-copy-area .copy-txt{
font-size: 14px;
}
.txt-copy-area .copy-btn{
font-size: 14px;
}
}

/*-------------------------------------------------------
コピーボタン　table内
-------------------------------------------------------*/
table .txt-copy-area{
margin: 3px 0;
}
table .txt-copy-area:first-child{
margin-top: 0;
}
table .txt-copy-area:last-child{
margin-bottom: 0;
}
table .txt-copy-area .copy-txt{
max-width: 180px;
min-width: auto;
font-size: 14px;
}
table .txt-copy-area .copy-btn{
padding: 5px 10px;
font-size: 13px;
margin-left: 7px;
cursor: pointer;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
table .txt-copy-area{
display: block;
}
table .txt-copy-area .copy-txt{
max-width: 130px;
}
table .txt-copy-area .copy-btn {
padding: 5px 8px;
font-size: 13px;
margin-left: 7px;
}
}

@media screen and (max-width : 391px){
table .txt-copy-area .copy-txt{
max-width: 122px;
}
}

@media screen and (max-width : 361px){
table .txt-copy-area .copy-txt {
max-width: 120px;
}
table .txt-copy-area .copy-btn{
font-size: 12px;
margin-left: 6px;
}
}
/* STEP表示用 */
ul.flow-wrap {
background: #fff;
padding: 30px 10px 10px !important;
border-radius: 10px;
border: solid 1px #ffa500;
margin-bottom: 50px !important;
}
.flow-wrap div.step-step {
font-weight: bold;
color: #ffa500;
font-size: 15px;
padding-left: 2px;
margin-bottom: 24px;
}
.flow-wrap .step-midasi {
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
color: #333;
}
.flow-wrap .step {
font-weight: bold;
border-bottom: solid 2px #e5e5e5;
margin-bottom: 15px;
}
.flow-wrap .flow-wrap_box:last-child .step {
border-bottom: 0;
margin-bottom: 0;
}
ul.flow-wrap li.flow-wrap_box{
padding: 0 0 20px 26px!important;
margin: 0!important;
position: relative;
}
.flow-wrap .flow-wrap_box:before {
content: "";
display: block;
width: 13px;
height: 13px;
background: #ffa500;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: -7px;
left: 2px;
box-shadow: 0 0 0 2px #ffa500;
}
.flow-wrap .flow-wrap_box:not(:last-child):after {
content: "";
display: block;
height: calc(100% - 27px);
border-left: dotted 4px #ffa500;
position: absolute;
top: 16px;
left: 9px;
}
.flow-wrap .step-midasi {
font-size: 14px;
margin: 0;
margin-bottom: 15px;
}
.flow-wrap div.step-text {
padding-bottom: 15px;
margin: 0;
font-weight: normal;
color: #333;
font-size: 0.9em;
}
.flow-wrap div.step-text a {
display: inline-block;
}
ul.flow-wrap li.flow-wrap_box:last-child .step-text {
    padding-bottom: 0;
}
ul.flow-wrap li.flow-wrap_box:last-child {
    padding-bottom: 0 !important;
}
#mainCenter ul.flow-wrap li td, #mainCenter ul.flow-wrap li th {
    line-height: initial;
}
#mainCenter ul.flow-wrap.accordion_table {
    overflow-x: initial;
    border: solid 1px #ffa500;
}
#mainCenter .acMenu img.alignnone {
    display: inline!important;
}
/* 縦スクロールテーブル */
.tatescroll {
    overflow-y: auto;
margin-bottom: 24px;
border-bottom: solid 1px #dde4e6;
}
.tatescroll table {
margin: 0;
border-spacing: 0;
border-collapse: initial;
}
.tatescroll table tbody {
table-layout: fixed;
}
.tatescroll tr.thread  {
position: sticky;
left: 0;
top: 0;
white-space: nowrap;
}
tr.thread th {
position: relative;
}
tr.thread th:before {
content: "";
position: absolute;
width: 99%;
height: 99%;
top: 0;
left: 0;
border-bottom: 1px solid #dde4e6;
}
/* Q＆A */
.qa_wrap {
padding: 0 10px;
box-sizing: border-box;
margin-bottom: 24px;
}
.qa_wrap dl{
overflow: hidden;
margin-bottom: 26px;
}
.qa_wrap dt,dd{
    padding: 5px 8px;
    box-sizing: border-box;
}
.qa_wrap dt{
    background: #ededed;
border-bottom: solid 1px #cfcfcf;
}
.qa_wrap dd{
    border: solid 1px #ededed;
    background: var(--color-white);
    padding-bottom: 10px;
    font-size: 15px;
    display: flex;
}
.qa_wrap dt:before {
content: "Q.";
font-weight: bold;
color: #4574ff;
font-size: 24px;
margin-right: 10px;
}
.qa_answer {
margin-left: 5px;
margin-top: 10px;
width: 100%;
}
.qa_wrap .editors-speech-bubble__information {
    margin-right: 20px;
}
.qa_wrap p{
padding: 0px!important;
line-height: initial;
}
span.answer_initial {
margin-bottom: 0px;
font-weight: bold;
color: #ff7171;
font-size: 24px;
}
.qa_wrap dd p {
padding: 0;
}
/* ↑質問部分をh3に変更 */
.qa_wrap .qa_wrap_qa{
overflow: hidden;
margin-bottom: 26px;
}
.qa_wrap .qa_wrap_answer{
border: solid 1px #ededed;
background: var(--color-white);
padding-bottom: 10px;
font-size: 15px;
display: flex;
}
body #mainCenter .qa_wrap h3{
background: #f8f8f8;
border-bottom: solid 1px #e8e8e8!important;
width: initial!important;
color: initial!important;
margin: initial!important;
border-left: initial!important;
font-size: 14px!important;
font-family: inherit!important;
font-weight: 800!important;
padding: 5px 8px!important;
}
body #mainCenter  .qa_wrap h3:before {
content: "Q.";
font-weight: bold;
color: #4574ff;
font-size: 24px;
margin-right: 10px;
background: initial;
position: initial;
}
.qa_wrap h3, .qa_wrap .qa_wrap_answer{
padding: 5px 8px;
box-sizing: border-box;
}
@media screen and (max-width: 479px) {
.qa_answer{
    width:90%;
    }
}

/*-------------------------------------------------------
検索結果画面
-------------------------------------------------------*/
#mainCenter .post.search-result input[type=text]:-ms-input-placeholder, #mainCenter.search-error .contents #search-form-box_side:-ms-input-placeholder {
position: relative;
top: 01em;
}
#mainCenter .post.search-result .navigation > a.pc-display {
display: block;
}
#mainCenter .post.search-result .navigation > a.sp-display {
display: none;
}
#mainCenter .post.search-result .sns-button02.clearfix {
display: none;
}
#mainCenter .post.search-result {
margin: 0 0 20px;
}
#mainCenter .post.search-result > .contents {
margin-top: 0;
}
/*検索フォーム*/
#mainCenter .post.search-result .search-form_inputXX, #mainInner-col2 #mainCenter.search-error .contents .search-form_inputXX {
margin-top: 0;
margin-bottom: 20px;
display: flex;
flex-flow: row wrap;
}
#mainCenter .post.search-result input[type=text], #mainInner-col2 #mainCenter.search-error .contents #search-form-box_side {
width: 595px;
height: 36px;
color: #444;
line-height: 1;
background: #F7F7F7;
border: 2px solid #586080;
box-sizing: border-box;
border-radius: 4px 0 0 4px;
padding: 4px 8px;
outline: none;
}
#mainCenter .post.search-result input[type=text]::placeholder, #mainCenter.search-error .contents #search-form-box_side::placeholder {
color: #999;
}
#mainCenter .post.search-result .search-btn, #mainInner-col2 #mainCenter.search-error .contents .search-btn {
width: calc(680px - 595px);
background: #586080;
line-height: 36px;
border-radius: 0 4px 4px 0;
position: relative;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
}
#mainCenter .post.search-result .search-btn:before, #mainInner-col2 #mainCenter.search-error .contents .search-btn:before {
display: block;
content: '';
width: 16px;
height: 16px;
background: url("https://img.altema.jp/yugiohcard/common/search.svg") no-repeat;
background-size: contain;
position: absolute;
left: 16px;
top: 9px;
}
#mainCenter .post.search-result .css-button, #mainInner-col2 #mainCenter.search-error .contents .css-button {
display: block;
width: 100%;
background: initial;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 36px;
border: none;
padding: 0 0 0 20px;
}
#mainCenter .search-form_inputXX .css-button:hover {
opacity: 1;
background: initial !important;
}
#mainCenter .search-form_inputXX .search-btn:hover {
opacity: 0.6;
}
#mainCenter .post.search-result .css-button:focus, #mainInner-col2 #mainCenter.search-error .contents .css-button:focus {
background: #586080 !important;
border-radius: 0 4px 4px 0;
height: 36px;
}
/*よく検索されるキーワード*/
#mainCenter .post.search-result .search_keyword, #mainInner-col2 #mainCenter.search-error .search_keyword {
margin-bottom: 20px;
}
#mainCenter .post.search-result .search_keyword p, #mainInner-col2 #mainCenter.search-error .search_keyword p {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 10px;
}
#mainCenter .post.search-result .search_keyword ul, #mainInner-col2 #mainCenter.search-error .search_keyword ul {
background: #F7F7F7;
padding: 20px 20px 18px 20px;
display: flex;
flex-flow: row wrap;
}
#mainCenter .post.search-result .search_keyword li, #mainInner-col2 #mainCenter.search-error .search_keyword li {
width: fit-content;
margin: 0 8px 8px 0;
}
#mainCenter .post.search-result .search_keyword li a, #mainInner-col2 #mainCenter.search-error .search_keyword li a {
width: fit-content;
background: #fff;
color: #34C0C4;
font-size: 12px;
font-weight: bold;
line-height: 26px;
border: 1px solid #DFF2F2;
box-sizing: border-box;
border-radius: 60px;
padding: 4px 16px;
position: relative;
}
#mainCenter .post.search-result .search_keyword li a:before, #mainInner-col2 #mainCenter.search-error .search_keyword li a:before {
display: inline-block;
content: '';
width: 12px;
height: 12px;
background: url("https://img.altema.jp/yugiohcard/common/icon-tag.svg") no-repeat;
background-size: contain;
margin-right: 4px;
position: relative;
top: 1px;
}
#mainCenter .post.search-result .search_keyword li a:hover, #mainInner-col2 #mainCenter.search-error .search_keyword li a:hover, #mainCenter.search-error .search_keyword li a:hover {
background: #34C0C4;
color: #fff;
}
#mainCenter .post.search-result .search_keyword li a:hover:before, #mainInner-col2 #mainCenter.search-error .search_keyword li a:hover:before, #mainCenter.search-error .search_keyword li a:hover:before {
background: url("https://img.altema.jp/yugiohcard/common/icon-tag-white.svg") no-repeat;
}
/*記事一覧*/
#mainCenter .post.search-result .result-article {
margin-bottom: 20px;
}
#mainCenter .post.search-result .result-article li {
padding: 10px;
border-bottom: dotted 1px #DDE4E6;
margin: 0 0;
}
#mainCenter .post.search-result .result-article li:hover {
background: #FFFAEB;
}
#mainCenter .post.search-result .result-article li a {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
#mainCenter .post.search-result .result-article li a:hover {
opacity: 0.6;
}
#mainCenter .post.search-result .result-article li a img {
width: 272px;
height: 166px;
object-fit: contain;
}
#mainCenter .post.search-result .result-article li a .article_inner {
width: calc(100% - 282px);
height: 166px;
display: flex;
flex-flow: column wrap;
justify-content: space-evenly;
}
#mainCenter .post.search-result .result-article li a .article_title {
color: #162763;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: justify;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#mainCenter .post.search-result .result-article li a .article_lead {
color: #444;
font-size: 14px;
line-height: 1.5;
text-align: justify;
margin-bottom: 10px;
}
#mainCenter .post.search-result .result-article li a .article_cate {
color: #619EAB;
font-size: 10px;
line-height: 1.5;
font-weight: bold;
}
/*ページネーション*/
#mainCenter .post.search-result .navigation {
overflow: hidden;
margin: 0 0 20px;
}
#mainCenter .post.search-result .navigation > .article-pagenavi {
float: left;
}
#mainCenter .post.search-result .navigation > a.pc-display {
display: block;
color: #586080;
font-size: 16px;
font-weight: bold;
line-height: 50px;
position: relative;
float: right;
}
#mainCenter .post.search-result .navigation > a:after {
display: inline-block;
content: '';
width: 14px;
height: 14px;
background: url("https://img.altema.jp/yugiohcard/common/icon-right.svg") no-repeat;
background-size: contain;
margin-left: 10px;
position: relative;
top: 1px;
}
#mainCenter .post.search-result .navigation > a:hover {
opacity: 0.6;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul {
padding: 0;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li {
margin: 0 8px;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li a {
display: block;
width: 50px;
background: initial;
border-radius: initial;
text-decoration: none;
font-size: 16px;
font-weight: bold;
line-height: 50px;
padding: 0;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li a:hover {
opacity: 1;
background: rgba(88, 96, 128, 0.15);
border-radius: 50%;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li.current a:hover {
opacity: 1;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li span {
background: initial;
color: #586080;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 0;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li.current a {
background: #586080;
border-radius: 50%;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li.current span {
border: none;
color: #fff;
}
/*検索該当なし*/
#mainInner-col2 #mainCenter.search-error h2 {
position: initial;
background: initial;
color: #444;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
text-align: left;
margin: 0 0 20px;
padding: initial;
}
#mainInner-col2 #mainCenter.search-error .contents img {
width: 100%;
height: auto;
border: 4px solid #F7F7F7;
box-sizing: border-box;
margin: 0 0 20px;
}
#mainInner-col2 #mainCenter.search-error .contents p {
text-align: center;
font-size: 16px;
line-height: 1.5;
color: #444;
margin: 0 0 20px;
}
/*TOPに戻るボタン*/
#mainInner-col2 #mainCenter.search-error .contents .btn-to-top {
width: 320px;
background: #586080;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 48px;
text-align: center;
box-shadow: 0px 2px 0px #C9C9C9;
border-radius: 50px;
margin: 0 auto 20px;
display: block;
position: relative;
}
#mainInner-col2 #mainCenter.search-error .contents .btn-to-top:after {
display: inline-block;
content: '';
width: 14px;
height: 14px;
background: url("https://img.altema.jp/yugiohcard/common/icon-right-white.svg") no-repeat;
background-size: contain;
position: absolute;
top: 16px;
right: 16px;
}
#mainCenter.search-error .contents .btn-to-top:hover {
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px), (orientation:portrait) and (max-width : 753px) {
#mainCenter .post.search-result .navigation > a.pc-display {
display: none;
}
#mainCenter .post.search-result .navigation > a.sp-display {
display: block;
}
#mainCenter.search-error .contents {
text-align: center;
}
/*余白*/
#mainCenter .post.search-result {
padding: 0;
}
#main-contents .post h1, #mainCenter .post.search-result .search-form_inputXX, #mainCenter.search-error .contents .search-form_inputXX, #mainCenter .post.search-result .search_keyword p, #mainCenter.search-error .search_keyword p, #mainCenter.search-error h2, #mainCenter.search-error .contents p {
padding: 0 10px;
}
#mainCenter .post.search-result > .contents {
padding: 0 0;
}
/*検索フォーム*/
#mainCenter.search-error .contents .search-form_inputXX {
margin-top: 0;
display: flex;
flex-flow: row wrap;
}
#mainCenter .post.search-result .search-form_inputXX, #mainCenter.search-error .contents .search-form_inputXX {
margin-bottom: 10px;
}
#mainCenter.search-error .contents #search-form-box_side {
height: 36px;
color: #444;
background: #F7F7F7;
border: 2px solid #586080;
box-sizing: border-box;
border-radius: 4px 0 0 4px;
padding: 4px 8px;
outline: none;
}
#mainCenter .post.search-result input[type=text], #mainCenter.search-error .contents #search-form-box_side {
width: calc(100% - 85px) !important;
line-height: 1;
}
#mainCenter.search-error .contents .search-btn {
background: #586080;
line-height: 36px;
border-radius: 0 4px 4px 0;
position: relative;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
}
#mainCenter .post.search-result .search-btn, #mainCenter.search-error .contents .search-btn {
width: 85px;
height: 36px;
}
#mainCenter.search-error .contents .search-btn:before {
display: block;
content: '';
width: 16px;
height: 16px;
background: url("https://img.altema.jp/yugiohcard/common/search.svg") no-repeat;
background-size: contain;
position: absolute;
left: 16px;
top: 9px;
}
#mainCenter.search-error .contents .css-button {
display: block;
width: 100% !important;
background: initial !important;
color: #fff !important;
font-size: 14px;
font-weight: bold;
line-height: 36px;
border: none !important;
padding: 0 0 0 20px !important;
}
/*よく検索されるキーワード*/
#mainCenter .post.search-result .search_keyword, #mainCenter.search-error .search_keyword {
margin-bottom: 10px;
}
#mainCenter.search-error .search_keyword p {
font-weight: bold;
line-height: 1.5;
margin: 0 0 10px;
}
#mainCenter .post.search-result .search_keyword p, #mainCenter.search-error .search_keyword p {
text-align: left;
font-size: 16px;
}
#mainCenter.search-error .search_keyword ul {
background: #F7F7F7;
display: flex;
flex-flow: row wrap;
}
#mainCenter .post.search-result .search_keyword ul, #mainCenter.search-error .search_keyword ul {
padding: 10px 10px 0 10px;
}
#mainCenter.search-error .search_keyword li {
width: fit-content;
}
#mainCenter .post.search-result .search_keyword li, #mainCenter.search-error .search_keyword li {
margin: 0 10px 10px 0;
}
#mainCenter.search-error .search_keyword li a {
width: fit-content;
background: #fff;
color: #34C0C4;
font-weight: bold;
line-height: 26px;
border: 1px solid #DFF2F2;
box-sizing: border-box;
border-radius: 60px;
padding: 4px 16px;
position: relative;
}
#mainCenter .post.search-result .search_keyword li a, #mainCenter.search-error .search_keyword li a {
font-size: 14px;
}
#mainCenter.search-error .search_keyword li a:before {
display: inline-block;
content: '';
width: 12px;
height: 12px;
background: url("https://img.altema.jp/yugiohcard/common/icon-tag.svg") no-repeat;
background-size: contain;
margin-right: 4px;
position: relative;
top: 1px;
}
/*記事一覧*/
#mainCenter .post.search-result .result-article {
margin-bottom: 30px;
}
#mainCenter .post.search-result .result-article li a img {
width: 120px;
height: 70px;
}
#mainCenter .post.search-result .result-article li a .article_inner {
width: calc(100% - 130px);
height: fit-content;
}
#mainCenter .post.search-result .result-article li a .article_title {
font-size: 14px;
-webkit-line-clamp: 3;
margin-bottom: 0;
}
#mainCenter .post.search-result .result-article li a .article_lead, #mainCenter .post.search-result .result-article li a .article_cate {
display: none;
}
/*ページネーション*/
#mainCenter .post.search-result .navigation {
overflow: initial;
margin: initial;
width: 100%;
display: flex;
flex-flow: column wrap;
align-items: center;
}
#mainCenter .post.search-result .navigation > .article-pagenavi, #mainCenter .post.search-result .navigation > a {
float: initial;
width: calc(100% - 20px);
margin: 0 auto;
}
#mainCenter .post.search-result .navigation > .article-pagenavi {
margin-bottom: 30px;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul {
display: flex;
flex-flow: row;
white-space: nowrap;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li {
margin: 0 0;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li a {
width: 44px;
height: 44px;
margin: 0;
}
#mainCenter .post.search-result .navigation .article-pagenavi ul li span {
font-size: 13px;
line-height: 44px;
}
#mainCenter .post.search-result .navigation > a.sp-display {
display: block;
background: #586080;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 50px;
box-shadow: 0 2px 0 #C9C9C9;
margin-bottom: 30px;
position: relative;
float: initial;
}
#mainCenter .post.search-result .navigation > a.sp-display:after {
display: inline-block;
content: '';
width: 14px;
height: 14px;
background: url(https://img.altema.jp/yugiohcard/common/icon-right-white.svg) no-repeat;
background-size: contain;
position: absolute;
top: 12px;
right: 16px;
}
/*検索該当なし*/
#mainCenter.search-error h2 {
position: initial;
background: initial;
color: #444;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
text-align: left;
margin: 10px 0;
}
#mainCenter.search-error .contents p {
line-height: 1.5;
text-align: left;
margin-bottom: 10px;
}
#mainCenter.search-error .contents img {
width: calc(100% - 20px);
height: auto;
border: 4px solid #F7F7F7;
box-sizing: border-box;
margin: 0 auto 10px;
}
/*TOPに戻るボタン*/
#mainCenter.search-error .contents .btn-to-top {
display: block;
width: calc(100% - 20px);
background: #586080;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 50px;
box-shadow: 0 2px 0 #C9C9C9;
margin: 30px auto;
position: relative;
}
#mainCenter.search-error .contents .btn-to-top:after {
display: inline-block;
content: '';
width: 14px;
height: 14px;
background: url("https://img.altema.jp/yugiohcard/common/icon-right-white.svg") no-repeat;
background-size: contain;
position: absolute;
top: 12px;
right: 16px;
}
}


/*-- テーブルの任意の外枠を太字に --*/
tr.table-thickline_all {
border: 3px solid #000000;
}

tr.table-thickline_top {
border-top: 3px solid #000000;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}

tr.table-thickline_bottom {
border-bottom: 3px solid #000000;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}

tr.table-thickline_center {
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}

/*-- Tier用テーブル --*/
table.tierrank {
    border: 2px solid #626262!important;
}
tr.thickline_bottom {
    border-bottom: 2px solid #626262!important;
}
table.tierrank tr {
text-align: center;
}
#mainCenter table.tierrank th {
    background-color: #cdcdcd!important;
    border: solid 1px #a7a7a7!important;
}
#main-contents #mainCenter table.tierrank th {
    background-color: #cdcdcd!important;
    border: solid 1px #a7a7a7!important;
}
#main-contents #mainCenter table.tierrank td {
    border: solid 1px #a7a7a7;
    text-align: center;
}
#main-contents #mainCenter > div.post > div.contents.clearfix > div.article > table.tierrank > tbody > tr:nth-child(n + 2) > th {
    font-size: 16px;
}
    th.tierrank_1 {
    color: #ff2525;
}
    th.tierrank_2 {
    color: #ff7a36;
}
th.tierrank_3 {
    color: #ddff1f;
}
th.tierrank_4 {
    color: #0085ff;
}
td.tier_new, td.tier_meta {
    position: relative;
}
td.tier_new:before {
    content: '';
    background: url(https://img.altema.jp/yugiohcard/uploads/2023/05/2023y05m19d_1708143181.png) no-repeat;
    position: absolute;
    top: -5px;
    left: -7px;
    width: 35px;
    height: 35px;
    background-size: contain;
}
td.tier_meta:before {
    content: '';
    background: url(https://img.altema.jp/yugiohcard/uploads/2023/05/2023y05m19d_1712182241.png) no-repeat;
    position: absolute;
    top: -5px;
    left: -7px;
    width: 36px;
    height: 36px;
    background-size: contain;
}

/*-------------------------------------------------------
フッター広告に対するボタン
-------------------------------------------------------*/
.btn-close-circle {
position: absolute;
top: -15px;
background: #efefef;
width: 30px;
height: 30px;
padding: 0;
line-height: 0px;
text-align: center;
box-shadow: 0px 2px 3px #555555;
-moz-box-shadow: 0px 2px 3px #555555;
-webkit-box-shadow: 0px 2px 3px #555555;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: solid 2px #6e6e6e;
cursor:pointer;
}
.btn-close-circle span {
display: inline-block;
vertical-align: middle;
color: #6e6e6e;
margin: 0;
padding: 0;
border: 0;
line-height: 1;
width: 16px;
height: 2px;
background: currentColor;
border-radius: 0.1em;
position: relative;
transform: rotate(45deg);
cursor:pointer;
}
.btn-close-circle span::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
transform: rotate(90deg);
cursor:pointer;
}
/* 下からふわっと現れる */
.fadeUp {
-webkit-animation-name: fadeUpAnime;
animation-name: fadeUpAnime;    /*アニメーションの名前*/
-webkit-animation-duration: 1s;
animation-duration: 1s;         /*アニメーションの実行時間*/
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;  /*アニメーション後、要素が表示されたままにする*/
}
@-webkit-keyframes fadeUpAnime {
0% {
opacity: 0;                   /*非表示*/
-webkit-transform: translateY(100px);
transform: translateY(100px); /*縦方向に100pxずらす*/
}
100% {
opacity: 1;                   /*表示*/
-webkit-transform: translateY(0);
transform: translateY(0);     /*元の位置*/
}
}
@keyframes fadeUpAnime {
0% {
opacity: 0;                   /*非表示*/
-webkit-transform: translateY(100px);
transform: translateY(100px); /*縦方向に100pxずらす*/
}
100% {
opacity: 1;                   /*表示*/
-webkit-transform: translateY(0);
transform: translateY(0);     /*元の位置*/
}
}
/*-------------------------------------------------------
ガチャ結果ページUI
-------------------------------------------------------*/
.gacharesult_wrapper {
    text-align: center;
}
.gacharesult_footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gacharesult_footer a.gacharesult_button {
    width: 40%;
    margin-bottom: 20px;
}
a.gacharesult_button.button_tweet {
    background: #1DA1F2;
}
a.gacharesult_button.button_tweet:before {
    font-family: "FontAwesome";
    content: '\f099 ';
    font-weight: 800;
    padding-right: 3px;
}
/*--ボタン--*/
.gacharesult_button  {
    background: #FBCA1F;
    font-family: inherit;
    padding: 0.6em 1.3em;
    font-weight: 900;
    font-size: 18px;
    border: 3px solid black;
    border-radius: 0.4em;
    box-shadow: 0.1em 0.1em black;
    color: black!important;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
}
a.gacharesult_button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.gacharesult_button:hover {
transform: translate(-0.05em, -0.05em);
box-shadow: 0.15em 0.15em black;
color: initial;
}
.gacharesult_button:active {
transform: translate(0.05em, 0.05em);
box-shadow: 0.05em 0.05em black;
color: initial;
}
.gacharesult_button > svg {
    width: 29px;
    margin-left: 10px;
    transition: transform .3s ease-in-out;
    margin-bottom: 7px;
}
a.gacharesult_button:hover svg {
    transform: translateX(5px);
}
a.gacharesult_button:active svg {
    transform: scale(0.95);
}
a.gacharesult_button.button_tweet {
    color: #fff;
}

/*-------------------------------------------------------
PCのみ表示
-------------------------------------------------------*/

@media only screen and (orientation:landscape) and (max-width : 813px), (orientation:portrait) and (max-width : 753px) {
.pc-display {
 display: none!important;
}
}

/*-------------------------------------------------------
問い合わせフォーム
-------------------------------------------------------*/

div.mailform p.midashi {
    font-size: 16px !important;
}
div.mailform p.midashi span.hissu,
div.mailform p.midashi span.nini {
    padding: 5px 7px;
    margin-right: 5px;
    border-radius: 3px;
    color: #fff;
}
div.mailform p.midashi span.hissu {
    background: #ff5a5a;
}
div.mailform p.midashi span.nini {
    background: #5a8eff;
}
div.mailform p.midashi:not(:first-child){
    margin-top: 30px !important;
}
div.mailform div.infobox {
    height: 7em;
    overflow-y: scroll;
    border: solid 1px;
    padding: 5px 15px 5px 5px;
}


/*---PRロゴ設置CSS---*/
.pr-icon {
background: #ccc;
color: #fff;
font-size: 12px;
padding: 1px 10px;
margin: 0 ;
font-weight:bold;
border-radius:50px;
}
#mainCenter .snsBox02 li.hate-icon{
display:none;
}
#mainCenter .snsBox02 li.line-icon{
margin-right:0;
}
.post-meta02 span.post-data{
vertical-align: middle;
display: inline-block;
}
.post-meta02 .pr-icon,.search-h1Wrap .pr-icon{
border-radius: 0;
padding: 0 10px;
vertical-align: middle;
display: inline-block;
height: 22px;
line-height: 22px;
}
.search-h1Wrap{
display: flex;
align-items: center;
margin-bottom: 10px;
}
div.search-h1Wrap h1{
margin-bottom: 0;
}
.search-h1Wrap .pr-icon{
margin-left: auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.post-meta02 span.post-data{
margin-right: 3px;
}
.search-h1Wrap{
padding-right: 10px;
margin-top: 10px;
}
#main-contents div.search-h1Wrap h1{
margin: 0;
}
}
/*PC表示の場合埋め込みを中央寄せに-20231005追加*/
.twitter-tweet {
display: block!important;
margin: 0 auto !important;
width: 550px !important;
margin-bottom: 20px !important;
}
.twitter-tweet iframe {
width:550px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.twitter-tweet {
display:flex!important;
width: 100% !important;
}
}

/*------------------------------------------------------------
おすすめ枠 checkマーク
-------------------------------------------------------------*/
.osusume-user_box_check{
box-shadow: 0 0 0 4px #ffede2;
position: relative;
padding: 25px 20px;
border-radius: 10px;
margin: 30px auto 20px auto;
width: calc(100% - 8px);
box-sizing: border-box;
}
.osusume-user_box_check .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-user_box_check .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ffb70c;
font-weight:bold;
}
#mainCenter div.osusume-user_box_check ul{
margin: 0;
}
#mainCenter .post div.osusume-user_box_check li{
position: relative;
padding: 0 0 0 30px;
margin-top: 0;
margin-bottom: 15px;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
}
.osusume-user_box_check li:before{
content: '';
display: block;
width: 22px;
height: 22px;
background:url(https://img.altema.jp/yugiohcard/uploads/2023/12/2023y12m13d_1530587209.png) no-repeat center / contain;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
box-sizing: border-box;
}
#mainCenter .post .osusume-user_box_check li:last-of-type{
margin: 0;
}
.osusume-user_box_check li a img{
vertical-align: middle;
}
.osusume-user_box_check p:last-of-type{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box_check{
padding: 20px 10px;
}
.osusume-user_box_check .midasi div{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
#main-contents .osusume-user_box_check li{
position: relative;
margin-top: 0;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
margin-bottom: 10px;
padding: 0 0 0 28px;
}
#main-contents .osusume-user_box_check li:last-of-type{
margin: 0;
}
.osusume-user_box_check li:before{
width: 20px;
height: 20px;
}
}

/*-------------------------------------------------------
おすすめ枠
-------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #ffede2;
position: relative;
padding: 25px 20px;
border-radius: 10px;
margin: 30px auto 20px auto;
width: calc(100% - 8px);
box-sizing: border-box;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-user_box .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ffb70c;
font-weight:bold;
}
#mainCenter div.osusume-user_box ul{
margin: 0;
}
#mainCenter .post div.osusume-user_box li{
position: relative;
padding: 0 0 0 30px;
margin-top: 0;
margin-bottom: 10px;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#ffede2;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:5px solid #ffc5aa;
box-sizing: border-box;
}
#mainCenter .post .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
}
.osusume-user_box li a img{
vertical-align: middle;
}
.osusume-user_box p:last-of-type{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi div{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
#main-contents .osusume-user_box li{
position: relative;
margin-top: 0;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
margin-bottom: 10px;
padding: 0 0 0 25px;
}
#main-contents .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
border:4px solid #ffd2aa;
}
}
/*-------------------------------------------------------
東証ロゴ・KTAAロゴ
-------------------------------------------------------*/
.logo_area {
    display: flex;
}
.logo_tosho,
.logo_ktaa {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 10px 0 0 44px;
}
.logo_tosho img,
.logo_ktaa img {
    width: 50px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.logo_tosho span,
.logo_ktaa span {
    display: inline-block;
    line-height: 1.4;
    font-size: 9px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.logo_tosho,
.logo_ktaa {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
}
.logo_tosho img,
.logo_ktaa img {
    margin-right: 0px;
    width: 58px;
}
}

/*--------------------------------------------------------------
指差しボタン
-------------------------------------------------------------*/
a.service-recommend__info-btn.btn_green.btn-arrow:before{
    background: url(https://img.altema.jp/yugiohcard/uploads/2024/10/2024y10m03d_1038176122.png) center / 100% 100% no-repeat;
    content: "";
    width: 22px;
    height: 22px;
    color: #fff;
    display: inline;
    margin: 0 3px 0 0;
    top: 15px;
    left: 23px;
    position: absolute;
    animation: .64s linear infinite alternate icon_rotate;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
a.service-recommend__info-btn.btn_green.btn-arrow:before {
    width: 20px;
    height: 20px;
        top: 11px;
        left: 12px;
}
a.service-recommend__info-btn.btn_green.btn-arrow:after {
        top: 9px;
        right: 7px;
}
}
@keyframes icon_rotate {
 0% {
 transform: rotate(15deg);
}
 100% {
 transform: rotate(55deg);
}
}

/*--------------------------------------------------------------
運営会社メディア一覧
-------------------------------------------------------------*/

#mainCenter .cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

#mainCenter .cop-company-medialist dl {
    text-align: center;
    width: 49%;
    margin: 0 0 20px 0;
    background: #FFF;
    border: 1px solid #ebebeb;
}

#mainCenter .cop-company-medialist dl dt {
    position: relative;
}

#mainCenter .cop-company-medialist dt a {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: underline;
}

#mainCenter .cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: 16px auto;
}

#mainCenter .cop-company-medialist dl dd {
    padding: 10px 14px 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
    min-height: 110px;
    line-height: 1.5;
    font-size: 13px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
#main-contents .cop-company .cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#mainCenter .cop-company-medialist dl {
    width: 100%;
}

#main-contents .cop-company .cop-company-medialist dl {
    text-align: center;
    margin: 0 0 20px 0;
    background: #FFF;
    border: 1px solid #ebebeb;
}

#main-contents .cop-company .cop-company-medialist dt a {
    display: block;
}

#main-contents .cop-company .cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
}

#main-contents .cop-company .cop-company-medialist dl dd {
    padding: 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
}
}

/*--------------------------------------------------------------
運営会社受賞履歴
-------------------------------------------------------------*/

.company-jyusyou .cop-company-jyusyou-slider-wrap{
    height: 230px;
    margin: 0px 40px 40px 40px;
    }
.company-jyusyou .sd-message-01{
    display:block;
    text-align:left;
    margin:0 5px;
    background:#fff;
    position:relative;
    border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
    width:100%;
    height: 100px;
    padding: 15px;
    box-sizing:border-box;
    object-fit: contain;
}
main#main-lower .company-jyusyou div.sd-message-01 p{
    height: 130px;
    margin:0;
    padding:10px;
    color:#FFF;
    background:#34a1cf;
    font-size: 13px;
    margin: 0;
    letter-spacing: 0;
}
main#main-lower .company-jyusyou .sd-message-01 p:empty{
    display: none;
    margin:0;
}
.cop-company-jyusyou-slider-area{
    position: relative;
    margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
    width: 30px;
    line-height: 30px!important;
    height: 30px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 200%!important;
    position: absolute;
    background: #34a3d1;
    z-index: 999999;
    color: #fff;
    text-align: center;
    }
.cop-company-jyusyou-slider-area .slider-prev{
    left: 0;
}
.cop-company-jyusyou-slider-area .slider-next{
    right: 0;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.company-jyusyou .cop-company-jyusyou-slider-area{
    position: relative;
    height: 200px;
    margin-bottom: 0;
    }
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next {
    position: absolute;
    background: #34a3d1;
    font-weight: normal;
    font-size: 200%!important;
    z-index: 999999;
    color: #fff;
    text-align: center;
    width: 30px;
    line-height: 30px!important;
    height: 30px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    }
.cop-company-jyusyou-slider-area .slider-prev{
    left: 0;
    }
.cop-company-jyusyou-slider-area .slider-next {
    right: 0;
    }
.cop-company-jyusyou-slider-wrap {
    margin: 0 40px;
    }
.company-jyusyou .sd-message-01{
    margin: 0 10px;
    text-align:left;
    background:#FFF;
    position:relative;
    border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
    width: 100%;
    height: 100px;
    padding: 15px;
    box-sizing: border-box;
    object-fit: contain;
}
main#main-lower .company-jyusyou div.sd-message-01 p{
    height: 100px;
    margin: 0;
    padding: 10px;
    color: #FFF;
    font-size: 13px;
    background: #34a1cf;
}
.company-jyusyou .sd-message-01 p:empty{
    display:none;
    margin:0;
}
}

/*------------------------------------------------------------
会社概要スライダー
-------------------------------------------------------------*/
.cop-company-jyusyou-slider-wrap{
height: 200px;
margin: 0px 40px 40px 40px!important;
}
.sd-message-01{
display:block;
text-align:left;
margin:0 10px 0 0;
background:#fff;
position:relative;
border:1px solid #ededed;
}
.sd-message-01 img{
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
.sd-message-01 p{
height: 80px;
margin:0!important;
padding:10px!important;
color:#FFF;
background:#34a1cf;
font-size: 12px;
}
.sd-message-01 p:empty{
display: none;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
    width: 30px;
    line-height: 30px !important;
    height: 30px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 200% !important;
}
.ccop-company-jyusyou-slider-area .slick-initialized{
height: 180px;
margin: 0px 40px 0px 34px;
}
.cop-company-jyusyou-slider-area .slide-Area-wrap{
width: 100vw;
width: 1000px;
position: relative;
left: 50%;
transform: translateX(-50%);
background: #beeafc;
padding: 10px 0;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev{
position: absolute;
background: #2fadec;
width: 38px;
height: 38px;
line-height: 38px!important;
font-weight: bold;
font-size: 130%!important;
top: 0;
bottom: 0;
left: -20px;
margin: auto;
z-index: 999999;
color: #fff;
text-align: center;
border-radius: 50%;
}
.cop-company-jyusyou-slider-area .slider-next{
position: absolute;
background: #2fadec;
width: 38px;
height: 38px;
line-height: 38px!important;
font-weight: bold;
font-size: 130%!important;
top: 0;
bottom: 0;
right: -20px;
margin: auto;
z-index: 999999;
color: #fff;
text-align: center;
border-radius: 50%;
}
.cop-company-jyusyou-slider-area .slide-Area {
margin: 0 auto;
width: 980px;
position: relative;
}
.cop-company-jyusyou-slider-area .slick-initialized{
margin:0;
}
.cop-company-jyusyou-slider-area .slide-Area .slick-initialized .slick-slide{
margin: 0 10px;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow {
    left: 0!important;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-next.fa.fa-angle-right.slick-arrow {
    right: 0!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .cop-company-jyusyou-slider-area {
    position: relative;
    height: 190px;
    margin-bottom: 40px;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next{
    position: absolute;
    background: #34a3d1;
    font-weight: normal;
    font-size: 200% !important;
    z-index: 999999;
    color: #fff;
    text-align: center;
    width: 30px;
    line-height: 30px !important;
    height: 30px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
}