@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto|Roboto+Condensed&display=swap');
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
}
.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%,#fff2b5 60%);
font-weight: 700;
}
.b-line-no{
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;
background: #217bd6
}
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('/images/icon/icon-brc.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: #FFF7F1;
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 {
box-sizing: border-box;
margin-right: 15px;
margin-bottom: 20px
}
#mainRight {
width: 300px;
}
#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/pachimo/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/pachimo/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/pachimo/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: 1150px;
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/pachimo/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 {
background:#35394D;
color: #fff;
}
.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/pachimo/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/pachimo/common/top/shindan-icon-l.png') right repeat-x;
left: -68%
}
body .top-main-box .shindan-midashi:after {
background: url('https://img.altema.jp/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/common/top/ranking-icon-date.png') left center/32px no-repeat;
border: 0
}
#mainInner-col2 {
margin: 0 auto;
width: 1000px;
}
#mainInner-col2 #main-in{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.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: 1.4;
}
#mainCenter .post ul li {
padding: 0
}
#mainCenter ul {
margin: 10px 0
}
body .post a {
text-decoration: underline
}
body .post .conve-bt-boxs a,
body .post .kanrenlist-box a {
text-decoration: none
}
.lead {
font-size: 12px;
color: #777;
margin:10px 0;
}
.lead.main-font{
color: #444;
font-size: 16px;
}
#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
}
#mainCenter table td ul li {
padding: 5px 0;
border-bottom: 1px dotted #ccc;
background: #fff;
margin-bottom: 0
}
#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
}
#mainCenter table td ul li:last-child {
border-bottom: 0;
margin: 5px 0
}
.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-color:#10AFCF;
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: #ADDAE3;
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 #10AFCF;
line-height:normal;
position:relative;
}
body #mainCenter h3:before{
content:"";
position:absolute;
background:#10AFCF;
width:10px;
height:100%;
top:0;
bottom:0;
left:0;
margin:auto;
}
body #mainCenter h3.kuchi-icon {
background-image: url('https://img.altema.jp/pachimopachimo/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: #10AFCF;
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
body #mainCenter h4.kuchi-icon {
background-image: url('https://img.altema.jp/pachimopachimo/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.facepachimo-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.facepachimo-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.facepachimo-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.facepachimo-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: #333333;
}
.snsBox02 li.line-icon {
background-color: #50b945
}
.snsBox02 li.facepachimo-icon {
background-color: #5f699e
}
.snsBox02 li.hate-icon {
background-color: #297faa
}
.snsBox02 li.twi-icon:hover {
background-color: #151515;
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.facepachimo-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/pachimopachimo/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: #5fcff4 solid 1px
}
.hyoubanbox04 dl {
background: #FFF;
padding: 0 0 10px;
border: 2px solid #5fcff4 !important;
border-top: none;
margin-bottom: 0;
margin-top: 0;
border-radius: 5px !important
}
.hyoubanbox04 dd {
font-weight: 700;
padding: 2px 5px;
margin: 0 5px;
font-size: 14px;
color: #444
}
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/pachimopachimo/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/pachimopachimo/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
}
#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 {
width: 70%;
padding: 5px 0 5px 6px;
border-radius: 0;
border: 1px solid #888888;
height: auto;
margin-left: 0
}
#mainCenter .search-form_inputXX .css-button {
width: 14%;
padding: 5px 0;
border: 1px solid #888;
background: #888;
color: #FFF;
height: auto;
margin: 0;
cursor: pointer
}
#mainCenter .search-form_inputXX .css-button:hover,#mainCenter .search-form_inputXX .css-button:focus {
background: #e63259!important;
border-color:#e63259 ;
}
.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/pachimopachimo/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/pachimo/common/icon/rei-iconmail.png');
color: #282828
}
.protxtBox3 {
border-radius: 10px;
color: #494949
}
.protxtBox3 div {
background-image: url('https://img.altema.jp/pachimo/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/pachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/uploads/2019/01/2019y01m28d_1301004724.png')
}
div.purpose-area p:nth-child(2) {
background-image: url('https://img.altema.jp/pachimopachimo/uploads/2019/01/2019y01m28d_1300576315.png')
}
div.purpose-area p:nth-child(3) {
background-image: url('https://img.altema.jp/pachimopachimo/uploads/2019/01/2019y01m28d_1300586024.png')
}
div.purpose-area p:nth-child(4) {
background-image: url('https://img.altema.jp/pachimopachimo/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
}
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/pachimopachimo/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/pachimopachimo/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: 83%
}
#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 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;
padding: 5px 13px;
}
#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/pachimopachimo/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/pachimopachimo/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
}
#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/pachimo/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/pachimo/common/member-03.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://img.altema.jp/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimopachimo/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.new-kuchiko-woman:before {
background: url(https://img.altema.jp/pachimopachimo/uploads/2021/03/2021y03m12d_1828489344.png) center top/60% no-repeat
}
#main-contents .new-kuchiko-man:before {
background: url(https://img.altema.jp/pachimopachimo/uploads/2021/03/2021y03m12d_1828496704.png) center top/90% no-repeat
}
#main-contents .new-kuchiko-woman:before {
background: url(https://img.altema.jp/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.acMenu dd .new-kuchiko-woman:before {
background: url(https://img.altema.jp/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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://img.altema.jp/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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;
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
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-track-piece:end,
#main-contents .scroll-img-wrap::-webkit-scrollbar-track-piece:end {
background: #ffdee9
}
.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 {
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;
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
}
.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;
font-size: 14px;
}
#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: 50%;
left: 0;
margin-top: -3px;
}
#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/pachimopachimo/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/pachimo/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/pachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimopachimo/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/pachimopachimo/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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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
}
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
}
.facepachimoTxt {
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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimopachimo/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/pachimopachimo/uploads/2020/03/2020y03m27d_1900309367.png"] {
width: 26px;
height: 30px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/uploads/2020/03/2020y03m27d_1900317246.png"] {
width: 26px;
height: 20px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/uploads/2020/03/2020y03m27d_1900324928.png"] {
width: 26px;
height: 32px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/uploads/2020/03/2020y03m27d_1900332523.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/uploads/2020/03/2020y03m27d_1900339816.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/uploads/2020/03/2020y03m27d_1900397326.png"] {
width: 26px;
height: 23px;
}
.HYlist dl dt img[src="https://img.altema.jp/pachimopachimo/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/pachimo/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/pachimo/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and (max-width: 896px){
.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/pachimo/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/pachimo/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and (max-width: 896px){
.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 (max-width: 896px){
.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/pachimopachimo/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 (max-width: 896px){
#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/pachimopachimo/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: cover;
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: 896px){
#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:20px 0 0;
margin-bottom: 0px;
position: relative;
vertical-align:middle;
}
}
body .post .cvBts-box-autumn.halloween:before {
background: url(https://img.altema.jp/pachimo/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/pachimo/common/icon/halloween-2.png) center no-repeat;
background-size: 55%;
top: -22px!important;;
left: 0;
right: -395px;
}
img[src="https://img.altema.jp/pachimopachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimo/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/pachimopachimo/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/pachimo/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/pachimo/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/pachimopachimo/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/pachimopachimo/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;
}
@media only screen and (max-width: 896px){
.company-jyusyou .sd-message-01 p{
font-size: 14px;
}
#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: 896px){
.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-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 .facepachimoTxt {
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/pachimopachimo/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/pachimo/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/pachimo/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 .facepachimoTxt {
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/pachimo/uploads/2021/11/2021y11m15d_1752069624.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;
}
.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: #81C434;
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;
}
.widget-conts .btn-box{
text-align: center;
margin:20px 0 0;
}
.widget-conts .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;
}
.widget-conts .btn-box a:hover{
opacity: 0.6;   
}
@media only screen and (max-width: 896px){
.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-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;
}
.widget-conts .btn-box a{
width: 100%;
border-bottom:2px solid #c9c9c9;
}
.widget-conts .btn-box{
width: 100%;
}
}

/*------------------------------------------------------------
ヘッダー周り
-------------------------------------------------------------*/
.headerIn {
margin: 0 auto;
background: #FFF;
padding: 20px 0 10px;
}
.headerIn .headerLeft {
width:100%;
}
.headerIn .header-logo img{
width:250px;
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;
}
#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/pachimo/common/design/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 (max-width: 896px){
.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: center;
}
.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;
}
.head-logo .search-bt a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .search-bt img{
width:30%!important;
}

}

/*------------------------------------------------------------
スライダー
-------------------------------------------------------------*/
.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/pachimo/common/design/icon-yaji-l.svg) no-repeat center / contain;
left: -30px;
}
.slide-wrap .slider-arrow.slider-next{
background: url(https://img.altema.jp/pachimo/common/design/icon-yaji-r.svg) no-repeat center / contain;
right:  -30px;
}
@media only screen and (max-width: 896px){
.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/pachimo/common/design/h2_bg.jpg)no-repeat center bottom;
background-size:100%;
background-color:#10AFCF;
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/pachimo/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: 896px){
#top-main #article-list h2,#top-main #app-kuchikomi-list h2,#top-main #o-ranking-list h2{
background:url(https://img.altema.jp/pachimo/common/design/h2_bg.jpg)no-repeat center bottom;
background-size:100%;
background-color:#10AFCF;
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/pachimo/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;
}
.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{
padding:0 20px;
margin:0 10px;
}
.area01 ul.footer-link-list li a{
color:#7E7E7E;
}
.copyright {
padding: 5px 0;
font-size: 10px;
text-align: center
}
@media only screen and (max-width: 896px){
.area01 ul.footer-link-list{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.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: 896px){
#search_modal {
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.7);
color:#ffff;
font-size: bold;
}
}
/*------------------------------------------------------------
SP用見出し
-------------------------------------------------------------*/
@media only screen and (max-width: 896px){
body #main-contents .article h2 {
background:#10AFCF;
line-height:normal;
color: #fff;
font-size: 15px;
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: #ADDAE3;
position: absolute;
left: 0;
bottom: 3px;
}
body #main-contents .article h3 {
font-size: 15px;
margin: 0 0 20px;
text-align: left;
padding: 5px 10px 5px 15px;
font-weight: 700;
border-bottom: 2px solid #10AFCF;
position:relative;
line-height:normal;
}
body #main-contents .article h3:before{
content:"";
position:absolute;
background: #10AFCF;
width:10px;
height:100%;
top:0;
bottom:-1px;
left:0;
margin:auto;
}
body #main-contents h3#comment_title {
background:url(https://img.altema.jp/pachimo/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: 15px;
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: #10AFCF;
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
img[src="https://img.altema.jp/pachimo/common/design/mnext-logo.svg"]{
margin:0!important;
}
}
img[src="https://img.altema.jp/pachimo/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: 896px){
.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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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/pachimopachimo/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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
z-index:1;
overflow-y: hidden!important;
}
.table-scroll-fix th:first-child,.table-scroll-fix td:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index:3;
}
.table-scroll-fix td{
background: #fff;
}
.table-scroll-fix th a {
position: relative;
z-index: 1;
}
/*-----------------------------------------------------
↑rowspanでの崩れ修正
-------------------------------------------------------*/
.table-scroll-fix.use-rowspan td:first-child:last-child{
position: static;
}
.table-scroll-fix.use-rowspan td:first-child:last-child:before{
display: none;
}
.table-scroll-fix.use-rowspan th:first-child[rowspan="2"]{
z-index: 4;
}

/*------------------------------------------------------------
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: 896px){
#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 .facepachimoTxt {
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/pachimopachimo/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/pachimopachimo/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 (max-width: 896px){
#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 (max-width: 896px){
.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;
}
.pachimo-review {
margin: 0 0 20px;
overflow: hidden;
}
.pachimo-review__pachimo-img {
width: 200px;
height: fit-content;
float: left;
margin-right: 20px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.pachimo-review__pachimo-img > img {
width: 100%;
display: block;
}
.pachimo-review__pachimo-info__data,
.pachimo-review__pachimo-info__genre,
.pachimo-review__pachimo-info__comment {
width: calc(100% - 20px - 200px);
}
.pachimo-review__pachimo-info__author {
width: calc(100% - 20px - 24px - 8px - 200px);
}
.pachimo-review__pachimo-info__comment-ttl {
width: calc(100% - 20px - 16px - 200px);  
}
.icon-human {
width: 24px;
height: 24px;
display: inline-block;
background: url("https://img.altema.jp/pachimo/uploads/2021/10/2021y10m27d_1933210508.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
float: left;
}
.pachimo-review__pachimo-info__author {
line-height: 1.5;
float: left;
margin-bottom: 10px;
}
.pachimo-review__pachimo-info__data {
float: left;
margin-bottom: 20px;
}
.pachimo-review__pachimo-info__data > dl {
margin-top: 0;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.pachimo-review__pachimo-info__data > dl > dt {
width: 94px;
background: #f5f5f5;
padding: 0 8px 0 8px;
border: solid 1px #ECECEC;
box-sizing: border-box;
display: table-cell;
}
.pachimo-review__pachimo-info__data > dl > dd {
margin-left: 10px;
}
.pachimo-review__pachimo-info__genre {
line-height: 1;
float: left;
margin-bottom: 20px;
box-sizing: border-box;
}
.pachimo-review__pachimo-info__genre-ttl {
width: fit-content;
color: #ffffff;
line-height: 1.5;
background: #10AFCF;
padding: 2px 8px;
margin-bottom: 10px;
}
.pachimo-review__pachimo-info__genre-ttl:before {
display: inline-block;
content: '';
width: 12px;
height: 17px;
background: url("https://img.altema.jp/pachimo/uploads/2022/01/2022y01m14d_1102033609.png") no-repeat center;
background-size: contain;
margin-right: 4px;
position: relative;
top: 2px;
}
.pachimo-review__pachimo-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;
}
.pachimo-review__pachimo-info__comment-ttl {
line-height: 1.5;
font-weight: 700;
background: #EDFAFC;
border-radius: 4px;
margin-bottom: 10px;
padding: 4px 8px;
float: right;
}
.pachimo-review__pachimo-info__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/pachimo/uploads/2021/10/2021y10m27d_1933215384.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 2px;
}
.pachimo-review__pachimo-info__comment {
font-size: 12px;
float: right;
}

@media only screen and (max-width: 896px){
.sp-display {
display: block;
}
.pachimo-review {
margin: 0 0 20px;
overflow: hidden;
}
.pachimo-review__pachimo-img {
width: 102px;
height: fit-content;
float: left;
margin-right: 10px;
border: solid 5px #F5F5F5;
box-sizing: border-box;
}
.pachimo-review__pachimo-img > img {
width: 100%;
display: block;
}
.pachimo-review__pachimo-info__author,
.pachimo-review__pachimo-info__data,
.pachimo-review__pachimo-info__genre {
width: calc(100% - 10px - 102px);
}
.pachimo-review__pachimo-info__author {
width: calc(100% - 10px - 20px - 8px - 102px);
}
.pachimo-review__pachimo-info__comment-ttl,
.pachimo-review__pachimo-info__comment {
width:100%;
}
.icon-human {
width: 20px;
height: 20px;
display: inline-block;
background: url("https://img.altema.jp/pachimo/uploads/2021/10/2021y10m27d_1933210508.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
float: left;
}
.pachimo-review__pachimo-info__author {
font-size: 14px;
line-height: 1.5;
float: right;
margin-bottom: 10px;
}
.pachimo-review__pachimo-info__data {
font-size: 14px;
float: right;
margin-bottom: 20px;
}
.pachimo-review__pachimo-info__data > dl {
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
display: table;
}
.pachimo-review__pachimo-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;
}
.pachimo-review__pachimo-info__data > dl > dd {
margin: 0 0 0 10px!important;
}
.pachimo-review__pachimo-info__genre {
line-height: 1;
float: right;
margin-bottom: 16px;
}
.pachimo-review__pachimo-info__genre-ttl {
font-size: 14px;
margin-bottom: 6px;
}
.pachimo-review__pachimo-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;
}
.pachimo-review__pachimo-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;
}
.pachimo-review__pachimo-info__comment-ttl::before {
width: 20px;
height: 16px;
content: "";
display: inline-block;
background: url("https://img.altema.jp/pachimo/uploads/2021/10/2021y10m27d_1933215384.png") no-repeat center;
background-size: cover;
margin-right: 8px;
position: relative;
top: 4px;
}
.pachimo-review__pachimo-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/pachimo/uploads/2021/11/2021y11m02d_1751568604.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 {
font-size: 14px;
line-height: 1;
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;
}
.service-recommend__info-btn:hover {
opacity: 0.6;
}

@media only screen and (max-width: 896px){
.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/pachimo/uploads/2021/11/2021y11m02d_1751568604.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 {
font-size: 12px;
line-height: 1;
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 0;
display: block;
}
.service-recommend__info-btn:hover {
opacity: 0.6;
}  
}

/*--------------------------------------------------------------
ブックミー SP
-------------------------------------------------------------*/
@media only screen and (max-width: 896px){
#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 (max-width: 896px){
#mainInner-col2 #mainCenter{
width:100%;
}
.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;
padding: 0px 10px;
}
div.contents {
padding-bottom: 0;
}
}

@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-pachimo .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://img.altema.jp/pachimo/uploads/2021/11/2021y11m12d_2011474016.png) no-repeat center / 18px #810b2a;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
.conve-bt-boxs-pachimo{
width:80%;
padding:20px 0;
margin: 20px auto;
border-radius: 5px;background:#ffedd7;
display: block;
box-sizing: border-box;
}
.conve-bt-boxs-pachimo .facepachimoTxt {
color: #7e7e7e;
margin-top:10px;
}
body .post .conve-bt-boxs-pachimo 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-pachimo 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-pachimo 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-pachimo .cvBts-box-win p {margin: 0!important;text-align: center;}
body .post .conve-bt-boxs-pachimo .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-pachimo .cvBts-box-win.valen{position:relative;}
body .post .conve-bt-boxs-pachimo .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/pachimo/uploads/2021/11/2021y11m12d_2033104062.png) center no-repeat;
background-size: 60px;
top: -25px;
left: -410px;
right: 0;
}
body .post .conve-bt-boxs-pachimo .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/pachimo/uploads/2021/11/2021y11m12d_203311066.png) center no-repeat;
background-size:80px;
top: -15px!important;
left: 0;
right: -420px;
}



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

@media screen and (max-width: 415px){
body .post .conve-bt-boxs-pachimo .cvBts-box-win a.cvBts {
width: 75%;
}
#main-contents .conve-bt-boxs-pachimo .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/pachimo/uploads/2021/11/2021y11m12d_2033104062.png) center no-repeat;
background-size: 34%;
width: 110px;
left: -345px;
right: 0;
top: -21px;
}
#main-contents .conve-bt-boxs-pachimo .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/pachimo/uploads/2021/11/2021y11m12d_203311066.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-pachimo .cvBts-box-win.valen:before {
background-size: 35%;
width: 100px;
left: -310px;
right: 0;
top: -19px;
}
#main-contents .conve-bt-boxs-pachimo .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-pachimo .cvBts-box-win.valen:before {
background-size: 35%;
width: 100px;
left: -300px;
right: 0;
top: -18px;
}
#main-contents .conve-bt-boxs-pachimo .cvBts-box-win.valen:after {
background-size: 35%;
width: 120px;
left: 0;
right: -303px;
top: -10px!important;
}
}
/*---CVボタンBOOK用(SP)end---*/



/*------------------------------------------------------------
漫画紹介-btn
-------------------------------------------------------------*/
.pachimo-review__pachimo-info__btn{
float: right;
width: calc(100% - 20px - 200px);
padding-bottom: 6px;
margin-top: 5px;
}
body div.pachimo-review__pachimo-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.pachimo-review__pachimo-info__btn a:before{
content: '';
display: inline-block;
background: url(https://img.altema.jp/pachimo/uploads/2021/11/2021y11m15d_1840379581.png) no-repeat center / contain;
margin-right: 10px;
width: 24px;
height: 24px;
vertical-align: middle;
position: relative;
bottom: 2px;
}
body div.pachimo-review__pachimo-info__btn a:hover{
opacity: 0.6;
}
@media only screen and (max-width: 896px){
.pachimo-review__pachimo-info__btn{
padding-bottom: 4px;
width: 100%;
}
body div.pachimo-review__pachimo-info__btn a{
height: 33px;
line-height: 33px;
box-shadow: 0 4px 0 #AD3232;
font-size: 12px;
}
body div.pachimo-review__pachimo-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: 1;
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 (max-width: 896px){
#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/pachimo/uploads/2022/01/2022y01m05d_175316644.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(3) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1753439276.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(4) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1754052784.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(5) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1754239691.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(6) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1754406219.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(7) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1754586104.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(8) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1755158513.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(9) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1755370363.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(10) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1755525886.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(11) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756100531.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(12) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756568348.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(13) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756573864.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(14) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756579379.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(15) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756584808.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(16) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756590614.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(17) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756507643.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(18) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756513223.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(19) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756519276.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(20) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756526536.png) no-repeat center / contain;
}
.rank-icon-table tr:nth-of-type(21) td:first-of-type:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/01/2022y01m05d_1756531932.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 (max-width: 896px){
.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 (max-width: 896px){
.tuizyu-btn{
display: block;
}
#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 .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 16px;color: #FFF;line-height: normal;border: 0;position: relative;font-weight: bold;font-size: 20px;}
.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;
}
.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;box-sizing: border-box;border-radius: 10px;}
#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;
}
.hyouka-main-wrap .hyouka-main-head .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;
}
.hyouka-main-wrap .gachaBtn:before {
content: '';
display: block;
width: 26px;
height: 26px;
background: url(https://img.altema.jp/pachimo/uploads/2022/02/2022y02m18d_1152241007.png) no-repeat center / contain;
position: absolute;
right: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn:hover{
opacity: 0.6;
}
.hyouka-main-wrap .osusume-user_box {
margin: 20px 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/pachimo/uploads/2022/03/2022y03m28d_1707269759.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/pachimo/uploads/2022/02/2022y02m18d_1227390071.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/pachimo/uploads/2022/02/2022y02m18d_1227130795.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 #333;
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 1px 0 1px #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/pachimo/uploads/2022/02/2022y02m18d_1230453814.png) no-repeat center / contain;
right: 20px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: 0px;
}
.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 #000;
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/pachimo/uploads/2022/02/2022y02m18d_1232501783.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 + dd {
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
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:first-child{
margin-top: 0;
}
#mainCenter .hyouka-main-wrap .acMenu.achyouka dd *:last-child img{
margin-bottom: 0;
}

@media only screen and (max-width: 896px){
.hyouka-main-wrap{
margin-bottom:0px;
width: 100%;
}
.hyouka-main-wrap .hyouka-h3-name{
width:100%;
margin:0px;
margin-bottom:20px;
}
.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: 17px;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: 12px 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/pachimo/uploads/2022/02/2022y02m18d_1227390071.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/pachimo/uploads/2022/02/2022y02m18d_1227130795.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;
}




/*------------------------------------------------------------
共通
-------------------------------------------------------------*/
table.all-center th,table.all-center td,#mainCenter table.all-center th,#mainCenter table.all-center td  {
text-align:center;
}
table.th-center th{
text-align:center;
}
table.td-right td:not(.default){
text-align:right;
}
/*合わせて読みたい*/
.awasete{
margin:10px 0;
}
.awasete dt{
background: #fff6ca url('https://img.altema.jp/pachimo/uploads/2022/03/2022y03m08d_1843453429.png') no-repeat border-box 7px 7px/17px;
font-weight:bold;
padding:5px 10px 5px 30px;
display:inline-block;
margin-bottom:0;
border-radius:4px 4px 0 0;
}
.awasete dd{
background:#fffdec;
border:2px solid #fff6ca;
padding:5px 10px;
margin:0;
}
.awasete dd ul li{
border-bottom:1px dotted #ccc;
padding:5px 0;
margin:0;
}
.awasete dd ul li:last-child{
border-bottom:none;
margin-bottom:0;
}
/*アイコン角丸ライン*/
.iconline-maru{
border-radius:15px;
border:1px solid #ccc;
}

/*タブ*/
.common-tab{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.common-tab-wrapper{
height:33px;
}
.common-tab li{
font-size:13px;
font-weight:bold;
width:25%;
-webkit-box-flex:2;
-ms-flex-positive:2;
flex-grow:2;
margin-bottom: 0!important;
line-height: normal!important;
border-bottom: 2px solid #1298d6;
font-size:11px;
}
.common-tab li a{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
text-decoration: none;
}
.common-tab li a:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type a{
border-right: 0;
}
.common-tab li:last-of-type a:hover{
border-right: 0;
}
.common-tab li.tabactive a {
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
.common-tab li span{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
}
.common-tab li span:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type span{
border-right: 0;
}
.common-tab li:last-of-type span:hover{
border-right: 0;
}
.common-tab li.tabactive span{
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
@keyframes tabAnim{
0%{opacity:0;}
100%{opacity:1;}
}
ul.common-tab ~ div{
display:block;
animation:tabAnim ease 0.6s forwards;
-ms-animation:tabAnim ease 0.6s forwards;
}

/*テーブルカラー*/
table.tLine-00,table.tLine-00 th,table.tLine-00 td{
border:1px solid #e49f84;
}
table.tLine-00, table.tLine-00 th, table.tLine-00 td{
border:1px solid #e49f84;
}
table.tLine-00 th{
border:1px solid #e49f84;margin:0!important;
}

/*テーブルカラー*/
table.tLine-00, table.tLine-00 th, table.tLine-00 td{
border:1px solid #e49f84;
}
table.tLine-00, table.tLine-00 th, table.tLine-00 td{
border:1px solid #e49f84;
}
table.tLine-00 th{
border:1px solid #e49f84;margin:0!important;
}

table.tLine-01 th,table.tLine-01 td{
border:1px solid #e49f84;
}
table.tLine-01 th, table.tLine-01 td:first-child{
border:1px solid #676767;
}
table.tLine-01 th, table.tLine-01 tr:first-child{
border:1px solid #676767;
}
table.tLine-01 th, table.tLine-01 td{
border:1px solid #e49f84;
}
table.tLine-01 tr:nth-child(2) td{
border:1px solid #e49f84;
border-top:0;
}
table.tLine-01 th{
border:1px solid #e49f84;margin:0!important;
}

/*スレッドリンクカラー*/
.thread-title-text{
color:#448acb;
font-weight:bold;
}
.thread-title-text:hover{
color:#f60;
font-weight:bold;
}

/*中央ぞろえ共用*/
.centered,.centered th, .centered_th th,.centered_td1 td:first-of-type{
text-align: center;
}

/*thソートズレ修正*/
.sort_syusei th span{float:none!important;}
.sort_syusei th .sort{display: inline-block;}

/*最強ランキングアイコンサイズ*/
table.saikyo-icon-30 td img{
width: 30px;
height: 30px;
object-fit: cover;
}
table.saikyo-icon-35 td img{
width: 35px;
height: 35px;
object-fit: cover;
}
table.saikyo-icon-40 td img{
width: 40px;
height: 40px;
object-fit: cover;
}
table.saikyo-icon-45 td img{
width: 45px;
height: 45px;
object-fit: cover;
}
table.saikyo-icon-50 td img{
width: 50px;
height: 50px;
object-fit: cover;
}
table.saikyo-icon-55 td img{
width: 55px;
height: 55px;
object-fit: cover;
}
table.saikyo-icon-60 td img{
width: 60px;
height: 60px;
object-fit: cover;
}
table.saikyo-icon-65 td img{
width: 65px;
height: 65px;
object-fit: cover;
}

/*アイコン画像サイズ任意*/
.iconsize-30{
width: 30px!important;
height: 30px!important;
object-fit: cover!important;
}
.iconsize-35{
width: 35px!important;
height: 35px!important;
object-fit: cover!important;
}
.iconsize-40{
width: 40px!important;
height: 40px!important;
object-fit: cover!important;
}
.iconsize-45{
width: 45px!important;
height: 45px!important;
object-fit: cover!important;
}
.iconsize-50{
width: 50px!important;
height: 50px!important;
object-fit: cover!important;
}
.iconsize-55{
width: 55px!important;
height: 55px!important;
object-fit: cover!important;
}
.iconsize-60{
width: 60px!important;
height: 60px!important;
object-fit: cover!important;
}

/*-診断調整-*/
.shindan_frm{
display:flex;
justify-content: center;
align-items: center;
}
.shindan_frm button{
margin-left:5px;
cursor:pointer;
}
.article .shindan_frm input {
border-radius: 4px;
border: 1px solid #AECBD9;
background: #DDEEFE;
width: 80%;
height: 38px;
}
/*-ばつ-*/
.topNavi-modal-menu-close-button{
display:none;    
}
.topNavi-modal-menu-items {
display: none;
}

/*拡大ボタン*/
.img_kakudai{
display:block;
text-align:center;
background:#5a99fd;
color:#fff;
padding:5px 0;
}
.img_kakudai:before{
content:'';
display:inline-block;
vertical-align:top;
background-image:url('https://img.altema.jp/pachimo/uploads/2022/03/2022y03m08d_1844084671.png');
background-size:contain;
width:15px;
height:15px;
margin-right:4px;
background-repeat: no-repeat;
}
@media screen and (max-width:360px){
.img_kakudai:before{
width: 13px;
height: 13px;
position:relative;
top:1px;
}
}

/*画像白黒*/
img.grayscaleImg{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

/*QA回答*/
p.qa-a{
border: 1px solid #d7dfe2;
background-color: #fff7f7;
padding: 5px;
border-radius: 5px;
color: #b70b0b;
font-weight: bold;
font-size: 14px;
padding:10px;
}

/*下の空白消す*/
.margin-b-off{
margin-bottom:0px!important;
}

/*下マージン*/
.margin-b-5px{
margin-bottom:5px!important;
display: inline-block;
}
.margin-b-10px{
margin-bottom:10px!important;
display: inline-block;
}
.margin-b-15px{
margin-bottom:15px!important;
display: inline-block;
}
.margin-b-20px{
margin-bottom:20px!important;
display: inline-block;
}


/*画像に罫線*/
.imgBorder{
border:1px solid #bebfc1;
box-sizing:border-box;
}

/*YouTube画像の比率を合わせる*/
.youtube-img{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube-img iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

/*上に揃える*/
.align-top{
vertical-align:top;
}

/*縦中央整列*/
.align-middle{
vertical-align:middle!important;
}

/*背景色変更(黄)＆枠線*/
table.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}
.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}

/*背景色グレー&枠線点線*/
table.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6!important;
}
table.supplement th:last-child, table.supplement tr td:last-child{
border-right:1px dashed #dde4e6!important;
}
table.supplement tr:last-child td{
border-bottom:1px dashed #dde4e6!important;
}
.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6;
}

/*赤文字＆太文字*/
.b-red{color:#cc0000;font-weight: bold;}
.redtxt{color:#f00;}
.hyoka {font-weight:bold;color:#cc0000;}

/*画像の位置*/
.img-c{object-position: center;}
.img-l{object-position: left;}
.img-r{object-position: right;}

/*背景(黄)*/
.tejun {
background: #b2e3ff;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
font-weight:bold;
}
.tejun{
background: #fff9c9;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
}
.tejun p{
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 10px;
}
ul.tejun{
background: #fff9c9;
padding: 16px 0 10px 20px;
margin-bottom: 20px;
}
ul.tejun li{
margin-left: 0;
font-weight: bold;
color: #333;
}
.tejun ol li{
margin-left: 0;
font-weight: bold;
color: #333;
}
.tejun ol{
margin-left:10px!important;
}

/*font系(size/color/weight)*/
strong,.b,.bold {font-weight: bold;}

/*text-align(center/left/right)*/
.center {text-align:center;}
.left-t {text-align:left;}
.right-t {text-align:right;}

/*カラー＆見出し系*/
.new{color:#cc0000;font-weight:bold;font-size:70%;}
.event,.beginner {background: #81BF24;}
.dungeon,.quest {background: #BC4032;}
.monster,.blog2 {background: #557d00;}
.card,.chara,.medal {background: #F453BC;}
.collabo {background: #6c16c7;}
.news,.update {background: #02A1EA;}
.chara_ranking {background: #0ad7f2;}
.matome,.sonota {background: #474546;}
.deck,.tenplate {background: #375E94;}
.radar,.areana {background: #000bb0;}
.gacha {background: #f1c850;}
.event {background: #81BF24;}
.kosatu,.touron {background: #f99545;}
.korin {background: #694d3b;}
.boss {background: #4f1eb8;}
.sobi{background:#075ac6;}

.goTop{
width:100%; 
height:100%;
display:block;
}
.tableLine td img{
vertical-align:middle;
}
.tableLine tr:nth-child(odd){
background:#f9f9f9;
}
.tableLineEven tr:nth-child(even){
background:#f9f9f9;
}

/*-- アコーディオンメニュー --*/
.acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 17px;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position:relative;
}
.acMenu dt:before{
content:"";
position:absolute;
bottom:-4px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:2px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt:after{
content:"";
position:absolute;
bottom:-7px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.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:before{
border:none;
}
.acMenu dt.active:after{
border:none;
}
#sub-contents .acMenu{
margin:5px 0;
}
#sub-contents .acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 0px 0 10px;
padding: 5px 5px;
text-align: center;
display: block;
background: #fff;
cursor: pointer;
color:#666;
}
#sub-contents .acMenu dt:before{
content:"";
position:absolute;
bottom:-3px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
#sub-contents .acMenu dt:after{
content:"";
position:absolute;
bottom:-5px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:0px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
#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:before{
border:none;
}
#sub-contents .acMenu dt.active:after{
border:none;
}
.acMenu + h3{
margin-top:27px!important;
}
.hyokaTd{
width:17%!important;
}
.genkaiTxt{
font-size:14pt;
color:#f00;
}
.hyokaData dt{
font-size:14pt;
color:#f00;
padding:15px 0 15px 0;
}
.hyokaData dd{
margin:0;
}
.hyokaTable{
text-align:center;
}
.charaImg{
text-align:center;
padding:20px 0 10px 0;
}
.lead{
font-size:11px;
color:#777;
}
/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }
.link-next,
.link-next02{ text-align: right; }
.link-back,
.link-back02{ text-align: left; }
.link-next a{
padding: 3px 0 3px 15px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m08d_184455783.png) 0 5px no-repeat;
}
.link-back a{
padding: 3px 0 3px 15px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m08d_184541667.png) 0 5px no-repeat;
}
.link-next02 a{
padding: 3px 0 3px 15px;
}
.link-back02 a{
padding: 3px 0 3px 15px;
}
/*画像の回り込み*/
img.alignleft{
float: left;
padding-right: 30px;
}
img.alignright{
float: right;
padding-left: 30px;
}
img.aligncenter{
display: block;
margin: auto;
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after{
content : '';
display : block;
clear : both;
height:0;
}
#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }

/*------------------------------------------------------------
gachaBtn
-------------------------------------------------------------*/
.gachaBtn,.gachaBtn02,.btn01{
border: 1px solid #e63259;
border-radius: 2px;
color: #e63259 !important;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 99%;
margin: 0 auto;
transition: 0.3s;
box-sizing: border-box;
padding: 15px 20px;
}
.gachaBtn02{
width: 99%;
}
.gachaBtn:hover, .gachaBtn02:hover, .btn01:hover{
color: #fff !important;
background:  #e63259;
}
.gachaBtn:before{
content:'▶';
margin-right:4px;
}

/*--------------------------------------------------------
注目の記事
--------------------------------------------------------*/

.chumoku{
border: 1px solid rgb(19, 104, 174);
border-radius: 4px;
padding: 8px 10px;
margin-bottom: 10px;
width: 86%;
margin: 10px auto;
}


/*------------------------------------------------------------
textwaku
-------------------------------------------------------------*/
span.textwaku{
padding: 2px 4px;
border: 1px solid #bdccd4;
display: inline-block;
height: 15px;
margin: 3px;
border-radius: 5px;
text-align: center;
font-style: normal;
line-height: 15px;
color: #444;
}

/*-------------------------------------------------------
サブメニューデザイン
-------------------------------------------------------*/
#favorite-message {
width: 80%;
height:auto;
position: absolute;
left: 50%;
top: 35%;
transform: translate(-50%, -50%);
padding: 10px;
z-index: 2;
background-color: #333;
border: solid 3px #eaeaea;
font-size:14px;
color:#FFF;
box-shadow: 0 0 5px #1a4268;
}

/*-------------------------------------------------------
ガチャボタン
-------------------------------------------------------*/
.gacha_btn a{
display: inline-block;
width:100%;
box-sizing:border-box;
padding: 10px 0px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:16px;
font-weight:bold;
background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #002d60;
}
.gacha_btn a:hover{
background-position: right center;
}
.gacha_btn:active a{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
.gacha_btn{
margin-bottom:20px;
}


/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.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 (max-width: 896px){
.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: -14px;
width: 44px;
font-size: 3rem;
}
}

/*-------------------------------------------------------
横スクロール
-------------------------------------------------------*/
.ot-scroll-area{
overflow-x:scroll;
}


/*------------------------------------------------------------
アイコン余白
-------------------------------------------------------------*/
.imgicon-padding img{
margin:2px;
}
.imgicon-padding td,.imgicon-padding th{
padding:2px!important;
}
.imgicon-padding-sup td img{
margin:2px;
}
.imgicon-padding-sup th img{
margin:auto;
}
.imgicon-padding-sup td,.imgicon-padding-sup th{
padding:3px!important;
}

/*-------------------------------------------------------
拡大ボタンnew
-------------------------------------------------------*/
.imgExpansion{
position: relative;
display: block;
overflow: hidden;
border: 2px solid #5a99fd;
}
span.img_kakudai{
position: absolute;
bottom: 0px;
right: 0px;
font-size: 0;
box-sizing: border-box;
padding: 2px 8px;
}
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;
}
/*-------------------------------------------------------
FV
-------------------------------------------------------*/
body.top-design #header{
height:500px;
background:url(https://img.altema.jp/pachimo/common/pachinko-background-5.png);
background-size:100%;
background-color:#252525;
margin:0 0 30px;
position:relative;
}
body.top-design #header .headerIn{
background:url(https://img.altema.jp/pachimo/common/pachinko-background-2.png)no-repeat;
background-size:100%;
background-position:center 0;
height:100%;
padding:0;
margin: 0 auto;
}
body.top-design #header .headerLeft{
width:100%;
padding:50px 0 0 0;
text-align:center;
}
body.top-design #header .headerLeft .header-logo img{
width:300px;
display:block;
margin:0 auto 5px;
}
body.top-design #header .headerLeft h1{
color: #FFF;
font-size:18px;
display:inline-block;
margin:auto;
text-align:center;
margin:40px auto 0;
position:relative;
width:auto;
}
body.top-design #header .headerLeft h1:before{
content: '';
position: absolute;
top: 45%;
left:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
}
body.top-design #header .headerLeft h1:after{
content: '';
position: absolute;
top: 45%;
right:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
body.top-design #header .nvi-search-box{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
margin:10px 0 10px;
}
body.top-design #header .nvi-search-box .gNaviWrap2{
display:none;
}
body.top-design #header .nvi-search-box .search-form_inputXX{
width:600px;
height:50px;
}
body.top-design #header .nvi-search-box .search-form_inputXX form{
justify-content:normal;
}
body.top-design #header .nvi-search-box #siteTopSearch input{
height:49px;
border: 1px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 80px 0 20px;
font-size:16px;
}
body.top-design #header .nvi-search-box #siteTopSearch input.css-button {
text-indent: 100px;
width: 70px;
border-radius:0 50px 50px 0;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1849362096.png) center center/25px no-repeat #FFF;
border: 1px solid #e9e9e9;
box-sizing: border-box;
cursor: pointer;
position: absolute;
right: 0;
padding:0;
margin:0;
}
#header .search-archive-box{
display:none;
}
body.top-design #header .search-archive-box{
position:absolute;
left:0;
right:0;
top:70%;
margin:auto;
display:block;
width:600px;
}
body.top-design #header .search-archive-box span{
text-align:left;
color:#FFF;
font-size:14px;
font-weight:bold;
margin:5px;
display:block;
}
body.top-design #header .search-archive-box ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
body.top-design #header .search-archive-box ul li{
width:auto;
color:#333;
padding:5px 10px;
margin:0 10px 0 0;
background:#ccc;
font-size:12px;
border-radius:5px;
}

@media only screen and (max-width: 896px){

body.top-design #header{
height:400px;
background:url(https://img.altema.jp/pachimo/common/pachinko-background-5.png);
background-size:100%;
background-color:#252525;
margin:0 0 30px;
}
body.top-design #header .headerIn{
background:url(https://img.altema.jp/pachimo/common/pachinko-background-2.png)no-repeat;
background-size:cover;
background-position:center 0;
height:100%;
padding:0;
margin: 0 auto;
}
body.top-design #header .headerLeft{
width:100%;
padding:5px 0 0 0;
text-align:center;
}
body.top-design #header .headerLeft .header-logo img{
width:100%;
display:block;
margin:0 auto 5px;
height: 125px;
}
body.top-design #header .headerLeft h1{
color: #FFF;
font-size:18px;
display:inline-block;
margin:auto;
text-align:center;
margin:15px auto 0;
position:relative;
width:auto;
}
body.top-design #header .headerLeft h1:before{
content: '';
position: absolute;
top: 45%;
left:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
}
body.top-design #header .headerLeft h1:after{
content: '';
position: absolute;
top: 45%;
right:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
body.top-design #header .nvi-search-box{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
margin:10px 0 10px;
}
body.top-design #header .nvi-search-box .gNaviWrap2{
display:none;
}
body.top-design #header .nvi-search-box .search-form_inputXX{
width:90%;
height:50px;
}
body.top-design #header .nvi-search-box #siteTopSearch input{
height:49px;
border: 1px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 80px 0 20px;
font-size:16px;
}
body.top-design #header .nvi-search-box #siteTopSearch input.css-button {
text-indent: 100px;
width: 70px;
border-radius:0 50px 50px 0;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1849362096.png) center center/25px no-repeat #FFF;
border: 1px solid #e9e9e9;
box-sizing: border-box;
cursor: pointer;
position: absolute;
right: 0;
padding:0;
margin:0;
overflow: hidden;
line-height: 200px;
}
#header .search-archive-box{
display:none;
}
body.top-design #header .search-archive-box{
position:absolute;
left:0;
right:0;
top:67.5%;
margin:auto;
display:block;
width:90%;
}
body.top-design #header .search-archive-box span{
text-align:left;
color:#FFF;
font-size:14px;
font-weight:bold;
margin:0px 5px 5px;
display:block;
}
body.top-design #header .search-archive-box ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
body.top-design #header .search-archive-box ul li{
width:auto;
color:#333;
padding:4px 10px;
margin:0 8px 8px 0;
background:#ccc;
font-size:12px;
border-radius:5px;
}
}


/*-------------------------------------------------------
TOP-content
-------------------------------------------------------*/
/*--------------  ↓pc　--------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
#about{
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 25px;
}
#topInner-box #top-content #about h2{
display: inline-block;
font-size: 24px;
margin-bottom: 16px;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
}
#top-content #about h2:before,#top-content #about h2:after{
content: '';
display: block;
position: absolute;
width: 80px;
height: 20px;
top: 0;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #about h2:before{
left: -90px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball1.png) no-repeat center / contain;
}
#top-content #about h2:after{
right: -90px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball2.png) no-repeat center / contain;
}
#top-content #about p{
text-align: left;
border-radius: 20px;
background: #eaeaea;
box-shadow: 0 0 0 2px #686868;
position: relative;
padding: 14px 50px;
box-sizing: border-box;
width: calc(100% - 10px);
font-weight: bold;
font-size: 14px;
}
#top-content #about p:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
border-radius: 20px;
box-shadow: 0 0 0 2px #8f8f8f;
top: 7px;
left: 7px;
}
body #topInner-box main#top-content #kisyubetu-ranking h2{
background: #7f6ac7;
height: auto;
line-height: 1;
border-radius: 10px 10px 0 0;
margin: 0;
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: 20px;
border: 2px solid #dde4e6;
border-top: 0;
border-bottom: 0;
}
body #topInner-box main#top-content #kisyubetu-ranking h2:before{
display: inline-block;
width: 24px;
height: 24px;
margin-right: 8px;
background: url(https://img.altema.jp/pachimo/common/choice-pachinko.png) no-repeat center / contain;
position: static;
}
#kisyubetu-ranking{
margin-bottom: 50px;
}
#kisyubetu-ranking input[type="radio"]{
display: none;
}
#kisyubetu-ranking .tab_item {
width: calc(100% / 2 - 5px);
padding:15px 0;
background-color: #dedede;
text-align: center;
color: #afafaf ;
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-weight: bold;
transition: all 0.2s ease;
font-size: 20px;
padding: 0;
line-height: 46px;
border-radius: 10px 10px 0 0;
}
#kisyubetu-ranking .tab_item:first-of-type{
float: left;
}
#kisyubetu-ranking .tab_item:last-of-type{
float: right;
}
#kisyubetu-ranking input:checked + .tab_item {
background-color: #7f6ac7;
color: #fff;
}
#kisyubetu-ranking input:checked + .tab_item:hover{
opacity: 1;
}
#kisyubetu-ranking .tab_item:before{
display: inline-block;
content: '';
width: 24px;
height: 24px;
margin-right: 8px;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833504194.png) no-repeat center / contain;
}
#kisyubetu-ranking .tab_item:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/unselected-pachinko.png) no-repeat center / contain;
}
#kisyubetu-ranking input:checked + .tab_item:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833494519.png) no-repeat center / contain;
}
#kisyubetu-ranking input:checked + .tab_item:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/choice-pachinko.png) no-repeat center / contain;
}
#kisyubetu-ranking .tab_item:hover{
opacity: 0.6;
}
#kisyubetu-ranking .tab_content{
clear: both;
overflow: hidden;
border: 2px solid #dde4e6;
padding-bottom: 23px;
display: none;
border-top: 2px solid #7f6ac7;
}
#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content{
display: block;
}
#kisyubetu-ranking .tab_content table,#kisyubetu-ranking .tab_content th,#kisyubetu-ranking .tab_content td{
border: 0;
}
#kisyubetu-ranking .tab_content table{
margin-bottom: 20px;
}
#kisyubetu-ranking .tab_content tr{
border-bottom: 1px solid #dde4e6;
}
#kisyubetu-ranking .tab_content tr:first-of-type{
border: 0;
}
#kisyubetu-ranking .tab_content th{
font-size: 16px;
background: #efeaff;
}
#kisyubetu-ranking .tab_content th:first-of-type{
width: 14%;
text-align: center;
}
#kisyubetu-ranking .tab_content th:last-of-type{
padding-left: 36px;
}
#kisyubetu-ranking .tab_content td:last-of-type{
padding: 0 20px 0 36px;
background: url(https://img.altema.jp/pachimo/common/arrow2.png) no-repeat left center / 12px;
}
#kisyubetu-ranking .tab_content .up td:last-of-type{
background: url(https://img.altema.jp/pachimo/common/arrow1.png) no-repeat left center / 11px;
}
#kisyubetu-ranking .tab_content .down td:last-of-type{
background: url(https://img.altema.jp/pachimo/common/arrow3.png) no-repeat left center / 11px;
}
#kisyubetu-ranking .tab_content .circle{
width: 52px;
height: 52px;
background: #e9e9e9;
border-radius: 50%;
text-align: center;
line-height: 52px;
display: block;
margin: 0 auto;
font-weight: bold;
font-size: 16px;
}
#kisyubetu-ranking .tab_content .circle span{
font-size: 20px;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(1) .circle{
background:url(https://img.altema.jp/pachimo/common/ranking-crown.png) no-repeat center top 8px / 22px #ffe4eb;
color: #e92e59;
line-height: 62px;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(2) .circle{
background: #fff5b3;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(3) .circle{
background: #f2ffca;
}
#kisyubetu-ranking .tab_content .title{
font-weight: bold;
line-height: 36px;
}
#kisyubetu-ranking .tab_content .sub{
line-height: 36px;
border-top: 1px dotted #dde4e6;
}
a.b-btn{
text-align: center;
display: block;
margin: 0 auto;
width: 420px;
background: #e63259;
box-shadow: 0 3px 0 0 #b92640;
color: #fff;
border-radius: 30px;
line-height: 38px;
position: relative;
font-weight: bold;
}
a.b-btn:after{
content: '→';
display: block;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
color: #fff;
background: #ba2545;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
font-size: 12px;
}
a.b-btn:hover{
opacity: 0.6;
}
#kouryaku-new{
margin-bottom: 50px;
}
#top-content #kouryaku-new h2, #top-content #kouryaku-yu h2,#top-content #kouryaku-ninki h2,#top-content #kouryaku-yumetime h2,#top-content #kouryaku-slot h2{
font-size: 24px;
margin-bottom: 16px;
position: relative;
background: none;
color: #333;
text-align: center;
background: none;
padding: 0;
}
#top-content #kouryaku-new h2:before, #top-content #kouryaku-yu h2:before,#top-content #kouryaku-ninki h2:before,#top-content #kouryaku-yumetime h2:before,#top-content #kouryaku-slot h2:before{
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: #000;
z-index: 1;
}
#top-content #kouryaku-new h2:after, #top-content #kouryaku-yu h2:after,#top-content #kouryaku-ninki h2:after,#top-content #kouryaku-yumetime h2:after,#top-content #kouryaku-slot h2:after{
display: none;
}
#top-content #kouryaku-new h2 .inner, #top-content #kouryaku-yu h2 .inner,#top-content #kouryaku-ninki h2 .inner,#top-content #kouryaku-yumetime h2 .inner,#top-content #kouryaku-slot h2 .inner{
position: relative;
display: block;
}
#top-content #kouryaku-new h2 .inner:before,#top-content #kouryaku-new h2 .inner:after,#top-content #kouryaku-yu h2 .inner:before,#top-content #kouryaku-yu h2 .inner:after,#top-content #kouryaku-ninki h2 .inner:before,#top-content #kouryaku-ninki h2 .inner:after,#top-content #kouryaku-yumetime h2 .inner:before,#top-content #kouryaku-yumetime h2 .inner:after,#top-content #kouryaku-slot h2 .inner:before,#top-content #kouryaku-slot h2 .inner:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -8px;
bottom: 0;
margin: auto;
background: url(https://img.altema.jp/pachimo/common/ball.png) no-repeat center / contain;
}
#top-content #kouryaku-new h2 .inner:before,#top-content #kouryaku-yu h2 .inner:before,#top-content #kouryaku-ninki h2 .inner:before,#top-content #kouryaku-yumetime h2 .inner:before,#top-content #kouryaku-slot h2 .inner:before{
left: 0;
}
#top-content #kouryaku-new h2 .inner:after,#top-content #kouryaku-yu h2 .inner:after,#top-content #kouryaku-ninki h2 .inner:after,#top-content #kouryaku-yumetime h2 .inner:after,#top-content #kouryaku-slot h2 .inner:after{
right: 0;
}
#top-content #kouryaku-new h2 .text-wrap,#top-content #kouryaku-yu h2 .text-wrap,#top-content #kouryaku-ninki h2 .text-wrap,#top-content #kouryaku-yumetime h2 .text-wrap,#top-content #kouryaku-slot h2 .text-wrap{
position: relative;
background: #fff;
z-index: 2;
padding: 0 20px;
}
#top-content #kouryaku-new h2 .text-wrap:after,#top-content #kouryaku-yu h2 .text-wrap:after,#top-content #kouryaku-ninki h2 .text-wrap:after,#top-content #kouryaku-yumetime h2 .text-wrap:after,#top-content #kouryaku-slot h2 .text-wrap:after{
content: '';
display: block;
width: 28px;
height: 28px;
background: url(https://img.altema.jp/pachimo/common/crown.png) no-repeat center / contain;
position: absolute;
top: -14px;
right: -4px;
}
#top-content .slide-cont,#slide-free .slide-cont{
background: rgb(145,145,145);
background: linear-gradient(90deg, rgba(145,145,145,1) 0%, rgba(195,195,195,1) 50%, rgba(145,145,145,1) 100%);
border: 1px solid #adadad;
box-shadow: 0 0 0 1px #252525;
position: relative;
margin: 21px 12px 1px;
}
#top-content .slide-cont:before,#slide-free .slide-cont:before{
content: '';
display: block;
width: calc(100% - 10px);
height: calc(100% - 10px);
background: #fff;
border: 1px solid #252525;
box-shadow: 0 0 0 1px #adadad;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 1;
}
#top-content .slide-cont .rank-num,#slide-free .slide-cont .rank-num{
position: relative;
z-index: 2;
height: 30px;
width: calc(100% + 12px);
display: block;
background: #252525;
left: -6px;
top: -2px;
}
#top-content .slide-cont .rank-num:before,#slide-free .slide-cont .rank-num:before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 4px 0;
border-color: transparent #252525 transparent transparent;
position: absolute;
left: 0;
bottom: -4px;
}
#top-content .slide-cont .rank-num:after,#slide-free .slide-cont .rank-num:after{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 0;
border-color: #252525 transparent transparent transparent;
position: absolute;
right: 0;
bottom: -4px;
}
#top-content .slide-cont .rank-num img,#slide-free .slide-cont .rank-num img{
position: absolute;
left: 0;
right: 0;
bottom: 2px;
margin: auto;
height: 46px;
}
#top-content .slide-cont .inner,#slide-free .slide-cont .inner{
position: relative;
z-index: 2;
padding: 10px 20px 20px;
}
#top-content .slide-cont .inner img,#slide-free .slide-cont .inner img{
display: block;
margin: 0 auto 10px;
width: 120px;
}
#top-content .slide-cont .btn-wrap a{
display: block;
width: 100%;
border-radius: 30px;
position: relative;
background: #e1e1e1;
border: 1px solid #252525;
color: #252525;
line-height: 24px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
#top-content .slide-cont .btn-wrap a:first-of-type{
margin-bottom: 8px;
background: #98d6ff;
}
#top-content .slide-cont .btn-wrap a:after{
content: '>';
display: block;
font-size: 16px;
position: absolute;
top: -1px;
bottom: 0;
right: 10px;
margin: auto;
}
#top-content .slide-cont .btn-wrap a:hover{
opacity: 0.6;
}
#top-content .slide-cont .kisyu-name{
padding: 0 10px;
line-height: 1.4;
}
#top-content .slide-cont .kisyu-name a{
font-size: 13px;
line-height: 1.3;
}
#top-content .slide-cont dl{
margin: 8px 0;
font-size: 13px;
padding: 0 10px;
}
#top-content .slide-cont dl dt{
display: inline-block;
vertical-align: middle;
line-height: 1.3;
}
#top-content .slide-cont dl dt:after{
content: '：';
display: inline-block;
vertical-align: middle;
}
#top-content .slide-cont dl dd{
display: inline-block;
vertical-align: middle;
line-height: 1.3;
}
#top-content .slick-dots,#slide-free .slick-dots{
bottom: -60px;
}
.slide-Area{
position: relative;
}
#top-content .slider-arrow,#slide-free .slider-arrow{
position: absolute;
background: #ffffff;
width: 38px;
height: 38px;
line-height: 36px;
top: 0;
bottom: 0;
margin: auto;
z-index: 999999;
color: #262626;
text-align: center;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
box-shadow: 0 0 0 2px #262626;
box-sizing: border-box;
}
.slider-next{
padding-left: 2px;
right: -6px;
}
.slider-next:before{
content: '>';
}
.slider-prev{
padding-right: 2px;
left: -6px;
}
.slider-prev:before{
content: '<';
}
#top-content .slide-Area-in,#slide-free .slide-Area-in{
margin-bottom: 58px;
}
#kouryaku-yu{
margin-bottom: 50px;
}
#kouryaku-kazino{
text-align: center;
width: calc(100% - 10px);
margin: 0 auto;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
}
#top-content #kouryaku-kazino h2{
display: inline-block;
font-size: 24px;
margin-bottom: 20px;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
}
#top-content #kouryaku-kazino h2:before,#top-content #kouryaku-kazino h2:after{
content: '';
display: block;
position: absolute;
width: 28px;
height: 28px;
top: 3px;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #kouryaku-kazino h2:before{
left: -30px;
background: url(https://img.altema.jp/pachimo/common/playing-cards1.png) no-repeat center / contain;
}
#top-content #kouryaku-kazino h2:after{
right: -30px;
background: url(https://img.altema.jp/pachimo/common/playing-cards2.png) no-repeat center / contain;
}
#top-content #kouryaku-kazino ul{
margin: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#top-content #kouryaku-kazino li{
margin: 0;
line-height: 1;
width: calc(100% / 4);
}
#top-content #kouryaku-kazino li a{
display: inline-block;
}
#top-content #kouryaku-kazino li img{
margin-bottom: 8px;
width: 80px;
}
#top-content #kouryaku-kazino li span{
display: block;
}
#top-content #kouryaku-kazino li:nth-of-type(4) ~ li{
margin-top: 18px;
}
}

/*--------------  ↓sp　--------------*/

@media only screen and (max-width: 896px){
#mainInner-col2{
width: 100%;
}
#about{
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 40px;
}
#topInner-box #top-content #about h2{
display: inline-block;
font-size: 20px;
margin-bottom: 14px;
margin-top: 0;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
}
#top-content #about h2:before,#top-content #about h2:after{
content: '';
display: block;
position: absolute;
width: 75px;
height: 18px;
top: 0;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #about h2:before{
left: -75px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball1.png) no-repeat center / contain;
}
#top-content #about h2:after{
right: -75px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball2.png) no-repeat center / contain;
}
#top-content #about p{
text-align: left;
border-radius: 20px;
background: #eaeaea;
box-shadow: 0 0 0 2px #686868;
position: relative;
padding: 14px 30px;
box-sizing: border-box;
width: calc(100% - 20px);
font-weight: bold;
font-size: 13px;
margin: 0 auto;
}
#top-content #about p:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
border-radius: 20px;
box-shadow: 0 0 0 2px #8f8f8f;
top: 5px;
left: 5px;
}
#kisyubetu-ranking{
margin-bottom: 40px;
padding:0 5px;
}
#kisyubetu-ranking input[type="radio"]{
display: none;
}
#kisyubetu-ranking .tab_item {
width: calc(100% / 2 - 2px);
background-color: #dedede;
text-align: center;
color: #afafaf ;
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-weight: bold;
transition: all 0.2s ease;
font-size: 16px;
padding: 0;
line-height: 38px;
border-radius: 10px 10px 0 0;
}
#kisyubetu-ranking .tab_item:first-of-type{
float: left;
}
#kisyubetu-ranking .tab_item:last-of-type{
float: right;
}
#kisyubetu-ranking input:checked + .tab_item {
background-color: #7f6ac7;
color: #fff;
}
#kisyubetu-ranking input:checked + .tab_item:hover{
opacity: 1;
}
#kisyubetu-ranking .tab_item:before{
display: inline-block;
content: '';
width: 20px;
height: 20px;
margin-right: 6px;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833504194.png) no-repeat center / contain;
}
#kisyubetu-ranking .tab_item:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/unselected-pachinko.png) no-repeat center / contain;
}
#kisyubetu-ranking input:checked + .tab_item:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833494519.png) no-repeat center / contain;
}
#kisyubetu-ranking input:checked + .tab_item:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/choice-pachinko.png) no-repeat center / contain;
}
#kisyubetu-ranking .tab_item:hover{
opacity: 0.6;
}
#kisyubetu-ranking .tab_content{
clear: both;
overflow: hidden;
border: 2px solid #dde4e6;
display: none;
border-top: 2px solid #7f6ac7;
padding-bottom: 23px;
}
#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content{
display: block;
}
#kisyubetu-ranking .tab_content table,#kisyubetu-ranking .tab_content th,#kisyubetu-ranking .tab_content td{
border: 0;
}
#kisyubetu-ranking .tab_content table{
margin-bottom: 20px;
}
#kisyubetu-ranking .tab_content tr{
border-bottom: 1px solid #dde4e6;
}
#kisyubetu-ranking .tab_content tr:first-of-type{
border: 0;
}
#kisyubetu-ranking .tab_content th{
font-size: 14px;
background: #efeaff;
}
body #topInner-box main#top-content #kisyubetu-ranking h2{
background: #7f6ac7;
height: auto;
line-height: 1;
border-radius: 10px 10px 0 0;
margin: 0;
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: 18px;
border: 2px solid #dde4e6;
border-top: 0;
border-bottom: 0;
padding: 10px 0;
}
body #topInner-box main#top-content #kisyubetu-ranking h2:before{
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
background: url(https://img.altema.jp/pachimo/common/choice-pachinko.png) no-repeat center / contain;
position: static;
}
#kisyubetu-ranking .tab_content th:first-of-type{
width: 14%;
text-align: center;
}
#kisyubetu-ranking .tab_content th:last-of-type{
padding-left: 30px;
}
#kisyubetu-ranking .tab_content td:last-of-type{
padding: 0 20px 0 30px;
background: url(https://img.altema.jp/pachimo/common/arrow2.png) no-repeat left 6px center / 10px;
}
#kisyubetu-ranking .tab_content .up td:last-of-type{
background: url(https://img.altema.jp/pachimo/common/arrow1.png) no-repeat left 6px center / 9px;
}
#kisyubetu-ranking .tab_content .down td:last-of-type{
background: url(https://img.altema.jp/pachimo/common/arrow3.png) no-repeat left 6px center / 9px;
}
#kisyubetu-ranking .tab_content .circle{
width: 52px;
height: 52px;
background: #e9e9e9;
border-radius: 50%;
text-align: center;
line-height: 52px;
display: block;
margin: 0 auto;
font-weight: bold;
font-size: 16px;
}
#kisyubetu-ranking .tab_content .circle span{
font-size: 20px;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(1) .circle{
background:url(https://img.altema.jp/pachimo/common/ranking-crown.png) no-repeat center top 8px / 22px #ffe4eb;
color: #e92e59;
line-height: 62px;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(2) .circle{
background: #fff5b3;
}
#kisyubetu-ranking .tab_content tr:nth-of-type(3) .circle{
background: #f2ffca;
}
#kisyubetu-ranking .tab_content .title{
font-weight: bold;
line-height: 34px;
font-size: 13px;
}
#kisyubetu-ranking .tab_content .sub{
line-height: 34px;
margin: 0;
border-top: 1px dotted #dde4e6;
}
a.b-btn{
text-align: center;
display: block;
margin: 0 auto;
width: 93%;
background: #e63259;
box-shadow: 0 3px 0 0 #b92640;
color: #fff;
border-radius: 30px;
line-height: 35px;
position: relative;
font-weight: bold;
font-size: 14px;
}
a.b-btn:after{
content: '→';
display: block;
width: 22px;
height: 22px;
line-height: 22px;
border-radius: 50%;
color: #fff;
background: #ba2545;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
font-size: 11px;
}
a.b-btn:hover{
opacity: 0.6;
}
#kouryaku-new{
margin-bottom: 40px;
}
#top-content #kouryaku-new h2, #top-content #kouryaku-yu h2,#top-content #kouryaku-ninki h2,#top-content #kouryaku-yumetime h2,#top-content #kouryaku-slot h2{
font-size: 20px;
margin-bottom: 14px;
margin-left: 5px;
margin-right: 5px;
position: relative;
background: none;
color: #333;
text-align: center;
background: none;
padding: 0;
}
#top-content #kouryaku-new h2:before, #top-content #kouryaku-yu h2:before,#top-content #kouryaku-ninki h2:before,#top-content #kouryaku-yumetime h2:before,#top-content #kouryaku-slot h2:before{
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: #000;
z-index: 1;
}
#top-content #kouryaku-new h2:after, #top-content #kouryaku-yu h2:after,#top-content #kouryaku-ninki h2:after,#top-content #kouryaku-yumetime h2:after,#top-content #kouryaku-slot h2:after{
display: none;
}
#top-content #kouryaku-new h2 .inner, #top-content #kouryaku-yu h2 .inner,#top-content #kouryaku-ninki h2 .inner,#top-content #kouryaku-yumetime h2 .inner,#top-content #kouryaku-slot h2 .inner{
position: relative;
display: block;
}
#top-content #kouryaku-new h2 .inner:before,#top-content #kouryaku-new h2 .inner:after,#top-content #kouryaku-yu h2 .inner:before,#top-content #kouryaku-yu h2 .inner:after,#top-content #kouryaku-ninki h2 .inner:before,#top-content #kouryaku-ninki h2 .inner:after,#top-content #kouryaku-yumetime h2 .inner:before,#top-content #kouryaku-yumetime h2 .inner:after,#top-content #kouryaku-slot h2 .inner:before,#top-content #kouryaku-slot h2 .inner:after{
content: '';
display: block;
width: 6px;
height: 6px;
position: absolute;
top: -6px;
bottom: 0;
margin: auto;
background: url(https://img.altema.jp/pachimo/common/ball.png) no-repeat center / contain;
}
#top-content #kouryaku-new h2 .inner:before,#top-content #kouryaku-yu h2 .inner:before,#top-content #kouryaku-ninki h2 .inner:before,#top-content #kouryaku-yumetime h2 .inner:before,#top-content #kouryaku-slot h2 .inner:before{
left: 0;
}
#top-content #kouryaku-new h2 .inner:after,#top-content #kouryaku-yu h2 .inner:after,#top-content #kouryaku-ninki h2 .inner:after,#top-content #kouryaku-yumetime h2 .inner:after,#top-content #kouryaku-slot h2 .inner:after{
right: 0;
}
#top-content #kouryaku-new h2 .text-wrap,#top-content #kouryaku-yu h2 .text-wrap,#top-content #kouryaku-ninki h2 .text-wrap,#top-content #kouryaku-yumetime h2 .text-wrap,#top-content #kouryaku-slot h2 .text-wrap{
position: relative;
background: #fff;
z-index: 2;
padding: 0 12px;
}
#top-content #kouryaku-new h2 .text-wrap:after,#top-content #kouryaku-yu h2 .text-wrap:after,#top-content #kouryaku-ninki h2 .text-wrap:after,#top-content #kouryaku-yumetime h2 .text-wrap:after,#top-content #kouryaku-slot h2 .text-wrap:after{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://img.altema.jp/pachimo/common/crown.png) no-repeat center / contain;
position: absolute;
top: -14px;
right: -7px;
}
#top-content .slide-cont,#slide-free .slide-cont{
background: rgb(145,145,145);
background: linear-gradient(90deg, rgba(145,145,145,1) 0%, rgba(195,195,195,1) 50%, rgba(145,145,145,1) 100%);
border: 1px solid #adadad;
box-shadow: 0 0 0 1px #252525;
position: relative;
margin: 21px 10px 1px;
}
#top-content .slide-cont:before,#slide-free .slide-cont:before{
content: '';
display: block;
width: calc(100% - 10px);
height: calc(100% - 10px);
background: #fff;
border: 1px solid #252525;
box-shadow: 0 0 0 1px #adadad;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 1;
}
#top-content .slide-cont .rank-num,#slide-free .slide-cont .rank-num{
position: relative;
z-index: 2;
height: 30px;
width: calc(100% + 12px);
display: block;
background: #252525;
left: -6px;
top: -2px;
}
#top-content .slide-cont .rank-num:before,#slide-free .slide-cont .rank-num:before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 4px 0;
border-color: transparent #252525 transparent transparent;
position: absolute;
left: 0;
bottom: -4px;
}
#top-content .slide-cont .rank-num:after,#slide-free .slide-cont .rank-num:after{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 0;
border-color: #252525 transparent transparent transparent;
position: absolute;
right: 0;
bottom: -4px;
}
#top-content .slide-cont .rank-num img,#slide-free .slide-cont .rank-num img{
position: absolute;
left: 0;
right: 0;
bottom: 2px;
margin: auto;
height: 46px;
}
#top-content .slide-cont .inner,#slide-free .slide-cont .inner{
position: relative;
z-index: 2;
padding: 10px 20px 20px;
}
#top-content .slide-cont .inner img,#slide-free .slide-cont .inner img{
display: block;
margin: 0 auto 10px;
width: 150px;
height: 210px;
object-fit: cover;
object-position: top;
}
#top-content .slide-cont .btn-wrap a,#slide-free .slide-cont .btn-wrap a{
display: block;
width: 100%;
border-radius: 30px;
position: relative;
background: #e1e1e1;
border: 1px solid #252525;
color: #252525;
line-height: 24px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
#top-content .slide-cont .btn-wrap a:first-of-type{
margin-bottom: 8px;
background: #98d6ff;
}
#top-content .slide-cont .btn-wrap a:after{
content: '>';
display: block;
font-size: 16px;
position: absolute;
top: -1px;
bottom: 0;
right: 10px;
margin: auto;
}
#top-content .slide-cont .btn-wrap a:hover{
opacity: 0.6;
}
#top-content .slide-cont .kisyu-name{
padding: 0 10px;
margin: 0;
line-height:1.4;
}
#top-content .slide-cont .kisyu-name a{
font-size: 13px;
line-height: 1.3;
}
#top-content .slide-cont dl{
margin: 8px 0;
font-size: 13px;
padding: 0 10px;
}
#top-content .slide-cont dl dt{
display: inline-block;
vertical-align: middle;
line-height: 1.3;
}
#top-content .slide-cont dl dt:after{
content: '：';
display: inline-block;
vertical-align: middle;
}
#top-content .slide-cont dl dd{
display: inline-block;
vertical-align: middle;
margin: 0;
line-height: 1.3;
}
#top-content .slick-dots{
bottom: -60px;
}
.slide-Area{
position: relative;
}
#top-content .slider-arrow,#slide-free .slider-arrow{
position: absolute;
background: #ffffff;
width: 38px;
height: 38px;
line-height: 36px;
top: 0;
bottom: 0;
margin: auto;
z-index: 999999;
color: #262626;
text-align: center;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
box-shadow: 0 0 0 2px #262626;
box-sizing: border-box;
}
.slider-next{
padding-left: 2px;
right: 10px;
}
.slider-next:before{
content: '>';
}
.slider-prev{
padding-right: 2px;
left: 10px;
}
.slider-prev:before{
content: '<';
}
#top-content .slide-Area-in,#slide-free .slide-Area-in{
margin-bottom: 58px;
}
#kouryaku-yu{
margin-bottom: 40px;
}
#kouryaku-kazino{
text-align: center;
/* width: calc(100% - 20px); */
/* box-shadow: 0 0 0 5px #f3e8bb; */
margin: 0 auto;
border-radius: 10px;
padding: 12px 4px;
box-sizing: border-box;
}
#top-content #kouryaku-kazino h2{
display: inline-block;
font-size: 20px;
margin-bottom: 16px;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
margin-top: 0;
}
#top-content #kouryaku-kazino h2:before,#top-content #kouryaku-kazino h2:after{
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: #000;
top: 5px;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #kouryaku-kazino h2:before{
left: -25px;
background: url(https://img.altema.jp/pachimo/common/playing-cards1.png) no-repeat center / contain;
}
#top-content #kouryaku-kazino h2:after{
right: -25px;
background: url(https://img.altema.jp/pachimo/common/playing-cards2.png) no-repeat center / contain;
}
#top-content #kouryaku-kazino ul{
margin: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#top-content #kouryaku-kazino li{
margin: 0;
line-height: 1;
width: calc(100% / 3);
}
#top-content #kouryaku-kazino li a{
display: inline-block;
}
#top-content #kouryaku-kazino li img{
margin-bottom: 8px;
width: 60px;
}
#top-content #kouryaku-kazino li span{
display: block;
font-size: 11px;
}
#top-content #kouryaku-kazino li:nth-of-type(3) ~ li{
margin-top: 12px;
}
}
@media only screen and (max-width: 391px){
a.b-btn{
width: 96%;
}
}
@media only screen and (max-width: 376px){
a.b-btn{
width: 99%;
font-size: 13px;
}
}

/*-------------------------------------------------------
footer
-------------------------------------------------------*/
div#footer{
background: #252525;
padding: 16px 0;
}
#footer img{
display: block;
margin: 0 auto 16px;
width: 130px;
}
#footer ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer ul li{
margin-right: 40px;
line-height: 1;
}
#footer ul li:last-of-type{
margin-right: 0;
}
#footer ul li a,#footer ul li a:link,#footer ul li a:visited{
color: #fff!important;
font-size: 13px;
}
#footer ul li a:hover{
color: #fff;
opacity: 0.6;
}
div.copyright{
background: #464646;
}
@media only screen and (max-width: 896px){
html body div#footer{
background: #252525;
padding: 16px 0;
}
#footer ul li{
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
}
#footer ul li a{
font-size: 12px;
}
}

/*-------------------------------------------------------
ウィジェット
-------------------------------------------------------*/
#mainRight {
border-left: 0px;
border-right: 0px
}
#mainRight #sidebar-1 h3,#mainRight #sidebar-2 h3,#mainRight #sidebar-3 h3,#mainRight #sidebar-4 h3,#mainRight #sidebar-5 h3,#mainRight #sidebar-10 h3,#mainRight #sidebar-11 h3,#mainRight #sidebar-13 h3{
background: #000;
color: #fff;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1639216375.jpg) left center no-repeat;
background-size: 100% 100%;
padding:10px 10px;
font-weight:bold;
text-align:center;
position: unset;
margin-bottom: 0px;
}
#sidebar-1,#sidebar-2,#sidebar-3,#sidebar-10,#sidebar-11,#sidebar-13{
width: 300px;
background:#f7f7f7;
border-radius: 10px;
padding-bottom:1px;
}
#sidebar-4,#sidebar-5,#sidebar-39{
width: 300px;
}
#sidebar-4{
margin-bottom:0px;
}
#sidebar-13 #sidebar-1{
margin-bottom:0px;
}
,#sidebar-2 ul,#sidebar-3 ul,#sidebar-10 ul,#sidebar-11 ul{
margin:10px;
background: #fff;
border-radius: 10px;
padding: 0px 10px;
}
#sidebar-1 ul li,#sidebar-2 ul li,#sidebar-3 ul li,#sidebar-10 ul li,#sidebar-11 ul li{
border-bottom:solid 1px #e7e7e7;
padding: 20px 0 20px 40px;
font-size:14px;
line-height:1.4;
background-repeat: no-repeat;
background-position: 0px  center;
background-size: 30px;
margin:0px;
}
#sidebar-1 ul li:nth-of-type(1),#sidebar-2 ul li:nth-child(1),#sidebar-3 ul li:nth-child(1),#sidebar-4 ul li:nth-child(1),#sidebar-5 ul li:nth-child(1),#sidebar-5 ul li:nth-child(1),#sidebar-10 ul li:nth-of-type(1),#sidebar-11 ul li:nth-child(1) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640112688.jpg);
}
#sidebar-1 ul li:nth-of-type(2),#sidebar-2 ul li:nth-child(2),#sidebar-3 ul li:nth-child(2),#sidebar-4 ul li:nth-child(2),#sidebar-5 ul li:nth-child(2),#sidebar-5 ul li:nth-child(2),#sidebar-10 ul li:nth-of-type(2),#sidebar-11 ul li:nth-child(2) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_164011822.jpg);
}
#sidebar-1 ul li:nth-of-type(3),#sidebar-2 ul li:nth-child(3),#sidebar-3 ul li:nth-child(3),#sidebar-4 ul li:nth-child(3),#sidebar-5 ul li:nth-child(3),#sidebar-5 ul li:nth-child(3),#sidebar-10 ul li:nth-of-type(3),#sidebar-11 ul li:nth-child(3) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640123274.jpg);
}
#sidebar-1 ul li:nth-of-type(4),#sidebar-2 ul li:nth-child(4),#sidebar-3 ul li:nth-child(4),#sidebar-4 ul li:nth-child(4),#sidebar-5 ul li:nth-child(4),#sidebar-5 ul li:nth-child(4),#sidebar-10 ul li:nth-of-type(4),#sidebar-11 ul li:nth-child(4) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_164012929.jpg);
}
#sidebar-1 ul li:nth-of-type(5),#sidebar-2 ul li:nth-child(5),#sidebar-3 ul li:nth-child(5),#sidebar-4 ul li:nth-child(5),#sidebar-5 ul li:nth-child(5),#sidebar-5 ul li:nth-child(5),#sidebar-10 ul li:nth-of-type(5),#sidebar-11 ul li:nth-child(5) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640134419.jpg);
}
#sidebar-1 ul li:nth-of-type(6),#sidebar-2 ul li:nth-child(6),#sidebar-3 ul li:nth-child(6),#sidebar-4 ul li:nth-child(6),#sidebar-5 ul li:nth-child(6),#sidebar-5 ul li:nth-child(6),#sidebar-10 ul li:nth-of-type(6),#sidebar-11 ul li:nth-child(6) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640139753.jpg);
}
#sidebar-1 ul li:nth-of-type(7),#sidebar-2 ul li:nth-child(7),#sidebar-3 ul li:nth-child(7),#sidebar-4 ul li:nth-child(7),#sidebar-5 ul li:nth-child(7),#sidebar-5 ul li:nth-child(7),#sidebar-10 ul li:nth-of-type(7),#sidebar-11 ul li:nth-child(7) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640144792.jpg);
}
#sidebar-1 ul li:nth-of-type(8),#sidebar-2 ul li:nth-child(8),#sidebar-3 ul li:nth-child(8),#sidebar-4 ul li:nth-child(8),#sidebar-5 ul li:nth-child(8),#sidebar-5 ul li:nth-child(8),#sidebar-10 ul li:nth-of-type(8),#sidebar-11 ul li:nth-child(8) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640160385.jpg);
}
#sidebar-1 ul li:nth-of-type(9),#sidebar-2 ul li:nth-child(9),#sidebar-3 ul li:nth-child(9),#sidebar-4 ul li:nth-child(9),#sidebar-5 ul li:nth-child(9),#sidebar-5 ul li:nth-child(9),#sidebar-10 ul li:nth-of-type(9),#sidebar-11 ul li:nth-child(9) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640165848.jpg);
}
#sidebar-1 ul li:nth-of-type(10),#sidebar-2 ul li:nth-child(10),#sidebar-3 ul li:nth-child(10),#sidebar-4 ul li:nth-child(10),#sidebar-5 ul li:nth-child(10),#sidebar-5 ul li:nth-child(10),#sidebar-11 ul li:nth-child(10),#sidebar-10 ul li:nth-of-type(10) {
background-image: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1640171121.jpg);
}
#sidebar-4 .online-osusume-side ul li{
background-image: none;
}
#sidebar-4 .online-osusume-side ul li img:hover{
opacity:0.7;
}
#sidebar-1 ul li a,#sidebar-2 ul li a,#sidebar-3 ul li a,#sidebar-10 ul li a,#sidebar-11 ul li a{
color:#408dd3;
font-weight:bold;
display:block;
}
#sidebar-1 ul li a:hover,#sidebar-2 ul li a:hover,#sidebar-3 ul li a:hover,#sidebar-10 ul li a:hover,#sidebar-11 ul li a:hover{
opacity:0.7;
}
#sidebar-1 ul li:last-child,#sidebar-2 ul li:last-child,#sidebar-3 ul li:last-child,#sidebar-10 ul li:last-child,#sidebar-11 ul li:last-child{
border-bottom:none;
}
#sidebar-1 .allBtn,#sidebar-2 .allBtn,#sidebar-3 .allBtn,#sidebar-4 .allBtn,#sidebar-5 .allBtn,#sidebar-10 .allBtn,#sidebar-11 .allBtn{
text-align:center;
font-weight:bold;
border:2px solid #e6e6e6;
border-radius: 50px;
background: #fff;
width: 80%;
display:block;
margin:10px auto;
padding:7px 0px;
color:#444;
position:relative;
}
#sidebar-1 .allBtn:after,#sidebar-2 .allBtn:after,#sidebar-3 .allBtn:after,#sidebar-4 .allBtn:after,#sidebar-5 .allBtn:after{
position: absolute;
content: ">";
top: 6px;
right:20px;
font-weight:bold;
}
#sidebar-1 .allBtn:hover,#sidebar-2 .allBtn:hover,#sidebar-3 .allBtn:hover,#sidebar-4 .allBtn:hover,#sidebar-5 .allBtn:hover{
opacity:0.6;
}
#sidebar-39 ul{
margin-top: 10px;
}

/*人気雑談掲示板*/
#sidebar-5 .sidebar-5-in{
margin:10px 0px;
}
#sidebar-5 .sidebar-5-in .midasi a{
text-decoration:underline;
line-height:1.5;
display:block;
font-size:14px;
font-weight:bold;
padding:0px 10px;
}
#sidebar-5 .sidebar-5-in .midasi{
padding-bottom:10px;
background-image : linear-gradient(to right, #aeaeae, #aeaeae 3px, transparent 3px, transparent 8px);background-size: 8px 1px;
background-position: left bottom;
background-repeat: repeat-x;
margin-bottom: 10px;
}
#sidebar-5 .sidebar-5-in dl dt span{
background:#bdbdbd;
color:#fff;
font-weight:bold;
font-size:13px;
line-height:27px;
padding:1px 13px;
border-radius: 5px;
margin-right:6px;
}
#sidebar-5 .sidebar-5-in dl dd{
color:#636363;
font-size:13px;
font-weight:bold;
}
#sidebar-5 .sidebar-5-in dl{
display: flex;
flex-wrap: wrap;
width: 300px;
margin: 0px;
}
#sidebar-5 .sidebar-5-in .last-post{
color:#858585;
font-size:13px;
font-weight:bold;
padding-bottom: 20px;
border-bottom:#252525 4px solid;
margin-bottom: 18px;
}

/*おすすめカジノ*/
.online-osusume-side{
margin:8px 5px;
}
.online-osusume-side ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.online-osusume-side ul li{
width: calc(100% / 3);
margin:0 0 10px;
}
.online-osusume-side ul li a{
display: inline-block;
}
.online-osusume-side ul li img{
width:80%;
display:block;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
}
.online-osusume-side ul li span{
display:block;
font-size: 11px;
text-align:center;
line-height: 1.3;
}

/*------------------------------------------------------------
余白
-------------------------------------------------------------*/
#kouryaku-ninki,#kouryaku-yumetime,#kouryaku-slot,#kouryaku-kazino,#kouryaku-slot-new,#kouryaku-slot-ninki,#free_area,#pachinko_kanren_contents{
margin-bottom: 50px;
}
@media only screen and (max-width: 896px){
#kouryaku-ninki,#kouryaku-yumetime,#kouryaku-slot,#kouryaku-kazino,#kouryaku-slot-new,#kouryaku-slot-ninki,#free_area,#pachinko_kanren_contents{
margin-bottom: 40px;
}
}
#free_area p .b-btn{
margin-top:30px;
margin-bottom:50px;
}
/*------------------------------------------------------------
アコーディオン
-------------------------------------------------------------*/
.acMenu.achyouka{
margin:5px 0;
}
.acMenu.achyouka dt{
border: 1px solid #000;
color:#000;
border-radius:3px;
margin:0 0 10px;
padding:0 0 0 10px;
font-weight:bold;
height:40px;
line-height:40px;
text-align:left;
display: block;
background: #fff;
cursor: pointer;
font-size:14px;
display:block;
position:relative;
box-sizing:border-box;
box-shadow:0 1px 0 1px #c7c7c7;
}
.acMenu.achyouka dt:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m16d_1731586447.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
.acMenu.achyouka dt.active:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m16d_1732216672.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
.acMenu.achyouka dt:after{
border:0px;
}
.acMenu.achyouka dt.active{
border: 1px solid #000;
background:#fffdf3;
margin:0 0 0px!important;
box-shadow:none;
border-radius:3px 3px 0 0;
color:#444;
box-sizing:border-box;
}
.acMenu.achyouka dt.active + dd{
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background:#FFF;
padding:10px;
margin:0 0 20px!important;
box-shadow:none;
border-radius:0 0 3px 3px;
color:#333;
line-height: 1.7;
letter-spacing: 0.5px;
box-sizing:border-box;
font-size: 15px;
}
.acMenu.achyouka dt.active + dd p{
margin:0 0 15px!important;
padding: 0;
}
.acMenu.achyouka dt.active + dd p:last-of-type{
margin:0!important;
padding: 0;
}
.acMenu.achyouka dt.active:before{
border:none;
}
.acMenu.achyouka dt.active:after{
border:none;
}
.acMenu.achyouka dt.active + dd h5{
font-weight:bold;
margin-bottom:5px;
}
@media only screen and (max-width: 896px){
.acMenu.achyouka dt.active + dd{
font-size: 14px;
}
}

/*------------------------------------------------------------
下層ヘッダー
-------------------------------------------------------------*/
body:not(.top-design) #header {
background: #252525;
}
body:not(.top-design) .headerIn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
width: 1000px;
background: none;
padding: 14px 0;
}
body:not(.top-design) .headerLeft{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
body:not(.top-design) .headerIn .header-logo img{
width: 110px;
margin-bottom: 0;
}
body:not(.top-design) .headerIn .headerLeft > div{
margin: 0 0 0 30px;
color: #fff;
}
body:not(.top-design) .gNaviWrap2{
display: none;
}
body:not(.top-design) .nvi-search-box{
margin: 0;
}
body:not(.top-design) #siteTopSearch #search-form-box{
width: 360px;
line-height: 32px;
}
body:not(.top-design) #siteTopSearch input.css-button{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1849362096.png) center center/22px no-repeat #e8e8e8;
border-left: 1px solid #939393;
border-radius: 0 30px 30px 0;
width: 44px;
height: 34px;
}
.headerLeft .header-logo.logoSP + div{
display:none;
}
@media only screen and (max-width: 896px){
body:not(.top-design) .headerIn{
padding: 10px;
box-sizing: border-box;
width: 100%;
}
body:not(.top-design) .nvi-search-box{
display: none;
}
body:not(.top-design) #header .header-logo{
padding: 0;
}
body:not(.top-design) #header .header-logo img{
width: 100%;
margin-left: 0;
height: 45px;
}
}
@media screen and (max-width: 415px){
body:not(.top-design) #header .header-logo img{
width: 100%;
margin-left: 0;
height: 45px;
}
body:not(.top-design) .headerIn .headerLeft > div {
margin: 0 0 0 10px;
color: #fff;
}
}

/*------------------------------------------------------------
下層見出し
-------------------------------------------------------------*/
body:not(.top-design) #mainCenter h2{
background: #252525;
border-left:6px solid #e5325a;
}
body:not(.top-design) #mainCenter h2:after{
display: none;
}
body:not(.top-design) #mainCenter h3{
border-bottom: 2px solid #d9506c;
padding-left: 18px;
}
body:not(.top-design) #mainCenter h3:before{
border-radius: 10px 10px 0 0 ;
background: #d9506c;
width: 6px;
}
body:not(.top-design) #mainCenter h4:before{
background: #e07f90;
}
body #mainCenter .sns-button02 + h2{
margin-top: 20px;
}

/*------------------------------------------------------------
Q&A 
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
body #mainCenter .qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
background:none;
margin:10px 0 10px 0;
border: 0;
}
body #mainCenter .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
margin: 0;
box-sizing: border-box;
bottom: auto;
}
.qa-wrap p{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 16px 0;
}
.qa-wrap p:last-of-type{
margin:0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
box-sizing: border-box;
padding: 0 0 0 1px;
}
.qa-wrap p + p:nth-child(n+1):before{
display:none;
}
.qa-wrap dt h3:before{
display:none;
}
@media only screen and (max-width: 896px){
body #mainCenter .qa-wrap h3{
font-size: 14px;
}
body #mainCenter .qa-wrap h3:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
}
.qa-wrap p{
font-size: 14px;
}
.qa-wrap p:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
}
}

/*------------------------------------------------------------
Q&A（投稿プレビュー用）
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
body #main-contents .qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
background:none;
margin:10px 0 10px 0;
border: 0;
}
body #main-contents .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
margin: 0;
box-sizing: border-box;
bottom: auto;
}
.qa-wrap p{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 16px 0;
}
.qa-wrap p:last-of-type{
margin:0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
box-sizing: border-box;
padding: 0 0 0 1px;
}
.qa-wrap p + p:nth-child(n+1):before{
display:none;
}
.qa-wrap dt h3:before{
display:none;
}
@media only screen and (max-width: 896px){
body #main-contents .qa-wrap h3{
font-size: 14px;
}
body #main-contents .qa-wrap h3:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
}
.qa-wrap p{
font-size: 14px;
}
.qa-wrap p:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
}
}

/*-----------------------------------------------------
記事文字サイズ
-------------------------------------------------------*/
#mainCenter td, #mainCenter th,.post th,.post td{
font-size: 13px;
padding: 8px 5px;
line-height: 1.5;
}
.article table + p.lead{
margin-top: -10px;
}
@media only screen and (max-width: 896px){
.post p{
font-size: 15px;
line-height: 1.7;
}
div.post p.lead{
font-size: 11px;
margin-bottom: 10px;
}
.post h2,body #mainCenter h2{
font-size: 16px;
padding: 10px 0 10px 14px;
margin: 30px 0 10px;
}
.post h3,body #mainCenter h3{
font-size: 16px;
margin: 25px 0 15px;
}
.post h4,body #mainCenter h4{
font-size: 14px;
margin: 25px 0 15px;
}
#mainCenter table,.post table{
margin-bottom: 20px;
}
.article table + p.lead{
margin-top: -10px;
}
}

/*-------------------------------------------------------
ハンバーガーメニュー
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
body:not(.top-design) #header{
position: relative;
}
.menu-btn.drawer-menu-button{
position: absolute;
right: 16px;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
}
.menu-btn.drawer-menu-button a{
display: block;
width: 100%;
height: 100%;
background: #fff;
border-radius: 5px;
text-align: center;
padding-top: 9px;
box-sizing: border-box;
line-height: 1;
}
.menu-btn.drawer-menu-button a:after{
content: 'MENU';
display: inline-block;
font-size: 11px;
color: #282828;
}
.menu-btn.drawer-menu-button a img{
width: 30px!important;
margin-bottom: 4px;
}
.drawer-background-fixed .drawer-menu{
background: #fff;
}
.drawer-background-fixed .drawer-menu-head{
padding: 10px 16px 10px 10px;
box-sizing: border-box;
background: #252525;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.drawer-background-fixed .drawer-menu-head img{
width: 110px;
}
.drawer-background-fixed .drawer-menu-close-button{
position: static;
width: 50px;
height: 50px;
background: #fff;
border-radius: 5px;
text-align: center;
box-sizing: border-box;
margin-left: auto;
line-height: 1;
padding-top: 2px;
}
.drawer-background-fixed .drawer-menu-close-button:before{
content: "×";
font-size: 40px;
line-height: 0.8;
}
.drawer-background-fixed .drawer-menu-close-button:after{
content: 'CLOSE';
display: inline-block;
font-size: 11px;
color: #282828;
}
.drawer-background-fixed .drawer-menu-box .drawer-menu-close-button{
display: none;
}
.drawer-background-fixed .drawer-menu-box:after{
display: none;
}
.drawer-background-fixed .drawer-menu-search{
background: #141414;
padding: 40px 0;
}
.drawer-background-fixed .drawer-menu-search form{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90%;
margin: 0 auto;
}
.drawer-background-fixed .drawer-menu-search input{
height: 50px;
border: 1px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 80px 0 20px;
font-size: 16px;
width: 100%;
line-height: 25px;
background: #e6e6e6;
border-radius: 50px;
outline: none;
}
.drawer-background-fixed .drawer-menu-search input.css-button {
text-indent: 100px;
width: 70px;
border-radius:0 50px 50px 0;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1849362096.png) center center/25px no-repeat #e9e9e9;
border: 1px solid #e9e9e9;
border-left-color: #939393;
box-sizing: border-box;
cursor: pointer;
position: absolute;
right: 0;
padding:0;
margin:0;
line-height: 200px;
overflow: hidden;
}
.drawer-background-fixed .drawer-menu-box{
padding: 0;
}
.drawer-background-fixed .drawer-menu-title{
margin: 0;
background: none;
color: #181818;
height: 60px;
line-height: 60px;
padding: 0 5px 0 20px;
font-size: 20px;
}
.drawer-background-fixed .drawer-menu-list li{
height: auto;
padding-left: 20px;
}
.drawer-background-fixed .drawer-menu-list li a{
color: #181818;
height: 60px;
line-height: 60px;
padding: 0;
font-size: 14px;
position: relative;
}
.drawer-background-fixed .drawer-menu-list li a:after{
content: '>';
display: inline-block;
position: absolute;
font-size: 24px;
font-weight: normal;
top: 0;
bottom: 0;
right: 20px;
color: #c1c1c1;
margin: auto;
}
}

/*-------------------------------------------------------
パンくず
-------------------------------------------------------*/
#mainInner-col2 div#breadcrumbs{
margin-top: 10px;
background: none;
}
div#breadcrumbs ol{
line-height: 36px;
height: 36px;
}
#mainInner-col2 #breadcrumbs:before{
content:'';
display:block;
width:100vw;
height:36px;
background:#efefef;
position:absolute;
top:auto;   
}
@media only screen and (max-width: 640px){
div#breadcrumbs{
margin-top: 10px;
}
#main-in #breadcrumbs ol{
background: #efefef;
}
}

/*------------------------------------------------------------
フロー
-------------------------------------------------------------*/
#main-in .post .flow-wrap .box{
padding: 0 0 20px 26px;
margin:0;
position: relative;
background: none;
line-height: 1.5;
border: 0;
}
#main-in .post .flow-wrap .box:last-of-type{
padding-bottom: 0;
}
.post .flow-wrap .box:before {
content: "";
display: block;
width: 15px;
height: 15px;
background: #ff79a0;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
box-shadow: 0 0 0 2px #ff79a0;
box-sizing: border-box;
}
.post .flow-wrap .box:after {
content: "";
display: block;
height: calc(100% - 27px);
border-left: dotted 4px #e8b3c2;
position: absolute;
top: 24px;
left: 9px;
}
.post .flow-wrap .box:last-of-type:after{
display: none;
}
.flow-wrap .step{
color: #ff6894;
font-weight: bold;
}
#main-in .flow-wrap .step-midasi{
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
}
#main-in .flow-wrap p{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
line-height: 1.7;
color: #333;
}
#main-in .flow-wrap p.step-text{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
}
#main-in .flow-wrap p:last-of-type{
border-bottom: solid 2px #e5e5e5;
padding-bottom: 25px;
margin-bottom:10px;
}
#main-in .flow-wrap th,#main-in .flow-wrap td{
color: #333;
font-weight: normal;
}

@media only screen and (max-width: 896px){
.post .flow-wrap .box{
padding: 0 0 16px 26px;
}
#main-in .flow-wrap .step-midasi{
font-size: 16px;
margin: 0;
}
#main-in .flow-wrap .step-text{
padding-bottom: 8px;
}
}


/*------------------------------------------------------------
おすすめユーザー
-------------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #ffdee8;
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 p{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ff417c;
font-weight:bold;
}
#mainCenter .post .osusume-user_box ul{
margin: 0;
}
#mainCenter .post .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.5;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#ffdee8;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
box-sizing: border-box;
border-radius:50px;
border:5px solid #feb4ca;
}
#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 (max-width: 896px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
line-height: 1.7;
font-size: 15px;
}
#mainCenter .post .osusume-user_box li{
margin-bottom: 10px;
position: relative;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
border:4px solid #feb4ca;
}
}

/*-----------------------------------------------------
TOP見出しh2
-------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
body #topInner-box main#top-content h2{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1623345952.png) no-repeat center / contain;
text-align: center;
height: 92px;
line-height: 3.9;
box-sizing: border-box;
font-size: 24px;
position: relative;
border: 0;
}
body main#top-content h2:after{
display: none;
}
body main#top-content h2:before{
content: '';
display: block;
width: 100%;
height: 34px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1700017809.png) no-repeat center bottom / contain;
position: absolute;
left: 0;
top: 0;
}
}
@media only screen and (max-width: 896px){
body #topInner-box main#top-content h2{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1700000508.png) no-repeat center / 100% 100%;
text-align: center;
box-sizing: border-box;
font-size: 18px;
padding: 10px 0 14px;
border: 0;
}
body main#top-content h2:after{
display: none;
}
body main#top-content h2:before{
content: '';
display: block;
width: 100%;
height: 34px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1700006143.png) no-repeat center bottom / contain;
position: absolute;
left: 0;
top: -34px;
}
}

/*-----------------------------------------------------
TOP見出しh3
-------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
#top-content #kouryaku-new h3, #top-content #kouryaku-ninki h3,#top-content #kouryaku-yumetime h3,#top-content #kouryaku-slot h3,#top-content #kouryaku-kazino h3,#top-content #kouryaku-slot-new h3,#top-content #kouryaku-slot-ninki h3,#top-content #free_area h3,#top-content #slot_kanren_contents h3,#top-content #pachinko_kanren_contents h3{font-size: 24px;margin-bottom: 16px;position: relative;background: none;color: #333;text-align: center;background: none;border: 0;padding: 0;}
#top-content #kouryaku-new h3:before,#top-content #kouryaku-ninki h3:before,#top-content #kouryaku-yumetime h3:before,#top-content #kouryaku-slot h3:before,#top-content #kouryaku-kazino h3:before,#top-content #kouryaku-slot-new h3:before,#top-content #kouryaku-slot-ninki h3:before,#top-content #free_area h3:before,#top-content #slot_kanren_contents h3:before,#top-content #pachinko_kanren_contents h3:before{
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: #000;
z-index: 1;
}
#top-content #kouryaku-new h3:after, #top-content #kouryaku-ninki h3:after,#top-content #kouryaku-yumetime h3:after,#top-content #kouryaku-slot h3:after,#top-content #kouryaku-kazino h3:after,#top-content #kouryaku-slot-new h3:after,#top-content #kouryaku-slot-ninki h3:after,#top-content #free_area h3:after,#top-content #slot_kanren_contents h3:after,#top-content #pachinko_kanren_contents h3:after{
display: none;
}
#top-content #kouryaku-new h3 .inner, #top-content #kouryaku-ninki h3 .inner,#top-content #kouryaku-yumetime h3 .inner,#top-content #kouryaku-slot h3 .inner,#top-content #kouryaku-kazino h3 .inner,#top-content #kouryaku-slot-new h3 .inner,#top-content #kouryaku-slot-ninki h3 .inner,#top-content #free_area h3 .inner,#top-content #slot_kanren_contents h3 .inner,#top-content #pachinko_kanren_contents .inner{
position: relative;
display: block;
}
#top-content #kouryaku-new h3 .inner:before,#top-content #kouryaku-new h3 .inner:after,#top-content #kouryaku-ninki h3 .inner:before,#top-content #kouryaku-ninki h3 .inner:after,#top-content #kouryaku-yumetime h3 .inner:before,#top-content #kouryaku-yumetime h3 .inner:after,#top-content #kouryaku-slot h3 .inner:before,#top-content #kouryaku-slot h3 .inner:after,#top-content #kouryaku-kazino h3 .inner:before,#top-content #kouryaku-kazino h3 .inner:after,#top-content #kouryaku-slot-new h3 .inner:before,#top-content #kouryaku-slot-new h3 .inner:after,#top-content #kouryaku-slot-ninki h3 .inner:before,#top-content #kouryaku-slot-ninki h3 .inner:after,#top-content #free_area h3 .inner:before,#top-content #free_area h3 .inner:after,#top-content #slot_kanren_contents h3 .inner:before,#top-content #slot_kanren_contents h3 .inner:after,#top-content #pachinko_kanren_contents h3 .inner:before,#top-content #pachinko_kanren_contents h3 .inner:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -8px;
bottom: 0;
margin: auto;
background: url(https://img.altema.jp/pachimo/common/ball.png) no-repeat center / contain;
}
#top-content #kouryaku-new h3 .inner:before,#top-content #kouryaku-ninki h3 .inner:before,#top-content #kouryaku-yumetime h3 .inner:before,#top-content #kouryaku-slot h3 .inner:before,#top-content #kouryaku-kazino .inner:before,#top-content #kouryaku-slot-new .inner:before,#top-content #kouryaku-slot-ninki .inner:before,#top-content #free_area .inner:before,#top-content #slot_kanren_contents .inner:before,#top-content #slot_kanren_contents .inner:before,#top-content #pachinko_kanren_contents .inner:before{
left: 0;
}
#top-content #kouryaku-new h3 .inner:after,#top-content #kouryaku-ninki h3 .inner:after,#top-content #kouryaku-yumetime h3 .inner:after,#top-content #kouryaku-slot h3 .inner:after,#top-content #kouryaku-kazino .inner:after,#top-content #kouryaku-slot-new h3 .inner:after,#top-content #kouryaku-slot-ninki h3 .inner:after,#top-content #free_area h3 .inner:after,#top-content #slot_kanren_contents h3 .inner:after,#top-content #pachinko_kanren_contents h3 .inner:after{
right: 0;
}
#top-content #kouryaku-new h3 .text-wrap,#top-content #kouryaku-ninki h3 .text-wrap,#top-content #kouryaku-yumetime h3 .text-wrap,#top-content #kouryaku-slot h3 .text-wrap,#top-content #kouryaku-kazino h3 .text-wrap,#top-content #kouryaku-slot-new h3 .text-wrap,#top-content #kouryaku-slot-ninki h3 .text-wrap,#top-content #free_area h3 .text-wrap,#top-content #slot_kanren_contents h3 .text-wrap,#top-content #pachinko_kanren_contents h3 .text-wrap{
position: relative;
background: #fff;
z-index: 2;
padding: 0 20px;
}
#top-content #kouryaku-new h3 .text-wrap:after,#top-content #kouryaku-ninki h3 .text-wrap:after,#top-content #kouryaku-yumetime h3 .text-wrap:after,#top-content #kouryaku-slot h3 .text-wrap:after,#top-content #kouryaku-kazino h3 .text-wrap:after,#top-content #kouryaku-slot-new h3 .text-wrap:after,#top-content #kouryaku-slot-ninki h3 .text-wrap:after,#top-content #free_area h3 .text-wrap:after,#top-content #slot_kanren_contents h3 .text-wrap:after,#top-content #pachinko_kanren_contents h3 .text-wrap:after{
content: '';
display: block;
width: 28px;
height: 28px;
background: url(https://img.altema.jp/pachimo/common/crown.png) no-repeat center / contain;
position: absolute;
top: -14px;
right: -4px;
}
}

@media only screen and (max-width: 896px){
#top-content #kouryaku-new h3, #top-content #kouryaku-ninki h3,#top-content #kouryaku-yumetime h3,#top-content #kouryaku-slot h3,#top-content #kouryaku-kazino h3,#top-content #kouryaku-slot-new h3,#top-content #kouryaku-slot-ninki h3,#top-content #free_area h3,#top-content #slot_kanren_contents h3,#top-content #pachinko_kanren_contents h3{
font-size: 16px;
margin-bottom: 14px;
margin-left: 5px;
margin-right: 5px;
position: relative;
background: none;
color: #333;
text-align: center;
background: none;
padding: 0;
border: 0;
}
#top-content #kouryaku-new h3:before,#top-content #kouryaku-ninki h3:before,#top-content #kouryaku-yumetime h3:before,#top-content #kouryaku-slot h3:before,#top-content #kouryaku-kazino h3:before,#top-content #kouryaku-slot-new h3:before,#top-content #kouryaku-slot-ninki h3:before,#top-content #free_area h3:before,#top-content #slot_kanren_contents h3:before,#top-content #pachinko_kanren_contents h3:before{
	content: '';display: block;width: 99%;height: 1px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;background: #000;z-index: 1;}
#top-content #kouryaku-new h3:after, #top-content #kouryaku-ninki h3:after,#top-content #kouryaku-yumetime h3:after,#top-content #kouryaku-slot h3:after,#top-content #kouryaku-kazino h3:after,#top-content #kouryaku-slot-new h3:after,#top-content #kouryaku-slot-ninki h3:after,#top-content #free_area h3:after,#top-content #slot_kanren_contents h3:after,#top-content #pachinko_kanren_contents h3:after{
display: none;
}
#top-content #kouryaku-new h3 .inner, #top-content #kouryaku-ninki h3 .inner,#top-content #kouryaku-yumetime h3 .inner,#top-content #kouryaku-slot h3 .inner,#top-content #kouryaku-kazino h3 .inner,#top-content #kouryaku-slot-new h3 .inner,#top-content #kouryaku-slot-ninki h3 .inner,#top-content #free_area h3 .inner,#top-content #slot_kanren_contents h3 .inner,#top-content #pachinko_kanren_contents h3 .inner{
position: relative;
display: block;
}
#top-content #kouryaku-new h3 .inner:before,#top-content #kouryaku-new h3 .inner:after,#top-content #kouryaku-ninki h3 .inner:before,#top-content #kouryaku-ninki h3 .inner:after,#top-content #kouryaku-yumetime h3 .inner:before,#top-content #kouryaku-yumetime h3 .inner:after,#top-content #kouryaku-slot h3 .inner:before,#top-content #kouryaku-slot h3 .inner:after,#top-content #kouryaku-kazino h3 .inner:after,#top-content #kouryaku-slot-new h3 .inner:before,#top-content #kouryaku-slot-new h3 .inner:after,#top-content #kouryaku-slot-ninki h3 .inner:before,#top-content #kouryaku-slot-ninki h3 .inner:after,#top-content #free_area h3 .inner:before,#top-content #free_area h3 .inner:after,#top-content #slot_kanren_contents h3 .inner:before,#top-content #slot_kanren_contents h3 .inner:after,#top-content #pachinko_kanren_contents h3 .inner:before,#top-content #pachinko_kanren_contents h3 .inner:after{
content: '';
display: block;
width: 6px;
height: 6px;
position: absolute;
top: -6px;
bottom: 0;
margin: auto;
background: url(https://img.altema.jp/pachimo/common/ball.png) no-repeat center / contain;
}
#top-content #kouryaku-new h3 .inner:before,#top-content #kouryaku-ninki h3 .inner:before,#top-content #kouryaku-yumetime h3 .inner:before,#top-content #kouryaku-slot h3 .inner:before,#top-content #kouryaku-kazino h3 .inner:before,#top-content #kouryaku-slot-new .inner:before,#top-content #kouryaku-slot-ninki .inner:before,#top-content #free_area .inner:before,#top-content #slot_kanren_contents .inner:before,#top-content #pachinko_kanren_contents .inner:before{
left: 0;
}
#top-content #kouryaku-new h3 .inner:after,#top-content #kouryaku-ninki h3 .inner:after,#top-content #kouryaku-yumetime h3 .inner:after,#top-content #kouryaku-slot h3 .inner:after,#top-content #kouryaku-kazino h3 .inner:after,#top-content #kouryaku-slot-new h3 .inner:after,#top-content #kouryaku-slot-ninki h3 .inner:after,#top-content #free_area h3 .inner:after,#top-content #slot_kanren_contents h3 .inner:after,#top-content #pachinko_kanren_contents h3 .inner:after{
right: 0;
}
#top-content #kouryaku-new h3 .text-wrap,#top-content #kouryaku-ninki h3 .text-wrap,#top-content #kouryaku-yumetime h3 .text-wrap,#top-content #kouryaku-slot h3 .text-wrap,#top-content #kouryaku-kazino h3 .text-wrap,#top-content #kouryaku-slot-new h3 .text-wrap,#top-content #kouryaku-slot-ninki h3 .text-wrap,#top-content #free_area h3 .text-wrap,#top-content #slot_kanren_contents h3 .text-wrap,#top-content #pachinko_kanren_contents h3 .text-wrap{
	position: relative;background: #fff;z-index: 2;padding: 0 21px;
}
#top-content #kouryaku-new h3 .text-wrap:after,#top-content #kouryaku-ninki h3 .text-wrap:after,#top-content #kouryaku-yumetime h3 .text-wrap:after,#top-content #kouryaku-slot h3 .text-wrap:after,#top-content #kouryaku-kazino h3 .text-wrap:after,#top-content #kouryaku-slot-new h3 .text-wrap:after,#top-content #kouryaku-slot-ninki h3 .text-wrap:after,#top-content #free_area h3 .text-wrap:after,#top-content #slot_kanren_contents h3 .text-wrap:after,#top-content #pachinko_kanren_contents h3 .text-wrap:after{
content: '';display: block;width: 22px;height: 22px;background: url(https://img.altema.jp/pachimo/common/crown.png) no-repeat center / contain;position: absolute;top: -14px;right: 2px;}
}




/*-----------------------------------------------------
口コミショートコード
-------------------------------------------------------*/
#toukou-chart-header{
background: #FFF;
padding: 20px;
border-radius: 10px;
background: #ddf9ff;
}
#toukou-chart-header dl{
display: -webkit-flex;
display: flex;
align-items: center;
line-height: 1;
margin: 0;
}
#toukou-chart-header dl dt {
margin-right: 10px;
}
#toukou-chart-header dl dt img {
width: 80px;
}
#toukou-chart-header .hyouka-title-txt {
display: -webkit-flex;
display: flex;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#toukou-chart-header .hyouka-title-txt span:first-of-type {
width: 100%;
text-align: left;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
#toukou-chart-header .hyoka-hosi,#toukou-chart-header .hyoka-hosi-empty{
font-size: 36px;
color: #ffaa00;
}
#toukou-chart-header .hyouka-title-txt div{
font-size: 14px;
color: #444;
background: #fff;
border-radius: 4px;
padding: 8px;
line-height: 1;
margin-left: 5px;
position: relative;
top: 2px;
font-weight: bold;
}
#hyoka-chart-area{
display: block;
padding: 68px 0 0px;
border-radius: 10px;
text-align: center;
position: relative;
}
#hyoka-chart-area ul{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li{
width: 200px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
font-size: 20px;
font-weight: bold;
color: #e5325a;
}
#hyoka-chart-area ul li:nth-of-type(1){
position: absolute;
top:54px;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li:nth-of-type(2){
position: absolute;
top:41%;
left: 76%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li:nth-of-type(3){
position: absolute;
top: 86%;
left: 74%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li:nth-of-type(4){
position: absolute;
top: 86%;
left: 26%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li:nth-of-type(5){
position: absolute;
top: 41%;
left: 24%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#hyoka-chart-area ul li span{
display: block;
font-size: 14px;
font-weight: bold;
color: #333;
}
#toukou-all-hyoka{
display: -webkit-flex;
display: flex;
align-items:baseline;
margin-bottom:0px;
padding:10px;
border-radius:5px 5px 0 0;
border:1px solid #ccc;
border-bottom:0;
position:relative;
line-height: 1;
}
#toukou-all-hyoka .hyoka-hosi,#toukou-all-hyoka .hyoka-hosi-empty{
font-size: 30px;
color: #ffaa00;
}
#toukou-all-hyoka div:nth-of-type(2){
font-weight: bold;
font-size: 30px;
margin: 0 10px 0 3px;
}
#toukou-all-hyoka div:last-of-type{
font-size: 16px;
color: #999;
}
#toukou-all-hyoka div:last-of-type a{
background: #066493;
padding: 0 20px;
border-radius: 50px;
text-decoration: none;
height: 32px;
line-height: 32px;
font-size: 16px;
color: #FFF;
position: absolute;
right: 15px;
top: 10px;
}
#toukou-all-hyoka div:last-of-type a:hover{
opacity: 0.6;
}
#toukou-hyoka-row{
margin-bottom: 10px;
padding: 10px;
border-radius: 0px 0px 5px 5px;
border: 1px solid #ccc;
border-top: 0;
background: #efefef;
}
div#toukou-hyoka-row ul{
margin: 0;
}
div#toukou-hyoka-row li{
margin: 10px;
display: -webkit-flex;
display: flex;
align-items: center;
position: relative;
}
#toukou-hyoka-row li div{
color: #066493;
}
#toukou-hyoka-row li div:first-of-type {
display: inline-block;
width: 8%;
}
#toukou-hyoka-row li div.hyoka-barBox {
display: inline-block;
width: 62%;
height: 30px;
border-radius: 5px;
border: 1px solid #CCC;
background: #FFF;
box-sizing: border-box;
position: relative;
}
#toukou-hyoka-row li div.hyoka-barIn {
display: inline-block;
background: #fa0;
border: 1px solid #ffc400;
height: 30px;
display: block;
box-sizing: border-box;
border-radius: 5px;
position: absolute;
left: -1px;
top: -1px;
}
#toukou-hyoka-row li div:nth-of-type(3) {
display: inline-block;
width: 9%;
text-align: right;
}
#toukou-hyoka-row li div.hyoka-link{
margin-left: auto;
}
#toukou-hyoka-row li div.hyoka-link a {
font-size: 11px;
display: block;
background: #666;
height: 24px;
line-height: 24px;
color: #fff;
text-decoration: none;
border-radius: 4px;
padding: 0 10px;
cursor: pointer;
}
#toukou-result-list > p:first-of-type{
width: 80%;
margin: 10px auto 10px;
text-align: center;
display: inline-block;
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
vertical-align: middle;
}
#toukou-result-list > p:first-of-type:before{
position: absolute;
top: 0;
bottom: 0;
right: 0.9em;
margin: auto;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
#toukou-result-list > p:first-of-type select{
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
padding: 8px 38px 8px 8px;
color: #666666;
}
#toukou-result-list > p:first-of-type .result-list-reset{
display: inline-block;
text-align: center;
border: 1px solid #ccc;
background: #a6a6a6;
color: #ffffff;
border-radius: 3px;
font-size: 14px;
vertical-align: middle;
position: absolute;
right: -92px;
width: 80px;
height: 30px;
line-height: 30px;
top: 0;
bottom: 0;
margin: auto;
}
#toukou-result-list .toukou-result-row{
width: 100%;
border: 2px solid #ccc;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
box-sizing: border-box;
background: #fffff8;
box-shadow: 0 0 0 2px #f3f3f3;
position: relative;
}
#toukou-result-list .toukou-result-row:first-of-type{
margin-top: 0;
}
#toukou-result-list .toukou-header{
width: 100%;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0 0 10px;
}
#toukou-result-list .toukou-header dt{
margin-right: 10px;
width: 35px;
}
#toukou-result-list .toukou-header dt img {
width: 35px;
}
#toukou-result-list .toukou-header dd p {
font-size: 15px;
color: #555;
padding: 0;
margin: 0;
line-height: 1;
}
#toukou-result-list .toukou-header dd .toukou-hoshi {
margin-top: 0px;
font-size: 18px;
font-weight: bold;
line-height: 1;
margin-top: 8px;
}
#toukou-result-list .toukou-header .hyoka-hosi, #toukou-result-list .toukou-header .hyoka-hosi-empty {
font-size: 18px;
color: #ffaa00;
}
#toukou-result-list .toukou-hosi-text{
margin-left: 3px;
position: relative;
top: 1px;
}
#toukou-result-list .toukou-comment{
font-size: 14px;
line-height: 1.4;
color: #555;
margin: 0;
}
#toukou-result-list .toukou-img img{
max-width: 100%;
max-height: 400px;
}
#toukou-result-list .toukou-delete{
border: 0;
background: #7c7c7c;
color: #fff;
border-radius: 4px;
font-size: 12px;
height: 28px;
line-height: 28px;
padding: 0 10px;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
#toukou-result-list .toukou-img{
margin: 10px 0 0;
}
#toukou-result-list .toukou-img a{
display: inline-block;
margin-left: 10px;
position: relative;
min-width: 50px;
max-width: calc(100% / 4 - 8px);
}
#toukou-result-list .toukou-img a:after{
content: '';
display: block;
width: 28px;
height: 28px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_1832593413.png) no-repeat center / 16px rgba(0,0,0,0.7);
position: absolute;
right: 2px;
bottom: 2px;
border-radius: 50%;
}
#toukou-result-list .toukou-img a:first-of-type{
margin-left: 0;
}
#toukou-read-more{
width: 90%;
display: block;
margin: 20px auto 30px;
height: 40px;
line-height: 40px;
border-radius: 100px;
border: 0;
background: #066493;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
}
#toukou-read-more:hover{
opacity: 0.6;
}
#user-toukou-form > dl{
margin: 0 0 20px;
line-height: 1;
}
#user-toukou-form > dl dt{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#user-toukou-form #toukou-form-nickname input[type="text"] {
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 0px;
background: #FFF;
width: 100%;
padding: 8px;
font-weight: bold;
font-size: 16px;
color: #444;
}
#toukou-form-hyoka .hyoka_syosai_txt{
border: 3px solid #fa0;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
padding: 10px 10px;
margin: 16px 0 0px 0;
position: relative;
}
#toukou-form-hyoka .hyoka_syosai_txt:before {
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 14px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -11px;
left: 62px;
z-index: 3;
}
#toukou-form-hyoka .hyoka_syosai_txt:after {
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 16px solid #fa0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
top: -16px;
left: 60px;
z-index: 2;
}
#toukou-form-hyoka label{
display: inline-block;
margin-right: 5px;
}
#toukou-form-hyoka label input{
display: none;
}
#toukou-form-hyoka label:before{
content: '';
display: block;
width: 32px;
height: 32px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_143708782.png) no-repeat center / contain;
}
#toukou-form-hyoka label.hyoka-checked:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_1437082872.png) no-repeat center / contain;
}
#toukou-form-year select,#toukou-form-gender select{
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 0px;
background: #FFF;
padding: 7px 8px;
font-weight: bold;
font-size: 16px;
color: #444;
}
#user-toukou-form #toukou-form-hyoka-item{
margin-bottom: 20px;
}
#user-toukou-form #toukou-form-hyoka-item li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ccc;
border-bottom: 0;
margin: 0;
padding: 10px;
}
#user-toukou-form #toukou-form-hyoka-item li:last-of-type{
border-bottom: 1px solid #ccc;
}
#toukou-form-hyoka-item li .hyoka-txt{
margin: 0;
line-height: 1.4;
font-size: 16px;
font-weight: bold;
}
#toukou-form-hyoka-item input[type="radio"]{
display: none;
}
#toukou-form-hyoka-item label{
margin-left: 5px;
}
#toukou-form-hyoka-item label:first-of-type{
background: #999;
color: #fff;
border: 0;
line-height: 32px;
border-radius: 30px;
cursor: pointer;
margin-right: 10px;
font-size: 14px;
width: 130px;
border-bottom: 2px solid #757575;
text-align: center;
position: relative;
z-index: 1;
margin-left: auto;
}
#toukou-form-hyoka-item label:first-of-type input[type="radio"]{
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-bottom: 2px solid transparent;
z-index: -1;
border-radius: 30px;
box-sizing: content-box;
}
#toukou-form-hyoka-item label:first-of-type input[type="radio"]:focus{
background: none!important;
}
#toukou-form-hyoka-item label:first-of-type input[type="radio"]:checked{
background: #525252!important;
border-bottom: 2px solid #353535;
}
#toukou-form-hyoka-item label:first-of-type ~ label:before{
content: '';
display: block;
width: 32px;
height: 32px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_143708782.png) no-repeat center / contain!important;
}
#toukou-form-hyoka-item label:first-of-type ~ label.hyoka-checked:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_1437082872.png) no-repeat center / contain!important;
}
#toukou-form-comment{
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 0px;
background: #FFF;
width: 100%;
padding: 8px;
font-size: 16px;
}
#toukou-form-img{
display: -webkit-flex;
display: flex;
justify-content: center;
}
#user-toukou-form #toukou-form-img li{
width: 25%;
margin: 5px;
text-align: center;
box-sizing: border-box;
}
#toukou-form-img span{
color: #FFF;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 12px 0;
box-sizing: border-box;
border: 1px solid #ccc;
background: #444;
width: 100%;
display: block;
}
#toukou-form-img span:hover{
opacity: 0.6;
}
#toukou-form-img label img{
width: 100%;
margin-top: 10px;
}
#toukou-form-submit button{
width: 250px;
display: block;
margin: 20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #fa0;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
}
#toukou-form-submit button:hover{
opacity: 0.6;
}
.form-err_txt{
line-height: normal;
font-size: 14px;
font-weight: bold;
color: #ff3636;
margin: 10px 0;
}

@media only screen and (max-width: 896px){
#toukou-chart-header{
padding: 14px;
}
#toukou-chart-header dl dt {
margin-right: 3px;
}
#toukou-chart-header dl dt img {
width: 50px;
}
#toukou-chart-header .hyouka-title-txt span:first-of-type {
font-size: 16px;
margin-bottom: 6px;
}
#toukou-chart-header .hyoka-hosi,#toukou-chart-header .hyoka-hosi-empty{
font-size: 30px;
}
#hyoka-chart-area{
padding: 48px 0 0;
}
#hyoka-chart-area ul li{
font-size: 18px;
}
#hyoka-chart-area ul li:nth-of-type(1){
top:40px;
}
#hyoka-chart-area ul li:nth-of-type(2){
top: 43%;
left: 77%;
}
#hyoka-chart-area ul li:nth-of-type(3){
top: 84%;
left: 78%;
}
#hyoka-chart-area ul li:nth-of-type(4){
top: 84%;
left: 22%;
}
#hyoka-chart-area ul li:nth-of-type(5){
top: 43%;
left: 23%;
}
#hyoka-chart-area ul li span{
font-size: 13px;
}
#toukou-all-hyoka .hyoka-hosi,#toukou-all-hyoka .hyoka-hosi-empty{
font-size: 16px;
}
#toukou-all-hyoka div:nth-of-type(2){
font-size: 24px;
margin: 0 6px 0 3px;
}
#toukou-all-hyoka div:last-of-type{
font-size: 11px;
}
#toukou-all-hyoka div:last-of-type a{
top: 12px;
right: 8px;
padding: 0 10px;
font-size: 12px;
height: 24px;
line-height: 24px;
}
#toukou-hyoka-row{
padding: 10px;
}
div#toukou-hyoka-row li{
margin: 0 0 10px 0;
}
div#toukou-hyoka-row li:last-of-type{
margin: 0;
}
#toukou-hyoka-row li div:first-of-type {
width: 48px;
}
#toukou-hyoka-row li div.hyoka-barBox {
width: calc(100% - 200px);
height: 26px;
}
#toukou-hyoka-row li div.hyoka-barIn {
height: 26px;
}
#toukou-hyoka-row li div:nth-of-type(3) {
width: 50px;
}
#toukou-hyoka-row li div.hyoka-link a {
font-size: 10px;
height: 22px;
line-height: 22px;
width: 90px;
text-align: center;
padding: 0;
}
#toukou-result-list > p:first-of-type{
width: calc(100% - 94px);
}
#toukou-result-list .toukou-result-row{
width: calc(100% - 4px);
margin: 10px auto;
}
#toukou-result-list .toukou-header dt{
margin-right: 10px;
width: 10%;
}
#toukou-result-list .toukou-header dt img {
width: 35px;
}
#toukou-result-list .toukou-header dd p {
font-size: 14px;
}
#toukou-result-list .toukou-header .hyoka-hosi, #toukou-result-list .toukou-header .hyoka-hosi-empty {
font-size: 16px;
}
#toukou-result-list .toukou-delete{
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 6px;
}
#toukou-result-list .toukou-img a{
margin-left: 8px;
max-width: calc(100% / 4 - 6px);
}
#toukou-result-list .toukou-img a:after{
width: 24px;
height: 24px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m24d_1832593413.png) no-repeat center / 14px rgba(0,0,0,0.7);
}
#user-toukou-form > dl{
margin: 0 0 16px;
}
#user-toukou-form > dl dt{
font-size: 14px;
}
#user-toukou-form #toukou-form-nickname input[type="text"] {
min-width: 100%;
}
#toukou-form-hyoka label:before{
width: 26px;
height: 26px;
}
#user-toukou-form #toukou-form-hyoka-item li{
padding: 8px;
}
#toukou-form-hyoka-item li .hyoka-txt{
font-size: 13px;
}
#toukou-form-hyoka-item label{
margin-left: 0;
}
#toukou-form-hyoka-item label:first-of-type{
font-size: 11px;
line-height: 23px;
width: 70px;
margin-right: 5px;
}
#toukou-form-hyoka-item label:first-of-type input[type="radio"]:checked{
max-width: none;
}
#toukou-form-hyoka-item label:first-of-type ~ label:before{
width: 20px;
height: 20px;
}
#toukou-form-comment{
min-width: 100%;
}
#user-toukou-form #toukou-form-img li{
margin: 2px;
font-size: 12px;
}
}

@media only screen and (max-width : 376px){
#toukou-form-hyoka-item li .hyoka-txt{
font-size: 12px;
}
#toukou-form-hyoka-item label:first-of-type{
width: 60px;
}
#toukou-form-hyoka-item label:first-of-type ~ label:before{
width:18px;
height: 18px;
}
}


/*-----------------------------------------------------
記事h1
-------------------------------------------------------*/
@media only screen and (max-width: 640px){
div.post h1{
margin: 10px 0;
}
#mainCenter .snsBox02 li{
width: 50px;
}
.post-meta02+.sns-button02 {
margin-top: -14px;
}
}
@media only screen and (max-width: 376px){
#mainCenter .snsBox02 li{
margin-right: 5px;
}
}


/*-------------------------------------------------------
目次調整
-------------------------------------------------------*/
#mainCenter .mokujiInfo ul li{
line-height: 0.5em;
}
@media only screen and (max-width: 896px){
#mainCenter div.mokujiInfo ul{
margin-right: 0;
}
}
@media only screen and (max-width :376px){
#mainCenter div.mokujiInfo ul li{
font-size: 13px;
}
}

/*-------------------------------------------------------
hyouka-main
-------------------------------------------------------*/
.hyouka-main-head .gachaBtn{
padding: 16px 0;
}
.hyouka-main-head .hyouka-hoshi-icon{
color: #ffaa00;
font-size: 18px;
margin-left: 8px;
}


/*-------------------------------------------------------
threadichiran
-------------------------------------------------------*/
div.article .newThreadBtn a{
text-decoration: none;
}
div.article .kosinBtn{
text-decoration: none;
width: calc(100% - 6px);
}

/*-------------------------------------------------------
new-thread
-------------------------------------------------------*/
#show-pass{
display: inline-block;
vertical-align: middle;
}
#show-pass img{
width: 30px;
}
.newThreadForm textarea{
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
input{
box-sizing: border-box;
}

@media only screen and (max-width: 896px){
#newThreadForm input[type="text"]{
width: calc(100% - 30px);
border: 1px solid #ccc;
}
#thpass{
width: calc(100% - 30px);
}
#show-pass img {
width: 26px;
}
.newThreadForm textarea{
max-width: none;
}
}

/*-------------------------------------------------------
thread
-------------------------------------------------------*/
.article .comment-reply-link a{
text-decoration: none;
}
#mainCenter .threadDetail .threadDetail-infomation li:nth-child(1){
margin-top: 4px;
}
#commentform {
margin-top: 30px;
}
#commentform .comment_honbun{
margin-bottom: 10px;
line-height: 1;
}
#commentform #author{
margin-bottom: 20px;
}
#commentform #submitbtn{
margin-bottom: 30px;
}
#commentform ul{
display: -webkit-flex;
display: flex;
justify-content: center;
margin: 0;
}
#commentform li{
width: 25%;
margin: 5px;
text-align: center;
box-sizing: border-box;
}
#commentform li span {
color: #FFF;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 12px 0;
box-sizing: border-box;
border: 1px solid #ccc;
background: #444;
width: 100%;
display: block;
}
#commentform li span:hover{
opacity: 0.6;
}
#commentform li img{
width: 100%;
margin-top: 10px;
}

@media only screen and (max-width: 896px){
#commentform #author {
width: 100%;
max-width: none;
}
#commentform li {
margin: 2px;
}
#commentform li span{
font-size: 12px;
}
#commentform textarea{
max-width: none;
}
}

/*-----------------------------------------------------
toukou-chart-header調整
-------------------------------------------------------*/
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner{
background: none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 0;
margin: 0 0 5px 0;
border-radius: 0;
position: static;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner > span:first-of-type{
font-size: 20px;
font-weight: bold;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num{
padding: 6px;
font-weight: normal;
font-size: 18px;
position: static;
margin-left: 8px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num span{
font-weight: bold;
color: #e5325a;
font-size: 22px;
}
div#toukou-chart-header .hyouka-title-txt span:first-of-type{
width: auto;
margin-bottom: 0;
font-weight: normal;
font-size: 36px;
}
#toukou-chart-header dl dt img{
width: 90px;
}
div#toukou-chart-header dl dt{
margin-right: 14px;
width: 90px;
min-width: 90px;
}
@media only screen and (max-width: 896px){
div#toukou-chart-header .hyouka-title-txt span:first-of-type{
font-size: 30px;
}
div#toukou-chart-header dl dt {
margin-right: 12px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner{
margin-bottom: 3px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner > span:first-of-type {
font-size: 18px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num {
padding: 5px;
font-size: 16px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num span {
font-size: 20px;
}
div#toukou-chart-header dl dt{
width: 80px;
min-width: 80px;
}
}

/*------------------------------------------------------------
フッターリンク調整
-------------------------------------------------------------*/
#footer ul{
padding: 10px 0;
}
#footer ul li a:before{
content: '▶';
color: #fff;
font-size: 12px;
margin-right: 3px;
display: inline-block;
}
@media only screen and (max-width: 896px){
#footer ul{
margin: 0 auto;
padding: 24px 0;
}
#footer ul li{
width:49%;
margin: 0;
}
#footer ul li:nth-of-type(2) ~ li{
margin-top: 28px;
}
}

/*------------------------------------------------------------
運営者情報
-------------------------------------------------------------*/
#mainCenter .cop-company-table{
margin-bottom: 50px;
}
#mainCenter .cop-company-table th{
font-size: 15px;
width: 30%;
line-height: 1.4;
padding: 20px;
box-sizing: border-box;
}
#mainCenter .cop-company-table td {
font-size: 15px;
width: 70%;
box-sizing: border-box;
line-height: 1.4;
padding: 20px;
}
#mainCenter .cop-company-table td a{
text-decoration: none;
}
.company-media .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-media .cop-company-medialist dl{
text-align:center;
width:32%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
box-sizing: border-box;
}
.company-media .cop-company-medialist dl:nth-of-type(3n){
margin-right: 0;
}
.company-media .cop-company-medialist dl dt{
position:relative;
}
.company-media .cop-company-medialist dl dt img{
width:80%;
display: block;
margin: auto;
}
.company-media .cop-company-medialist dt p{
margin-bottom: 10px;
}
.company-media .cop-company-medialist dt a{
display:inline-block;
font-size: 11px;
line-height: 1.5;
}
.company-media .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-media .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.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;
}
p.cop-bt{
margin: 20px auto 0;
}
body p.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;
text-decoration: none;
}
.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;
}
.cop-bt a:after{
content:">";
position:absolute;
right:20px;
font-size:20px;
font-weight:bold;
padding:0;
top: 0;
bottom: 0;
margin: auto;
}
.company-media + h2 + p{
text-align: center;
}
@media only screen and (max-width: 896px){
#mainCenter .company-media .cop-company-medialist dt a {
    font-size: 13px;
}
#mainCenter .cop-company-table{
margin-bottom: 0;
}
#mainCenter .cop-company-table th{
padding: 10px;
font-size: 12px;
}
#mainCenter .cop-company-table td {
font-size: 12px;
padding: 10px;
}
.company-media .cop-company-medialist dl{
width:100%;
margin-right: 0;
}
.company-media .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
}
body p.cop-bt a{
width: 94%;
font-size: 13px;
}
.cop-bt a:hover{
width: 94%;
font-size: 13px;
}
.cop-bt a:after{
right: 18px;
font-size: 18px;
line-height: 38px;
}
.company-media + h2 + p{
text-align: center;
}
.company-media + h2 + p iframe[allowfullscreen="allowfullscreen"] {
width: 100%;
height: 200px!important;
}
}

/*------------------------------------------------------------
プライバシーポリシー
-------------------------------------------------------------*/
.contents.clearfix .article .privacy{
font-weight:bold;
}
div.privacy p{
margin: 0 auto 24px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
padding-left: 1em;
}
#mainCenter .privacy ol{
padding-top: 10px;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 20px;
}
#mainCenter .privacy ol li {
font-size: 14px;
line-height: 27px;
margin-top: 0;
margin-bottom: 16px;
text-indent: -1em;
padding-left: 1em;
}
#mainCenter .privacy ul{
font-size: 15px;
font-weight: 500;
line-height: 1.5;
margin: 0 auto 24px;
}
#mainCenter .privacy ul li {
font-size: 14px;
line-height: 27px;
margin: 0;
padding-left: 1em;
}
#mainCenter .privacy ul li.mb16{
margin-bottom: 16px;
}
@media only screen and (max-width: 896px){
div.privacy p{
margin: 0 auto 16px;
font-size: 16px;
padding-left: 0;
}
#mainCenter .privacy ul li {
font-size: 16px;
}
#mainCenter .privacy ul li.mb16{
margin-bottom: 16px;
}
}

/*-------------------------------------------------------
スライダー調整
-------------------------------------------------------*/
div.cop-company-jyusyou-slider-area .slider-prev, div.cop-company-jyusyou-slider-area .slider-next{
background: #e5325a;
}
div.company-jyusyou .sd-message-01 p{
background: #e5325a;
}
.cop-company-jyusyou-slider-area .slider-arrow:before {
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
transform: rotate(45deg);
}
.cop-company-jyusyou-slider-area .slider-prev:before{
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
left: 2px;
}
.cop-company-jyusyou-slider-area .slider-next:before{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
right: 2px;
}

/*-------------------------------------------------------
評価部分
-------------------------------------------------------*/
div#toukou-chart-header.onkazi-suro dl dt{
width: 116px;
}
#toukou-chart-header.onkazi-suro dl dt img {
width: 116px;
}
#toukou-chart-header .hyouka-title-txt div{
background: none;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num{
font-weight: bold;
font-size: 20px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner .num span{
font-size: 30px;
}
#toukou-chart-header .hyouka-title-txt .hyouka-title-txt-inner > span:first-of-type{
font-size: 22px;
}
.onkazi-muryonasi ~ #user-toukou-chart #toukou-chart-header{
display: none;
}
#toukou-chart-header.onkazi-muryonasi  .hyouka-title-txt {
flex-wrap: nowrap;
}
#toukou-chart-header.onkazi-muryonasi  .hyouka-title-txt .num{
padding: 2px;
margin-right: 8px;
}
#toukou-chart-header.onkazi-muryonasi  .hyouka-title-txt p{
margin: 0;
}
.onkazi-suro ~ #user-toukou-chart #toukou-chart-header{
display: none;
}
#toukou-chart-header.onkazi-suro   .hyouka-title-txt {
flex-wrap: nowrap;
}
#toukou-chart-header.onkazi-suro  .hyouka-title-txt .num{
padding: 2px;
margin-right: 8px;
}
#toukou-chart-header.onkazi-suro .hyouka-title-txt p, #toukou-chart-header.onkazi-suro .hyouka-title-txt ~ p{
margin: 0;
}
#toukou-chart-header.onkazi-muryonasi dd a,#toukou-chart-header.onkazi-suro dd a{
display: block;
width: 100%;
background: #e5325a;
color: #fff;
border-radius: 6px;
text-align: center;
text-decoration: none;
line-height: 36px;
font-size: 16px;
margin-top: 10px;
}
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt ,#toukou-chart-header.onkazi-suro .hyouka-title-txt p,#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt ,#toukou-chart-header.onkazi-suro .hyouka-title-txt p {
line-height: 1;
}
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt div,#toukou-chart-header.onkazi-suro .hyouka-title-txt div{
margin-bottom: 0;
}
@media only screen and (max-width: 896px){
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt div + p, #toukou-chart-header.onkazi-suro .hyouka-title-txt div + p{
display: flex;
}
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt .hyouka-title-txt-inner > span:first-of-type{
font-size: 16px;
}
#toukou-chart-header.onkazi-suro .hyouka-title-txt .num{
margin-right: 2px;
}
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt .hyouka-title-txt-inner .num,#toukou-chart-header.onkazi-suro .hyouka-title-txt .hyouka-title-txt-inner .num {
font-size: 14px;
}
#toukou-chart-header.onkazi-muryonasi .hyouka-title-txt .hyouka-title-txt-inner .num span,#toukou-chart-header.onkazi-suro .hyouka-title-txt .hyouka-title-txt-inner .num span {
font-size: 20px;
}
body div#toukou-chart-header.onkazi-muryonasi .hyoka-hosi,  body div#toukou-chart-header.onkazi-muryonasi  .hyoka-hosi-empty{
font-size: 22px;
}
#toukou-chart-header.onkazi-muryonasi dd a,#toukou-chart-header.onkazi-suro dd a{
line-height: 30px;
font-size: 13px;
margin-top: 5px;
}
#toukou-chart-header.onkazi-muryonasi dl dt ,#toukou-chart-header.onkazi-suro dl dt  {
width: 70px;
min-width: 70px;
}
div#toukou-chart-header.onkazi-suro dl dt{
width: 80px;
}
#toukou-chart-header.onkazi-suro dl dt img {
width: 80px;
}
#toukou-chart-header.onkazi-suro .hyouka-title-txt .hyouka-title-txt-inner > span:first-of-type {
font-size: 15px;
}
body div#toukou-chart-header.onkazi-suro .hyoka-hosi, body div#toukou-chart-header.onkazi-suro .hyoka-hosi-empty {
font-size: 20px;
}
}
@media only screen and (max-width: 376px){
div#toukou-chart-header.onkazi-suro dl dt{
margin-right: 8px;
}
body div#toukou-chart-header.onkazi-suro .hyoka-hosi,body div#toukou-chart-header.onkazi-suro .hyoka-hosi-empty {
font-size: 18px;
}
}


/*-----------------------------------------------------
用語解説ボックス
-------------------------------------------------------*/
.yougokaisetu{
position: relative;
border:2px solid #e5325a;
border-radius: 10px;
padding: 26px 18px 22px;
margin-bottom: 20px;
margin-top: 20px;
}
.yougokaisetu .point{
position: absolute;
width: 100px;
text-align: center;
color: #fff;
background: #e5325a;
line-height: 26px;
top: -13px;
left: 16px;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
}
.yougokaisetu p{
line-height: 1.6;
margin: 0;
color: #e5325a;
font-weight: bold;
font-size: 14px;
}
@media only screen and (max-width: 896px){
.yougokaisetu{
padding: 20px 14px 14px;
}
.yougokaisetu .point{
width: 86px;
line-height: 24px;
top: -12px;
left: 12px;
font-size: 13px;
}
.yougokaisetu p{
font-size: 13px;
}
}

/*-----------------------------------------------------
リスト化テーブル
-------------------------------------------------------*/
#mainCenter .post .list-check{
border: 1px solid #efd6de;
background: #fff9fb;
border-radius: 3px;
padding: 10px;
}
#mainCenter .post .list-check li{
line-height: 1.5em;
margin: 8px 0;
font-weight: bold;
position: relative;
border-bottom: 1px dashed #efd6de;
padding: 0px 0 8px 15px;
font-size: 14px;
}
#mainCenter .post .list-check li:first-child{
margin: 0;
}
#mainCenter .post .list-check li:last-child{
margin: 8px 0 0;
border: 0;
padding-bottom: 0;
}
#mainCenter .post .list-check li:before{
content:"";
position:absolute;
background:url(https://img.altema.jp/pachimo/uploads/2022/04/2022y04m08d_1643227824.png)no-repeat;
background-size:100%;
width:10px;
height:10px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
#mainCenter .post .list-check li:last-child:before{
bottom: 0;
}


/*-------------------------------------------------------
見出し調整
-------------------------------------------------------*/
@media only screen and (max-width: 376px){
body #mainCenter .post h2{
font-size: 15px;
}
body #mainCenter .post h3{
font-size: 15px;
}
}


/*-------------------------------------------------------
目次モーダル
-------------------------------------------------------*/
.mokuji-modal-wrap{
display: none;
}
.mokuji-modal-wrap .modal-on-btn{
display:none !important;
}
@media only screen and (max-width: 896px){
.mokuji-modal-wrap{
display: block;
}
.mokuji-modal-wrap .modal-on-btn{
position: fixed;
bottom: 180px;
right: 10px;
background: #dc4f6f;
display: block;
border-radius: 50px;
width: 55px;
height: 55px;
line-height: 79px;
text-align: center;
color: #FFF;
letter-spacing: 2px;
z-index: 1;
}
.mokuji-modal-wrap .modal-on-btn:before{
content: '';
display: block;
width: 20px;
height: 20px;
background: url(https://img.altema.jp/pachimo/uploads/2022/05/2022y05m12d_1731450583.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: 10px;
margin: auto;
}
.mokuji-modal-wrap .modal-on-btn:after{
content: '目次';
font-size: 10px;
display: inline;
}
.mokuji-modal-wrap .mokuji-modal{
display: none;
}
.mokuji-modal-wrap.modal-on .mokuji-modal{
display: block;
background: rgba(0,0,0,0.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
overflow: scroll;
}
.mokuji-modal-wrap .mokuzi-contents{
position: relative;
padding: 45px 8px 10px;
margin: 20px 10px;
border: 2px solid #ccc;
background: #fff;
box-sizing: border-box;
}
.mokuji-modal-wrap .modal-off-btn{
display: block;
font-size: 12px;
line-height: 24px;
background: #3c3c3c;
position: absolute;
color: #FFF;
width: 56px;
text-align: center;
position: absolute;
right: 10px;
top: 10px;
border-radius: 4px;
}
.mokuji-modal-wrap .modal-off-btn:before{
content: '閉じる';
display: inline;
}
.mokuji-modal-wrap .modal-mokuzi-title{
background: #252525;
color: #fff;
padding: 11px 0 9px 33px;
font-size: 15px;
line-height: 1;
margin-bottom: 14px;
font-weight: bold;
position: relative;
}
.mokuji-modal-wrap .modal-mokuzi-title:before{
content: '';
display: block;
width: 18px;
height: 18px;
background: url(https://img.altema.jp/pachimo/uploads/2022/05/2022y05m12d_1731450583.png) no-repeat center / contain;
position: absolute;
left: 8px;
top: 9px;
}
.mokuji-modal-wrap .mokuzi-list li{
position: relative;
line-height: 1;
margin-bottom: 12px;
margin-left: 24px;
}
.mokuji-modal-wrap .mokuzi-list li:before{
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: -1px;
left: -25px;
border: 5px solid #fff;
background: #bedaed;
z-index: 2;
}
.mokuji-modal-wrap .mokuzi-list li.current-location:before{
background: #fffc98;
border: 4px solid #57b5f5;
width: 8px;
height: 8px;
box-shadow: 0 0 0 2px #fff;
left: -23px;
top: 2px;
}
.mokuji-modal-wrap .mokuzi-list li:after{
content: '';
display: block;
width: 2px;
background-color: #e5e5e5;
position: absolute;
top: 9px;
left: -16px;
height: 114%;
z-index: 1;
}
.mokuji-modal-wrap .mokuzi-list li:last-of-type{
margin-bottom: 0;
}
.mokuji-modal-wrap .mokuzi-list li:last-of-type:after{
display: none;
}
.mokuji-modal-wrap .mokuzi-list li a{
text-indent: -1em;
overflow: hidden;
display: inline-block;
font-size: 14px;
line-height: 1.4;
}
}

@media screen and (max-width : 428px){
.mokuji-modal-wrap .modal-on-btn{
bottom: 160px;
}
}

@media screen and (max-width : 390px){
.mokuji-modal-wrap .modal-on-btn{
bottom: 150px;
}
}

@media screen and (max-width : 375px){
.mokuji-modal-wrap .modal-on-btn{
bottom: 140px;
}
}

/*-------------------------------------------------------
画像に余白
-------------------------------------------------------*/
#mainCenter td.img-margin{
padding: 6px 3px;
}
.img-margin img{
margin: 2px;
}

/*-----------------------------------------------------
アンケートショートコード
-------------------------------------------------------*/
#mainCenter div.enqueteWrap ul li{
margin-bottom: 0.5em;
margin-top: 0;
line-height: 1.5em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position: relative;
padding-right: 70px;
}
.touhyoIcon img{
width: 28px;
height: 28px;
}
body .post .tohyoBtn{
border-radius: 4px;
color: #fff!important;
background: #e63259;
display: inline-block;
text-align: center;
text-decoration: none;
font-size: 13px;
height: 28px;
line-height: 28px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
margin: auto;
}
.tohyoWrap{
border: 1px solid #f6bdd2;
border-radius: 4px;
margin-left: 7px;
position: relative;
width: 75%;
height: 26px;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.tohyoContents01{
background: #ffc6db none repeat scroll 0 0;
display: inline-block;
height: 26px;
width: 10%;
}
.tohyoWrap02 .tohyoContents01{
background: #f6f6b8;
}
.tohyoWrap02{
border: 1px solid #e4e4aa!important;
}
.tohyoTxt + span{
top: 1px!important;
}
.tohyoTxt{
left: 3%;
position: absolute;
top: 1px;
}
@media only screen and (max-width: 896px){
#mainCenter div.enqueteWrap ul li{
padding-right: 54px;
}
body .post .tohyoBtn{
width: 46px;
}
}

/*------------------------------------------------------------
TOPフリーh2
-------------------------------------------------------------*/
@media only screen and (min-width: 896px){
#top-content section#free_area h3{
margin-bottom: 0;
}
#slide-free .free-text{
margin: 8px 0;
font-size: 13px;
padding: 0 10px;
line-height: 1.3;
}
}
@media only screen and (max-width: 896px){
#top-content section#free_area h3{
margin-bottom: 0;
}
#free_area{
margin-bottom: 70px;
}
#slide-free .free-text{
line-height: 1.3;
margin: 8px 0;
font-size: 13px;
padding: 0 10px;
}
}

/*------------------------------------------------------------
カレンダー
-------------------------------------------------------------*/
.fc-title{
cursor: pointer;
}
#mainCenter .fc-day-header{
text-align: center;
background: #888;
color: #fff;
}
#mainCenter .fc-head-container{
padding: 0;
background: #888;
}
#mainCenter .fc-head-container table{
margin: 0;
}
.fc-day-grid-container{
background: #fff;
}
.fc-widget-header{
border: 0!important;
}
.fc-row .fc-widget-header{
border-right: 1px solid #ccc!important;
}
#mainCenter .fc-widget-header table{
border: 0;
}
#mainCenter .fc-widget-content{
border: 0;
padding: 0;
}
#mainCenter .fc-day.fc-widget-content{
background: #fff;
border-right: 1px solid #cfd3d5;
padding: 8px 5px;
}
.fc-view-container{
box-shadow: 0 0 0 10px #333;
width: calc(100% - 20px);
position: relative;
left: 10px;
}
#mainCenter .fc-month-view > table{
border: 0;
}
.fc-row div.fc-content-skeleton{
padding: 0;
}
#mainCenter .fc-day.fc-widget-content.fc-sun{
background: #ffd4d4;
}
#mainCenter .fc-day.fc-widget-content.fc-sat{
background: #daeeff;
}
#mainCenter .fc-day.fc-widget-content.fc-today,#mainCenter .fc-unthemed td.fc-today{
background:#fcf8e3;
border-right: 1px solid  #cfd3d5;
}
#mainCenter .fc-row table{
margin: 0;
}
#mainCenter .fc-widget-content  table,#mainCenter .fc-widget-content td{
border: 0;
}
.fc-row.fc-widget-header{
margin-right: 17px!important;
}
.fc-day-grid-container{
height: auto!important;
max-height: 412px;
}
.fc-bg{
border-bottom: 1px solid #cfd3d5;
}
.fc-row:last-of-type .fc-bg{
border-bottom: 0;
}
.fc-toolbar div.fc-center{
display: block;
text-align: center;
}
.fc-center div.title-date{
font-weight: bold;
font-size: 22px;
float: none;
}
.fc-toolbar div.fc-right{
float: none;
position: absolute;
right: 0;
top: 5px;
bottom: 0;
}
.fc-toolbar.fc-header-toolbar{
position: relative;
margin-bottom: 5px;
}
a.fc-event{
display: inline-block;
}
.fc-event:link,.fc-event:visited{
color: #fff;
}
@media only screen and (max-width: 896px){
.fc-toolbar div.fc-center {
width: calc(100% - 160px);
}
.fc-row.fc-widget-header{
margin-right: 0!important;
}
.fc-day-grid-container{
overflow-y: scroll!important;
max-height: 222px;
}
}

/*-------------------------------------------------------
目次
-------------------------------------------------------*/
#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 {
text-decoration: none
}
.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;
}

@media only screen and (max-width: 896px){
.mokujiInfo_ac .mokujiTitle {
margin: 0;
padding: 0 0 0 10px
}
.mokujiInfo_ac ul {
margin: 0
}
.mokujiInfo_ac ul li {
font-size: 14px;
background: 0 0;
padding: 0 3px 0 12px;
line-height: 2;
margin: 0
}
.mokujiInfo {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
.mokujiInfo ul {
margin: -10px 10px 12px 0
}
.contents .mokujiInfo h2,
.contents .mokujiInfo p.mokujiTitle {
background: 0 0;
font-size: 110%;
margin: 0 0 10px
}
.mokujiInfo ul li {
font-size: 14px;
background: 0 0;
border-bottom: 0;
padding: 0 3px 7px 14px
}
.mokujiInfo h2,
.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 {
line-height: 1.8;
background: #ccc;
cursor: pointer;
border: 1px solid #f7f7f7;
text-align: center;
margin: 5px 10px 5px
}
.mokuji_acbtn:hover {
opacity: .6
}
.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
}
}

/*------------------------
CVボタン
------------------------*/
.cta-link-box{
text-align: center;
padding:0 20px;
margin-bottom:10px;
}
.cta-link-box .ctaText{
position: relative;
font-size: 16px;
text-align: center;
color: #555;
font-weight: bold;
display: inline-block;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
padding: 0 0 2px;
}
.cta-link-box .ctaText:before {
content: "";
width: 16px;
height: 18px;
display: inline-block;
border-left: 3px solid #ff3171;
transform: rotate(-30deg);
}
.cta-link-box .ctaText:after {
border-right: 3px solid #ff3171;
transform: rotate(30deg);
content: "";
width: 16px;
height: 18px;
display: inline-block;
}
.cta-link-box02{
margin:0 auto 20px;
background: #fcf0c7;
padding: 5px 25px;
box-sizing: border-box;
width:440px;
}
.cta-link-box02 .ctaText02{
background:none;
padding-top:10px;
color:#cc0000;
line-height: 1;
}
.cta-link-box02 .ctaText02:after,
.cta-link-box02 .ctaText02:before{
border-color:#cc0000;
}
.cta-link-button02{
width: 90%;
font-size:110%;
display: block;
margin: 10px auto 15px auto;
padding: 13px;
border: 0;
background: #e5325a;
box-shadow: 0px 5px #852339;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position:relative;
line-height:1.5;
text-decoration:none!important;
transition: 0.3s;
}
.cta-link-button02:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.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;
}
.cta-link-button02:hover{
opacity: 0.6;
}

.olipa .gachaBtn{
display: block;
margin: 8px 15px 8px 15px;
padding: 13px;
border: 0;
background: #e5325a;
box-shadow: 0px 5px #852339;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position:relative;
line-height:1.5;
text-decoration:none!important;
transition: 0.3s;
}
.olipa .gachaBtn:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 20px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://img.altema.jp/pachimo/uploads/2025/06/2025y06m23d_161128493.png) center no-repeat rgba(255,255,255,0);
background-size: 13px;
-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;
}
.olipa .gachaBtn:hover{
opacity: 0.6;
}

@media only screen and (max-width: 896px) {
.olipa .gachaBtn{
margin: 0px auto;
}
.olipa .gachaBtn:after{
background-size: 8px;
}
.gachaBtn:before {
content:unset;
margin-right: 0px;
}
.cta-link-box02{
background: #fcf0c7;
padding: 10px 15px;
width:100%;
}
}
@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}


/*------------------------------------------------------------
バナーに吹き出し
-------------------------------------------------------------*/
.hukidasi-bannar-wrap{
text-align: center;
margin-bottom: 20px;
}
.hukidasi-bannar-wrap .hukidasi span{
position: relative;
display: inline-block;
color: #cc0000;
font-size: 18px;
}
.hukidasi-bannar-wrap .hukidasi span:before,.hukidasi-bannar-wrap .hukidasi span:after{
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 1px;
background: #cc0000;
}
.hukidasi-bannar-wrap .hukidasi span:before{
left: -30px;
transform: rotate(50deg);
}
.hukidasi-bannar-wrap .hukidasi span:after{
right: -30px;
transform: rotate(-50deg);
}
.hukidasi-bannar-wrap a{
display: inline-block;
margin-top: 4px;
transition: 0.3s;
}
.hukidasi-bannar-wrap a:hover{
opacity: 0.6;
}
.hukidasi-bannar-wrap img{
width: 300px;
height: 250px;
object-fit: contain;
}
@media only screen and (max-width: 896px){
.hukidasi-bannar-wrap .hukidasi span{
font-size: 14px;
}
.hukidasi-bannar-wrap .hukidasi span:before,.hukidasi-bannar-wrap .hukidasi span:after{
width: 16px;
}
.hukidasi-bannar-wrap .hukidasi span:before{
left: -20px;
}
.hukidasi-bannar-wrap .hukidasi span:after{
right: -20px;
}
}


/*------------------------------------------------------------
横に3つ並べる
-------------------------------------------------------------*/
.three-column-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.three-column-content{
width: calc((100% / 3) - 18px);
padding: 5px;
box-shadow: 0 0 0 1px #ccc;
border-radius: 2px;
}
.three-column-content .img-wrap img{
width: 100%;
}
#mainCenter .three-column-content ul{
width: calc(100% - 4px);
box-sizing: border-box;
margin-left: 2px;
border-radius: 2px;
background: #f1f1f1;
padding: 10px;
}
#mainCenter div.three-column-content ul li{
margin: 0 0 10px;
font-size: 14px;
text-indent: -1em;
padding-left: 1em;
}
#mainCenter .three-column-content li:before{
content: '・';
display: inline;
}
#mainCenter .three-column-content li:last-of-type{
margin: 0;
}
.three-column-content .btn-wrap a{
display: block;
border-radius: 6px;
text-decoration: none;
color: #333;
font-size: 14px;
text-align: center;
transition: 0.3s;
}
.three-column-content .btn-wrap a:hover{
opacity: 0.6;
}
.three-column-wrap .bottom-btn-wrap{
width: 100%;
text-align: center;
margin-top: 30px;
}
.three-column-wrap .bottom-btn-wrap .bottom-btn-wrap-in{
display: inline-block;
}
.three-column-wrap .bottom-btn-wrap .bottom-btn-wrap-in .img-wrap img{
width:65px;
}
.three-column-wrap .bottom-btn-wrap .bottom-btn-wrap-in .img-wrap img:hover{
opacity:0.6;
}
.three-column-wrap .bottom-btn-wrap .text-wrap span{
position: relative;
display: inline-block;
color: #cc0000;
font-size: 16px;
line-height: 1.4;
}
.three-column-wrap .bottom-btn-wrap .text-wrap span:before,.three-column-wrap .bottom-btn-wrap .text-wrap span:after{
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 1px;
background: #cc0000;
}
.three-column-wrap .bottom-btn-wrap .text-wrap span:before{
left: -32px;
transform: rotate(50deg);
}
.three-column-wrap .bottom-btn-wrap .text-wrap span:after{
right: -32px;
transform: rotate(-50deg);
}
.three-column-wrap .bottom-btn-wrap .btn-wrap a{
display: inline-block;
text-decoration: none;
color: #ffff;
background: #e5325a;
width: 300px;
border-radius: 4px;
height: 60px;
line-height: 60px;
font-size: 20px;
margin-top: 5px;
transition: 0.3s;
position: relative;
box-shadow: 0px 5px #852339;
}
.three-column-wrap .bottom-btn-wrap .btn-wrap a:hover{
opacity: 0.6;
}
.three-column-wrap .bottom-btn-wrap .btn-wrap a:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.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;
}

@media only screen and (max-width: 896px){
.three-column-wrap{
margin-bottom: 20px;
}
.three-column-content{
width: calc((100% / 3) - 16px);
}
#mainCenter .three-column-content ul{
padding: 6px 4px;
}
#mainCenter div.three-column-content ul li{
margin: 0 0 6px;
font-size: 12px;
}
.three-column-content .btn-wrap a{
font-size: 12px;
}
.three-column-wrap .bottom-btn-wrap{
margin-top: 20px;
}
.three-column-wrap .bottom-btn-wrap .text-wrap span{
font-size: 14px;
}
.three-column-wrap .bottom-btn-wrap .btn-wrap a{
width: 300px;
height: 60px;
line-height: 60px;
font-size: 18px;
}
.three-column-wrap .bottom-btn-wrap .bottom-btn-wrap-in .img-wrap img{
width:60px;
}
}

/*--------------------------------------------------------------
table内調整
-------------------------------------------------------------*/
table img.aligncenter[width="60"]{
margin-bottom: 3px;
}
body table a{
line-height: 1.4;
}
#mainCenter .table-scroll-fix th:last-child,#mainCenter .table-scroll-fix td:last-child{
border-right: 0;
}
@media only screen and (max-width: 896px){
#mainCenter .table-scroll-fix tr:last-child th,#mainCenter .table-scroll-fix tr:last-child td{
border-bottom: 0;
}
}


/*--------------------------------------------------------------
ウィジェット掲示板テーブル調整
-------------------------------------------------------------*/
.widget_toukou_list{
background:#fff;margin: 10px;
width: 280px;
}
.widget_toukou_list th,.widget_toukou_list td{
font-size:13px;/* border-right: 1px solid #dde4e6; *//* border-bottom: 1px solid #dde4e6; */}
.widget_toukou_list td:nth-child(n+2){
font-size:12px;
}

.widget_toukou_list th{
background:#eaeaea;
}
.widget_toukou_list tr{
border-bottom: 1px solid #e7e7e7;
}
.widget_toukou_list tr:last-child{
border-bottom: none;
}

.widget_toukou_list a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 15px 5px;
font-weight:bold;
}
#sidebar-12 {
width: 300px;
background: #f7f7f7;
border-radius: 10px;
padding-bottom: 1px;
}
#mainRight h3{
background: #000;
color: #fff;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1639216375.jpg) left center no-repeat;
background-size: 100% 100%;
padding:10px 10px;
font-weight:bold;
text-align:center;
position: unset;
margin-bottom: 0px;
}
@media screen and (max-width: 767px){
.widget_toukou_list td{
font-size:14px;
}
.widget_toukou_list {
background: #fff;
margin: 0px;
width:auto;
}
.widget_toukou_list td:nth-child(n+2){
font-size:13px;
}
}

/*--------------------------------------------------------------
サイトマップ　調整
-------------------------------------------------------------*/
@media screen and (max-width: 767px){
#sitemap_list li li {
font-size: 15px !important;
}
}

/*------------------------------------------------------------
TOPタグ変更
-------------------------------------------------------------*/
body.top-design #header .headerLeft .nvi-search-box-ontext{
color: #FFF;
font-size:18px;
display:inline-block;
margin:auto;
text-align:center;
margin:40px auto 0;
position:relative;
width:auto;
}
body.top-design #header .headerLeft .nvi-search-box-ontext:before{
content: '';
position: absolute;
top: 45%;
left:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
}
body.top-design #header .headerLeft .nvi-search-box-ontext:after{
content: '';
position: absolute;
top: 45%;
right:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
@media only screen and (min-width: 896px){
#topInner-box #top-content #about h1{
display: inline-block;
font-size: 20px;
margin-bottom: 16px;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
font-weight: bold;
}
#top-content #about h1:before,#top-content #about h1:after{
content: '';
display: block;
position: absolute;
width: 80px;
height: 20px;
top: 0;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #about h1:before{
left: -90px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball1.png) no-repeat center / contain;
}
#top-content #about h1:after{
right: -90px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball2.png) no-repeat center / contain;
}
}

@media only screen and (max-width: 896px){
body.top-design #header .headerLeft .nvi-search-box-ontext{
color: #FFF;
font-size:18px;
display:inline-block;
margin:auto;
text-align:center;
margin:15px auto 0;
position:relative;
width:auto;
}
body.top-design #header .headerLeft .nvi-search-box-ontext:before{
content: '';
position: absolute;
top: 45%;
left:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
}
body.top-design #header .headerLeft .nvi-search-box-ontext:after{
content: '';
position: absolute;
top: 45%;
right:-30px;
display: inline-block;
width: 25px;
height: 2px;
background-color:#FFF;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#topInner-box #top-content #about h1{
display: inline-block;
font-size: 16px;
margin-bottom: 14px;
margin-top: 0;
position: relative;
background: none;
color: #333;
padding: 0 10px;
height: auto;
line-height: normal;
font-weight: bold;
}
#top-content #about h1:before,#top-content #about h1:after{
content: '';
display: block;
position: absolute;
width: 42px;
height: 10px;
top: 0;
bottom: 0;
left: auto;
right: auto;
margin: auto;
}
#top-content #about h1:before{
left: -40px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball1.png) no-repeat center / contain;
}
#top-content #about h1:after{
right: -40px;
background: url(https://img.altema.jp/pachimo/common/pachinko-ball2.png) no-repeat center / contain;
}
}

@media only screen and (max-width: 376px){
#top-content #about h1:before,#top-content #about h1:after{
width: 38px;
height: 10px;
}
#top-content #about h1:before{
left: -36px;
}
#top-content #about h1:after{
right: -36px;
}
}


/*------------------------------------------------------------
Gナビ
-------------------------------------------------------------*/
body.top-design #header .headerIn{
position: relative;
}
body.top-design #header .nvi-search-box .gNaviWrap2{
display: block;
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
left: 0;
background: #e63259;
box-shadow: 0 3px 0 #b12140;
}
ul.gNavi{
width: 1000px;
margin: 0 auto;
}
ul.gNavi li{
display: block;
border-right: 1px solid #c91f5d;
width: calc(100% / 6);
}
ul.gNavi li:first-of-type{
border-left: 1px solid #c91f5d;
}
ul.gNavi li a{
color: #fff;
height: 48px;
padding: 0;
display: block;
line-height: 48px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
ul.gNavi li a:hover{
background: #fff;
color:#b12140 ;
}
body:not(.top-design) #header{
position: relative;
/* padding-bottom: 64px; */
}
body:not(.top-design) .gNaviWrap2{
display: block;
/* position: absolute; */
bottom: 0;
margin: 0;
width: 100%;
left: 0;
background: #e63259;
box-shadow: 0 3px 0 #b12140;
margin: 10px 0 0;
}
@media only screen and (max-width: 896px){
body.top-design #header{
height: 430px;
}
body.top-design #header .nvi-search-box .gNaviWrap2,body:not(.top-design) .gNaviWrap2{
bottom: 2px;
}
ul.gNavi{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
ul.gNavi li{
box-sizing: border-box;
width: calc(100% / 3);
border-bottom: 1px solid #c91f5d;
}
ul.gNavi li:nth-of-type(3n){
border-right: 0;
}
ul.gNavi li:first-of-type{
border-left: 0;
}
ul.gNavi li a{
font-size: 13px;
}
body:not(.top-design) .nvi-search-box{
display: block;
}
body:not(.top-design) .nvi-search-box #siteTopSearch{
display: none;
}
body:not(.top-design) #header{
/* padding-bottom: 100px; */
}
body:not(.top-design) #header .menu-btn.drawer-menu-button{
margin: 0;
top: 12px;
bottom: auto;
}
}
@media screen and (max-width: 415px){
body:not(.top-design) #header .menu-btn.drawer-menu-button{
top: 10px;
}
}

/*--------------------------------------------------------
Gナビバッジ
-------------------------------------------------------*/
ul.gNavi li a{
position: relative;
}
ul.gNavi .badge-on:after,ul.gNavi li .badge-on:after{
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 3px;
top: 3px;
border-radius: 50%;
background: #e1df69;
}
ul.gNavi li .badge-on:after{
width: 9px;
height: 9px;
right: 3px;
top: 3px;
}

/*------------------------------------------------------------
アイコン角丸
-------------------------------------------------------------*/
.icon-radius{
border-radius: 10px;
}

/*--------------------------------------------------------
追従広告
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
#sp-overlay-koukoku{
position: fixed;
z-index: 1;
bottom: -1px;
left: 0;
width: 100%;
}
#sp-overlay-koukoku img{
width: 100%;
}
.adsSpOverlay #sp-overlay-koukoku{
position: static;
}
#top-content .slider-arrow, #slide-free .slider-arrow{
z-index: 999;
}
}

/*--------------------------------------------------------------
カレンダー調整
-------------------------------------------------------------*/
.event_schedule_calendar_wrap{
background:#fff2f4;
padding:10px 20px 5px;
border-radius:5px;
margin-bottom: 16px;
}
.fc-center div.title-date{
padding: 0 0 5px 0;
position: relative;
z-index: -1;
}
.fc-center div.title-date:before{
content: '';
position: absolute;
bottom: -4px;
right: 0;
left: 0;
height: 4px;
width: 100%;
background: #fde0e5;
border-radius: 50px;
}
#mainCenter .common-tab{
margin-top: 0;
}
#mainCenter .common-tab li{
margin-top: 0;
border-bottom: 2px solid #7f6ac7;
}
.common-tab li a{
font-size: 14px;
padding: 10px 0;
}
.common-tab li.tabactive a{
background: #7f6ac7;
border-color: #58439f;
}
.common-tab li a:hover{
background: #7f6ac7;
padding: 10px 0;
border-right: 2px solid #58439f;
}

@media only screen and (max-width: 896px){
.event_schedule_calendar_wrap{
padding: 5px 10px;
}
.fc-toolbar.fc-header-toolbar{
position: relative;
}
.fc-toolbar.fc-header-toolbar:before{
content: '';
position: absolute;
bottom: -4px;
right: 0;
left: 0;
height: 4px;
width: 100%;
background: #fde0e5;
border-radius: 50px;
}
.fc-center div.title-date:before{
display: none;
}
.common-tab li a {
font-size: 12px;
padding: 8px 0;
}
}

/*--------------------------------------------------------------
table関連
-------------------------------------------------------------*/
#mainCenter .tbl-type2,#mainCenter .tbl-type2 th,#mainCenter .tbl-type2 td{
border-color: #97a2a5;
}
#mainCenter .tbl-type3,#mainCenter .tbl-type3 th,#mainCenter .tbl-type3 td{
border-color: #828c91;
border-width: 3px;
}
#mainCenter table td ul li ,#mainCenter .post table td ul li{
margin: 0;
padding: 8px 0;
}
#mainCenter table td ul li:last-child,#mainCenter .post table td ul li:last-child{
margin: 0;
}
table.all-center,#mainCenter table.all-center{
text-align:center;
}

/*--------------------------------------------------------------
SP用広告がPCで余白になってるの消す
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.koukoku-sitei + p{
display: none;
}
}
/*--------------------------------------------------------------
フォーム　スクロール調整
-------------------------------------------------------------*/
.scrollbox-kojin{
height: 130px;
overflow: auto;
padding: 10px;
line-height: 20px;
font-size: 14px;
width: 100%;
border: solid 1px #666;
margin: 20px auto;
display: block;
color: #444;
background: #FFF;
box-sizing: border-box;
}
.scrollbox-kojin h4{
margin:0 0 15px!important;
}
@media only screen and (max-width: 896px){
.scrollbox-kojin{
height: 60px;
font-size: 12px;
}
}
.scrollbox-kojin + p{
text-align: center;
font-size: 12px;
}

/*--------------------------------------------------------
追従広告
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
.adsSpOverlay{
position: fixed;
z-index: 3;
bottom: -1px;
left: 0;
width: 100%;
}
.adsSpOverlay img{
width: 100%;
}
#top-content .slider-arrow, #slide-free .slider-arrow{
z-index: 999;
}
body .copyright{
padding-bottom: calc(100vw * 0.32);
}
}

.pachimo_koukoku_wrapper{
text-align:center;
height: auto;
}


@media only screen and (max-width: 896px){
.pachimo_headerkoukoku_wrapper{
    text-align: center;
    height: 100px;
    margin-top: 10px;
}
}

/*------------------------------------------------------------
2列固定スクロールテーブル（table-scroll-fixにクラス追加して使用）
-------------------------------------------------------------*/
.table-scroll-fix.two-row-fix tbody{
width: max-content;
table-layout: fixed;
}
.table-scroll-fix.two-row-fix th:first-child, .table-scroll-fix.two-row-fix td:first-child{
width: 42px;
max-width: 42px;
box-sizing: border-box;
min-width: 42px;
}
.table-scroll-fix.two-row-fix th:nth-child(2), .table-scroll-fix.two-row-fix td:nth-child(2){
position: -webkit-sticky;
position: sticky;
left: 42px;
z-index: 3;
}
.table-scroll-fix.two-row-fix th:nth-child(2):before, .table-scroll-fix.two-row-fix td:nth-child(2):before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #dde4e6;
}


/*-------------------------------------------------------
余白調整
-------------------------------------------------------*/
.hyouka-main-wrap .hyouka-main-icon p{
margin-bottom: 0;
}
#top-content #free_area #kisyubetu-ranking{
margin: 40px 0 16px;
}
@media only screen and (orientation: landscape) and (min-width: 814px), (orientation: portrait) and (min-width: 754px){
body:not(.top-design) #mainCenter .acMenu.achyouka + h2{
margin-top: 20px;
}
}
@media only screen and (max-width: 896px){
#top-content #free_area #kisyubetu-ranking{
margin: 36px 0 14px;
}
}

/*--------------------------------------------------------
TOP調整
-------------------------------------------------------*/
#top-content #free_area .tbl-type3 + .acMenu{
margin-top: -10px;
}
#top-content #free_area .acMenu + .tbl-type3{
margin-top: 30px;
}
#top-content #pachinko_kanren_contents table + h3,#top-content #slot_kanren_contents table + h3{
margin-top: 40px;
}
@media only screen and (max-width: 896px){
#top-content #pachinko_kanren_contents table + h3,#top-content #slot_kanren_contents table + h3{
margin-top: 36px;
}
}

/*--------------------------------------------------------
SPメニュー調整
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
ul.drawer-menu-list .drawer-menu-level2 li a{
padding-right: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
}

/*--------------------------------------------------------
新台カレンダー　アコーディオン調整
-------------------------------------------------------*/
@media screen and (max-width : 360px){
.event_schedule_calendar_wrap ~ .acMenu:first-of-type dt{
font-size: 15px;
}
}


/*--------------------------------------------------------
TOPスライダー＆広告
-------------------------------------------------------*/
body.top-design #header .headerLeft {
padding: 30px 0 0 0;
}
body.top-design #header {
height: 800px;
}
body.top-design #header .headerIn {
background-size:1800px;
}
#topMainList{
position: absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
width:980px;
height:330px;
background:rgb(234 27 102 / 57%);
border-radius: 5px;
padding:15px;
box-sizing: border-box;
}
#topMainList .image-L{
width:627px;
box-sizing: border-box;
position:absolute;
display:block;
}
#topMainList .image-S{
width:307px;
box-sizing: border-box;
position:absolute;
display:block;
top:15px;
right:15px;
}
#topMainList .image-S:last-of-type{
width:307px;
box-sizing: border-box;
position:absolute;
display:block;
top:174px;
right:15px;
}
#topMainList .image-L img{
width:100%;
border-radius: 3px;
object-fit: cover;
height:300px;
box-shadow:0 0 5px 1px rgb(0 0 0 / 25%);
}
#topMainList .image-S img{
width:100%;
border-radius: 3px;
object-fit: cover;
height:142px;
box-shadow:0 0 5px 1px rgb(0 0 0 / 25%);
}
#topMainList a.ads_area_atag{
display:block;
}
#topMainList .image-L img:hover,#topMainList .image-S img:hover{
opacity:0.6;
}
#topMainList .image-L span,#topMainList .image-S span{
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
text-align:center;
display:block;
z-index:1;
font-size:14px;
font-weight:bold;
color:#FFF;
background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0));
background: linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0));
padding: 30px 0px 5px;
border-radius:0 0 3px 3px;
}
#topMainList_container{
position:absolute;
height:320px;
bottom:75px;
left:0;
right:0;
margin:auto;
}
#topMainList_container > div:not(#topMainList){
position:absolute;
top:-50px;
left:0;
right:0;
margin:auto;
color:#FFF;
display:block;
text-align: center;
width:980px;
}
#topMainList_container > div:not(#topMainList):before, #topMainList_container > div:not(#topMainList):after {
content: '';
position: absolute;
top: 42%;
display: inline-block;
width: 40%;
height: 5px;
border-top: solid 1px  rgb(234 27 102 / 80%);
border-bottom: solid 1px  rgb(234 27 102 / 80%);
}
#topMainList_container > div:not(#topMainListt):before {
left:0;
}
#topMainList_container > div:not(#topMainList):after {
right: 0;
}
#slide-topNewsList .slider-arrow:before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
#slide-topNewsList .slider-next:before{
right: 2px;
}
#slide-topNewsList .slider-prev:before{
transform: rotate(-135deg);
left: 2px;
}

@media only screen and (max-width: 896px){
body.top-design #header .headerLeft {
padding:0;
}
body.top-design #header{
overflow:initial;
}
body.top-design #header .headerIn {
background-size: 200%;
}
body.top-design #header {
height: 540px;
}
#slide-topMainList{
position: absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
background:rgb(234 27 102 / 57%);
padding:10px 0
}
#slide-topMainList .slick-dotted.slick-slider {
margin-bottom:0;
text-align: center;
}
#slide-topMainList .slick-slide img {
display: block;
margin: auto;
border-radius:5px;
width:85%;
height:130px;
object-fit:cover;
}
#slide-topMainList .topMainItem{
position:relative;
display:block;
}
#slide-topMainList .topMainItem span{
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
text-align:center;
display:block;
z-index:1;
font-size:14px;
font-weight:bold;
color:#FFF;
background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.9),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0));
background: linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0));
padding: 30px 0px 5px;
border-radius:0 0 3px 3px;
width:85%;
}
#slide-topMainList .slick-dots{
display:none!important;
}
#slide-topMainList .slider-arrow.slider-prev{
position:absolute;
top:0;
left:0;
bottom:0;
margin:auto;
z-index:5;
}
#slide-topMainList .slider-prev:before {
content: '';
width:20px;
height:40px;
position:absolute;
top:0;
left:3px;
bottom:0;
margin:auto;
cursor: pointer;
background: url(https://img.altema.jp/pachimo/uploads/2023/02/2023y02m17d_1552526611.png) no-repeat center / contain;
}
#slide-topMainList .slider-arrow.slider-next{
position:absolute;
top:0;
right:0;
bottom:0;
margin:auto;
z-index:5;
}
#slide-topMainList .slider-next:before {
content: '';
width:20px;
height:40px;
position:absolute;
top:0;
right:3px;
bottom:0;
margin:auto;
cursor: pointer;
background: url(https://img.altema.jp/pachimo/uploads/2023/02/2023y02m17d_1552539165.png) no-repeat center / contain;
}     
#slide-topNewsList{
position:relative;
margin: 50px 0 20px;
}
#slide-topNewsList .slide-Area-in{
margin:0 0 40px;
}
#slide-topNewsList .slide-Area-in .topNewsItem{
padding:5px;
position:relative;
}
#slide-topNewsList .slide-Area-in .topNewsItem span{
font-size:12px;
line-height: 1.6;
display:block;
padding:6px 0 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#slide-topNewsList .slide-Area-in .slick-dots{
display:none!important;
}

#slide-topNewsList .slider-arrow,#slide-topNewsList .slider-arrow{
position: absolute;
background: rgb(234 27 102 / 80%);
width: 28px;
height: 28px;
line-height: 28px;
top: 35px;
bottom: 0;
margin: auto;
z-index: 999;
color: #FFF;
text-align: center;
border-radius: 50%;
font-size: 18px;
font-weight:normal;
box-shadow: 0 0 0 2px rgb(38 38 38 / 15%);
box-sizing: border-box;
}
#slide-topNewsList .slider-next{
padding-left: 2px;
right:-5px;
}
#slide-topNewsList .slider-prev{
padding-right: 2px;
left:-5px;
}
#slide-topMainList_container{
position:absolute;
height:auto;
display:block;
height:150px;
bottom:83px;
left:0;
right:0;
margin:auto;
}
#slide-topMainList_container > div:not(#slide-topMainList){
position:absolute;
top:-40px;
left:0;
right:0;
margin:auto;
color:#FFF;
display:block;
text-align: center;
}
#slide-topMainList_container > div:not(#slide-topMainList):before, #slide-topMainList_container > div:not(#slide-topMainList):after {
content: '';
position: absolute;
top: 42%;
display: inline-block;
width: 30%;
height: 5px;
border-top: solid 1px  rgb(234 27 102 / 80%);
border-bottom: solid 1px  rgb(234 27 102 / 80%);
}
#slide-topMainList_container > div:not(#slide-topMainList):before {
left:0;
}
#slide-topMainList_container > div:not(#slide-topMainList):after {
right: 0;
}
.topNews_img{
margin:0 0 5px;
}
.topNews_category{
position:absolute;
top: 5px;
left: 5px;
font-size:11px;
color:#FFF;
background:#333;
padding:0 5px;
}
.topNews_category.category_{
background:#333;
}
.topNews_category.category_news{
background:#0368d3;
}
.topNews_category.category_kisyu{
background:#0097a3;
}
.topNews_category.category_shindai{
background:#ff386d;
}
.topNews_category.category_pachinko{
background:#ff8300;
}
.topNews_category.category_slot{
background:#702ed2;
}
.topNews_category.category_hall{
background:#4d4a77;
}
.topNews_description{
font-size:12px;
line-height: 1.5;
color: #3492cf;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}

/*------------------------------------------------------------
東証ロゴ
-------------------------------------------------------------*/
#footer-in .tosyo-logo {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  margin-bottom: 32px;
}
#footer-in .tosyo-logo img {
  width: 64px;
  height: auto;
  margin-right: 24px;
}
#footer-in .tosyo-logo p {
  font-size: 1.4rem;
  color: var(--color-white);
}


/*==会社概要ページ内の受賞歴スライダー用==*/
.cop-company-jyusyou-slider-wrap{
height: 200px;
margin: 0px 40px 40px 40px!important;
}
.cop-company-jyusyou-slider-wrap .slick-slide{
    margin-bottom: 0 !important;
    font-size: 8px !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:#e5325a;
font-size: 13px!important;
}
.sd-message-01 p:empty{
display: none!important;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.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;
}
@media only screen and (max-width: 896px){
    .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;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow {
    left: 0;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-next.fa.fa-angle-right.slick-arrow {
    right: 0;
}
}
.sp-display {
  display: none !important;
}
@media screen and (max-width: 680px) {
  .pc-display {
    display: none !important;
  }
  .sp-display {
    display: block !important;
  }
}

/*--------------------------------------------------------
マイクロコピー
-------------------------------------------------------*/
.micro-copy {
display: block;
width: fit-content;
margin: 0 auto;
line-height: 1;
font-size: 14px;
font-weight: bold;
position: relative;
color:#fc7500;
}
.micro-copy:before,.micro-copy:after{
content: '';
display: block;
width: 2px;
height: 16px;
position: absolute;
bottom: -2px;
background: #fc7500;
}
.micro-copy:before{
left: -13px;
transform: rotate(-35deg);
}
.micro-copy:after{
right: -13px;
transform: rotate(35deg);
}
.btn-midasi-yohaku{
isplay: block;
width: fit-content;
margin: 0 auto;
margin-bottom:6px !important;
margin-top:14px !important;
line-height: 1;
font-size: 14px;
font-weight: bold;
position: relative;
color:#ff2576;
}
.btn-midasi-yohaku:before,.btn-midasi-yohaku:after{
content: '';
display: block;
width: 2px;
height: 16px;
position: absolute;
bottom: -2px;
background: #ff2576;
}
.btn-midasi-yohaku:before{
left: -13px;
transform: rotate(-35deg);
}
.btn-midasi-yohaku:after{
right: -13px;
transform: rotate(35deg);
}
@media
only screen and (max-width : 414px){
.btn-midasi-yohaku:before,.btn-midasi-yohaku:after{
content:unset;
}
}


/*--------------------------------------------------------
目次上PR
-------------------------------------------------------*/
.pr-wrap td > *:last-child{
margin-bottom: 0;
}
.border-blue {
border: 2px solid #1e449b;
display: block;
}
#mainCenter .pr-wrap td{
padding: 18px;
}
.pr-wrap .osusume-user_box{
border-radius: 0;
}
.pr-wrap .micro-copy{
color: #e5327a;
}
.pr-wrap .micro-copy:before, .pr-wrap .micro-copy:after{
background: #e5327a;
}
.pr-wrap .cta-link-button02 {
width: 400px;
max-width: 90%;
font-size: 20px;
border-radius: 8px;
padding: 15px 13px 13px;
margin-bottom: 12px;
}
.pr-wrap .cta-link-button02 span{
display: block;
background: #fff;
width: fit-content;
margin: 0 auto 4px;
border-radius: 30px;
font-size: 12px;
color: #e5325a;
padding: 2px 10px;
}
@media only screen and (max-width: 896px){
#mainCenter .pr-wrap td {
padding: 12px;
}
}
@media screen and (max-width : 376px){
#mainCenter .pr-wrap td {
padding: 10px;
}
#mainCenter .post .pr-wrap .osusume-user_box li{
font-size: 13px;
}
}
@media screen and (max-width : 361px){
#mainCenter .post .pr-wrap .osusume-user_box li{
font-size: 12px;
}
}

div.more-Btn {
    width: 100%;
    box-sizing: border-box
}

/*------------------------------------------------------------
テーブルの　全部見る機能
-------------------------------------------------------------*/
#mainCenter .tableAc {
    display: block;
    overflow: hidden!important;
    overflow-x: scroll!important;
    transition: all 0.6s;
    height: 400px;
    border-right: 0;
    border-bottom: 0;
}
.tableAc tbody {
    width: 100%;
    display: table;
    box-sizing: border-box;
}
.tableAc + p.more-btn {
    display: block;
    margin: auto 0 !important;
    text-align: center;
    position: relative;
    top: -60px;
    height: 0;
    z-index: 1;
}
.tableAc + p.more-btn:before {
    content: "";
    top: -50px;
    left: 0;
    z-index: -1;
    background: #fff;
    background: -moz-linear-gradient(top, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
    background: -webkit-linear-gradient(top, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
    background: linear-gradient(to bottom, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
    height: 90px;
    bottom: 0;
    position: absolute;
    margin: 0;
    width: 100%;
    text-align: center;
}
.tableAc + p.more-btn a {
    border: 1px solid #4c4c4c;
    padding: 0;
    line-height: 30px;
    height: 33px;
    width: 200px;
    display: block;
    border-radius: 5px;
    margin: auto;
    background: rgb(255 255 255 / 80%);
    text-decoration: none;
    color: #333;
}
.tableAc + p.more-btn a:hover {
    cursor: pointer;
    color: #333;
    background: rgb(255 248 124);
}
#mainCenter .tableAc.acON {
    display: block;
    overflow: auto!important;
    height: 100%!important;
    transition: all 0.6s;
}
.tableAc.acON + p.more-btn {
    display: none;
}

/*--------------------------------------------------------
合わせて読みたい
-------------------------------------------------------*/
.awasete{
margin:10px 0;
position:relative;
box-shadow:0 1px 1px 0px rgb(215 216 222 / 25%);
line-height: 1.5;
}
.awasete dt{
background:none;
background-color: #d65757;
font-weight:bold;
padding:5px 20px 5px 30px;
display:inline-block;
margin-bottom:0;
border-radius:30px;
position:absolute;
top:-14px;
left:10px;
font-size:12px;
color:#FFF;
}
.awasete dt:after{
content: '';
display: block;
z-index: 2;
width: 16px;
height: 16px;
position: absolute;
left: 9px;
top: calc(50% - 9px);
border: 2px solid transparent;
box-sizing: border-box;
background: url(https://img.altema.jp/pachimo/uploads/2024/09/2024y09m11d_1711410233.png) no-repeat center / 14px;
}
.awasete dd{
background:#FFF;
border:2px solid #d65757;
padding:15px 10px 5px;
margin:40px 0 25px;
border-radius:3px;
}
.awasete dd ul{
margin: 0!important;
}
.awasete dd ul li{
padding:10px 0!important;
margin: 0!important;
line-height: 1.5!important;
font-weight:bold;
}
.awasete dd ul li a{
letter-spacing:1px;
font-size:13px;
text-decoration: none;
}


/*--------------------------------------------------------
PR広告
-------------------------------------------------------*/
#mainCenter .osusume-user_box li{
position: relative;
padding: 5px 0;
margin: 3px 0;
font-size:14px;
font-weight:bold;
line-height: 1.5;
}
.PRkoukoku .osusume-user_box{
box-shadow: 0 0 0 0px #ffdee8;
padding: 20px 150px 5px 150px;}
.PRkoukoku .osusume-user_box li {
background-color: #fff !important;
}
.PRkoukoku .osusume-user_box .midasi p{
display: flex;
align-items: center;
gap: 14px;
padding: 0;
}
.PRkoukoku .osusume-user_box .midasi p:before,.PRkoukoku .osusume-user_box .midasi p:after {
width: 60px;
height: 1px;
background-color: #ff417c;
content: '';
}
.PRkoukoku img{
margin-top: 8px;
}
#mainCenter .PRkoukoku th {
background-color: #f5618e !important;
color:#fff;
}
#mainCenter .PRkoukoku td, #mainCenter .PRkoukoku th {
padding: 0.5em;
border: 1px solid #f46792 !important;
font-size: 15px;
}
.PRkoukoku .osusume-user_box{
padding: 20px 40px 5px;
}
@media only screen and (max-width: 896px){
.PRkoukoku .osusume-user_box {
box-shadow: 0 0 0 0px #ffdee8;
padding: 25px 0px 8px 0px;
}
.PRkoukoku .osusume-user_box .midasi p:before, .PRkoukoku .osusume-user_box .midasi p:after {
width: 40px;
}
@media
only screen and (max-width : 360px){
#mainCenter .PRkoukoku .osusume-user_box li {
font-size: 13px;
}
}
}
.pr-icon {
background: #ccc;
color: #fff;
font-size: 10px;
padding: 1px 36px;
border-radius: 3px;
letter-spacing: 3px;
}

/*------------------------------------------------------------
TOP FV変更
-------------------------------------------------------------*/
body.top-design #header{
height: auto;
background: url(https://img.altema.jp/pachimo/common/pachinko-background-2.png) no-repeat center 0 / 1800px, url(https://img.altema.jp/pachimo/common/pachinko-background-5.png) repeat center / 100% #252525;
}
#topMainList_container{
position: static;
margin-top: 57px;
margin-bottom: 30px;
height: auto;
}
#topMainList_container > div:not(#topMainList){
position: relative;
top: auto;
}
#topMainList{
position: relative;
}
body.top-design #header .gNaviWrap2{
width: 100%;
background: #e63259;
box-shadow: 0 3px 0 #b12140;
margin: 0;
}
@media only screen and (max-width: 896px){
body.top-design #header{
height: auto;
margin-bottom: 0;
background:url(https://img.altema.jp/pachimo/common/pachinko-background-2.png) no-repeat center 0 / 200%, url(https://img.altema.jp/pachimo/common/pachinko-background-5.png) repeat center / 100% #252525;
}
body.top-design #header .headerIn{
background: none;
}
#slide-topMainList_container{
position: static;
height: auto;
}
#slide-topMainList_container > div:not(#slide-topMainList){
position: relative;
top: auto;
margin-bottom: 10px;
margin-top: 75px;
}
#slide-topMainList{
position: relative;
}
.top-design .gNaviWrap2{
background: #e63259;
box-shadow: 0 3px 0 #b12140;
margin: 0;
}
.top-design #main{
margin-top: 30px;
}
}

/*-------------------------------------------------------
検索フォーム
-------------------------------------------------------*/
.ot-search-area{
text-align:center;
}
.ot-search-area label{
width:23%;
text-align:center;
min-width:auto;
min-height:auto;
border-radius: 5px;
height:30px;
line-height:30px;
margin:2px;
cursor:pointer;
position:relative;
display:inline-block;
z-index: 1;
}
.ot-search-area label span{
display:block;
box-sizing:border-box;
position:relative;
}
.ot-search-area label input[type=checkbox] {
position:absolute;
visibility:visible;
content:'';
display:block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height:30px;
background-color:#cccccc;
cursor: pointer;
top:-2px;
z-index: -2;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
border-radius:5px;
border:0;
border-bottom:2px solid #a2a2a2;
}
.ot-search-area label input[type=checkbox]:checked{
visibility:visible;
content:'';
display:block;
width:100%;
height:30px;
background: #e35983;
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
border-radius:5px;
border:0px;
}
.ot-search-area label input[type=checkbox]:checked + span{
color:#FFF;
width:100%;
height:100%;
display:block;
}
.ot-search-area label input[type=checkbox] + span:before{
content:"";
width:12px;
height:12px;
position:absolute;
left:-2px;
top:5px;
margin:auto;
background:#bbb;
border-radius:50%;
z-index:-1;
transition-duration:300ms;
opacity:0;
}
.ot-search-area label input[type=checkbox] + span:after{
content:"";
background:url(https://img.altema.jp/pachimo/uploads/2024/10/2024y10m23d_1612521443.png)no-repeat center / 8px;
position:absolute;
width:12px;
height:12px;
left:-2px;
top:-3px;
margin:auto;
box-sizing:border-box;
border-radius:50%;
z-index:-1;
opacity:0;
transition-duration:300ms;
}
.ot-search-area label input[type=checkbox]:checked + span:before{content:"";background: rgb(132 1 48);width:12px;height:12px;position:absolute;left:-2px;top:-3px;margin:auto;box-sizing:border-box;border-radius:50%;transition: all 300ms 0s ease;z-index:-1;opacity:1;}
.ot-search-area label input[type=checkbox]:checked + span:after{
content:"";
background:url(https://img.altema.jp/pachimo/uploads/2024/10/2024y10m23d_1612521443.png)no-repeat center / 8px;
position:absolute;
width:12px;
height:12px;
left:-2px;
top:-3px;
box-sizing:border-box;
border-radius:50%;
z-index:-1;
opacity:1;
}
.ot-text-area{
display:-webkit-flex;
display:flex;
justify-content:center;
align-items:center;
}
.ot-text-area input[type=text]{
width:60%;
height:30px;
padding:0 10px;
margin:0 5px;
box-sizing:border-box;
border-radius:3px;
font-size:12px;
box-shadow:none;
border:1px solid #AECBD9;
background: #DDEEFE;
}
.ot-text-area input[type=submit]{
width:20%;
height:30px;
padding:0;
margin:0 5px;
border:0px;
box-sizing:border-box;
background:#34a3d1;
color:#FFF;
cursor:pointer;
border-radius:3px;
font-size:12px;
}
.ot-button-area{
display:-webkit-flex;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:20px;
}
.ot-button-area button{
width:40%;
height:30px;
padding:0;
margin:0 5px;
border:0px solid #ccc;
box-sizing:border-box;
background:#555;
color:#FFF;
cursor:pointer;
border-radius:3px;
font-size:12px;
border-bottom:2px solid #222;
}
.ot-button-area input[type=submit]{
width:40%;
height:30px;
padding:0;
margin:0 5px;
border:0px;
box-sizing:border-box;
background:#34a3d1;
color:#FFF;
cursor:pointer;
border-radius:3px;
font-size:12px;
border-bottom:2px solid #105d7d;
}
.ot-search-area label input[type=checkbox]:focus{
outline:0;
box-shadow:none;
border:0px;
background-color:none;
}
#main-in .ot-search-area tr:nth-child(odd){
background:none;
}
.ot-search-area .ot-radio label{
width:auto;
text-align:center;
min-width:auto;
min-height:auto;
border-radius: 5px;
height:auto;
line-height:normal;
margin:0;
cursor:pointer;
position:relative;
display:inline-block;
padding:10px;
vertical-align:middle;
}
.ot-search-area .ot-radio label input{
padding:0 10px;
vertical-align:middle;
}
/*-------------------------------------------------------
検索フォーム(SP)
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
.ot-search-area{
text-align:center;
}
.ot-search-area label{
width:24%;
text-align:center;
min-width:auto;
min-height:auto;
border-radius: 5px;
height:30px;
line-height:30px;
margin:2px 0;
cursor: pointer;
position:relative;
display:inline-block;
}
.ot-search-area label input[type=checkbox] {
position:absolute;
visibility:visible;
content:'';
display:block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
height:30px;
background-color:#cccccc;
cursor: pointer;
top:-2px;
top:0;
left:0;
right:0;
bottom:0;
z-index:-2;
margin:auto;
border-radius:5px;
border-bottom:2px solid #b7b8b8;
}
.ot-search-area label input[type=checkbox]:checked{
visibility:visible;
content:'';
display:block;
width:100%;
height:30px;
background: #e35983;
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
border-radius:5px;
border-bottom:0px solid #4282be;
}
.ot-search-area label input[type=checkbox]:checked + span{
color:#FFF;
width:100%;
height:100%;
display:block;
}
.ot-search-area label input[type=checkbox] + span:before{
content:"";
position:absolute;
width:12px;
height:12px;
left:-2px;
top:5px;
margin:auto;
background:#bbb;
border-radius:50%;
z-index:-1;
transition-duration:300ms;
opacity:0;
}
.ot-search-area label input[type=checkbox] + span:after{
content:"";
background:url(https://img.altema.jp/pachimo/uploads/2024/10/2024y10m23d_1612521443.png)no-repeat center / 8px;
position:absolute;
width:12px;
height:12px;
left:-2px;
top:-3px;
margin:auto;
box-sizing:border-box;
border-radius:50%;
z-index:-1;
opacity:0;
transition-duration:300ms;
}
.ot-search-area label input[type=checkbox]:checked + span:before{
content:"";
background: rgb(132 1 48);
position:absolute;
width:12px;
height:12px;
left:-2px;
top:-3px;
margin:auto;
box-sizing:border-box;
border-radius:50%;
transition: all 300ms 0s ease;
z-index:-1;
opacity:1;
}
.ot-search-area label input[type=checkbox]:checked + span:after{
content:"";
background:url(https://img.altema.jp/pachimo/uploads/2024/10/2024y10m23d_1612521443.png)no-repeat center / 8px;
position:absolute;
width:12px;
height:12px;
left:-2px;
top:-3px;
margin:auto;
box-sizing:border-box;
border-radius:50%;
z-index:-1;
opacity:1;
}
}

/*------------------------------------------------------------
ot-search-area調整
-------------------------------------------------------------*/
.ot-search-area label input[type=checkbox]:focus{
background-color: #ccc!important;
border-bottom: 2px solid #a2a2a2;
}
.ot-search-area label input[type=checkbox]:checked:focus{
background-color: #e35983!important;
border: 0;
}

/*------------------------------------------------------------
シュミレートボタン
-------------------------------------------------------------*/
p.simulate-start {
width: 50% !important;
margin: 0 auto;
height:unset !important;
padding: 16px 0px !important;
font-size: 16px !important;
cursor: pointer;
box-shadow: 0px 5px 0px 0px rgb(171 58 55) !important;
border-radius: 100px !important;
position: relative;
overflow: hidden;
background: rgb(229,50,90);
background: linear-gradient(135deg, rgba(229,50,90,1) 0%, rgba(229,88,50,1) 100%) !important;
box-sizing:border-box;
font-weight:bold;
border:1px solid #e53655;
margin-bottom:40px;
color: #fff;
}
.simulate-start::before,p.one-more::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #b5e7ff;
transition: 300ms;
animation: shinyshiny 2.5s ease-in-out infinite;
}
p.simulate-start:after{
content: "";
}
.simulate-start:hover,p.one-more:hover{
text-decoration: none;
color: #fff;
box-shadow: none !important;
-webkit-transform: translateY(5px);
}
@-webkit-keyframes shinyshiny {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

p.one-more{
width: 50% !important;
margin: 0 auto;
height:unset !important;
padding: 16px 0px !important;
font-size: 16px !important;
cursor: pointer;
box-shadow: 0px 5px 0px 0px rgb(62 72 142) !important;
border-radius: 100px !important;
position: relative;
overflow: hidden;
background: rgb(83 97 194) !important;
box-sizing:border-box;
font-weight:bold;
border:1px solid #5c6fcb;
margin-bottom:40px;
color: #fff;
}

/*---チャートリンクボックス---*/
.chart-bt-box{
    width:99%;
    margin:auto;
}
.chart-bt-box ul{
    margin:0 0 10px;
    padding:0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chart-bt-box li{
    width:49.8%;
    text-align:center;
    display:block;
    box-shadow:0 0 0 1px #c3e6ff;
    box-sizing:border-box;
}
.chart-bt-box li:first-of-type{
    border-radius:30px 0 0 30px;
}
.chart-bt-box li:nth-of-type(2){
    border-radius:0px 30px 30px 0;
}
.chart-bt-box li a{
    display:block;
    padding:10px 0;
    transition: .5s;
    color:#FFF;
}
.chart-bt-box li a:hover{
    opacity:0.6;
}
.chart-bt-box li:first-of-type a{
    display:block;
    padding:10px 0;
    background:#56a2e9;
    border-radius:30px 0 0 30px;
    position:relative;
}
.chart-bt-box li:first-of-type a:before {
    content: "\025c0";
    font-size:10px;
    position:absolute;
    top:0;
    bottom:0;
    left:12px;
    margin:auto;
    box-shadow:0 0 0 1px #FFF;
    padding:0;
    border-radius:50px;
    width:20px;
    height:20px;
    line-height:20px;
    box-sizing:border-box;
}
.chart-bt-box li:nth-of-type(2) a{
    display:block;
    padding:10px 0;
    background:#56a2e9;
    border-radius:0px 30px 30px 0;
    position:relative;
}
.chart-bt-box li:nth-of-type(2) a:after {
    content: "\025b6";
    font-size:10px;
    position:absolute;
    top:0;
    bottom:0;
    right:12px;
    margin:auto;
    box-shadow:0 0 0 1px #FFF;
    padding:0;
    border-radius:50px;
    width:20px;
    height:20px;
    line-height:20px;
    box-sizing:border-box;
}
.chart-bt-box p.tyuui-txt{
    padding:10px;
    font-size:11px;
    box-shadow:0 0 0 1px #ffdfdf;
    width:100%;
    margin:auto;
    display:block;
    border-radius:0;
    color:#f04c4c;
    background:#fff0f0;
    box-sizing:border-box;
}
@media only screen and (max-width: 896px){
p.simulate-start {
width:80% !important;
padding:20px 0px !important;
}

    .chart-bt-box li:first-of-type a{
        padding-left:40px;
        padding-right:10px;
        font-size:11px;
    }
    .chart-bt-box li:nth-of-type(2) a{
        padding-right:40px;
        padding-left:10px;
        font-size:11px;
    }
}

/*-----効果：手順ボックス-----*/
.procedure-list{
    margin-bottom: 18px;
    box-shadow:none;
    border-radius: 8px;
    width:99%;
    margin:0 auto 20px;
}
.procedure-list .title{
    background: #0970c3;
    box-shadow: 0 0 0 2px #054273;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
    z-index:1;
    position:relative;
}
.procedure-list ul {
    margin-bottom: 0px !important;
}
.procedure-list ol,.procedure-list ul{
    box-shadow: 0 0 0px 2px #054273;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
#mainCenter .post .procedure-list li,#main-contents .post .procedure-list li{
    position: relative;
    border-bottom: 1px dashed #b0b6c5;
    padding: 10px 0 8px 38px;
    font-size: 12px;
    margin-bottom: 0;
    background: none;
    font-weight: bold;
}
#mainCenter .post .procedure-list li:first-of-type,#main-contents .post .procedure-list li:first-of-type{
    margin:5px 0 0;
}
#mainCenter .post .procedure-list li:last-of-type,#main-contents .post .procedure-list li:last-of-type{
    border-bottom: 0;
}
.procedure-list li:before{
    display: block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 50px;
    background: #143593;
    background:linear-gradient(to bottom right,#0970c3, #054273);
    color: #fff;
    position: absolute;
    left: 8px;
    top: calc(50% - 11px);
    text-align: center;
    border: 2px solid #054273;
    box-sizing: border-box;
    font-size: 13px;
}
.procedure-list ul li:before{
    content: '';
    z-index: 1;
}
.procedure-list ul li:after{
    content: '';
    display: block;
    z-index: 2;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: calc(50% - 11px);
    border: 2px solid transparent;
    box-sizing: border-box;
    background: url(https://img.altema.jp/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center / 14px;
}
.procedure-list ol li{
    counter-increment:procedure-list-num ;
}
.procedure-list ol li:before{
    content: counter(procedure-list-num);
}
.procedure-detail{
    margin-bottom: 20px;
}
#container #mainCenter .procedure-detail .list-text,#container #main-contents .procedure-detail .list-text,#mainCenter .procedure-detail .list-text,#main-contents .procedure-detail .list-text{
    position: relative;
    padding: 10px 2px 8px 35px;
    margin: 0 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    background:#fafafa;
    border-top:2px solid #ccc!important;
    border-bottom:2px solid #ccc!important;
}
#container #mainCenter .procedure-detail .list-text:before,#container #main-contents .procedure-detail .list-text:before,#mainCenter .procedure-detail .list-text:before,#main-contents .procedure-detail .list-text:before{
    display: block !important;
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 50%;
    background: #d65757;
    /* background: linear-gradient(to bottom right, #0970c3, #054273); */
    color: #fff;
    position: absolute;
    left:8px;
    top: calc(50% - 9px);
    text-align: center;
    border: 2px solid #d65757;
    box-shadow: 0px 0px 0px 0px rgb(120 120 120 / 30%);
    box-sizing: border-box;
    bottom: auto;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto&family=Roboto+Condensed&display=swap');
#container #mainCenter .procedure-detail ul .list-text:before,#container #main-contents .procedure-detail ul .list-text:before,#mainCenter .procedure-detail ul .list-text:before,#main-contents .procedure-detail ul .list-text:before{
    content: '✔';
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
}
.procedure-detail ol > li{
    counter-increment:procedure-num ;
}
#container #mainCenter .procedure-detail ol .list-text:before,#container #main-contents .procedure-detail ol .list-text:before,#mainCenter .procedure-detail ol .list-text:before,#main-contents .procedure-detail ol .list-text:before{
    content: counter(procedure-num);
}

#mainCenter .post .procedure-detail li,#main-contents .post .procedure-detail li{
    border: 0;
    padding: 0;
    margin-bottom: 20px;
}
#mainCenter .post .procedure-detail li:last-of-type,#main-contents .post .procedure-detail li:last-of-type{
    margin-bottom: 0;
}
.procedure-detail .list-cont > *:last-child{
    margin-bottom: 0!important;
}
@media only screen and (max-width: 896px){
    .procedure-list{
        margin-bottom: 18px;
        box-shadow: 0 0 6px 2px rgb(120 120 120 / 20%);
        border-radius: 8px;
        width:97%;
        margin:0 auto 20px;
    }
    #container #main-contents .procedure-detail .list-text,#main-contents .procedure-detail .list-text{
        margin-bottom: 10px;
    }
    #container #main-contents .procedure-detail .list-text:after,#main-contents .procedure-detail .list-text:after{
        bottom: -14px;
    }
}

/*------------------------
ネタバレ注意
------------------------*/
.tyuui-txt{
    padding: 10px;
    font-size: 11px;
    box-shadow: 0 0 0 1px #ffdfdf;
    width: 100%;
    margin: auto;
    display: block;
    border-radius: 0;
    color: #f04c4c;
    background: #fff0f0;
    box-sizing: border-box;
}

/*------------------------------------------------------------
ポイント枠1
-------------------------------------------------------------*/
.point-wrap-basic{
    position: relative;
    border-radius:2px;
    margin:15px auto 20px;
    width:99%;
    box-sizing:border-box;
    box-shadow:0 0 2px 1px rgb(132 149 162 / 28%);
    padding:0px 0 0 0;
}
.point-wrap-basic .waku-text {
    display:block;
    background: #ff5151;
    z-index: 3;
    min-width: 70px;
    height: 20px;
    font-weight: bold;
    line-height: 22px;
    border-radius: 0px;
    text-align: center;
    box-shadow:0 0 0 0px #ccc;
    color:#ffffff;
    font-size: 14px;
    padding: 4px 0px 3px 0px;
    margin:0 0 0 0!important;
    border-radius:2px 2px 0 0;
}
.point-wrap-basic .parent {
}
.point-wrap-basic .inner{
    box-sizing: border-box;
    background:#fff;
    border-radius: 10px;
    padding: 10px 16px 5px;
    z-index: 2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.osusume-midasi{
    font-size:15px;
    font-weight:bold;
    margin:5px 0px 5px 0px;
}
.point-wrap-basic ul{
    margin:0px !important;
}
.point-wrap-basic li{
    font-weight:bold;
    margin:0px 0 5px !important;
}
.point-wrap-basic .img-wrap{width: 62px;margin-left: auto;}
.point-wrap-basic .img-wrap img{
    width: 100%;
}
#main-contents .point-wrap-basic .inner p{
    margin: 0;
    width: calc(100% - 67px);
}

/*------------------------
ココポイント
------------------------*/
.point-wakuBox{
    border-radius:5px;
    position:relative;
    margin:30px 2px 20px;
    padding:25px 15px 15px;
    border:3px solid #ffc1d5;
    box-shadow:0 0 0px 2px #ff6e9b;
    box-sizing:border-box;
    background:#FFF;
}
.pwb-h{
    position:absolute;
    top:-17px;
    left:30px;
    background:#ff5087;
    display:block;
    padding:0px 30px;
    font-weight:bold;
    font-size:16px;
    box-shadow:0 0 0px 2px #ff5087;
    border-radius:50px;
    color:#FFF;
    margin:0!important;
}
.pwb-h.color-bh{
    background:#303030;
    box-shadow:0 0 0px 2px #303030;
}
.pwb-h.center{
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%,0);
    white-space: nowrap;
}
.point-wakuBox dl{
    padding:0;
    margin:0;
    line-height:1.5;
}
.point-wakuBox dt{
    padding:0;
    margin:0 0 0px;
    line-height:1.5;
    font-size:16px;
    font-weight: bold;
}
.point-wakuBox .maru-list{
    background:#e9edef;
    display:inline-block;
    padding:3px 20px 2px 10px;
    display:inline-block;
    align-items: center;
    color:#e03131;
    border-radius:3px;
    width:auto;
    font-size:14px;
    font-weight:bold;
}
.point-wakuBox .maru-list span{
    color:#FFF;
}
.point-wakuBox .maru-list:before{
    content:"〇";
    font-size:15px;
    color:#e03131;
    margin-right:5px;
    font-weight:bold;
}
.point-wakuBox .batu-list{
    background:#e9edef;
    display:inline-block;
    padding:3px 20px 2px 10px;
    display:inline-block;
    align-items: center;
    color:#4473b2;
    border-radius:3px;
    width:auto;
    font-size:14px;
    margin-top:20px;
    font-weight:bold;
}
.point-wakuBox .batu-listspan{
    color:#FFF;
}
.point-wakuBox .batu-list:before{
    content:"×";
    font-size:15px;
    color:#4473b2;
    margin-right:5px;
    font-weight:bold;
}
.point-wakuBox dd{
    padding:0;
    margin:0 0 10px;
    line-height:1.7;
    font-size:14px;
    color:#444;
}
.point-wakuBox dd:last-of-type{
    margin:0;
}
@media only screen and (max-width: 896px){
    .point-wakuBox {
        border-radius: 10px;
        position: relative;
        margin-top: 30px;
        padding: 20px 10px 20px;
        box-shadow: 0 0 0px 2px #ff3d7a;
    }
    .pwb-h{
        top: -15px;
    }
    .point-wakuBox dt {
        font-size: 14px;
    }
    .point-wakuBox dd {
        font-size: 12px;
    }
}

/*------------------------
ポイント枠2
------------------------*/
.point-wakuBox2{border-radius:5px;position:relative;margin:30px 2px 20px;padding:25px 15px 15px;border: 3px solid #f3ced3;box-shadow: 0 0 0px 2px #c64354;box-sizing:border-box;background:#FFF;}
.point-wakuBox2 .pwb-h{position:absolute;top:-17px;left: 16px;background: #c64354;display:block;padding:0px 30px;font-weight:bold;font-size: 15px;box-shadow: 0 0 0px 2px #c64354;border-radius:50px;color:#FFF;margin:0!important;}
.point-wakuBox2 .pwb-h.color-bh{
    background:#303030;
    box-shadow:0 0 0px 2px #303030;
}
.point-wakuBox2 .pwb-h.center{
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%,0);
    white-space: nowrap;
}
.point-wakuBox2 dl{
    padding:0;
    margin:0;
    line-height:1.5;
}
.point-wakuBox2 dt{
    padding:0;
    margin:0 0 0px;
    line-height:1.5;
    font-size:16px;
    font-weight: bold;
}
.point-wakuBox2 .maru-list{
    background:#e9edef;
    display:inline-block;
    padding:3px 20px 2px 10px;
    display:inline-block;
    align-items: center;
    color:#c34941;
    border-radius:3px;
    width:auto;
    font-size:14px;
    font-weight:bold;
}
.point-wakuBox2 .maru-list span{
    color:#FFF;
}
.point-wakuBox2 .maru-list:before{
    content:"〇";
    font-size:15px;
    color:#c34941;
    margin-right:5px;
    font-weight:bold;
}
.point-wakuBox2 .batu-list{
    background:#e9edef;
    display:inline-block;
    padding:3px 20px 2px 10px;
    display:inline-block;
    align-items: center;
    color:#344e87;
    border-radius:3px;
    width:auto;
    font-size:14px;
    margin-top:20px;
    font-weight:bold;
}
.point-wakuBox2 .batu-listspan{
    color:#FFF;
}
.point-wakuBox2 .batu-list:before{
    content:"×";
    font-size:15px;
    color:#344e87;
    margin-right:5px;
    font-weight:bold;
}
#main-contents .point-wakuBox2 dd{
    padding:0;
    margin:0 0 10px;
    line-height:1.7;
    font-size:14px;
    color:#444;
}
#main-contents .point-wakuBox2 dd:last-of-type{
    margin:0;
}

/*------------------------------------------------------------
スコア★
-------------------------------------------------------------*/
.score-star{
    position: relative;
    margin-right: 6px;
    color: #a5a5a5;
    font-size: 15px;
}
.score-star:before{
    content:"★★★★★";
    position:absolute;
    color:#ff8d00;
    overflow: hidden;
    white-space: nowrap;
}
.score-star.score-five:before{
    width: 5em;
}
.score-star.score4-5:before{
    width: 4.5em;
}
.score-star.score4:before{
    width: 4em;
}
.score-star.score3-5:before{
    width: 3.5em;
}
.score-star.score3:before{
    width: 3em;
}
.score-star.score2-5:before{
    width: 2.5em;
}
.score-star.score2:before{
    width: 2em;
}
.score-star.score1-5:before{
    width: 1.5em;
}
.score-star.score1:before{
    width: 1em;
}
.score-star.score0-5:before{
    width: 0.5em;
}
.score-star.score0:before{
    width: 0em;
}
.score-num{
    color: #ff475d;
    font-size: 14px;
    font-weight: bold;
}

/*------------------------
攻略チャート　手順
------------------------*/
.kouryakuchart-midasi{text-align:center;background: #0970c3;padding:5px;color:#fff;font-weight:bold;font-size:14px !important;}
div#main-contents .osusumehensei{
    margin-bottom: 0px;
}
.chart-list{padding: 10px!important;margin: 0px 0px 10px 0px!important;border: 2px solid #0970c3;background: #ffffff;}
.chart-list li{
    position: relative;
    border-bottom: 1px dashed #b0b6c5;
    background: none;
    padding: 0px 0 8px 22px!important;
    margin: 8px 0!important;
    font-weight: bold;
}
.chart-list li:first-child{
    margin: 0px !important;
}
.chart-list li:last-child{
    margin: 8px 0 0!important;
    border: 0;
    padding-bottom: 0!important;
}
.chart-list li:before {content: "";color: #FFF;font-size: 10px;font-weight: bold;line-height: 18px;/* transform: scale(0.99); */position: absolute;background: #0970c3;width: 18px;height: 18px;border-radius: 50px;top: 1px;/* bottom: 8px; */left: -1px;margin: auto;text-align: center;box-sizing: border-box;}
.chart-list li:nth-of-type(1):before{content:"1";}
.chart-list li:nth-of-type(2):before{content:"2";}
.chart-list li:nth-of-type(3):before{content:"3";}
.chart-list li:nth-of-type(4):before{content:"4";}
.chart-list li:nth-of-type(5):before{content:"5";}
.chart-list li:nth-of-type(6):before{content:"6";}
.chart-list li:nth-of-type(7):before{content:"7";}
.chart-list li:nth-of-type(8):before{content:"8";}
.chart-list li:nth-of-type(9):before{content:"9";}
.chart-list li:nth-of-type(10):before{content:"10";}
.chart-list li:nth-of-type(11):before{content:"11";}
.chart-list li:nth-of-type(12):before{content:"12";}
.chart-list li:nth-of-type(13):before{content:"13";}
.chart-list li:nth-of-type(14):before{content:"14";}
.chart-list li:nth-of-type(15):before{content:"15";}
.chart-list li:nth-of-type(16):before{content:"16";}
.chart-list li:nth-of-type(17):before{content:"17";}
.chart-list li:nth-of-type(18):before{content:"18";}
.chart-list li:nth-of-type(19):before{content:"19";}
.chart-list li:nth-of-type(20):before{content:"20";}
.chart-list li:nth-of-type(21):before{content:"21";}
.chart-list li:nth-of-type(22):before{content:"22";}
.chart-list li:nth-of-type(23):before{content:"23";}
.chart-list li:nth-of-type(24):before{content:"24";}
.chart-list li:nth-of-type(25):before{content:"25";}
.chart-list li:nth-of-type(26):before{content:"26";}
.chart-list li:nth-of-type(27):before{content:"27";}
.chart-list li:nth-of-type(28):before{content:"28";}
.chart-list li:nth-of-type(29):before{content:"29";}
.chart-list li:nth-of-type(30):before{content:"30";}

/*------------------------------------------------------------
ヘッダー　検索候補追加
-------------------------------------------------------------*/
#header-in_wrap{
background-size: cover;
}
#header-in_new{
height: 370px;
}
#header-in_new div.topHeadWrap .search-form{
bottom: 10px;
}
.s-Word-box{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px;
}
.s-Word-box .tag {
width: 80px;
background: repeating-linear-gradient(135deg,#db4a6a,#db4a6a 2px,#d83b5d 2px,#d83b5d 4px);
color: #fff;
border-radius: 5px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
}
.s-Word-box .tag:before{
content: '';
display: block;
width: 20px;
height: 12px;
margin-right: 5px;
background: url(https://img.altema.jp/pachimo/uploads/2024/11/2024y11m20d_1601117994.png) no-repeat center / contain;
}
.s-Word-box .s-Word{
width: calc(100% - 88px);
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
padding-bottom: 6px;
}
.s-Word-box .s-Word::-webkit-scrollbar{
height: 4px;
}
.s-Word-box .s-Word::-webkit-scrollbar-track{
border-radius: 3px;
background:#626262;
}
.s-Word-box .s-Word::-webkit-scrollbar-thumb{
border-radius: 3px;
background:#bebebe;
}
.s-Word-box .inner {
display: flex;
min-width: max-content;
white-space: nowrap;
gap: 8px;
}
.s-Word-box .inner a {
line-height: 24px;
background: #e9e9e9;
border-radius: 30px;
font-size: 12px;
text-align: center;
padding: 0 16px;
color: #333;
}

@media only screen and (max-width: 896px){
.s-Word-box .simplebar-scrollbar:before{
top: 5px;
bottom: 2px;
left: 2px;
right: 2px;
}
.s-Word-box {
padding: 0 10px;
align-items: flex-start;
}
.s-Word-box .tag{
width: 70px;
border-radius: 4px;
height: 26px;
}
.s-Word-box .s-Word{
padding-top: 1px;
width: calc(100% - 78px);
padding-bottom: 13px;
}
.s-Word-box .s-Word::-webkit-scrollbar-track{
background:#d7d7d7;
}
.s-Word-box .s-Word::-webkit-scrollbar-thumb{
background:#9f9f9f;
}
.s-Word-box .inner {
gap: 6px;
}
.search-form_inputXX div.s-Word-box{
overflow: hidden;
margin: 8px 0 0;
border: 0;
cursor: auto;
background: none;
padding: 0 10px;
}
.active-keyword .s-Word-box{
position: relative;
}
.active-keyword .s-Word-box .tag{
position: absolute;
left: 10px;
top: 0;
}
.active-keyword .s-Word-box .s-Word {
width: 100%;
overflow: hidden;
white-space: normal;
}
.active-keyword .s-Word-box .inner {
flex-wrap: wrap;
min-width: auto;
gap: 10px 6px;
}
.active-keyword .s-Word-box .inner a:first-of-type{
margin-left: 80px;
}
}

/*--------------------------------------------------------
NEW更新情報レイアウト
-------------------------------------------------------*/
.update-info-area{
position:relative;
margin:15px 0;
}
.update-info-box{
margin:0 0 8px;
position:relative;
}
.update-info-box a{
display: flex;
align-items: center;
padding: 5px 50px 5px 5px;
position: relative;
box-shadow:0 0 3px 0px rgb(144 179 200 / 10%);
border:1px solid #c6d1dc;
box-sizing:border-box;
border-radius: 2px;
line-height: 1.5;
position:relative;
}
.update-info-box a:after{
content: '';
position: absolute;
top: 50%;
right: 20px;
display: block;
width:12px;
height:12px;
margin-top: -4px;
border-top: 3px solid #9da8b4;
border-right: 3px solid #9da8b4;
transform: rotate(45deg);
}
.update-info-box a:hover{
background:#f2fbfd;
border-color:#c7e3ea;
}
.update-info-icon-area{
width: 200px;
min-width: 200px;
text-align: center;
}
.update-info-icon-area img{
width: 100%;
}
.update-info-text-area{
width: 10px;
flex-grow: 1;
padding-left: 10px;
font-size: 11px;
color: #9da8b4;
}
.update-info-title {
display: block;
color: #333;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #c6d1dc;
padding-bottom: 3px;
margin-bottom: 5px;
}
.update-info-subtitle{
display: block;
}
.new-icon{
position:absolute;
top:-5px;
left:-5px;
background:#f00;
color:#FFF;
padding:4px 5px 3px;
border-radius:2px;
font-size:10px;
line-height:1;
overflow: hidden;
}
.new-icon:before {
background-color: #fff;
content:"";
display:block;
position: absolute;
top: -100px;
left:0;
width:5px;
height:100%;
opacity:0;
transition: cubic-bezier(0.32, 0, 0.67, 0);
animation: kiran 1s infinite;
}
@keyframes kiran {
0% {
transform: scale(2) rotate(45deg);
opacity: 0;
}
20% {
transform: scale(20) rotate(45deg);
opacity: 0.8;
}
40% {
transform: scale(30) rotate(45deg);
opacity: 0.6;
}
80% {
transform: scale(45) rotate(45deg);
opacity: 0.2;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
.update-icon{
position:absolute;
top:-5px;
left:-5px;
background:#008b9e;
color:#FFF;
padding:4px 5px 3px;
border-radius:2px;
font-size:10px;
line-height:1;
letter-spacing:1.8px;
}
@media only screen and (max-width: 896px){
.update-info-title{
font-size: 14px;
}
.update-info-icon-area {
width: 125px;
min-width: 125px;
}
.update-info-box a {
padding: 5px 17px 5px 5px;
}
.update-info-box a:after {
right: 8px;
width: 8px;
height: 8px;
}
}
@media screen and (max-width : 376px){
.update-info-box a{
padding-right: 17px;
}
.update-info-box a:after{
right: 6px;
}
.update-info-icon-area {
width: 125px;
min-width: 125px;
}
}

/*------------------------------------------------------------
CTA-ボタン
-------------------------------------------------------------*/
.cta-btn .gachaBtn{
border: 0;
box-shadow: 0 4px 0 #993248;
background: #e34b6c;
color: #fff;
padding: 8px 0;
border-radius: 5px;
width:100%;
}
.cta-btn .gachaBtn:hover{
opacity: 0.6;
}
.cta-btn .cta-text{
line-height:24px !important;
padding:14px 10px 0px 10px !important;
}
.cta-btn .btn-midasi-yohaku{
text-align:center;
display: block;
color: #ff0260;
margin-top: 9px;
font-weight:bold;
}
table.cta-btn p.lead{
font-size:10px;
margin-top:5px;
}
@media only screen and (max-width: 896px){
.cta-btn .cta-text{
line-height:24px !important;
padding:10px 2px 0px 1px !important;
font-size:12px !important;
}
.cta-btn .gachaBtn{
font-size:13px;
width:97%;
}
}

/*--------------------------------------------------------
人気定番機種
-------------------------------------------------------*/
#ninki-teiban-ranking{
margin-bottom: 50px;
}
#ninki-teiban-ranking input[type="radio"]{
display: none;
}
#ninki-teiban-ranking .tab_teiban {
width: calc(100% / 2 - 5px);
padding:15px 0;
background-color: #dedede;
text-align: center;
color: #afafaf ;
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-weight: bold;
transition: all 0.2s ease;
font-size: 20px;
padding: 0;
line-height: 46px;
border-radius: 10px 10px 0 0;
}
#ninki-teiban-ranking .tab_teiban:first-of-type{
float: left;
}
#ninki-teiban-ranking .tab_teiban:last-of-type{
float: right;
}
#ninki-teiban-ranking input:checked + .tab_teiban {
background-color: #7f6ac7;
color: #fff;
}
#ninki-teiban-ranking input:checked + .tab_teiban:hover{
opacity: 1;
}
#ninki-teiban-ranking .tab_teiban:before{
display: inline-block;
content: '';
width: 24px;
height: 24px;
margin-right: 8px;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833504194.png) no-repeat center / contain;
}
#ninki-teiban-ranking .tab_teiban:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/unselected-pachinko.png) no-repeat center / contain;
}
#ninki-teiban-ranking input:checked + .tab_teiban:before{
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m08d_1833494519.png) no-repeat center / contain;
}
#ninki-teiban-ranking input:checked + .tab_teiban:first-of-type:before{
background: url(https://img.altema.jp/pachimo/common/choice-pachinko.png) no-repeat center / contain;
}
#ninki-teiban-ranking .tab_teiban:hover{
opacity: 0.6;
}
#ninki-teiban-ranking .update-info-area{
clear: both;
overflow: hidden;
border-top: 2px solid #7f6ac7;
}
#ninki-teiban-ranking .update-info-box{
border-top: 0;
margin-bottom: 0;
}
#ninki-teiban-ranking .slot-teiban,#ninki-teiban-ranking .pachinko-teiban{
display: none;
}
#teiban1:checked ~ .update-info-area .slot-teiban, #teiban2:checked ~ .update-info-area .pachinko-teiban{
display: block;
}
@media only screen and (max-width: 896px) {
#ninki-teiban-ranking{
margin-bottom: 40px;
}
#ninki-teiban-ranking .tab_teiban{
width: calc(100% / 2 - 2px);
line-height: 38px;
font-size: 16px;
padding: 0;
}
#ninki-teiban-ranking .tab_teiban:before{
width: 20px;
height: 20px;
margin-right: 6px;
}
}

/*--------------------------------------------------------
演出個別
-------------------------------------------------------*/
#enshutsu-form-nickname dt{
font-weight: bold;
}
#enshutsu-form-nickname dd input,#enshutsu-form-comment{
width: 100%;
max-width: none;
box-sizing: border-box;
padding: 10px 2px;
}
#enshutsu-form-img{
display: flex;
}
#enshutsu-form-img li {
width: 25%;
text-align: center;
padding: 0 5px!important;
box-sizing: border-box;
}
#enshutsu-form-img li label{
cursor: pointer;
display: block;
}
#enshutsu-form-img .enshutsu_img {
display: block;
border: 1px solid #ccc;
background: #444;
padding: 10px 0;
color: #FFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#enshutsu-form-img .enshutsuimgprev{
margin-top: 10px;
}
#enshutsu-form-submit button {
width: 250px;
display: block;
margin: 20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #fa0;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
}
#user-enshutsu-list{
margin: 40px 0 30px;
}
.enshutsu-result-row{
width: 100%;
border: 2px solid #ccc;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
box-sizing: border-box;
background: #fffff8;
box-shadow: 0 0 0 2px #f3f3f3;
position: relative;
}
.enshutsu-result-row dd p {
font-size: 15px;
color: #555;
padding: 0;
margin: 0;
line-height: 1;
}
.enshutsu-result-row p{
margin-bottom: 0;
}
#user-enshutsu-list .enshutsu-comment {
font-size: 14px;
line-height: 1.4;
color: #555;
margin: 10px 0 0;
}
.enshutsu-img{
margin-top: 10px;
}
.enshutsu-delete {
border: 0;
background: #7c7c7c;
color: #fff;
border-radius: 4px;
font-size: 12px;
height: 28px;
line-height: 28px;
padding: 0 10px;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
#enshutsu-read-more{
width: 90%;
display: block;
margin: 20px auto 0;
height: 40px;
line-height: 40px;
border-radius: 100px;
border: 0;
background: #066493;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
}
@media only screen and (max-width: 896px) {
#enshutsu-form-img li{
padding: 0 2px!important;
}
#enshutsu-form-img .enshutsu_img{
font-size: 12px;
}
.enshutsu-result-row{
width: calc(100% - 4px);
margin: 10px auto;
}
.enshutsu-result-row dd p{
font-size: 14px;
}
.enshutsu-delete{
font-size: 11px;
height: 24px;
line-height: 24px;
padding: 0 6px;
}
}

/*--------------------------------------------------------
演出検索フォーム
-------------------------------------------------------*/
#enshutsu_search_form{
background:#efefef;
margin-bottom:20px;
padding: 20px 10px 25px 10px;
}
#enshutsu_search_form .form_name_search{
position:relative;
margin-bottom:26px;
}
#enshutsu_search_form .form_name_search::before {
content: "";
width: 30px;
height: 30px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1849362096.png) center center / 30px no-repeat #FFF;
display: inline-block;
position: absolute;
top: 14px;
right: 15px;
opacity:0.4; 
}
#enshutsu_search_form input[type="text"]{
width:100%;
padding:15px;
border-radius:7px;
border:2px solid #c7c7c7;
box-sizing:border-box;
}
#enshutsu_search_form input[type="text"]::placeholder{
color: #c1c1c1 !important;
}
#enshutsu_search_form .form_kakuritu_search{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 13px;
}
#enshutsu_search_form .form_kakuritu_search label{
border-radius:5px;
color:#fff;
}
#enshutsu_search_form .form_kakuritu_search label input + span{background: #bfbfbf;padding: 10px 10px;border-radius:5px;font-weight:bold;box-shadow: 0px 3px 0px 0px rgb(173 173 173);display: inline-block;}
#enshutsu_search_form .form_kakuritu_search label input:checked + span{
background:#4e4e4e;
}
#enshutsu_search_form .form_kakuritu_search label input + span:hover{
cursor:pointer;
}
#enshutsu_search_form input[type="checkbox"]{
display: none;
}
#enshutsu_search_result .enshutsu_row table.tbl-type3:nth-child(2) tr th:nth-child(1){
color:#fff;
vertical-align:middle;
padding: 15px 0px;
}
#enshutsu_search_form .form_kakuritu_search label:nth-child(1) input:checked + span{
background:#dea21d;
box-shadow: 0px 3px 0px 0px rgb(222 162 29);
}
#enshutsu_search_form .form_kakuritu_search label:nth-child(2) input:checked + span{
background:#cb3644;
box-shadow: 0px 3px 0px 0px rgb(203 54 68);
}
#enshutsu_search_form .form_kakuritu_search label:nth-child(3) input:checked + span{
background:#35a72d;
box-shadow: 0px 3px 0px 0px rgb(53 167 45);
}
#enshutsu_search_form .form_kakuritu_search label:nth-child(n+4) input:checked + span{
box-shadow: 0px 3px 0px 0px rgb(78 78 78);
}
#enshutsu_search_form .form_type_search{
margin-top:30px;
}
#enshutsu_search_form .form_type_search p{
display:block;
color:#252525;
border-left:10px solid #626262;
padding: 0px 10px;
font-weight:bold;
border-bottom:2px solid #bbbbbb;
line-height:30px;
padding-bottom:3px;
display: block;
width: 95%;
margin-bottom: 3px;
}
#enshutsu_search_form .form_type_search{
margin-top:15px;
}
#enshutsu_search_form .form_type_search label{
border-radius:5px;
color:#fff;
font-size: 12px;
}
#enshutsu_search_form .form_type_search label input + span{
background:#bfbfbf;
padding:8px 16px;
border-radius:5px;
font-weight:bold;
box-shadow: 0px 3px 0px 0px rgb(173 173 173);
display: inline-block;
}
#enshutsu_search_form .form_type_search label input:checked + span{
background:#333333;
box-shadow: 0px 3px 0px 0px rgb(51 51 51);
}
#enshutsu_search_form .form_type_search label input + span:hover{
cursor:pointer;
}
#enshutsu_search_form input[type="checkbox"]{
display: none;
}
#enshutsu_search_form .form_type_search label:nth-child(1) input:checked + span{
background:#333333
box-shadow: 0px 3px 0px 0px rgb(51 51 51);
}
#enshutsu_search_form .form_type_search label:nth-child(2) input:checked + span{
background:#333333
box-shadow: 0px 3px 0px 0px rgb(51 51 51);
}
#enshutsu_search_form .form_type_search label:nth-child(3) input:checked + span{
background:#333333
box-shadow: 0px 3px 0px 0px rgb(51 51 51);
}
#enshutsu_search_form .form_type_search{
margin-top: 34px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 13px;
}
#enshutsu_search_result .tbl-type3{
border-color: unset;
border-width: 0px;
}
#enshutsu_search_result .tbl-type3 th{
background: #252525;
padding: 0px 0px 0px 0px;
text-align:center;
border-width: 0px;
}
#enshutsu_search_result .tbl-type3 tbody tr:nth-child(1) th{
padding:15px 0px;
padding-left:15px;
}
#enshutsu_search_result .tbl-type3 tbody tr:nth-child(2) th{
padding:0px 15px 15px 15px;
}
#enshutsu_search_result .tbl-type3 th img{
width:100%;
border-radius:3px;
border:2px solid #980e4e;
box-sizing:border-box;
}
#enshutsu_search_result .tbl-type3 th a{
font-size:13px;
color:#ffffff;
background:#e63259;
border-radius:3px;
padding:4px 10px 4px 20px;
box-shadow: 0px 3px 0px 0px rgb(130 24 47);
text-decoration: none
}
#enshutsu_search_result .tbl-type3 th a:after{
content: "≫";
padding-left:10px;
font-size:11px;
font-weight:bold;
vertical-align:middle;
}
#enshutsu_search_result .tbl-type3 th a:hover{
opacity:0.7;
}
@media only screen and (max-width: 896px){
#enshutsu_search_form .form_kakuritu_search,#enshutsu_search_form .form_type_search{
gap: 1px 10px;
}
#enshutsu_search_form input[type="text"] {
max-width: 100%;
}
#enshutsu_search_form .form_name_search {
position: relative;
margin-bottom: 0px;
}
#enshutsu_search_form .form_type_search p {
margin-bottom: 5px;
}
#enshutsu_search_form .form_kakuritu_search label input + span {
background: #bfbfbf;
padding: 10px 16px;
border-radius: 5px;
font-weight: bold;
font-size: 14px;
margin-top: 10px;
}
#enshutsu_search_form .form_type_search label input + span {
background: #bfbfbf;
padding: 6px 16px;
border-radius: 5px;
font-weight: bold;
display: inline-block;
margin-top: 10px;
}
#enshutsu_search_result .tbl-type3 th a {
font-size: 13px;
color: #ffffff;
background: #e63259;
border-radius: 3px;
padding: 7px 12px 7px 16px;
box-shadow: 0px 4px 0px 0px rgb(130 24 47);
text-decoration: none;
}
#enshutsu_search_result .tbl-type3 th a:after {
content: "≫";
padding-left: 10px;
font-size: 8px;
font-weight: bold;
vertical-align: middle;
}
}

/*--------------------------------------------------------
オリパ5選
-------------------------------------------------------*/
.olipa5sen{
background: #dbe4ed;
padding: 15px 10px 10px;
margin-bottom: 20px;
}
.olipa5sen .libon{
width: fit-content;
position: relative;
margin: 0 auto 16px;
z-index: 1;
}
.olipa5sen .text{
display: inline-block;
line-height: 34px;
padding: 0 22px;
background: #d73d3d;
color: #fff;
font-weight: bold;
font-size: 16px;
position: relative;
}
.olipa5sen .libon:before,.olipa5sen .libon:after{
content: '';
display: block;
border: 17px solid #be393a;
position: absolute;
bottom: -6px;
z-index: -2;
}
.olipa5sen .libon:before{
border-left-width: 12px;
border-left-color: transparent;
left: -20px;
}
.olipa5sen .libon:after{
border-right-width: 12px;
border-right-color: transparent;
right: -20px;
}
.olipa5sen .text:before,.olipa5sen .text:after{
content: '';
display: block;
border-bottom: solid 6px transparent;
position: absolute;
top: 100%;
}
.olipa5sen .text:before{
border-right: solid 10px #943a3a;
left: 0;
}
.olipa5sen .text:after{
border-left: solid 10px #943a3a;
right: 0;
}
.olipa5sen .olipa{
border-collapse: separate;
border: 0!important;
}
.olipa5sen .olipa th{
background: #4c4c4c!important;
color: #fff;
border-bottom: 0!important;
border-color: #3d3d3d!important;
}
.olipa5sen .olipa th:first-child{
border-radius: 6px 0 0 0;
font-size: 15px;
}
.olipa5sen .olipa th:last-child{
border-radius:0 6px 0 0;
border-right: 0!important;
font-size: 15px;
}
.olipa5sen .olipa td{
background: #fff;
border-color: #ebebeb!important;
}
.olipa5sen .olipa td:first-child{
padding-top: 15px!important;
padding-bottom: 15px!important;
}
.olipa5sen .olipa td:last-child{
border-right: 0!important;
}
.olipa5sen .olipa tr:last-child td{
border-bottom: 0!important;
}
.olipa5sen .olipa tr:last-child td:first-child{
border-radius: 0 0 0 6px;
}
.olipa5sen .olipa tr:last-child td:last-child{
border-radius: 0 0 6px 0;
}
.olipa5sen td p:last-child{
margin-bottom: 0!important;
}
.olipa5sen .acMenu dd{
background: #fff;
border-bottom: 0!important;
padding: 0 10px;
}
.olipa5sen .acMenu dt.active + dd{
padding: 10px;
}
.olipa5sen .acMenu dd table{
margin-bottom: 10px!important;
}
.olipa5sen .acMenu dd p:last-child,.olipa5sen .acMenu dd .gachaBtn{
margin: 0!important;
}
@media screen and (max-width : 391px){
.olipa5sen .text{
padding: 0 16px;
}
.olipa5sen .libon:before{
left: -14px;
border-right-width: 13px;
border-left-width: 10px;
}
.olipa5sen .libon:after{
right: -14px;
border-left-width: 13px;
border-right-width:10px ;
}
}
@media screen and (max-width : 376px){
.olipa5sen .text {
padding: 0 12px;
}
}
@media screen and (max-width : 361px){
.olipa5sen .text{
font-size: 13px;
}
}
.olipa .gachaBtn{
border: 0;
box-shadow: 0 4px 0 #852339;
background: #e5325a !important;
color: #fff;padding: 10px 0;
border-radius: 5px;
font-size: 16px;width: 90%;
}
.olipa .gachaBtn:hover{
opacity: 0.6;
}
.olipa .btn-midasi-yohaku{
text-align:center;
display: block;
color: #ff0260;
margin-bottom: 2px;
margin-top: 9px;
font-weight:bold;
font-size: 14px;
}
table.olipa p.lead{
font-size:10px;
margin-top: 5px;
font-size: 12px;
}
.olipa .olipa-text{
display:block;
font-size: 15px;
line-height:30px;
margin-left: 47px;
}
.olipa{
margin-bottom:0px !important;
}
@media only screen and (max-width: 896px){
.olipa .olipa-text {
font-size: 12px;
line-height: 25px;
margin-left: 0px;
}
.olipa tbody tr:nth-child(1) th:nth-child(1){
width:30% !important;
}
.olipa th{
font-size: 12px !important;
}
.olipa .btn-midasi-yohaku {
font-size: 12px;
}
.olipa5sen .text {
font-size:14px;
}
.olipa .gachaBtn {
font-size: 13px;
width: 97%;
}
table.olipa p.lead {
font-size: 10px;
}
.olipa5sen .acMenu dt{
font-size:13px;
}
}
@media
only screen and (max-width : 393px){
.olipa .olipa-text {
font-size: 11.5px;
line-height: 25px;
}
.olipa th{
font-size: 11px !important;
}
.olipa .btn-midasi-yohaku {
font-size: 11px;
}
.olipa5sen .text {
font-size:14px;
}
.olipa .gachaBtn {
font-size: 12px;
}
table.olipa p.lead {
font-size: 10px;
}
.olipa5sen .acMenu dt{
font-size:13px;
}
}
@media
only screen and (max-width : 360px){
.olipa .olipa-text {
font-size: 11px;
}
}
/*--------------------------------------------------------
ウィジェット2列横並び
-------------------------------------------------------*/
.widget-textLink-in .column2 {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget-textLink-in li {
border-bottom: 1px solid #efefef;
padding: 6px 10px;
background: none;
}
.widget-textLink-in .column2 a {
width: calc(50% - 2px);
display: flex;
align-items: center;
gap: 3px;
}
.widget-textLink .widget-textLink-in{
font-size: 14px;
font-weight:bold;
}
.widget-textLink .widget-textLink-in .column2{
font-size: 13px;
font-weight:bold;
}
.widget-textLink img{
vertical-align: middle;
}

/*------------------------------------------------------------
ヘッダー　リニューアル
-------------------------------------------------------------*/
.header-main .gNaviWrap2{
margin: 0;
background: #e63259;
box-shadow: 0 3px 0 #b12140;
}
.header {
margin-bottom: 45px;
}
.header .header-logo-in{
background:#252525;
width:100%;
}
.header .header-logo{
height:100px;
width:1320px;
margin:0 auto;
display: -webkit-flex;
display: flex;
align-items: center;
}
.header .header-logo a{
width:100px;
}
.header .header-logo a img{
width:100%;
}
.header .header-text{
color:#e6e6e6;
margin-left:20px;
}
.header .header-main{
height: auto;
background: url(https://img.altema.jp/pachimo/uploads/2024/12/2024y12m11d_1317364101.jpg) repeat;
}
.header .header-main .header-main-in{width:1320px;margin:0 auto;display: -webkit-flex;display: flex;justify-content: space-between;padding-top:30px;margin-bottom: 60px;}
.header .header-main .header-main-in .header-news{
display: -webkit-flex;
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 625px;
background: #e15586;
border-radius: 10px;
border: 4px solid #252525;
position:relative;
justify-content: center;
box-sizing:border-box;
height: auto;
}
.header-news-midasi {
position: absolute;
background: #242424;
color: #fff;
border-radius: 6px 0 6px 0;
font-weight: bold;
padding: 0 16px;
line-height: 36px;
font-size: 15px;
left: 0;
top: 0;
z-index: 2;
pointer-events: none;
}
.header-news .ads_area1,.header-news .ads_area2,.header-news .ads_area3{
position:relative;
display: block;
height: 100%;
}
.header-news .ads_area1 span,.header-news .ads_area2 span,.header-news .ads_area3 span{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
display: block;
z-index: 1;
font-size: 14px;
font-weight: bold;
color: #FFF;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0));background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0));
padding: 30px 0px 5px;
border-radius: 0 0 5px 5px;
}
.header .header-main .header-main-in .header-news .header-news1{
width:100%;
padding: 10px;
height: 10px;
flex-grow: 1;
box-sizing: border-box;
}
.header-news1 img,.header-news2 img,.header-news3 img{
object-fit: cover;
height: 100%;
width:100%;
border-radius:6px;
border:2px solid #252525;
box-sizing: border-box;
}
.header-news-bottom{
height: 38%;
display: flex;
justify-content: space-between;
padding: 0 10px 10px;
}
.header-news2{
width:calc(50% - 5px);
box-sizing:border-box;
}
.header-news3{
width:calc(50% - 5px);
box-sizing:border-box;
}
.header-news1-text{
position:absolute;
background:#252525;
color:#fff;
padding:5px 18px;
font-weight:bold;
border-radius:0px 0px 10px 0px;
}
/*--------------------------------------------------------
ヘッダー人気ランキングレイアウト
-------------------------------------------------------*/
.header-main-ninkran{
width:330px;
}
.header-main-ninkran input{
display: none;
}
.header-ninkran-midasi-wrap{
display: flex;
}
.header-ninkran-midasi{
background: #242424;
color: #fff;
border-radius: 6px 6px 0 0;
font-weight: bold;
padding: 0 16px;
line-height: 36px;
font-size: 15px;
}
.header-ninkran-midasi-wrap .tab_container{
margin-left: auto;
display: flex;
background: #242424;
border-radius: 6px 6px 0 0;
padding: 3px 3px 0;
}
.header-ninkran-midasi-wrap .tab_container label {
width: 80px;
background: #242424;
color: #4a4a4a;
line-height: 33px;
text-align: center;
cursor: pointer;
font-weight: bold;
font-size: 15px;
}
.header-ninkran-midasi-wrap .tab_container label:first-child{
border-radius: 6px 0 0 0;
}
.header-ninkran-midasi-wrap .tab_container label:nth-child(2){
border-radius: 0 6px 0 0;
}
#header-ninkran-tab1:checked ~ .header-ninkran-midasi-wrap label[for="header-ninkran-tab1"],#header-ninkran-tab2:checked ~ .header-ninkran-midasi-wrap label[for="header-ninkran-tab2"]{
background: #ce3839;
color: #fff;
}
.header-ninkran-tab_content{
display: none;
padding: 10px 12px;
background: #ce3839;
border-radius: 0 0 6px 6px;
border: 3px solid #242424;
border-top: 0;
}
#header-ninkran-tab1:checked ~ #header-ninkran-tab1_content,#header-ninkran-tab2:checked ~ #header-ninkran-tab2_content{
display: block;
}

/*--------------------------------------------------------
ヘッダー記事リンク
-------------------------------------------------------*/
.header-kiziLink-area{
position:relative;
margin: 0px 0;
}
.header-kiziLink-box{
margin:0 0 8px;
position:relative;
}
.header-kiziLink-box:last-child{
margin-bottom: 0;
}
.header-kiziLink-box a{
display: flex;
align-items: center;
padding: 5px 30px 5px 5px;
box-shadow: 0 0 0 1px #252525;
box-sizing:border-box;
border-radius: 4px;
line-height: 1.5;
position:relative;
background: #fff;
min-height: 64px;
}
.header-kiziLink-box a:after{
content: '';
position: absolute;
top: 50%;
right: 12px;
display: block;
width:10px;
height:10px;
margin-top: -4px;
border-top: 3px solid #ce3839;
border-right: 3px solid #ce3839;
transform: rotate(45deg);
}
.header-kiziLink-box a:hover{
opacity:0.9;
}
.header-kiziLink-icon-area{
width: 80px;
min-width: 80px;
}
.header-kiziLink-icon-area img{
width: 100%;
}
.header-kiziLink-text-area{
width: 10px;
flex-grow: 1;
padding-left: 8px;
font-size: 12px;
color: #898989;
font-weight:bold;
}
.header-kiziLink-title {
color: #333;
font-weight: bold;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.header-kiziLink-subtitle{
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media only screen and (max-width: 896px){
.header-kiziLink-title{
font-size: 14px;
}
}
@media screen and (max-width : 376px){
.header-kiziLink-box a{
padding-right: 38px;
}
.header-kiziLink-box a:after{
right: 14px;
}
}

/*--------------------------------------------------------
ヘッダーNEW更新情報レイアウト
-------------------------------------------------------*/
.header-main-info{
width:330px;
background:#242424;
padding: 0 15px;
border-radius:6px;
box-shadow: 1px 2px 5px 0px rgb(41 41 41);
box-sizing: border-box;
}
.header-main-info .header-info-midasi{
color:#fff;
font-weight:bold;
line-height: 36px;
font-size: 15px;
}
.header-main-info .header-kiziLink-area{
padding: 10px 0;
}
.header-main-info .new-icon{
position:absolute;
top:-5px;
left:-5px;
background:#f00;
color:#FFF;
padding:4px 5px 3px;
border-radius:2px;
font-size:10px;
line-height:1;
overflow: hidden;
}
.header-main-info .new-icon:before {
background-color: #fff;
content:"";
display:block;
position: absolute;
top: -100px;
left:0;
width:5px;
height:100%;
opacity:0;
transition: cubic-bezier(0.32, 0, 0.67, 0);
animation: kiran 1s infinite;
}
@keyframes kiran {
0% {
transform: scale(2) rotate(45deg);
opacity: 0;
}
20% {
transform: scale(20) rotate(45deg);
opacity: 0.8;
}
40% {
transform: scale(30) rotate(45deg);
opacity: 0.6;
}
80% {
transform: scale(45) rotate(45deg);
opacity: 0.2;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
.header-main-info .update-icon{
position:absolute;
top:-5px;
left:-5px;
background:#008b9e;
color:#FFF;
padding:4px 5px 3px;
border-radius:2px;
font-size:10px;
line-height:1;
letter-spacing:1.8px;
}

/*--------------------------------------------------------
ヘッダー検索フォームレイアウト
-------------------------------------------------------*/
.search-text {
background: #252525;
padding: 12px 50px 8px 50px;
border-radius: 5px;
font-weight: bold;
vertical-align: middle;
position: absolute;
left: 0;
right: 0;
top: -22px;
margin: auto;
width: fit-content;
line-height: 1;
}
.search-text-color{
font-size:24px;
color:#dc3773;
margin-right:2px;
}
.search-text-big{
font-size:24px;
color:#fff;
}
.search-text-small{
color:#fff;
margin-left:3px;
}
.header-search-form{
width:1314px;
margin:0 auto 50px;
background:#fff;
border-radius:5px;
padding: 42px 100px 20px;
box-sizing: border-box;
position: relative;
box-shadow: 0 0 0 3px #242424;
}
.header-search-form #search-form-box {
width: 100%;
max-width: none;
box-sizing: border-box;
background: #f6f6f6;
border-radius: 4px;
border: 1px solid #d6d6d6;
height: 45px;
font-size: 16px;
padding: 0 70px 0 18px;
}
.header-search-form .search-form-input{
position: relative;
}
.header-search-form .css-button {
text-indent: 100px;
width: 70px;
background: url(https://img.altema.jp/pachimo/uploads/2024/12/2024y12m11d_1948200619.png) center center / 28px no-repeat;
cursor: pointer;
position: absolute;
right: 0;
height: 100%;
border: 0;
}
.header-search-form .s-Word-box{
display: block;
}
.header-search-form .s-Word-box .tag{
background: none;
display: flex;
align-items: center;
gap: 10px;
width: auto;
color: #444;
border-radius: 0;
}
.header-search-form .s-Word-box .tag:before{
display: none;
}
.header-search-form .s-Word-box .tag:after{
content: '';
display: block;
width: 10px;
flex-grow: 1;
height: 1px;
background: #d4d4d4;
}
.header-search-form .s-Word-box .s-Word{
width: auto;
overflow: hidden;
padding: 0;
white-space: normal;
}
.header-search-form .s-Word-box .inner{
display: flex;
flex-wrap: wrap;
gap: 8px;
min-width: auto;
}
.header-search-form .s-Word-box .inner a {
background: #3a3a3a;
color: #fff;
border-radius: 6px;
}
.header-search-form:before,.header-search-form:after,.search-form-midasi:before,.search-form-midasi:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
background: url(https://img.altema.jp/pachimo/common/ball.png) no-repeat center / contain;
}
.header-search-form:before{
top: 10px;
left: 10px;
}
.header-search-form:after{
top: 10px;
right: 10px;
}
.search-form-midasi:before{
bottom: 10px;
left: 10px;
}
.search-form-midasi:after{
bottom: 10px;
right: 10px;
}

/*------------------------------------------------------------
ヘッダー　リニューアルSP
-------------------------------------------------------------*/
@media only screen and (max-width: 896px){
.header .header-main .header-main-in{
display: none;
}
.header .header-logo-in{
background: url(https://img.altema.jp/pachimo/uploads/2024/12/2024y12m11d_1317364101.jpg) repeat;
}
.header .header-logo{
width: auto;
height: 80px;
padding-left: 14px;
}
.header .header-logo a {
width: 80px;
}
.header .header-text {
margin-left: 14px;
font-size: 12px;
}
.header-search-form {
background: #252525;
width: auto;
margin: 0 0 24px;
padding: 30px 14px;
border-radius: 0;
box-shadow: none;
}
.header-search-form:before, .header-search-form:after, .search-form-midasi:before, .search-form-midasi:after{
display: none;
}
.search-form-midasi{
text-align: center;
margin-bottom: 20px;
}
.search-text{
background: none;
border-radius: 0;
padding: 0;
position: static;
margin: 0;
}
.header-search-form .s-Word-box{
padding: 0;
margin-top: 10px;
}
.header-search-form .s-Word-box .tag{
color: #fff;
margin-bottom: 5px;
}
.header-search-form .s-Word-box .inner a {
background: #d6d6d6;
color: #444;
}
}
@media screen and (max-width : 391px){
.header-search-form #search-form-box{
padding: 0 60px 0 12px;
}
.header-search-form .css-button{
width: 60px;
}
}

/*------------------------------------------------------------
左ウィジェット
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (min-width : 813px),(orientation:portrait) and (min-width : 753px){
#mainInner-col2{
width: auto;
}
#mainInner-col2 #main-in{
justify-content: center;
}
#mainRight{
float: none;
}
#mainLeft{
display: block;
width: 300px;
margin-right: 30px;
}
}
#mainLeft .sub-contents-btn{
display: none;
}
#mainLeft .contents{
padding-bottom: 0;
margin-bottom: 0;
}
body #mainLeft h3{
color: #fff;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1639216375.jpg) left center no-repeat;
background-size: 100% 100%;
padding: 10px 10px 10px 20px;
font-weight: bold;
text-align: left;
position: unset;
margin-bottom: 0px!important;
font-size: 18px;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget-birthday{
background: #f7f7f7;
padding: 10px;
font-size: 13px;
line-height: 1.7;
}
.widget-birthday-in{
background: #fff;
padding-bottom: 10px;
}
.widget-birthday-head{
background: #eaeaea;
display: flex;
text-align: center;
padding: 4px 0;
font-weight: bold;
}
.widget-birthday .cell-left{
width: calc(100% - 60px);
}
.widget-birthday .cell-day{
width: 60px;
text-align: center;
}
.widget-birthday-cont{
display: flex;
align-items: center;
padding: 10px 0 10px 10px;
position: relative;
}
.widget-birthday-cont:after{
content: '';
display: block;
width: calc(100% - 20px);
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-top: 1px dashed #e7e7e7;
}
.widget-birthday-cont .cell-left{
display: flex;
align-items: center;
font-weight: bold;
}
.widget-birthday-cont .cell-left img{
width: 50px;
margin-right: 8px;
}
.widget-birthday a {
display: block;
width: fit-content;
margin: 10px auto 0;
}
.widget-birthday a:before{
content: '▶';
margin-right: 4px;
}
.widget-textLink{
background: #f7f7f7;
padding: 10px;
line-height: 1.5;
}
.widget-textLink-in{
background: #fff;
}
.widget-textLink-cont{
margin: 0 8px;
border-bottom: 1px dashed #e7e7e7;
}
.widget-textLink-cont:last-child{
border-bottom: 0;
}
.widget-textLink-cont a{
display: block;
padding: 9px 0;
font-weight: bold;
font-size: 14px;
}
.widget-textLink h4 {
position: relative;
font-size: 15px;
font-weight: bold;
padding: 10px 0 10px 16px;
border-bottom: 1px dashed #e7e7e7;
margin: 0 8px;
}
.widget-textLink h4:before{
content: '';
display: block;
width: 18px;
height: 1px;
background: #e7335a;
position: absolute;
left: -8px;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (max-width: 896px){
#mainLeft{
padding: 0 10px;
}
}

/*--------------------------------------------------------
フッター調整
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
#footer ul{
display: grid;
grid-template-columns: repeat(2, auto);
width: auto;
justify-content: center;
gap: 0 24px;
}
#footer ul li{
width: auto;
}
}

/*--------------------------------------------------------
TOP table調整
-------------------------------------------------------*/
#kisyubetu-ranking .tab_content .title{
line-height: normal;
}

/*--------------------------------------------------------
Q&A
-------------------------------------------------------*/
#main-contents .qaNavi{
margin-left:0!important;
}
#main-contents .qaTopSearch input{
padding:10px!important;
}
#main-contents .qaTopSearch{
margin-bottom:20px!important;
}
.contents .qaBtn a{
background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7a013 0%, #f28213 100%) repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 3px #db831e;
color: #fff!important;
display: block;
font-size: 110%;
margin: 10px auto;
padding: 10px 0;
text-align: center;
text-shadow: 0 1px #d37c19;
width: 100%;
}
.pagenavi ul {
padding: 10px 10px 5px !important;
/*background: #fff;*/
/*border: 1px solid #ccc;*/
text-align: center;
}
.pagenavi ul li {
display: inline;
margin: 0 2px;
padding: 0;
}
.pagenavi ul li span,
.pagenavi ul li a {
display: inline-block;
margin-bottom: 5px;
padding: 5px 13px;
background: #eeeff7;
text-decoration: none;
vertical-align: middle;
}
.pagenavi ul li a:hover {
color: #9542ff;
background: #ccf;
border-color: #00f;
}
.kaitoBtn{
border-radius:4px;
width:70%;
margin: 30px auto;
padding:10px;
background:#6BB200;
color:#fff!important;
text-align:center;
box-shadow:#5B8E08 0 5px;
display:block;
}
.kaitoBtn:link{
color:#fff!important;
}
.comment{
position: relative;
}
.comment .information span{
top:0;
right:0;
}
.qah1{
margin:0 0 15px 0!important;
}
.ba{
background: #FFE330 none repeat scroll 0 0;
color:#cc0000;
border:1px solid #ffdd00;
padding: 4px 5px;
position: absolute;
right: 0px;
text-align: center;
font-size:12px;
font-weight:bold;
top: -2px;
border-radius:3px;
}
.qaBtn a{
border-radius: 4px;
padding:5px 10px;
border: 1px solid #F98E13;
display: block;
text-align:center;
margin: 10px 0 10px 0;
background:#fff;
color:#F98E13!important;
}
p .qaNavi {
width: 100%;
display: table;
}
.qaNavi .selected {
background: #e34668;
text-decoration: none;
}
.qaNavi li a:link{
color:#fff!important;
}
.qaNavi li {
table-layout: fixed;
display: table-cell;
width: 48%;
}
.qaNavi li a {
background: #eda1b1;
border-radius: 4px 4px 0 0;
padding: 10px;
text-align: center;
width: 85%;
color: #fff;
display: block;
text-decoration: none;
}
.answer-item{
padding-bottom:10px;
padding-top:0;
}
.qaIchiran{
border-bottom: 0px solid #ececec;
padding: 0px 0 0;
position: relative;
}
.qaIchiran dl{
margin-top:0px;
}
.qaIchiran dl dt{
margin-top:5px;
}
.kaitobosyu{
background: #ffbe21 none repeat scroll 0 0;
padding: 5px 10px;
top: 20px;
border-radius: 3px;
margin: 10px 0 0 0;
display:inline-block;
}
.kaiketu{
background: #ea6262 none repeat scroll 0 0 !important;
border-radius: 3px;
color: #fff !important;
padding: 5px 10px;
top: 20px;
display: inline-block;
margin: 10px 0 0;
}
.qaIchiran dl dt{
margin:10px 0 10px;
font-size:16px;
font-weight:bold;
width:100%;
}
.qaIchiran ul li:nth-child(1){
float:left;
color:#666;
margin-bottom: 15px!important;
}
.qaIchiran ul li:nth-child(2){
float:right;
color:#666;
}
.qaTopSearch{
text-align: center;
}
.qaTopSearch input{
border: 1px solid #ccc;
border-radius: 4px;
margin-right: 10px;
padding: 10px !important;
margin-top:14px;
margin-bottom:25px;
width: 60%;
}
.qaTopSearch input + a{
background: #999 none repeat scroll 0 0;
border-radius: 4px;
color: #fff !important;
padding: 9px 27px;
text-align: center;
text-decoration: none;
}
.qaIchiran li
.qaTopSearch a:link{
color:#fff;
}
.qaTopSearch{
margin:10px 0 10px 0;
}
.qaForm {
width: 98%;
padding: 10px 0 10px 0!important;
border-radius: 4px;
border: none;
border: 1px solid #ccc;
}
.send {
background: #52a504 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
box-shadow: 0 2px 0 #2f7309;
display: block;
margin: 0 auto;
padding: 10px;
text-align: center;
width: 40%;
}

.rankingSelector{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-top:40px !important;
margin-bottom:0px !important;
}
.rankingSelector li:not(:last-child):before{
content: "" !important;
}
.rankingSelector li a{
color:#444444;
}
.rankingSelector li{
width:12%;
text-align:center;
padding:7px 3px !important;
margin:8px !important;
background:#262626;
color:#fff;
border-radius:9px;
}
.rankingSelector li a{
text-decoration: none;
padding: 0px 22px !important;
display: inline-block;
}
.rankingSelector li:has(a){
background:#e3e3e3;
padding:7px 3px;
border-radius:9px;
color:#444444;
}

@media only screen and (max-width: 896px) {
.rankingSelector{
margin-bottom: 21px !important;
}
.rankingSelector li {
width: 22%;
}
.qaTopSearch input {
border: 1px solid #ccc;
border-radius: 4px;
margin-right: 6px;
padding: 10px !important;
margin-top: 20px;
margin-bottom: 20px;
width: 60%;
}
.qaTopSearch input[type=text] {
height: 35px;
width: 64%;
padding: 0 0 0 10px;
border: 2px solid #ccc;
background-color: #FFF;
}
.qaTopSearch{
background-color: #f0f0f0;
}
}

/*--------------------------------------------------------
質問する
-------------------------------------------------------*/
body .ui-widget-overlay {
background: #000;
opacity: 0.7;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default!important;
pointer-events: none;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}

.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
height: 27px !important;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
z-index:101;
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.ui-widget-content a {
color: #333;
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold;
}
.ui-widget-header a {
color: #333;
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94,158,214);
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff;
}
.ui-icon-background,.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff;
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,.ui-widget-content .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-widget-header .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-state-active .ui-icon,.ui-button:active .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-button .ui-icon {
background-image: url(https://img.altema.jp/pachimo/uploads/2025/01/2025y01m21d_1727545083.png);
}
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-caret-1-n {
background-position: 0 0;
}
.ui-icon-caret-1-ne {
background-position: -16px 0;
}
.ui-icon-caret-1-e {
background-position: -32px 0;
}

.ui-icon-caret-1-se {
background-position: -48px 0;
}

.ui-icon-caret-1-s {
background-position: -65px 0;
}
.ui-icon-caret-1-sw {
background-position: -80px 0;
}
.ui-icon-caret-1-w {
background-position: -96px 0;
}
.ui-icon-caret-1-nw {
background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}

.ui-icon-arrow-4 {
background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}

.ui-icon-extlink {
background-position: -32px -80px;
}

.ui-icon-newwin {
background-position: -48px -80px;
}

.ui-icon-refresh {
background-position: -64px -80px;
}

.ui-icon-shuffle {
background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
background-position: 0 -96px;
}

.ui-icon-folder-open {
background-position: -16px -96px;
}

.ui-icon-document {
background-position: -32px -96px;
}

.ui-icon-document-b {
background-position: -48px -96px;
}

.ui-icon-note {
background-position: -64px -96px;
}

.ui-icon-mail-closed {
background-position: -80px -96px;
}

.ui-icon-mail-open {
background-position: -96px -96px;
}

.ui-icon-suitcase {
background-position: -112px -96px;
}

.ui-icon-comment {
background-position: -128px -96px;
}

.ui-icon-person {
background-position: -144px -96px;
}

.ui-icon-print {
background-position: -160px -96px;
}

.ui-icon-trash {
background-position: -176px -96px;
}

.ui-icon-locked {
background-position: -192px -96px;
}

.ui-icon-unlocked {
background-position: -208px -96px;
}

.ui-icon-bookmark {
background-position: -224px -96px;
}

.ui-icon-tag {
background-position: -240px -96px;
}

.ui-icon-home {
background-position: 0 -112px;
}

.ui-icon-flag {
background-position: -16px -112px;
}

.ui-icon-calendar {
background-position: -32px -112px;
}

.ui-icon-cart {
background-position: -48px -112px;
}

.ui-icon-pencil {
background-position: -64px -112px;
}

.ui-icon-clock {
background-position: -80px -112px;
}

.ui-icon-disk {
background-position: -96px -112px;
}

.ui-icon-calculator {
background-position: -112px -112px;
}

.ui-icon-zoomin {
background-position: -128px -112px;
}

.ui-icon-zoomout {
background-position: -144px -112px;
}

.ui-icon-search {
background-position: -160px -112px;
}

.ui-icon-wrench {
background-position: -176px -112px;
}

.ui-icon-gear {
background-position: -192px -112px;
}

.ui-icon-heart {
background-position: -208px -112px;
}

.ui-icon-star {
background-position: -224px -112px;
}

.ui-icon-link {
background-position: -240px -112px;
}

.ui-icon-cancel {
background-position: 0 -128px;
}

.ui-icon-plus {
background-position: -16px -128px;
}

.ui-icon-plusthick {
background-position: -32px -128px;
}

.ui-icon-minus {
background-position: -48px -128px;
}

.ui-icon-minusthick {
background-position: -64px -128px;
}

.ui-icon-close {
background-position: -80px -128px;
}

.ui-icon-closethick {
background-position: -96px -128px;
}

.ui-icon-key {
background-position: -112px -128px;
}

.ui-icon-lightbulb {
background-position: -128px -128px;
}

.ui-icon-scissors {
background-position: -144px -128px;
}

.ui-icon-clipboard {
background-position: -160px -128px;
}

.ui-icon-copy {
background-position: -176px -128px;
}

.ui-icon-contact {
background-position: -192px -128px;
}

.ui-icon-image {
background-position: -208px -128px;
}

.ui-icon-video {
background-position: -224px -128px;
}

.ui-icon-script {
background-position: -240px -128px;
}

.ui-icon-alert {
background-position: 0 -144px;
}

.ui-icon-info {
background-position: -16px -144px;
}

.ui-icon-notice {
background-position: -32px -144px;
}

.ui-icon-help {
background-position: -48px -144px;
}

.ui-icon-check {
background-position: -64px -144px;
}

.ui-icon-bullet {
background-position: -80px -144px;
}

.ui-icon-radio-on {
background-position: -96px -144px;
}

.ui-icon-radio-off {
background-position: -112px -144px;
}

.ui-icon-pin-w {
background-position: -128px -144px;
}

.ui-icon-pin-s {
background-position: -144px -144px;
}

.ui-icon-play {
background-position: 0 -160px;
}

.ui-icon-pause {
background-position: -16px -160px;
}

.ui-icon-seek-next {
background-position: -32px -160px;
}

.ui-icon-seek-prev {
background-position: -48px -160px;
}

.ui-icon-seek-end {
background-position: -64px -160px;
}

.ui-icon-seek-start {
background-position: -80px -160px;
}

.ui-icon-seek-first {
background-position: -80px -160px;
}

.ui-icon-stop {
background-position: -96px -160px;
}

.ui-icon-eject {
background-position: -112px -160px;
}

.ui-icon-volume-off {
background-position: -128px -160px;
}

.ui-icon-volume-on {
background-position: -144px -160px;
}

.ui-icon-power {
background-position: 0 -176px;
}

.ui-icon-signal-diag {
background-position: -16px -176px;
}

.ui-icon-signal {
background-position: -32px -176px;
}

.ui-icon-battery-0 {
background-position: -48px -176px;
}

.ui-icon-battery-1 {
background-position: -64px -176px;
}

.ui-icon-battery-2 {
background-position: -80px -176px;
}

.ui-icon-battery-3 {
background-position: -96px -176px;
}

.ui-icon-circle-plus {
background-position: 0 -192px;
}

.ui-icon-circle-minus {
background-position: -16px -192px;
}

.ui-icon-circle-close {
background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
background-position: -192px -192px;
}

.ui-icon-circle-check {
background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
border-top-left-radius: 3px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
border-top-right-radius: 3px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
border-bottom-left-radius: 3px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaa;
opacity: .003;
filter: Alpha(Opacity=.3);
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666;
}

/*------------------------------------------------------------
右サイドバー　Q&A調整
-------------------------------------------------------------*/
#sidebar-34 ul li a,#sidebar-35 ul li a,.ranking-period{
display: block;
padding: 10px 0;
font-weight: bold;
font-size: 13px;
}
.ranking-period{
margin: 10px;
background: #fff;
padding: 10px;
}
.ranking-period span:first-child{
margin-right:6px;
}
#sidebar-34 ul li,#sidebar-35 ul li{
border-bottom: 1px dashed #e7e7e7;
}
#sidebar-29 ul,#sidebar-30 ul,#sidebar-31 ul,#sidebar-32 ul,#sidebar-34 ul,#sidebar-35 ul{
margin: 10px 10px 10px 10px;
background: #fff;
padding: 0px 10px;
border-radius:0px;
}
#sidebar-35 ul{
margin-bottom:0px;
}
mainRight #sidebar-29,#sidebar-30,#sidebar-31,#sidebar-32,#sidebar-34,#sidebar-35{
width: 300px;
background: #f7f7f7;
padding-bottom: 1px;
line-height:20px;

}
.more-qa{
width: 300px;
background: #f7f7f7;
padding-bottom: 1px;
line-height:22px;
text-align:center;
}
.more-qa a{
margin: 0px 10px 10px 10px;
background: #fff;
padding: 10px;
display:block;
font-size: 13px;
}
.more-qa a:before{
content: '▶';
margin-right: 4px;
}

#sidebar-1 ul, #sidebar-2 ul, #sidebar-3 ul, #sidebar-10 ul, #sidebar-11 ul {
margin: 10px;
background: rgb(255, 255, 255);
border-radius: 10px;
padding: 0px 10px;
}

/*--------------------------------------------------------
質問削除　回答削除　調整
-------------------------------------------------------*/
#detail-question.qaIchiran dl ul.qa-infomation {
font-size: 11px;
margin: 0px;
position: unset;
top: 91px;
right: -7px;
}
#mainCenter .qaIchiran.answer-item .qa-infomation li{
margin: 0px;
}
#mainCenter .qaIchiran.answer-item .qa-infomation .comment-reply-link a{
padding: 3px 20px !Important;
}
.qaIchiran.answer-item .qa-infomation:nth-of-type(1){
top:0px;
}

/*--------------------------------------------------------
角丸
-------------------------------------------------------*/
.tag-icon {
display: inline-block;
border-radius: 2px;
width: max-content;
font-size: 12px;
padding: 3px 3px;
line-height: 1;
margin: 0 5px 2px 0;
}

/*--------------------------------------------------------
プレゼントガチャ　ボタン
-------------------------------------------------------*/
#present-btn-area{
background: #fdf1c7;
text-align: center;
font-weight: bold;
padding: 16px 0 26px;
margin-bottom: 20px;
}
#present-btn-area span{
color: #cc0000;
display: inline-block;
position: relative;
font-size: 15px;
}
#present-btn-area span:before {
content: "";
width: 16px;
height: 18px;
display: inline-block;
border-left: 3px solid #cc0000;
transform: rotate(-30deg);
background:none;
}
#present-btn-area span:after {
border-right: 3px solid #cc0000;
transform: rotate(30deg);
content: "";
width: 16px;
height: 18px;
display: inline-block;
background:none;
}
#present-btn-area a{
display: block;
width: 80%;
margin: 4px auto 0;
background: #f78322;
box-shadow: 0px 5px #d96626;
font-weight: bold;
cursor: pointer;
color: #fff;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position: relative;
height: 56px;
line-height: 56px;
font-size: 20px;
text-decoration: none;
}
#present-btn-area a:hover{
opacity: 0.6;
}
#present-btn-area a:after{
content: '';
position: absolute;
right: -10px;
top: 2px;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
display: block;
background: url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m12d_2002182464.png) center no-repeat rgba(255,255,255,0);
background-size: 13px;
-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;
}
@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}
@media only screen and (max-width: 896px){
#present-btn-area a{
width: 90%;
}
}
@media screen and (max-width : 361px){
#present-btn-area{
padding: 12px 0 22px;
margin-bottom: 18px;
}
#present-btn-area span{
font-size: 14px;
}
#present-btn-area span:before,#present-btn-area span:after{
width: 14px;
height: 17px;
}
#present-btn-area a{
height: 52px;
line-height: 52px;
font-size: 18px;
}
}
/*--------------------------------------------------------
プレゼントガチャ　結果
-------------------------------------------------------*/
.present_atari{
padding-top: 16px;
padding-bottom: 40px;
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
background: url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m12d_2003063985.jpg) no-repeat center / cover;
}
.present_atari .img{
width: 74%;
margin: 0 auto 8px;
}
.present_atari .img img{
width: 100%;
}
.present_atari .text{
position: relative;background: #fff;width: 76%;margin: 0 auto;border-radius: 3px;border: 3px solid #ea4a28;padding: 38px 0px;box-shadow: 0 7px 8px 0 rgb(0 0 0 / 30%);font-weight: bold;font-size: 20px;}
.present_atari .text p:nth-of-type(1){color: #e94929;font-weight: bold;font-size: 22px;margin: 0 0 10px;line-height: 1;margin-bottom: 18px;}
.present_atari .text p:nth-of-type(2){width: max-content;color: #171717;font-weight: bold;font-size: 21px;margin: 0 auto 10px;line-height: 1;background: #fef9b7;padding: 18px 34px;margin-bottom: 15px;}
.present_atari .text p:nth-of-type(3){
color: #555555;
font-size: 12px;
margin: 0 ;
}
/*
.present_atari .text:before{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1731048776.png) no-repeat right top / 215px;content: '';display: block;width: 163px;height: 200px;position: absolute;top: 40px;left: -69px;}
.present_atari .text:after{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1715078512.png) no-repeat left top / 215px;content: '';display: block;width: 190px;height: 163px;position: absolute;right: -97px;top: 60px;}
*/
.present_atari .b{
font-size: 18px;
color: #56b3da;
}
.present_aikotoba_area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
margin: 0;
padding-top: 6px;
}
.present_aikotoba_area span{
font-weight: bold;
}
.present_aikotoba_copy{
display: inline-block;
font-weight: normal;
background: #ef6718;
color: #fff;
font-size: 11px;
text-align: center;
line-height: 1;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
margin-left: 10px;
}
.present_hazure{
text-align: center;
}
#main-contents .present_hazure p:first-child{
color: #165ee1;
font-size: 28px;
font-weight: bold;
text-align: center;
line-height: 1;
margin-bottom: 16px;
margin-top: 16px;
}

@media only screen and (max-width: 896px){
#main-contents .present_hazure p:first-child{
font-size: 24px;
margin-bottom: 14px;
margin-top: 14px;
}
.present_atari .img {
width: 88% !important;
}
.present_atari .text{
width: 90%;
padding:35px 0px !important;
}
.present_atari .text p:nth-of-type(1){color: #e94929;font-weight: bold;
font-size: 15px;
}
.present_atari .text p:nth-of-type(2){
width: max-content;
color: #171717;
font-weight: bold;
font-size: 17px;
margin: 0 auto 10px;
line-height: 1;
background: #fef9b7;
padding: 12px 24px;
margin-bottom: 15px;
}
.present_atari .text p:nth-of-type(3){
color: #555555;
font-size: 12px;
margin: 0 ;
}
/*
.present_atari .text:before{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1731048776.png) no-repeat right top / 220px;content: '';display: block;width: 143px;height: 200px;position: absolute;top: 52px;left: -45px;}
.present_atari .text:after{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1715078512.png) no-repeat left top / 195px;content: '';display: block;width: 190px;height: 163px;position: absolute;right: -94px;top: 73px;}
*/
}

@media screen and (max-width : 414px){
.present_atari{
padding-bottom: 32px;
}
/*
.present_atari .text:before{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1731048776.png) no-repeat right top / 183px;content: '';display: block;width: 143px;height: 400px;position: absolute;top: 68px;left: -62px;}
.present_atari .text:after{background: url(https://img.altema.jp/mhwilds/uploads/2025/02/2025y02m03d_1715078512.png) no-repeat left top / 173px;right: -104px;top: 80px;}
*/
}

@media screen and (max-width : 391px){
.present_atari .text{
padding: 14px 0;
}
div#main-contents .present_atari .text p:nth-of-type(1){
font-size: 19px;
margin-bottom: 8px;
}
div#main-contents .present_atari .text p:nth-of-type(2){
font-size: 18px;	
margin-bottom: 8px;
}
div#main-contents .present_atari .text p:nth-of-type(3){
font-size: 11px;
}
.present_atari .text:before{left: -68px;top: 75px;}
.present_atari .text:after{right: -109px;top: 85px;}
}

/*-------------------------------------------------------
プレゼントガチャ当たり調整
-------------------------------------------------------*/
.present_atari .img {width: 70%;}
div#main-contents .present_atari .text p:nth-of-type(1){
font-size: 18px;
}

@media only screen and (max-width: 896px){
div#main-contents .present_atari .text p:nth-of-type(1){
font-size: 16px;
}
}

@media screen and (max-width : 390px){
div#main-contents .present_atari .text p:nth-of-type(1){
font-size: 15px;
}
}

@media screen and (max-width : 375px){
div#main-contents .present_atari .text p:nth-of-type(1){
font-size: 14px;
}
}

/*------------------------------------------------------------
RPランキング2
-------------------------------------------------------------*/
table.PRrank-icon2 td{
position:relative;
}
body table.PRrank-icon2 td a img{
border-radius: 10px;
position: relative;
padding: 0px;
border: 1px solid #e6e6e6;
}
body table.PRrank-icon2 td a[class^="rank"]{
text-decoration:underline!important;
}
body table.PRrank-icon2 tr a.rank-1:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m19d_1449268859.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:0px;
}
body table.PRrank-icon2 tr a.rank-2:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m19d_1449279827.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:0px;
}
body table.PRrank-icon2 tr a.rank-3:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m19d_1449286911.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:0px;
}
body table.PRrank-icon2 tr a.rank-4:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m19d_1459234909.png);
background-size:contain;
background-repeat:no-repeat;	
top:0px;
left:0px;
}
body table.PRrank-icon2 tr a.rank-5:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp/pachimo/uploads/2025/02/2025y02m19d_145924646.png);
background-size:contain;
background-repeat:no-repeat;	
top:0px;
left:0px;
}
body table.PRrank-icon2 p{
margin-bottom:0px;
}
body table.PRrank-icon2 tr a.rank-6:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 45px;
height: 45px;
background-image:url(https://img.altema.jp//common/ranking_game/rank/pr-osusume.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:0px;
}
table.PRrank-icon2 td p{
margin:5px 0!important;
padding: 0px 8px;
}
table.PRrank-icon2 td a.gachaBtn{
text-align:center;
padding: 4px 0px 3px 0px;
border-radius:3px;
display:block;
background:#ed4468;
color:#ffffff !important;
font-size: 12px;
box-shadow:0 2px 0px 0px #c33855;
width: 100%;
position:relative;
margin:6px 0px 4px 0px;
margin:0 auto;
}
table.PRrank-icon2 td a.gachaBtn:after{
background: url("https://img.altema.jp/pachimo/uploads/2025/03/2025y03m19d_1118538987.png") center center / 100% 100% no-repeat;
}
table.PRrank-icon2 td a.gachaBtn:hover{
opacity: 0.6;
}
/*
table.PRrank-icon2 tr:first-child td:nth-child(2) p{
margin:0px !important;
}
*/
table.PRrank-icon2 td .osusumerank-dlbt a:before{
content: '▶';
display:inline-block;
margin-right:3px;
}
table.PRrank-icon2 td .osusumerank-dlbt a:hover{
opacity:0.6;
}
@media only screen and (max-width: 896px){
/*
table.PRrank-icon2 tr:first-child td:nth-child(2) p {
margin: 5px 0 !important;
}
*/
table.PRrank-icon2 td p {
padding: 0px 5px;
}
table.PRrank-icon2 td a.gachaBtn {
width: 100%;
}
}

/*------------------------------------------------------------
RPgame midasi
-------------------------------------------------------------*/
body:not(.top-design) #mainCenter h2.prgame-h2-cnt{
border-left: 0px solid #e5325a;
line-height: 46px;
position: relative;
height: 46px;
margin: 2em 170px 1.2em;
padding: 0 2rem 0px 1.4rem;
text-align: center;
color: #fff;
background: #ed4468;
font-size:16px;
}
body:not(.top-design) #mainCenter span.prgame-h2{
position: relative;
display: block;
}
body:not(.top-design) #mainCenter h2.prgame-h2-cnt:before,
body:not(.top-design) #mainCenter h2.prgame-h2-cnt:after {
position: absolute;
top: 0;
display: block;
content: '';
border: 23px solid #ed4468;
}
body:not(.top-design) #mainCenter h2.prgame-h2-cnt:before {
left: -21px;
border-left-width: 15px;
border-left-color: transparent;
}
body:not(.top-design) #mainCenter h2.prgame-h2-cnt:after {
right: -21px;
border-right-width: 15px;
border-right-color: transparent;
width: 0px;
background: none;
left: unset;
bottom: unset;
height: 0px;
}
@media only screen and (max-width: 896px){
body:not(.top-design) #mainCenter h2.prgame-h2-cnt{
margin: 2em 21px 1.2em;
font-size:15px;
}
}

/*--------------------------------------------------------
ウィジェット調整
-------------------------------------------------------*/
.widget-textLink-in:has(.acMenu:last-child){
padding-bottom: 2px;
}
.widget-textLink-in .acMenu dt{
margin-left: 10px !important;
margin-right: 10px !important;
}

/*-------------------------------------------------------
パチンコシミュレーター
-------------------------------------------------------*/
.search_d1{
background: #272727;
border-radius:8px;
padding:20px 20px 20px 20px;
margin:0px 20px 30px 20px;
}
.search_d1 .sf-htxt{
color:#fff;
font-weight:bold;
padding-left:3px;
padding-bottom:3px;
}
.search_d1 .sf-htxt:nth-child(3){
padding-bottom:0px;
margin-top:15px;
}
.search_d1 .sf-text-area .ui-autocomplete-input:focus{
background:#fff !important;
}
.search_d1 .sf-txt-check-area{
display: flex;gap: 0 .7em;
}
.search_d1 .sf-text-area{
position:relative;
}
.search_d1 .sf-text-area:before {
content: "";
position: absolute;
top: 17px;
left: 13px;
width: 13px !important;
height: 13px !important;
background: url('https://img.altema.jp/pachimo/uploads/2025/03/2025y03m11d_1335133211.png') no-repeat center / contain;
opacity:0.4;
}
.search_d1 .sf-txt-check-area .sf-c-label{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0 .5em;
position: relative;
padding: .2em .7em;
border: 1px solid #336097;
border-radius: 3px;
background-color: #272727;
cursor: pointer;
color:#fff;
font-size:14px;
}
.search_d1 .sf-txt-check-area .sf-c-label{
accent-color: #317ad2;
}
.search_d1 .sf-txt-check-area .sf-c-label:hover{
accent-color: #3974bc;
}
.search_d1 .sf-text-area .ui-autocomplete-input{
width:100% !important;
background:#fff !important;
padding:10px 0px;
border-radius:4px;
border:1px solid #ffffff;
caret-color:#fff !important;
color:#272727;
font-weight:bold;
padding-left:40px;
}
.search_d1 .sf-text-area{
position:relative;
}
.search_d1 .sf-text-area .ui-autocomplete-input::placeholder{
color:#a1a1a1;
font-size:16px;
}
.search_d1 .sf-text-area .clear{
position:absolute;
background:#bbbbbb;
font-weight:bold;
font-size:11px;
top:15px;
right:15px;
padding:3px;
line-height:10px;
border-radius:100px;
color:#3f3f3f;
cursor:pointer;
}
.rate_setting{
background: #272727;
border-radius:8px;
padding:20px 20px 20px 20px !important;
margin:0px 20px 30px 20px;
border:0px solid !important;
color:#fff;
}
.rate_setting select{
padding:5px 10px;
border-radius:5px;
}
.rate_setting span{
margin-left:10px;
line-height:40px;
font-size: 16px;
font-weight:bold;
}
.tsujo-status + p,.simulate-result + p,.atari-status + p{
text-align:center;
position:relative;
}
.simulate-result + p .tsujo.one-more,.simulate-result + p .atari.one-more,.atari-status + p .atari.simulate-start{
background:#cc3333;
text-align:center;
color:#fff;
padding:14px 80px;
border-radius: 100vh;
font-weight:bold;
margin-top:10px;
font-size:18px;
border-bottom: 5px solid #9c2f2f;
display:inline-block;
cursor:pointer;
}
.simulate-start{
background:#cc3333;
text-align:center;
color:#fff;
padding:14px 80px;
border-radius: 100vh;
font-weight:bold;
margin-top:10px;
font-size:18px;
border-bottom: 5px solid #9c2f2f;
display:inline-block;
cursor:pointer;
}
.atari-status + p .atari.simulate-start{
display:inline-block;
}
.simulate-start:hover,.simulate-result + p .one-more:hover,simulate-result + p .atari.one-more:hover,.atari-status + p .atari.simulate-start:hover{
margin-top: 15px;
border-bottom: 0px solid #9f000c;
opacity:0.5;
}
.one-more:after{
content: "›";
position:absolute;
top:20px;
right:202px;
font-size:23px;
color:#fff;
}
.one-more:hover::after{
top:27px;
}
.simulate-start:after{
content: "›";
position:absolute;
top:18px;
right:165px;
font-size:23px;
color:#fff;
}
.simulate-start:hover::after{
top:22px;
}
.tsujo-status{
background: #272727;
border-radius:8px 8px 0px 0px;
padding: 20px 20px 16px 20px;
margin: 0px 20px 0px 20px;
color:#fff;
font-weight:bold;
}
#tsujo-area .tsujo-status{
border-radius:8px 8px 8px 8px;
padding: 20px 20px 30px 20px;
}
.atari-status{
background: #272727;
border-radius:8px 8px 8px 8px;
padding: 20px 20px 16px 20px;
margin: 0px 20px 0px 20px;
color:#fff;
font-weight:bold;
}
.tsujo-status,.atari-status{
text-align:center;
}
.tsujo-select-status{
font-size: 20px;
}
.tsujo-status span + div,.atari-status span + div{
display: flex;
align-items: center;
justify-content: center;
}
.tsujo-tyusen-rate-area{
background:#fff;
border-radius:8px;
color:#272727;
padding:25px 54px;
font-size:20px;
margin-top:16px;
}
.atari-tyusen-cnt-area{
background:#fff;
border-radius:8px;
color:#272727;
padding:25px 44px;
font-size:20px;
margin-top:16px;
}
.atari-status .lead{
color:#999999;
margin-top:14px;
display:inline-block;
margin-bottom:0px;
}
#tyusen_rate,#rash_start_rate,#tyusen-cnt,#atari-rate{
font-size:27px;
color:#e01313;
}
.rash-start-rate-area{
background:#fff;
border-radius:8px;
color:#272727;
padding:25px 15px;
font-size:20px;
margin-top:16px;
margin-left:10px;
}
.atari-tyusen-rate-area{
background:#fff;
border-radius:8px;
color:#272727;
padding:25px 48px;
font-size:20px;
margin-top:16px;
margin-left:10px;
}
.spin-status-result-area,#dedama-result-area{
background: #272727;
padding: 0px 20px 24px 20px !important;
margin:0px 20px 0px 20px;
border:0px solid !important;
color: #ffffff;
text-align:center;
font-size: 20px !important;
font-weight:bold;
line-height: 39px !important;
border: 10px solid #f9f9f9 !important;
}
.spin-status-result-area p,#dedama-result-area p{
margin-bottom:0px;
line-height: 42px;
}
#dedama-result-area{
border-radius: 10px;
padding: 20px 0px 0px 0px !important;
}
#dedama-result-area p:nth-child(2){
background: #f1f1f1;
border-radius: 0px 0px 8px 8px;
padding: 18px 0px 10px 0px !important;
margin:0px 0px 0px 0px;
border:0px solid !important;
color:#272727;
text-align:center;
font-size: 24px;
font-weight:bold;
}
.price-result-area{
background: #f1f1f1;
border-radius: 0px 0px 8px 8px;
padding: 0px 20px 0px 20px !important;
margin:0px 20px 20px 20px;
border:0px solid !important;
color:#272727;
text-align:center;
font-size: 24px;
font-weight:bold;
}
#dedama-result-area p:first-child{
margin-bottom:10px;
}
#price-result,#roop-cnt-result{
font-weight:bold;
font-size:36px;
color:#d63131;
margin: 0px 4px;
}
#tyusen-cnt-result,#total-dedama-result{
font-weight:bold;
font-size:40px;
color:#e22d2d;
margin: 0px 4px;
}
#total-dedama-result{
margin: 20px 4px;
}
.tsujo.simulate-result .spin-status-result-area{
border-radius: 8px 8px 0px 0px;
padding-top:23px !important;
}

@media only screen and (max-width: 896px){
.search_d1 {
background: #272727;
border-radius: 8px;
padding: 20px 14px 20px 14px;
margin: 0px 0px 12px 0px;
}
.search_d1 .sf-text-area .ui-autocomplete-input {
max-width: 100% !important;
font-size: 14px;
padding: 14px 0px;
padding-left: 35px;
padding-right: 38px;
}
.search_d1 .sf-text-area .clear {
top: 16px;
right: 12px;
padding: 5px;
line-height: 6px;
border-radius: 200px;
color: #272727;
cursor: pointer;
}
.search_d1 .sf-text-area .ui-autocomplete-input::placeholder{
color:#a1a1a1;
font-size:14px;
}
.search_d1 .sf-text-area:before {
top: 19px;
}
.search_d1 .sf-htxt {
color: #fff;
font-weight: normal;
padding-left: 3px;
padding-bottom: 3px;
font-size:15px;
}
.search_d1 .sf-txt-check-area .sf-c-label{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1 .5em;
position: relative;
padding: 8px 0px;
padding-left:10px;
border: 1px solid #336097;
border-radius: 3px;
background-color: #272727;
cursor: pointer;
color: #fff;
font-size: 12px;
width:44% !important;
}
.search_d1 .sf-txt-check-area {
display: flex;
gap: 0.6em .7em;
flex-wrap: wrap;
}
.rate_setting {
margin: 0px 0px 0px 0px;
}
.rate_setting span {
margin-left: 10px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
}
.rate_setting + .acMenu dt{
font-size:15px;
}
.atari-status {
background: #272727;
border-radius: 8px 8px 8px 8px;
padding: 20px 20px 16px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: bold;
}
.spin-status-result-area, #dedama-result-area,.tsujo-status{
margin: 0px 0px 0px 0px;
}
.simulate-result + p .tsujo.one-more, .simulate-result + p .atari.one-more, .atari-status + p .atari.simulate-start,.simulate-start{
background: #cc3333;
text-align: center;
color: #fff;
border-radius: 100vh;
font-weight: bold;
margin-top: 22px;
font-size: 16px;
border-bottom: 5px solid #9c2f2f;
display: inline-block;
cursor: pointer;
padding:15px 0px;
width:90%;
}
.one-more:after,.simulate-start:after{
content: "›";
position: absolute;
top: 24px;
right: 34px;
font-size: 28px;
color: #fff;
}
.atari-tyusen-rate-area {
padding: 25px 28px;
}
.atari-tyusen-cnt-area{
padding: 25px 28px;
}
.tsujo-select-status {
font-size: 16px;
}
.tsujo-tyusen-rate-area {
padding: 25px 36px;
}
.rash-start-rate-area {
padding: 25px 14px;
}
.price-result-area {
padding: 0px 20px px 20px !important;
margin: 0px 0px 20px 0px;
}
.simulate-result p{
font-size:18px;
}
}

/*--------------------------------------------------------
attentionBox
-------------------------------------------------------*/
.attentionBox {
border: 1px solid #d65757;
border-radius: 4px;
padding: 15px 15px 12px;
position: relative;
overflow: hidden;
margin-bottom: 16px;
line-height: 1.8;
font-size: 13px;
font-weight: bold;
}
.attentionBox dl {
margin: 0;
text-align: left;
}
.attentionBox dl dt {
color: rgb(204, 0, 0);
margin: 12px 0 0px;
font-size: 13px;
}
.attentionBox dl dt:first-child{
margin: 0px 0 0px;
}
.attentionBox dl dd {
margin: 3px 0px 2px 6px;
position: relative;
padding-left: 1em;
text-indent: -1em;
font-size: 12px;
}
.attentionBox a{
font-size: 12px;
text-decoration: none!important;
}
.attentionBox dl dd:before{
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: url(https://img.altema.jp/pachimo/uploads/2025/03/2025y03m11d_125658983.png) no-repeat left center / contain #fff;
position: absolute;
top: 5px;
bottom: auto;
left: 0;
margin: auto;
}
.attentionBox dl *:nth-child(5) ~ * {
display: none;
}
.attentionBox.acON dl *:nth-child(5) ~ *{
display: block;
}
.attentionBox .more-btn{
position: absolute!important;
left: 0;
bottom: 0;
width: 100%!important;
margin: 0!important;
background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1))!important;
padding: 0px 0 16px!important;
border-radius: 0!important;
box-shadow: none!important;
}
.attentionBox .more-close-btn{
margin-bottom:0px !important;
border-radius: 0!important;
box-shadow: none!important;
background: none!important;
padding: 0!important;
width: 100%!important;
}
.attentionBox .more-btn:after,.attentionBox .more-close-btn:after{
display: none!important;
}
.attentionBox .more-btn a,.attentionBox .more-close-btn a{
background: #d88383;
color: #fff;
border-radius: 5px;
width: 170px;
display: block;
padding: 2px 0;
text-align: center;
font-weight: normal;
margin: 0 auto;
cursor: pointer;
font-size: 12px;
text-decoration: none;
}
.attentionBox .more-btn a:hover,.attentionBox .more-close-btn a:hover{
opacity: 0.6;
}
.attentionBox.acON .more-btn{
display: none;
}

/*---------------------------
Gナビ調整
---------------------------*/
@media only screen and (max-width: 896px) {
#header:has(.gNaviWrap2.on){
overflow: visible;
margin-bottom: 20px;
}
.gNaviWrap2.on{
position: relative;
height: fit-content!important;
}
.gNaviWrap2 #moreButton{
display: none;
position: absolute;
right: 0;
top: 100%;
margin: auto;
margin-top: -2px;
width: 90px;
border-top: 25px solid #e63259;
border-left: 10px solid transparent;
border-right: 0;
border-bottom: 0;
background: none;
outline: none;
}
.gNaviWrap2 #moreButton:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
left: 0;
right: 0;
bottom: 18px;
margin: auto;
background: url(https://img.altema.jp/pachimo/uploads/2025/03/2025y03m19d_1628042937.png) no-repeat center / contain;
animation: 1.3s ease 0s infinite normal none running gnaviACDmove;
}
@keyframes gnaviACDmove {
0% {
transform: translate(0, 0);
}
80% {
transform: translate(0, 5px);
}
0%, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.gNaviWrap2.on #moreButton{
display: block;
}
.gNavi li:nth-of-type(6) ~ li a{
max-height: 0;
transition: max-height 0.5s;
overflow: hidden;
pointer-events: none;
}
.active .gNavi li:nth-of-type(6) ~ li a{
max-height: 38px;
pointer-events: auto;
}
.gNaviWrap2.active #moreButton:after{
transform: rotate(180deg);
animation: none;
bottom: 3px;
}
ul.gNavi li a{
height: 38px;
line-height: 38px;
}
body .gNaviWrap2.on{
box-shadow: none;
}
.gNaviWrap2 #moreButton {
left: 0;
right: 0;
background: linear-gradient(to bottom , transparent , #fff 60%);
width: 100%;
border: 0;
height: 42px;
bottom: -8px;
top: auto;
margin: 0;
}
.gNaviWrap2.active #moreButton{
height: 24px;
background: #e63259;
bottom: auto;
top: 100%;
}
.gNaviWrap2 #moreButton:after {
background: url(https://img.altema.jp/pachimo/uploads/2025/04/2025y04m04d_1823568837.png) no-repeat center / 24px rgba(255,255,255,95%);
width: 32px;
height: 32px;
border-radius: 50%;
box-shadow: 3px 3px 0 rgba(0,0,0,10%);
}
.gNaviWrap2.active #moreButton:after{
background: url(https://img.altema.jp/pachimo/uploads/2025/03/2025y03m19d_1628042937.png) no-repeat center / contain;
width: 20px;
height: 20px;
border-radius: 0;
box-shadow: none;
}
}

/*------------------------------------------------------------
星の配置右寄せ
-------------------------------------------------------------*/
/*星の数値サイズ変更　　*/
.osusume-hosi-right .score-num {
font-size: 13px;
}
/*星のサイズ変更*/
.osusume-hosi-right .score-star {
font-size: 15px;
}
/* おすすめ度左寄せ */
.osusume-hosi-right{
position: absolute;
right:12px;
}

/*------------------------------------------------------------
TOP調整
-------------------------------------------------------------*/
#top-content > p + h2{
margin-top: 30px;
}
#top-content > p + h3{
margin-top: 20px;
}

/*------------------------------------------------------------
gachaBtn 動く矢印付与
-------------------------------------------------------------*/
.gachaBtn{
position: relative;
}
.gachaBtn:before{
display: none;
}
.gachaBtn:after{
content: "";
top: 1px;
right: 15px;
bottom: 0px;
position: absolute;
width: 14px;
height: 14px;
background: url("https://img.altema.jp/pachimo/uploads/2025/06/2025y06m23d_161128493.png") center center / 100% 100% no-repeat;
margin: auto;
animation: 1.5s ease 0s infinite normal none running cvbtscroll;
}
.gachaBtn:hover::after {
background: url("https://img.altema.jp/pachimo/uploads/2025/03/2025y03m19d_1118538987.png") center center / 100% 100% no-repeat;
}
@keyframes cvbtscroll {
0% {
transform: rotate(0deg) translate(0, 0);
}
80% {
transform: rotate(0deg) translate(15px, 0px);
}
0%, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.osusumerank-dlbt .gachaBtn:after{
display: none;
}
.olipa .gachaBtn:hover::after {
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.png) no-repeat center / 13px rgba(255,255,255,0);
}
.hyouka-main-head .gachaBtn:after{
background: url("https://img.altema.jp/pachimo/uploads/2025/03/2025y03m19d_1118538987.png") center center / 100% 100% no-repeat;
}
@media only screen and (max-width: 896px) {
.olipa .gachaBtn:hover::after {
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.png) no-repeat center / 8px rgba(255,255,255,0);
}
}
/*------------------------------------------------------------
QA広告消し
-------------------------------------------------------------*/
.qa-wrap .pachimo_koukoku_wrapper{
display:none;
}

/*--------------------------------------------------------
動画調整
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
.article > p iframe[src^="https://www.youtube.com/"][width="100%"]{
height: calc((100vw - 20px) * 0.5625);
}
}

/*------------------------------------------------------------
会社概要、about調整
-------------------------------------------------------------*/
#mainCenter .cop-company-table ~ .cop-bt ~ aside + h2{
margin-top: 50px;
}
#mainCenter .company-jyusyou + aside + h2{
margin-top: 50px;
}
@media only screen and (max-width: 896px) {
#mainCenter .company-jyusyou + aside + h2{
margin-top: 80px;
}
}

/*------------------------------------------------------------
ウィジェット見出し
-------------------------------------------------------------*/
#mainLeft .widget-conts > b,#mainRight .widget-conts > b{
display: block;
color: #fff;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1639216375.jpg) left center no-repeat;
background-size: 100% 100%;
padding: 10px 10px 10px 20px;
font-weight: bold;
text-align: left;
position: unset;
font-size: 18px;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
#mainRight .widget-conts > b{
padding: 10px 10px;
text-align: center;
}
@media only screen and (max-width: 896px) {
#mainLeft .widget-conts > b{
padding-left: 5px;
}
#mainRight .widget-conts > b{
margin-bottom: 15px;
}
}

/*------------------------------------------------------------
検索フォーム
-------------------------------------------------------------*/
.search_pachimo_d1{
background:#f2f5f6;
padding: 15px;
border-radius:3px;
box-sizing:border-box;
box-shadow:0 0 0px 1px rgb(219 230 235);
}
.search_pachimo_d1 .sf-htxt:first-child{
margin:5px 0 5px;
}
.search_pachimo_d1 .sf-htxt{
font-weight:bold;
font-size:14px;
margin:15px 0 5px;
position:relative;
padding:0 0 0 12px;
}
.search_pachimo_d1 .sf-htxt:before{
content:"";
position:absolute;
width: 4px;
height:90%;
background:#c2d8e2;
top:0;
left:2px;
bottom:0;
margin:auto;
border-radius:50px;
opacity: 1;
display:block;
transition-duration:300ms;
}
.search_pachimo_d1 .sf-htxt:first-of-type{
margin: 5px 0 5px;
}
.search_pachimo_d1 .sf-txt-check-area,.search_pachimo_d1 .sf-img-check-area,.search_pachimo_d1 .sf-text-area{
margin: 0px 0 0px;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.search_pachimo_d1 .sf-txt-check-area label{
width:auto;
text-align:center;
margin:2px 5px 5px;
cursor:pointer;
position:relative;
display:inline-block;
vertical-align:middle;
display:block;
}
.search_pachimo_d1 .sf-img-check-area label{
width: calc((100% - 24px) / 6);
text-align: center;
margin: 2px 2px 5px;
cursor:pointer;
position:relative;
display:inline-block;
vertical-align:middle;
display:block;
}
.search_pachimo_d1 .sf-txt-check-area label span,.search_pachimo_d1 .sf-img-check-area label span{
display:block;
box-sizing:border-box;
position:relative;
border-radius:5px;
padding:5px 2px;
}
.search_pachimo_d1 .sf-txt-check-area label input,.search_pachimo_d1 .sf-img-check-area label input{
content:'';
position:absolute;
visibility:visible;
display:block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index:-2;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
border:1px solid #ccc;
width:100%;
border-radius:5px;
height:25px;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked,.search_pachimo_d1 .sf-img-check-area label input:checked{
visibility:visible;
content:'';
display:block;
width:100%;
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
border-radius:5px;
border:0;
background:#0c749b;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + span,.search_pachimo_d1 .sf-img-check-area label input:checked + span{
color:#FFF;
}
.search_pachimo_d1 .sf-txt-check-area label input + img,.search_pachimo_d1 .sf-img-check-area label input + img{
display:block;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
width:40px;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + img,.search_pachimo_d1 .sf-img-check-area label input:checked + img{
display:block;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.search_pachimo_d1 .sf-txt-check-area label input:focus,.search_pachimo_d1 .sf-img-check-area label input:focus{
outline:0;
box-shadow:none;
border:0px;
background-color:none;
}
.search_pachimo_d1 .sf-text-area input:focus{
outline:0;
box-shadow:none;
border:0px;
background-color:none;
}
.search_pachimo_d1 .sf-txt-check-area label input + span,.search_pachimo_d1 .sf-img-check-area label input + span{
display: block;
line-height:1;
padding: 8px 5px;
background: #c9d5da;
box-shadow:0 1px 0px 0px rgb(173 190 197);
position:relative;
min-width:45px;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + span,.search_pachimo_d1 .sf-img-check-area label input:checked + span{
background: #448acb;
box-shadow:0 0px 1px 1px rgb(39 120 195);
color: #FFF;
position:relative;
display:block;
}
.search_pachimo_d1 .sf-txt-check-area label input + span:before,.search_pachimo_d1 .sf-img-check-area label input + span:before{
content:"";
position:absolute;
width: 1px;
height:1px;
background:#ccc;
top:10px;
left:-3px;
border-radius:50px;
opacity: 0;
display:block;
transition-duration:300ms;
}
.search_pachimo_d1 .sf-txt-check-area label input + span:after,.search_pachimo_d1 .sf-img-check-area label input + span:after{
content: '';
position: absolute;
top:10px;
left:-3px;
width: 0px;
height: 0px;
opacity: 0;
background:url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
background-size:100% auto;
transition-duration:300ms;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + span:before,.search_pachimo_d1 .sf-img-check-area label input:checked + span:before{
content:"";
position:absolute;
width: 10px;
height:10px;
background:#1298d6;
box-shadow:0 0 0px 2px #1298d6;
top:-2px;
left:-2px;
border-radius:50px;
opacity: 1;
display:block;
transition-duration:300ms;
font-weight:bold;
display:none	
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + span:after,.search_pachimo_d1 .sf-img-check-area label input:checked + span:after{
content: '';
position: absolute;
top:0px;
left:-1px;
width: 8px;
height: 13px;
opacity: 1;
background:url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
background-size:100% auto;
display:none
}
.search_pachimo_d1 .sf-txt-check-area label input + img ~ span:before,.search_pachimo_d1 .sf-img-check-area label input + img ~ span:before{
content:"";
position:absolute;
width: 1px;
height:1px;
background:#ccc;
top:-30px;
left:-2px;
border-radius:50px;
opacity: 0;
display:block;
transition-duration:300ms;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + img ~ span:before,.search_pachimo_d1 .sf-img-check-area label input:checked + img ~ span:before{
content:"";
position:absolute;
width: 10px;
height:10px;
background:#1298d6;
box-shadow:0 0 0px 2px #1298d6;
top:-56px;
left:-2px;
border-radius:50px;
opacity: 1;
display:block;
transition-duration:300ms;
font-weight:bold;
display:none;
}
.search_pachimo_d1 .sf-txt-check-area label input + img ~ span:after,.search_pachimo_d1 .sf-img-check-area label input + img ~ span:after{
content: '';
position: absolute;
top: -30px;
left:-1px;
width: 0px;
height: 0px;
opacity: 0;
background:url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
background-size:100% auto;
transition-duration:300ms;
display:none;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + img ~ span:after,.search_pachimo_d1 .sf-img-check-area label input:checked + img ~ span:after{
content: '';
position: absolute;
top: -54px;
left:-1px;
width: 8px;
height: 13px;
opacity: 1;
background:url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
background-size:100% auto;
display:none;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + img ~ span,.search_pachimo_d1 .sf-img-check-area label input:checked + img ~ span{
font-weight:bold;
}
.search_pachimo_d1 .sf-txt-check-area label input:checked + img,.search_pachimo_d1 .sf-img-check-area label input:checked + img{
box-shadow:0 0px 1px 1px rgb(39 120 195);
}
.search_pachimo_d1 .sf-text-area{
position: relative;
}
.search_pachimo_d1 .sf-text-area input[type=text]{
background: #fff;
border:0;
box-shadow:0 0 0px 0px rgb(219 230 235);
font-size: 14px;
width: 100% !important;
box-sizing:border-box;
padding:8px 40px 8px 10px;
border-radius:3px;
box-sizing:border-box;
max-width: 100%;
display: block;
border:1px solid #d1dfe5;
}
.search_pachimo_d1 .sf-text-area .clear{
position: absolute;
width:21px;
height:21px;
text-align:center;
right:8px;
font-size: 16px;
font-weight:bold;
line-height:20px;
padding:0;
top: 0;
bottom:0;
margin:auto;
padding:0;
display:block;
color: #b6b6b6;
cursor: pointer;
background:#f2f5f6;
border-radius:50px;
}
.search_pachimo_d1 .choices__inner{
padding: 6px10px 6px 10px;
font-size: 14px;
border: 2px solid #1e2d48;
border-radius: 2px;
width: 100% !important;
box-sizing: border-box;
height: 40px;
line-height: 1.2;
}
.search_pachimo_d1 select {
background-size: 23px;
appearance: none;
background-size: 32px;url(data:image/svg+xml;utf8,<svg fill="%231e2d48" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>) no-repeat right 1px;
background-size: 22px;
}
.search_pachimo_d1 .choices[data-type*=select-one]::after {
right: 17.5px;
}
.search_pachimo_d1 .undefined{
color:#000;
font-family: sans-serif;
}

@media only screen and (max-width: 896px){
.search_pachimo_d1 .sf-img-check-area label{
width: calc((100% - 24px) / 6);
text-align: center;
margin: 2px 2px 5px;
cursor:pointer;
position:relative;
display:inline-block;
vertical-align:middle;
display:block;
}
}
.search_pachimo_d1 .sf-n-check-area{
margin:10px 0 0;
padding:0 0 0 5px;
}
.search_pachimo_d1 .sf-n-check-area label{
display:flex;
margin:5px 0;
align-items:center;
cursor:pointer;
position:relative;
}
.search_pachimo_d1 .sf-n-check-area label input{
display:none;
}
.search_pachimo_d1 .sf-n-check-area label input + span{
position:relative;
padding:0 0 0 20px;
}
.search_pachimo_d1 .sf-n-check-area label input + span:before{
content:"";
position:absolute;
width: 12px;
height:12px;
background:#ffffff;
background-position:1px 2px;
box-shadow:0 0 0px 1px #adbec5;
top:0;
bottom:0;
left:0;
margin:auto;
border-radius:1px;
opacity: 1;
display:block;
transition-duration:300ms;
}
.search_pachimo_d1 .sf-n-check-area label input:checked + span:before{
content: '';
position: absolute;
top:0;
bottom:0;
left:0;
margin:auto;
opacity: 1;
background:#448acb url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m16d_1114247827.png) no-repeat 1px 2px / 85% auto;
box-shadow:0 0px 1px 1px rgb(39 120 195);
}

/*--------------------------------------------------------
フォーム調整
-------------------------------------------------------*/
input[type="date"]#date-start,input[type="date"]#date-end{
-webkit-appearance: none !important;
letter-spacing: -2px !important;
width:100% !important;
}
input[type="date"]#date-start::-webkit-date-and-time-value,input[type="date"]#date-end::-webkit-date-and-time-value{
width:100% !important;
text-align: left !important;
}
.date-img{
position:relative !important;
display:inline !important;
width:100% !important;
}
@media only screen and (max-width: 896px){
input[type="date"]#date-start,input[type="date"]#date-end{
letter-spacing: 0px !important;
}
::-webkit-full-page-media, :future, :root input[type="date"]#date-start:before,::-webkit-full-page-media, :future, :root input[type="date"]#date-end:before{
content: '';
font-size: 14px;
}
::-webkit-full-page-media, :future, :root input[type="date"]#date-start:before:focus,::-webkit-full-page-media, :future, :root input[type="date"]#date-end:before:focus{
content: '';
font-size: 14px;
}
.date-img::after{
content: "" !important;
position:absolute !important;
display: inline-block !important;
width: 13px !important;
height: 13px !important;
background-image: url('https://img.altema.jp/pachimo/uploads/2025/05/2025y05m19d_1533039742.jpg') !important;
background-position: center !important;
background-size: contain !important;
top:13px !important;
right:14px !important;
}
}
.date-img{
position:relative !important;
display:inline !important;
width:100% !important;
}
@media only screen and (max-width : 430px){
.date-img::after{
content: "" !important;
position:absolute !important;
display: inline-block !important;
width: 13px !important;
height: 13px !important;
background-image: url('https://img.altema.jp/pachimo/uploads/2025/05/2025y05m19d_1533039742.jpg') !important;
background-position: center !important;
background-size: contain !important;
top:13px !important;
right:23px !important;
}
}
@media only screen and (max-width : 415px){
.date-img::after{
content: "" !important;
position:absolute !important;
display: inline-block !important;
width: 13px !important;
height: 13px !important;
background-image: url('https://img.altema.jp/pachimo/uploads/2025/05/2025y05m19d_1533039742.jpg') !important;
background-position: center !important;
background-size: contain !important;
top:13px !important;
right:23px !important;
}
}
@media only screen and (max-width : 375px){
.date-img::after{
content: "" !important;
position:absolute !important;
display: inline-block !important;
width: 13px !important;
height: 13px !important;
background-image: url('https://img.altema.jp/pachimo/uploads/2025/05/2025y05m19d_1533039742.jpg') !important;
background-position: center !important;
background-size: contain !important;
top:13px !important;
right:22px !important;
}
}
@media only screen and (max-width : 360px){
.date-img::after{
content: "" !important;
position:absolute !important;
display: inline-block !important;
width: 13px !important;
height: 13px !important;
background-image: url('https://img.altema.jp/pachimo/uploads/2025/05/2025y05m19d_1533039742.jpg') !important;
background-position: center !important;
background-size: contain !important;
top:13px !important;
right:22px !important;
}
}

/*-----効果：ランキングテーブル-----*/
table.table_flag-ranking tr:nth-of-type(n+2) th:first-child,table.table_flag-ranking tr:nth-of-type(n+2) td:first-child {
position: relative;
}
table.table_flag-ranking tr:nth-of-type(n+2) th:first-child:before,table.table_flag-ranking tr:nth-of-type(n+2) td:first-child:before{
width: 45px;
height: 45px;
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
table.table_flag-ranking tr:nth-of-type(2) th:first-child:before,table.table_flag-ranking tr:nth-of-type(2) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034042438.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(3) th:first-child:before,table.table_flag-ranking tr:nth-of-type(3) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033570722.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(4) th:first-child:before,table.table_flag-ranking tr:nth-of-type(4) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033494061.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(5) th:first-child:before,table.table_flag-ranking tr:nth-of-type(5) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033564591.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(6) th:first-child:before,table.table_flag-ranking tr:nth-of-type(6) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_203355831.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(7) th:first-child:before,table.table_flag-ranking tr:nth-of-type(7) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033551326.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(8) th:first-child:before,table.table_flag-ranking tr:nth-of-type(8) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033545398.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(9) th:first-child:before,table.table_flag-ranking tr:nth-of-type(9) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033538856.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(10) th:first-child:before,table.table_flag-ranking tr:nth-of-type(10) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034015974.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(11) th:first-child:before,table.table_flag-ranking tr:nth-of-type(11) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033518758.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(12) th:first-child:before,table.table_flag-ranking tr:nth-of-type(12) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034006283.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(13) th:first-child:before,table.table_flag-ranking tr:nth-of-type(13) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034001236.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(14) th:first-child:before,table.table_flag-ranking tr:nth-of-type(14) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033591813.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(15) th:first-child:before,table.table_flag-ranking tr:nth-of-type(15) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033586169.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(16) th:first-child:before,table.table_flag-ranking tr:nth-of-type(16) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033578484.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(17) th:first-child:before,table.table_flag-ranking tr:nth-of-type(17) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033509815.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(18) th:first-child:before,table.table_flag-ranking tr:nth-of-type(18) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034021397.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(19) th:first-child:before,table.table_flag-ranking tr:nth-of-type(19) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2033531875.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(20) th:first-child:before,table.table_flag-ranking tr:nth-of-type(20) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034037408.png) no-repeat center / contain;
}
table.table_flag-ranking tr:nth-of-type(21) th:first-child:before,table.table_flag-ranking tr:nth-of-type(21) td:first-child:before {
background: url(https://img.altema.jp/pachimo/uploads/2025/05/2025y05m20d_2034027023.png) no-repeat center / contain;
}

/*------------------------------------------------------------
コメント吹き出し
-------------------------------------------------------------*/
.post table.comment-box{
margin:0 0 22px 0;
border:0!important;
display: table;
}
.post table.comment-box tr{
display: -webkit-flex;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.post table.comment-box .comment-txt-l{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-l:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 7px;
left: auto;
margin: 0;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1;
}
table.comment-box .comment-txt-l:after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -8px;
top: 8px;
left: auto;
margin: 0;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2;
}
.post table.comment-box .comment-txt-r{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2.4 !important;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-r: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;
margin: 0;
}
table.comment-box .comment-txt-r:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border: 7px solid transparent;
border-top-color: #fff;
z-index: 2;
margin: 0;
}
.post table.comment-box .comment-icon{
text-align:center;
width:90px;
min-width: 90px;
border:0;
line-height: 1;
padding:0!important;
border:0!important;
margin:0!important;
}
.post table.comment-box .comment-icon:last-child{
padding: 0 10px 0 0;
}
table.comment-box .comment-icon img{
width:60px;
height: 60px;
}
table.comment-box .come-name{
display:block;
font-size:12px;
margin-top:8px;
color:#555;
text-align:center;
}
@media only screen and (max-width: 896px){
#main-lower .post table.comment-box{
margin: 0 0 22px 0;
}
.post table.comment-box .comment-icon{
text-align:center;
width:80px;
min-width: 80px;
}
.post table.comment-box .comment-txt-r,.post table.comment-box .comment-txt-l{
line-height: 1.8;
padding: 10px;
margin: 0 15px;
}
.post table.comment-box .comment-txt-r{
line-height: 2 !important;
}
}

/*------------------------------------------------------------
gachaBtn　青
-------------------------------------------------------------*/
.gachaBtn,.gachaBtn02,.btn01{
border: 1px solid #4670ed;
border-radius: 2px;
color: #4670ed !important;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 99%;
margin: 0 auto;
transition: 0.3s;
box-sizing: border-box;
padding: 15px 20px;
}
.gachaBtn02{
width: 99%;
}
.gachaBtn:hover, .gachaBtn02:hover, .btn01:hover{
color: #fff !important;
background:  #4670ed;
}
.gachaBtn:before{
content:'▶';
margin-right:4px;
}
.gachaBtn:after{
content: "";
top: 1px;
right: 15px;
bottom: 0px;
position: absolute;
width: 14px;
height: 14px;
background: url("https://img.altema.jp/pachimo/uploads/2025/07/2025y07m29d_1322595338.png") center center / 100% 100% no-repeat;
margin: auto;
animation: 1.5s ease 0s infinite normal none running cvbtscroll;
}
table.PRrank-icon2 td a.gachaBtn {
text-align: center;
border: 0px solid #4670ed;
padding: 4px 0px 3px 0px;
border-radius: 3px;
display: block;
background: #ed4468;
color: #ffffff !important;
font-size: 12px;
box-shadow: 0 2px 0px 0px #c33855;
width: 100%;
position: relative;
margin: 6px 0px 4px 0px;
margin: 0 auto;
}

/*-----------------------------------------------------
アコーディオン　調整
-------------------------------------------------------*/
dl.acMenu + .more-btn{
display:none;
}

/*-----------------------------------------------------
パチーモ広告PRテキスト
-------------------------------------------------------*/
.adsPR-01-over .ads_area_atag{
position:relative;
}
.adsPR-01-over:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
top:0px;
left:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing: 1.5px;
}
.adsPR-02-over .ads_area_atag{
position:relative;
}
.adsPR-02-over:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
top:0px;
right:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing: 1.5px;
}
.adsPR-03-over .ads_area_atag{
position:relative;
}
.adsPR-03-over:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
bottom:0px;
right:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing: 1.5px;
}
.adsPR-04-over .ads_area_atag{
position:relative;
}
.adsPR-04-over:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
bottom:0px;
left:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing: 1.5px;
}
.new_koukoku_wrapper .adsPR-01 .ads_area_atag{
display:block;
margin:0 auto;
position:relative;
width:336px;
}
.new_koukoku_wrapper .adsPR-01 .ads_area_atag:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
top: 0px;
left:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing:1.5px;
}
.new_koukoku_wrapper .adsPR-02 .ads_area_atag{
display:block;
margin:0 auto;
position:relative;
width:336px;
}
.new_koukoku_wrapper .adsPR-02 .ads_area_atag:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
top: 0px;
right:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing:1.5px;
}
.new_koukoku_wrapper .adsPR-03 .ads_area_atag{
display:block;
margin:0 auto;
position:relative;
width:336px;
}
.new_koukoku_wrapper .adsPR-03 .ads_area_atag:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
bottom:0px;
right:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing:1.5px;
}
.new_koukoku_wrapper .adsPR-04 .ads_area_atag{
display:block;
margin:0 auto;
position:relative;
width:336px;
}
.new_koukoku_wrapper .adsPR-04 .ads_area_atag:after{
position:absolute;
content:"PR";
width:30px;
background-color:rgba(0,0,0,0.6);
z-index:99999;
color:#fff;
bottom:0px;
left:0px;
font-size:10px;
line-height:16px;
text-align:center;
font-weight:bold;
letter-spacing:1.5px;
}

/*-----効果：◎○×△-----*/
.iconNijyumaru{
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
background:#fff1e5fe5;
overflow:hidden;
text-indent:50px;
}
.iconNijyumaru:before{
content:"";
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width:10px;
height:10px;
border-radius:50%;
margin:auto;
}
.iconMaru2{
border:3.5px solid #ff9900;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconSnkaku2{
display:block;
position:relative;
}
.iconSnkaku2:before {
position: absolute;
width: 0;
height: 0;
content: "";
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-bottom: solid 16px #4d74ff;
left: 0;
right: 0;
margin: auto;
bottom: 3px;
}
.iconSnkaku2:after {
position: absolute;
width: 0;
height: 0;
content: "";
border-right: solid 6px transparent;
border-left: solid 6px transparent;
border-bottom: solid 10px #FFE;
left: 0;
right: 0;
margin: auto;
bottom: 5px;
}
.iconMaru{
border:3.5px solid #318fd2;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconSnkaku{
box-sizing:border-box;
display:block;
width:20px;
height:18px;
margin:auto!important;
position:relative;
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-bottom: solid 16px #57ab6a;
overflow:hidden;
text-indent:50px;
}
.iconBatu{
box-sizing:border-box;
display:block;
width:20px;
height:20px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconBatu::before, .iconBatu::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 1px);
left:14%;
border-radius:1px;
}
.iconBatu::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}
.iconHoshi{
font-size: 20px;
color: #ff8f00;
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
line-height: 20px;
}

/*--------------------------------------------------------
スマホメニュー
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
/*　注目　*/
.drawer-background-fixed .drawer-menu .drawer-menu-head .drawer-menu-search {
background: #252525;
padding: 4px 0;
width: 82%;
}
.drawer-background-fixed .sp-rireki-modal-ad{
text-align:center;
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search form {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0 auto;
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search input {
height: 50px;
border: 0px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 24px 0 20px;
font-size: 16px;
width: 100%;
line-height: 25px;
background: #8d8d8d;
border-radius: 5px;
outline: none;
font-weight:bold;
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search input[name="q"]:focus{
background-color: #ffffff !important;
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search input[name="q"]:focus + input[type="submit"]{
background-color: #ffffff !important;
background: url(https://img.altema.jp/pachimo/uploads/2025/08/2025y08m14d_1536400714.png) center center / 26px no-repeat #8d8d8d;
border: 0px solid #e9e9e9;
border-left-color: #939393;
box-sizing: border-box;
cursor: pointer;
position: absolute;
right: 0;
padding: 0;
margin: 0;
line-height: 200px;
overflow: hidden;
}
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search input::placeholder{
color:#464646;
}
.drawer-background-fixed .drawer-menu-head .drawer-menu-search input.css-button {
text-indent: 100px;
width: 70px;
border-radius: 0 5px 5px 0;
background: url(https://img.altema.jp/pachimo/uploads/2025/08/2025y08m14d_1536400714.png) center center / 26px no-repeat #8d8d8d;border: 0px solid #e9e9e9;border-left-color: #939393;box-sizing: border-box;cursor: pointer;position: absolute;right: 0;padding: 0;margin: 0;line-height: 200px;overflow: hidden;}
.drawer-menu-box .drawer-menu-tabs{
background: #252525;
margin-top:-1px;
}
.drawer-menu-tabs .drawer-menu-tab-label{
width:32%;
display:inline-block;
text-align:center;
padding:4px 0px 6px 0px;
color:#646464;
font-weight:bold;
}
.drawer-background-fixed input[type="radio"]{
display:none;
}
.drawer-background-fixed input[type="radio"]:checked + .drawer-menu-tab-label{
border-bottom:3px solid #cd2649;
color:#cd2649;
}
.drawer-background-fixed .sp-chumoku-modal-area{
margin:10px;
}
.drawer-background-fixed .sp-chumoku-modal-area li{
padding-top:10px;
}
.drawer-background-fixed .sp-chumoku-modal-eyecatch img{
width:40%;
}
.drawer-background-fixed .sp-chumoku-modal-text{
width: 55%;
display:inline-block;
margin:0px 0px 0px 10px;
vertical-align: top;
}
.drawer-background-fixed .sp-chumoku-modal-text br{
display:none;
}
.drawer-background-fixed .sp-chumoku-modal-title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size:15px;
font-weight:bold;
}
.drawer-background-fixed .sp-chumoku-modal-introduction{
font-size:13px;
line-height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color:#525252;
font-weight:bold;
margin-top:2px;
}
.drawer-background-fixed .sp-chumoku-modal-area ul li:first-child .sp-chumoku-modal-eyecatch img{
width:50%;
}
.drawer-background-fixed .sp-chumoku-modal-area ul li:first-child .sp-chumoku-modal-text{
width:45%;
}
.drawer-background-fixed .sp-chumoku-modal-area ul li:first-child .sp-chumoku-modal-introduction{
-webkit-line-clamp: 4;
}

/*　解析　*/
.drawer-menu-box .widget-textLink-in h4 img{
margin-right:6px;
}
.drawer-menu-box .sp-kaiseki-modal-link{
margin-top:20px;
}
.drawer-menu-box .sp-kaiseki-modal-link b{
display: block;
color: #fff;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m15d_1639216375.jpg) left center no-repeat;
background-size: 100% 100%;
padding: 10px 10px 10px 20px;
font-weight: bold;
text-align: left;
position: unset;
font-size: 18px;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
margin:0px 10px;
}
.drawer-menu .drawer-menu-tab-content li{
border-bottom: 1px solid #efefef;
}

/*　閲覧履歴　*/
.drawer-menu-box .Submenu_history_List_ul{
position: relative;
background: #fff;
}
.drawer-menu-box .Submenu_history_List_span {
color: #444;
display: block;
border-bottom: solid 1px #dde4e6;
background: url(https://img.altema.jp/pachimo/uploads/2025/08/2025y08m14d_1644010642.png) no-repeat left 7px center / 22px #fff;
font-size: 15px;
padding: 10px 36px;
}
.drawer-menu-box #historyList-check{
display: none;
}
.drawer-menu-box .Submenu_history_List_ul label{
position: absolute;
left: 0;
bottom: 1px;
background: #f9f9f9;
background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 52%);
color: #34a3d1;
width: 100%;
height: 60px;
padding-top: 35px;
text-align: center;
box-sizing: border-box;
z-index: 2;
}
.drawer-menu-box .Submenu_history_List_ul label:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: solid 2px #34a3d1;
border-right: solid 2px #34a3d1;
transform: rotate(135deg);
position: relative;
bottom: 2px;
margin-right: 5px;
}
.drawer-menu-box .Submenu_history_List_ul label.close{
background: none;
padding-top: 8px;
height: 34px;
display: none;
}
.drawer-menu-box .Submenu_history_List_ul label.close:before{
transform: rotate(-45deg);
bottom: 0;
}
.drawer-menu-box #Submenu_history_List li{
border-top: 5px solid #f9f9f9;
}
.drawer-menu-box #Submenu_history_List li a{
position: relative;
padding: 6px 8px 6px 84px;
display: block;
}
.drawer-menu-box .Submenu_history_List_img{
width: 70px;
height: max-content;
display: block;
position: absolute;
left: 8px;
top: 0;
bottom: 0;
margin: auto;
}
.drawer-menu-box .Submenu_history_List_img img{
width: 100%;
height: auto;
}
.drawer-menu-box .Submenu_history_List_title{
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 3px;
font-weight:bold;
}
.drawer-menu-box .Submenu_history_List_title:empty{
height: 18px;
}
.drawer-menu-box .Submenu_history_List_Browsing{
color: #9d9b9b;
font-size: 11px;
}
.drawer-menu-box .Submenu_history_List_Browsing .tag{
color: #818181;
background: #efefef;
display: inline;
padding: 3px;
margin-right: 5px;
}
.drawer-menu-box input:checked ~ #Submenu_history_List li:nth-of-type(4) ~ li{
display: block;
}
.drawer-menu-box .Submenu_history_List_ul input:checked ~ label.open{
display: none;
}
.drawer-menu-box .Submenu_history_List_ul input:checked ~ label.close{
display: block;
}
.drawer-menu-box .Submenu_history_List_ul input:checked ~ #Submenu_history_List{
padding-bottom: 34px;
}
.drawer-menu-box .Submenu_history_List_ul.label-none label{
display: none!important;
}
}

/*--------------------------------------------------------
テーブルデザイン修正
-------------------------------------------------------*/
#main #main-contents .post table,#mainCenter .post table{
box-shadow:0 1px 1px 0px rgb(215 216 222 / 25%);
border: 1px solid #c0c9d0;
}
#mainCenter .tbl-type3, #mainCenter .tbl-type3 th, #mainCenter .tbl-type3 td {
border-width: 1px;
}
body .post table a {
text-decoration: none;
}
#mainCenter table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #c0c9d0;
}
#main-contents .post th span,#mainCenter .post th span.img_kakudai{
color:#fff;
}
#main-contents .post th span,#mainCenter .post th span{
color: #444;
}
#main-contents .post th,#mainCenter .post th{
background:#dbe4ec;
}
#main #main-contents .post th, #main #main-contents .post td,#mainCenter .post th,#mainCenter .post td{
border-right: 1px solid #c0c9d0;
border-bottom: 1px solid #c0c9d0;
}
.tableLine tr:nth-child(odd) {
background: #ffffff;
}
table td a, table th a {
font-weight: 700;
}
#main #main-contents .post table{
font-size: 11.5px;
line-height: 1.8;
}
td{
font-size: 100%;
}
#mainCenter td, #mainCenter th, .post th, .post td {
padding: 8px 6px 7px;
}
.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 #bac7cb;
}
#mainCenter .tbl-type3, #mainCenter .tbl-type3 th, #mainCenter .tbl-type3 td {
border-color: #c0c9d0;
border-width: 1px;
}
table hr{
background-color: #e0e4e7 !important;
height: 1px;
border: none;
margin-bottom: 6px;
}

.td-align-top td{
vertical-align: top;
}

/*拡大ボタン文字なし*/
span.img_kakudai.no_text:after {
content: '';
}
span.img_kakudai.no_text:before{
margin-right:0px;
}

/*------------------------------------------------------------
更新日　調整
-------------------------------------------------------------*/
#mainCenter .h-koushin-box + .sns-button02 .snsBox02{
bottom: 4px;
}
p.saisyu-txt {
padding: 0;color: #999;
margin: 0;display: block !important;
font-size: 13px;
min-height: 1px;
}

/*------------------------------------------------------------
虹テキスト
-------------------------------------------------------------*/
.rainbow-text {
background: linear-gradient(90deg, #ff3b3b, #ff8a00, #13b85d, #6b5cff, #00d4ff, #6b5cff, #ff3b9a);
background-size: 200% 100%; /* allows animation to pan */
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: inline-block; /* ensures transform/animation behaves predictably */
}
.rainbow-text2 {
background: linear-gradient(90deg, #ff3b3b, #ff8a00, #13b85d, #6b5cff, #00d4ff, #6b5cff, #ff3b9a);
background-size: 200% 100%; /* allows animation to pan */
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: inline-block; /* ensures transform/animation behaves predictably */
animation: rainbow 5s linear infinite;
}
@keyframes rainbow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.rainbow-text--stroke {
-webkit-text-stroke: 0.8px rgba(0,0,0,0.18);
}
.rainbow-text-fallback {
 color: #ff3b3b; 
}
@media (prefers-reduced-motion: reduce) {
.rainbow-text,.rainbow-text2 {
animation: none; background-size: 100% 100%;
}
}

/*--------------------------------------------------------------
5枚役チェッカー
-------------------------------------------------------------*/
.go-mai-yaku-checker table.all-center td,#mainCenter .go-mai-yaku-checker table.all-center td{
text-align: left;
padding: 10px;
}
.go-mai-yaku-checker input.no-spin{
margin-right: 3px;
padding: 2px 5px;
width: 240px;
}
@media only screen and (max-width: 896px){
.go-mai-yaku-checker input.no-spin{
width: calc(100% - 20px);
}
}
@media screen and (max-width : 391px){
.go-mai-yaku-checker .acMenu dt{
font-size: 15px;
}
}

/*--------------------------------------------------------
ページ内遷移調整
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
html{
scroll-padding-top: 90px;
}
}

/*--------------------------------------------------------
説明コンテンツ付きCTA
-------------------------------------------------------*/
.explain-cta-wrap {
    border: solid 3px #E5325A;
    border-radius: 9px;
    margin-bottom: 50px;
}
.explain-cta-headline {
    background-color: #E5325A;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
}
.explain-cta-list-wrap {
    border: solid #fc870f;
    border-radius: 7px;
    margin: 15px;
padding: 20px 0;
    position: relative;
}
.explain-cta-list{
margin: 0!important;
}
.explain-cta-list li {
    position: relative;
    padding-left: 30px !important;
margin: 0 0 10px!important;
}
.explain-cta-list li:last-child{
margin: 0!important;
}
.explain-cta-list li:before {
    content: '';
    display: block;
box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #fafe07;
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    margin: auto;
    border-radius: 50px;
    border: 4px solid #fc870f;
}
.explain-cta-list-headline {
    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;
}
.explain-cta-list-headline p {
    background: #fff;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    max-width: 96%;
    color: #fc870f;
    font-weight: 700;
}
a.explain-cta-button {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    text-decoration: none !important;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 18px 0;
    border-radius: 60px;
    background: #e5325a !important;
    width: 90%;
    margin-bottom: 20px;
    box-shadow: 0 4px 0 #852339;
    position: relative;
}
a.explain-cta-button:after {
    content: "";
    background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.png) no-repeat center / 20px rgba(255, 255, 255, 0);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.explain-cta-button-headline {
    color: #ff0260;
    font-weight: bold;
    text-align: center;
}
span.explain-cta-maintext {
    font-size: 40px;
    display: block;
}

@media only screen and (max-width: 896px){
.explain-cta-list li {
    font-size: 14px;
}
a.explain-cta-button {
    width: 95%;
    font-size: 15px;
}
span.explain-cta-button-maintext {
    display: block;
    font-size: 25px;
}
a.explain-cta-button:after {
    top: 26px;
}
}

/*--------------------------------------------------------
反射光
-------------------------------------------------------*/
@keyframes brightness {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.explain-cta-brightness {
  position: relative;
  overflow: hidden;
}
.explain-cta-brightness a:hover {
  opacity: 1;
}
.explain-cta-brightness::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: brightness 2.5s ease-in-out infinite;
}


/*--------------------------------------------------------
オリパページ調整
-------------------------------------------------------*/
body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) p:has(iframe[src*="https://www.youtube.com/"]){
text-align: center;
}
body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconNijyumaru,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconMaru,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconSnkaku,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconBatu{
margin-bottom: 5px!important;
}
body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconNijyumaru + br,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconMaru + br,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconSnkaku + br,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .iconBatu + br{
display: none;
}
@media only screen and (max-width: 896px){
body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .headerIn{
padding-bottom: 20px;
}
body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .nvi-search-box,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .gNaviWrap2,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) #breadcrumbs,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .pr-icon-box,body:has(img[src="https://img.altema.jp/pachimo/uploads/2025/10/2025y10m27d_1633534448.jpg"]) .sns-button02{
display: none;
}
}

/*--------------------------------------------------------
広告調整
-------------------------------------------------------*/
#mainCenter .all-center.olipa.tableLine.img-kadomaru td{
padding-top: 12px;
padding-bottom: 12px;
}
.all-center.olipa.tableLine.img-kadomaru td .btn-midasi-yohaku:first-child{
margin-top: 0!important;
}
.olipa + p{
margin-top: 24px;
}

/*---------------------------
目次調整
---------------------------*/
#mainCenter .mokujiInfo{
background: #f9f9f9;
border: 2px solid #dde4e6;
border-radius: 4px;
padding: 20px 38px 16px;
}
#mainCenter .contents .mokujiInfo p.mokujiTitle{
position: relative;
padding: 0 0 0 36px;
font-size: 20px;
margin-bottom: 5px;
}
#mainCenter .contents .mokujiInfo p.mokujiTitle:before{
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: url(https://img.altema.jp/pachimo/uploads/2025/11/2025y11m21d_1422088909.png) no-repeat center / contain;
}
#mainCenter .mokujiInfo ul{
margin: 0;
}
#mainCenter .mokujiInfo ul li{
border-bottom: 1px dashed #cdcdcd;
line-height: 1.6;
padding: 0;
margin: 0;
}
#mainCenter .mokujiInfo ul li:last-child{
border-bottom: 0;
}
#mainCenter .mokujiInfo ul li a{
padding: 12px 5px;
display: inline-block;
font-size: 17px;
font-weight: bold;
text-decoration: none;
}

@media only screen and (max-width: 896px) {
#mainCenter .mokujiInfo {
padding: 12px 14px 8px;
}
#mainCenter .contents .mokujiInfo p.mokujiTitle{
padding: 0 0 0 32px;
font-size: 18px;
}
#mainCenter .contents .mokujiInfo p.mokujiTitle:before{
width: 26px;
height: 26px;
}
#mainCenter .mokujiInfo ul li a{
font-size: 14px;
}
}

/*---------------------------
SNSボタン、PR調整
---------------------------*/
#mainCenter:has(.pr-icon-box + .sns-button02) .post + .pr-icon-box {
position: relative;
width: fit-content;
top: 60px;
left: 100%;
transform: translateX(-100%);
}
.sns-button02{
padding-top: 20px;
margin-bottom: 40px;
margin-top:50px;
}
.sns-button02:before {
content: 'このサイトをシェア';
font-size: 15px;
color: #0e0e0e;
position: absolute;
left: 0;
right: 0;
bottom: 100%;
margin: auto;
width: fit-content;
}
.sns-button02:after{
content: '';
display: block;
width: 160px;
height: 2px;
background: #111111;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
visibility: visible;
}
#mainCenter .snsBox02:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 5px solid #ffffff;
border-bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 2;
}
#mainCenter .snsBox02:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 7px solid #111111;
border-bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 1;
}
#mainCenter .snsBox02{
position: static;
justify-content: center;
gap: 20px;
}
#mainCenter .snsBox02 li{
width: 40px;
height: 40px;
margin: 0;
border-radius: 8px;
}
body .snsBox02 li a{
height: 100%;
width: 100%;
}
.snsBox02 li.line-icon {
background-color: #50b945!important;
order: 1;
}
.snsBox02 li.twi-icon{
background-color: #333333!important;
order: 2;
}
.snsBox02 li.hate-icon {
background-color: #00a4de!important;
order: 3;
}
.snsBox02 li:hover{
opacity: 0.6;
}
body .snsBox02 .twi-icon img,body .snsBox02 .line-icon img {
width: 28px;
}
body .snsBox02 .hate-icon img {
width: 22px;
}

@media screen and (max-width : 431px){
#mainCenter:has(.pr-icon-box + .sns-button02) .post + .pr-icon-box .pr-icon{
padding: 1px 20px;
}
}

/*---------------------------
ヘッダー調整
---------------------------*/
@media only screen and (max-width: 896px) {
#header:has(.gNaviWrap2.on){
margin-bottom: 0;
}
#header:has(.gNaviWrap2 #moreButton){
margin-bottom: 26px;
}
body:not(.top-design) .headerIn{
padding: 2px 10px 5px;
}
.menu-btn.drawer-menu-button{
width: 40px;
height: 40px;
}
.menu-btn.drawer-menu-button a{
padding-top: 6px;
}
.menu-btn.drawer-menu-button a img {
width: 24px!important;
margin-bottom: 3px;
}
.menu-btn.drawer-menu-button a:after{
font-size: 10px;
}
body:not(.top-design) #header .menu-btn.drawer-menu-button{
top: 6px;
}
body:not(.top-design) #siteTopSearch #search-form-box{
line-height: 30px;
}
body:not(.top-design) #siteTopSearch input.css-button{
height: 32px;
}
div#breadcrumbs ol{
line-height: 30px;
height: 30px;
}
body .post .contents{
padding-top: 5px;
}
p:has(.eyecatch-img){
margin-bottom: 8px;
}
}

/*---------------------------
Gナビ調整
---------------------------*/
@media only screen and (max-width: 896px) {
body:not(.top-design) .gNaviWrap2,body .gNaviWrap2.on{
margin: 0;
box-shadow: 0 3px 0 #c61616;
}
body .gNaviWrap2.on[style*="fixed"]{
top: 0!important;
}
ul.gNavi li a {
font-size: 12px;
height: 32px;
line-height: 32px;
}
.gNaviWrap2 #moreButton,.gNaviWrap2.active #moreButton{
background: none;
width: 100%;
height: 24px;
overflow: hidden;
bottom: auto;
top: 100%;
}
.gNaviWrap2 #moreButton:before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 6px solid #ffffff;
border-bottom: 0;
position: absolute;
left: 0;
right: 0;
bottom: 9px;
margin: auto;
z-index: 2;
}
.gNaviWrap2.active #moreButton:before{
transform: rotate(180deg);
}
.gNaviWrap2 #moreButton:after,.gNaviWrap2.active #moreButton:after {
animation: none;
bottom: 0;
background: #c61616;
width: 90px;
height: 100%;
box-shadow: none;
border-radius: 0 0 30px 30px;
transform: none;
}
.gNavi li:nth-of-type(6) ~ li{
border-bottom: 0;
}
.active .gNavi li:nth-of-type(6) ~ li{
border-bottom: 1px solid #c91f5d;
}
.active .gNavi li:nth-of-type(6) ~ li a{
max-height: 32px;
}
}

/*---------------------------
見出し調整
---------------------------*/
@media only screen and (max-width: 896px) {
div.post h1{
font-size: 18px;
margin-bottom: 5px;
}
}

/*--------------------------------------------------------
検索結果調整
-------------------------------------------------------*/
.gsc-table-cell-thumbnail.gsc-thumbnail{
display: none;
}
.article .gsc-control-cse{
padding: 14px 0;
}

/*---------------------------
新着ニュース
---------------------------*/
body #topInner-box main#top-content #slide-topNewsList h2{
background:unset;
text-align: center;
height: unset;
line-height: 0;
box-sizing: border-box;
font-size: 22px;
position: relative;
border: 0;
color:#000;
margin:0px;
padding:34px 0px 28px 0px;
display:block;
letter-spacing: 0.1em;
display:flex;
justify-content:center;
align-items:center;
}
body #topInner-box main#top-content #slide-topNewsList .new-tag{
color: #e63259;
}
body #topInner-box main#top-content #slide-topNewsList h2:before,body #topInner-box main#top-content #slide-topNewsList h2:after{
content:"";
width: 4em;
border-top: 2px solid #000;
height:unset;
top:unset;
display:block;
position:relative;
bottom:0;
top:0;
left:0;
right:0;
}
body #topInner-box main#top-content #slide-topNewsList h2:before {
margin-left: 4em;
left:-1em;
}
body #topInner-box main#top-content #slide-topNewsList h2:after{
margin-right: 4em;
left:1em;
}
body main#top-content #slide-topNewsList .sliderItemBox{
position: relative;
}
body main#top-content #slide-topNewsList .slick-initialized .slick-slide {
display: block;
}
.sliderItem_category.category_news,.sliderItem_category.category_pachinko,.sliderItem_category.category_shindai,.sliderItem_category.category_kisyu{
position: absolute;
top: 8px;
left: 8px;
font-size: 11px;
color: #FFF;
padding: 0 10px;
}
.sliderItem_category.category_news{
background:#0b844d;
}
.sliderItem_category.category_pachinko{
background:#ff8300;
}
.sliderItem_category.category_shindai{
background:#c62a2a;
}
.sliderItem_category.category_kisyu{
background:#702ed2;
}
body #topInner-box main#top-content #slide-topNewsList img {
height: auto;
max-width: 100%;
}
body #topInner-box main#top-content #slide-topNewsList .sliderItemBox{
background:#fff;
padding:8px;
margin:5px;
height:230px;
box-shadow:0px 2px 6px 0px rgb(224 224 224 / 80%);
}
#slide-topNewsList{
background:#f1f1f1;
padding:10px;
border-radius:12px;
}
body #topInner-box main#top-content #slide-topNewsList .ads_area_atag{
color:#3d3e5b;
font-weight:bold;
font-size:14px;
 display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.sliderItem_title{
margin-top:6px;
}
body #topInner-box main#top-content #slide-topNewsList .sliderItem_description{
font-size:12px;
line-height:20px;
color:#6d6d6d;
 display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
body #topInner-box main#top-content #slide-topNewsList .slide-Area-in{
margin-bottom: 8px;
}
body #topInner-box main#top-content #slide-topNewsList h2:before,body #topInner-box main#top-content #slide-topNewsList h2:after{
content:"";
width: 4em;
border-top: 2px solid;
height:unset;
top:unset;
}
body #topInner-box main#top-content #slide-topNewsList h2:before {
margin-left: 7em;
}
body #topInner-box main#top-content #slide-topNewsList h2:after {
margin-right: 7em;
}
body #topInner-box main#top-content #slide-topNewsList .slider-arrow,body #topInner-box main#top-content #slide-topNewsList .slider-arrow {
background:#000;
opacity:0.8;
box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.8);
}
body #topInner-box main#top-content #slide-topNewsList .slider-next:hover{
cursor:pointer;
}
#top-content #about{
margin-bottom:12px;
}
@media only screen and (max-width: 896px) {
#slide-topNewsList {
background: #f1f1f1;
margin: 0 calc(47% - 50vw);
width: 100vw;
}
body #topInner-box main#top-content #slide-topNewsList .slide-Area-in.slick-initialized.slick-slider{
background:#fff;
padding:10px;
padding-bottom:20px;
}
#slide-topNewsList .fa-angle-right.slider-arrow{
right:15px;
}
#slide-topNewsList .fa-angle-left.slider-arrow{
left:15px;
}
body #topInner-box main#top-content #slide-topNewsList .slider-prev{
top:0px;
}
body #topInner-box main#top-content #slide-topNewsList .slider-next{
top:0px;
}
body #topInner-box main#top-content #slide-topNewsList h2:before,body #topInner-box main#top-content #slide-topNewsList h2:after{
content:"";
width: 3em;
border-top: 2px solid;
height:unset;
top:unset;
}
body #topInner-box main#top-content #slide-topNewsList h2:before {
margin-left: 0.5em;
}
body #topInner-box main#top-content #slide-topNewsList h2:after {
margin-right: 0.5em;
}
body #topInner-box main#top-content #slide-topNewsList h2 {
font-size: 20px;
font-weight:700;
}
/* おすすめ機種 */
#ad-news-contents #slide-topMainList{
position: relative;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #fff;
padding: 10px 0;
}
#top-content #ad-news-contents .slide-Area-in, #slide-free .slide-Area-in {
margin-bottom:0px;
}
#slide-topMainList .slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow + div{
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1700000508.png) no-repeat center / 100% 100%;
text-align: center;
box-sizing: border-box;
font-size: 18px;
padding: 10px 0 14px;
border: 0;
color:#fff;
font-weight:bold;
margin-bottom:12px;
}
#slide-topMainList .slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow + div:before{
content: '';
display: block;
width: 100%;
height: 34px;
background: url(https://img.altema.jp/pachimo/uploads/2022/03/2022y03m25d_1700006143.png) no-repeat center bottom / contain;
position: absolute;
left: 0;
top: -23px;
}
#slide-topMainList .topMain_img img{
width:100%;
height:auto;
border-radius:0px;
}
#slide-topMainList .topMain_img{
margin:5px;
}
#slide-topMainList .topMain_category{
position:absolute;
top: 5px;
left: 5px;
font-size:11px;
color:#FFF;
padding:0 5px;
}
#slide-topMainList .category_news{
background:#0b844d;
}
#slide-topMainList .category_pachinko{
background:#ff8300;
}
#slide-topMainList .category_shindai{
background:#c62a2a;
}
#slide-topMainList .category_kisyu{
background:#702ed2;
}
#slide-topMainList .category_hall{
background:#2f3abc;
}
#slide-topMainList .topMain_description{
font-size: 14px;
line-height: 1.5;
color: #3492cf;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#slide-topMainList .slider-arrow,#slide-topMainList .slider-arrow {
background:#c40867;
opacity:0.8;
box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.8);
width: 28px;
height: 28px;
}
#slide-topMainList .slider-next:before{
content: '›';
font-size:27px;
color:#fff;
font-weight:100;
background:unset;
}
#slide-topMainList .slider-prev:before{
content: '‹';
font-size:27px;
color:#fff;
font-weight:100;
background:unset;
}
#slide-topMainList .slider-arrow.slider-next{
position:absolute;
top: 18px;
right:-5px;
bottom:0;
margin:auto;
z-index:5;
}
#slide-topMainList .slider-arrow.slider-prev{
position:absolute;
top: 18px;
left:-5px;
bottom:0;
margin:auto;
z-index:5;
}
body #topInner-box main#top-content #slide-topNewsList h2{
padding:26px 0px 22px 0px;
}
#slide-topMainList .topMainItem{
padding-bottom:12px;
}
}

/*---------------------------
newタグ表示
---------------------------*/
li.tag-new{
position:relative;
}
li.tag-new:before{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:9px;
padding:2px 6px;
top:-2px;
left:3px;
}
h2.tag-new{
position:relative;
}
h2.tag-new:before{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:9px;
padding:4px 6px;
top: -8px;
left:8px;
text-align: center;
padding-left:6px;
}
body:not(.top-design) #mainCenter h3.tag-new{
position:relative;
}
h3.tag-new:after{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:9px;
padding: 3px 4px;
top: -14px;
left:12px;
}
@media only screen and (max-width: 896px) {
h2.tag-new:before{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:10px;
padding: 4px 8px;
top: -14px;
left:6px;
text-align: center;
}
li.tag-new:before{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:9px;
padding:1px 4px;
top:-4px;
left:4px;
}
#mainCenter .mokujiInfo ul li.tag-new{
position:relative;
}
#mainCenter .mokujiInfo {
padding: 12px 4px 8px;
}
h3.tag-new:after{
content: "NEW!";
position:absolute;
background:#d22424;
color:#fff;
vertical-align:middle;
font-size:10px;
padding: 4px 8px;
top: -15px;
left:13px;
}
}

/*---------------------------
TOP スケジュール
---------------------------*/
body #mainCenter .schedule-list{
padding-top:40px;
}
body #mainCenter .schedule-list h3{
border-bottom: 0;
border-left: 6px solid #c63576;
padding: 0 0 0 14px;
font-size: 22px;
margin: 0px 0 24px;
}
body #mainCenter .schedule-list h3:before {
content: "";
position: absolute;
background: unset;
width: 10px;
height: 100%;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.schedule-list {
position: relative;
background: #fff;
border-radius: 6px;
padding: 20px 20px;
box-shadow: inset 0 0 0 4px #151515;
margin-top:20px;
}
.schedule-list .event-cont {
background: #eeeeee;
border-radius: 8px;
padding: 14px;
display: flex;
justify-content: space-between;
margin-bottom: 14px;
font-weight: bold;
box-sizing: border-box;
}
.schedule-list .event-cont .text-wrap .date {
font-weight: bold;
}
.schedule-list .event-cont .img-wrap {
width: 160px;
background: #fff;
border-radius: 8px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.schedule-list .event-cont .text-wrap {
width: calc(100% - 176px);
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 14px 20px 12px;
margin-left: auto;
margin-left:14px;
}
.schedule-list .event-cont .text-wrap .date {
font-size: 18px;
}
.schedule-list .event-cont .text-wrap .tag-icon {
font-size: 16px;
color: #fff;
background: #151515;
margin-left: 10px;
border-radius: 3px;
padding: 5px;
margin: 0 0 0 10px;
}
.schedule-list .event-cont .text-wrap .name-wrap {
width: 100%;
border-bottom: 5px dotted #d8d8d8;
padding-bottom: 6px;
margin-bottom: 20px;
font-size:18px;
}
.schedule-list .event-cont .text-wrap p a{
text-decoration: underline;
font-size: 20px;
}
.schedule-list .event-cont .text-wrap p span{
margin-left: auto;
}
.schedule-list .event-cont .text-wrap p{
margin-left: auto;
}
.schedule-list .event-cont .text-wrap span {
font-size: 16px;
font-weight: normal;
}
@media only screen and (max-width: 896px) {
body #mainCenter .schedule-list {
padding: 20px 12px;
padding-top: 20px;
}
body #mainCenter .schedule-list h3 {
border-bottom: 0;
border-left: 6px solid #c63576;
padding: 0px 0px 0px 7px;
font-size: 18px;
margin: 0px 0 14px;
}
.schedule-list .event-cont .img-wrap img {
width: 82%;
display: block;
margin: 0 auto;
}
.schedule-list .event-cont .img-wrap {
width: 100px;
}
.schedule-list .event-cont {
padding: 10px;
}
.schedule-list .event-cont .text-wrap {
width: calc(100% - 110px);
padding: 10px 12px 10px;
}
.schedule-list .event-cont .text-wrap .date {
font-size: 14px;
}
.schedule-list .event-cont .text-wrap .tag-icon {
font-size: 12px;
margin: 0 0 0 8px;
font-weight:bold;
}
.schedule-list .event-cont .text-wrap .name-wrap {
border-bottom-width: 4px;
font-size: 14px;
padding-bottom: 2px;
margin-bottom: 6px;
}
.schedule-list .event-cont .text-wrap span {
font-size: 12px;
font-weight: normal;
}
.schedule-list .event-cont .text-wrap {
margin-left: 10px;
}
.schedule-list .event-cont .text-wrap p a{
text-decoration: underline;
font-size: 16px;
}
.schedule-list .event-cont:last-child {
margin-bottom: 4px;
}
}

/*---------------------------
PRタグ
---------------------------*/
.pr-icon-box {
text-align: right;
margin-bottom: 4px;
margin-top: -6px;
}

/*------------------------------------------------------------
クイズ（PC用）
-------------------------------------------------------------*/
#main-contents a.quizmainBtn2{
background-color:none;		
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 35px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-s.png") no-repeat 50%;
background-size:70%;
}
#main-contents a.quizmainBtn2:hover{
background-color:#FFF;		
border: none;
border-radius: none;
color: none;
background-size:70%;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}

#mainCenter #main-contents .quizmainBtn-box{
margin-bottom:25px;
}
#mainCenter #main-contents a.quizmainBtn:hover{
background-color:#FFF;			
background-color:none;	
background-size:70%;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn0 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0!important;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n0.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn0:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn1{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n1.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn1:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn2 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n2.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn2:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn3 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n3.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn3:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn4 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n4.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn4:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn5 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n5.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn5:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn6 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n6.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn6:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn7 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n7.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn7:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter #main-contents li.quizmainBtn8 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n8.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter #main-contents li.quizmainBtn8:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}

#mainCenter ul.quizmainBtn-box li.quizmainBtn0 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0px!important;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n0.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter ul.quizmainBtn-box li.quizmainBtn0:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter li.quizmainBtn0 {
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 0px 0px!important;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/pachimo/common/quiz-btn-n0.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#mainCenter li.quizmainBtn0:hover{
background-color:#FFF;			
background-color:none;	
background-size:300px;
color: #fff;
border: none;
background-color:none;
opacity:0.8;
}
#mainCenter li.quizmainBtn0 a:link,#mainCenter li.quizmainBtn0 a:visited{
color:  #FFF;
display:block;
padding: 20px;
}
#mainCenter #main-contents li.quizmainBtn0 a:link,#mainCenter #main-contents li.quizmainBtn0 a:visited{
color:  #FFF;
display:block;
}

/*--------------------------------------------------------
クイズボタン_デザイン修正
-------------------------------------------------------*/
#main-contents .quizBtn-a{
background:#ff4545;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
position:relative;
padding: 15px 5px 15px 43px;
display:block;
color:  #FFF;
background-size: 100%;
font-size: 1.0em;
line-height:  1.0em;
text-align:  left;
cursor:pointer; 
margin:8px 5px 8px 5px;
}
#main-contents .quizBtn-a:hover{
background:#ff4545;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-a:before{
content:"";
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:32px;
color:#ff4545;
font-size:23px;
top:0;
bottom:0;
left:5px;
margin:auto;
background:#FFF;
display:block;
border-radius:50px;
box-shadow:0 0 0 3px rgb(227 43 43 / 20%);
}
#main-contents .quizBtn-a:after{
content:"A";
position:absolute;
color:#ff4545;
font-size:23px;
top:16px;
left:11px;
bottom:0;
margin:auto;
z-index:1000;
}
#main-contents .quizBtn-b{
background:#106f97;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
position:relative;
padding: 15px 5px 15px 43px;
display:block;
color:  #FFF;
background-size: 100%;
font-size: 1.0em;
line-height:  1.0em;
text-align:  left;
cursor:pointer; 
margin:8px 5px 8px 5px;
}
#main-contents .quizBtn-b:hover{
background:#106f97;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-b:before{
content:"";
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:32px;
top:0;
bottom:0;
left:5px;
margin:auto;
background:#FFF;
display:block;
border-radius:50px;
box-shadow:0 0 0 3px rgb(8 63 90 / 20%);
}
#main-contents .quizBtn-b:after{
content:"B";
position:absolute;
color:#106f97;
font-size:23px;
top:17px;
left:12px;
bottom:0;
margin:auto;
z-index:1000;
}
#main-contents .quizBtn-c{
background:#10976f;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
position:relative;
padding: 15px 5px 15px 43px;
display:block;
color:  #FFF;
background-size: 100%;
font-size: 1.0em;
line-height:  1.0em;
text-align:  left;
cursor:pointer; 
margin:8px 5px 8px 5px;
}
#main-contents .quizBtn-c:hover{
background:#10976f;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-c:before{
content:"C";
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:32px;
top:0;
bottom:0;
left:5px;
margin:auto;
background:#FFF;
display:block;
border-radius:50px;
box-shadow:0 0 0 3px rgb(8 90 66 / 20%);
padding:0 2 0 0;
}
#main-contents .quizBtn-c:after{
content:"c";
position:absolute;
color:#10976f;
font-size:30px;
top:14px;
left:10px;
bottom:0;
margin:auto;
z-index:1000;
}
#main-contents .quizBtn-d{
background:#bc31a8;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
position:relative;
padding: 15px 5px 15px 43px;
display:block;
color:  #FFF;
background-size: 100%;
font-size: 1.0em;
line-height:  1.0em;
text-align:  left;
cursor:pointer; 
margin:8px 5px 8px 5px;
}
#main-contents .quizBtn-d:hover{
background:#bc31a8;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-d:before{
content:"";
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:32px;
top:0;
bottom:0;
left:5px;
margin:auto;
background:#FFF;
display:block;
border-radius:50px;
box-shadow:0 0 0 3px rgb(74 8 90 / 20%);
padding:0 2 0 0;
}
#main-contents .quizBtn-d:after{
content:"D";
position:absolute;
color:#bc31a8;
font-size:23px;
top:17px;
left:11px;
bottom:0;
margin:auto;
z-index:1000;
}
.quizHintBtn{
border:10px solid #e4e4e4;
border-radius:50px;
text-align:center;
font-weight:bold;
padding:10px;
}
.quizHintBtn a{
text-decoration:none;
}
.quizHintBtn:hover{
cursor:pointer;
}
#main-contents a + .quizBtn-a,#main-contents a + .quizBtn-b,#main-contents a + .quizBtn-c,#main-contents a + .quizBtn-d{
margin:14px 5px 8px 5px;
}

/*--------------------------------------------------------
追従メニュー
-------------------------------------------------------*/
@media only screen and (max-width: 896px) {
.catemenu-area{
width:80% !important;
position:relative;
overflow:unset !important;
}
.catemenu-area .catemenu-title{
padding:6px 0px 6px 11px;
background:#252525;
border-bottom:3px solid #db2d52;
font-size:15px;
}
.catemenu-item{
padding:6px 10px 6px 10px;
background:#f9f9f9 !important;
font-weight:bold;
border-bottom: 1px solid #efefef;
vertical-align:middle;
font-size:15px;
}
.catemenu-area .catemenu-close{
position:absolute;
top:4px;
right:-50px;
font-size:40px;
background:#fff;
width:45px;
height:45px;
border-radius:4px;
color:#2d2d2d;
text-align:center;
line-height:45px;
opacity:0.9;
}
.catemenu-item span{
font-size:18px;
}
.catemenu-item span:before{
content:"＋";
color: #252525;
font-size:14px;
}
.catemenu-item.active span:before{
content:"ー";
color: #252525;
font-size:14px;
}
.catemenu-subitem-title{
border-bottom: 1px solid #efefef;
padding:6px 10px 6px 10px;
font-size: 14px;
font-weight:bold;
}
.catemenu-btn{
width:70px;
height:70px;
border-radius:5px !important;
padding:0px !important;
background:#3e3e3e !important;
position:relative;
box-shadow: 0px 2px 4px #000000;
opacity:0.9;
z-index: 2147483646 !important;
margin-left:10px;
}
.catemenu-btn:before{
content: '';
display: inline-block;
width: 28px;
height: 20px;
background-image: url(https://img.altema.jp/pachimo/common/menu.png);
background-size: contain;
position:absolute;
top:11px;
left:20px;
}
.catemenu-btn:after{
content: '機種\Aメニュー';
font-size: 12px;
text-align:center;
position:absolute;
bottom:6px;
left: 50%;
transform: translateX(-50%);
white-space:pre;
line-height:12px;
}
}

/*---------------------------
機種メニュー調整
--------------------------*/
@media only screen and (max-width: 896px) {
body .catemenu-area{
width: 100%!important;
padding-right: 20%;
box-sizing: border-box;
background: linear-gradient(to right, #fff 80%, transparent 80%, transparent 100%);
overflow: scroll!important;
}
.catemenu-area .catemenu-close {
position: fixed;
right: 0;
background:none;
font-size: 0;
top: 0;
border-radius: 0;
width: 20%;
height: 100%;
opacity: 1;
}
.catemenu-area .catemenu-close:before{
content: '×';
position: absolute;
top: 4px;
right: 50%;
transform: translateX(50%);
font-size: 40px;
background: #fff;
width: 45px;
height: 45px;
border-radius: 4px;
color: #2d2d2d;
text-align: center;
line-height: 45px;
opacity: 0.9;
}
body .catemenu-btn{
bottom: 140px;
}
.catemenu-area .catemenu-title{
padding: 10px 0px 10px 11px;
}
.catemenu-item{
padding: 10px 10px 10px 10px;
}
body .catemenu-subitem{
padding: 0;
}
.catemenu-subitem-title{
padding: 0;
border: 0;
position: relative;
}
.catemenu-subitem-title:after{
content: '';
display: block;
width: calc(100% - 20px);
height: 1px;
background: #efefef;
position: absolute;
right: 0;
bottom: 0;
}
.catemenu-subitem-title a{
display: block;
padding: 10px 10px 10px 30px;
}
}

/*---------------------------
チェッカー調整
--------------------------*/
@media only screen and (max-width: 896px){
.ot-overlay {
z-index:21474 !important;
}
}

/*------------------------------
広告用PRロゴ
------------------------------*/
.adsPR-01,.adsPR-02,.adsPR-03,.adsPR-04{
position:relative;
width: fit-content;
margin-left: auto!important;
margin-right: auto!important;
}
.adsPR-01:before,.adsPR-02:before,.adsPR-03:before,.adsPR-04:before{
content:'PR';
color:#FFF;
display:block;
position: absolute;
width:30px;
height:15px;
line-height:16px;
font-size:10px;
text-align:center;
background:rgb(94 94 94 / 80%);
border-radius:0px;
letter-spacing:1.5px;
}
.adsPR-01:before{
top:0;
left:0;
}
.adsPR-02:before{
top:0;
right:0;
}
.adsPR-03:before{
bottom:0;
right:0;
}
.adsPR-04:before{
bottom:0;
left:0;
}

/*------------------------------
フッター_KTAA
------------------------------*/
div#footer-upperpart {
    display: flex;
}
.ktaa-logo {
    display: flex;
    width: 300px;
    align-items: center;
}
.ktaa-logo span {
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
}

@media only screen and (max-width: 896px){
div#footer-upperpart {
    display: block;
}
    .ktaa-logo {
    margin: 0 auto;
}
}

/*--------------------------------------------------------
役物カウントチェッカー
-------------------------------------------------------*/
.odds-checker-container .reset-button-container .resetBtn{
background-color: #fff !important;
color:#3492cf !important;
border:1px solid #3492cf !important;
padding:14px 24px !important;
position:relative;
}
.odds-checker-container .reset-button-container .resetBtn:before{
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url(https://img.altema.jp/pachimo/uploads/2026/04/2026y04m13d_1124293319.png);
 background-repeat: no-repeat;
background-size: contain;
padding-right: 5px;
vertical-align:middle;
}
.odds-checker-container .reset-button-container .resetBtn:hover{
background-color: #3492cf !important;
color:#fff !important;
transition: 0.5s;
}
.odds-checker-container .reset-button-container .resetBtn:hover::before{
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url(https://img.altema.jp/pachimo/uploads/2026/04/2026y04m13d_1124293319.png);
background-size: contain;
vertical-align: middle;
 filter: brightness(0) invert(1); 
}
.odds-checker-container .tbl-type3{
 border-collapse: separate !important;
border-radius:5px !important;
border-spacing: 0;
border: 1px solid #d4d4d4 !important;
overflow: hidden !important;
}
.odds-checker-container .tbl-type3 .checker-cell{
border: 0px solid !important;
border-right:1px solid #d4d4d4 !important;
padding: 0px !important;
background:#f4f4f4;
}
.odds-checker-container .tbl-type3 .checker-cell:last-child{
border-right:0px solid #d4d4d4 !important;
}
.odds-checker-container .cell-content-wrapper{
padding: 0px !important;
margin:15px 0px;
}
.odds-checker-container .rate-display{
background:#fff;
padding:10px 0px;
border-top:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
margin-top:10px !important;
color:#e4237e !important;
font-size:14px !important;
}
.odds-checker-container .rate-value{
font-size:17px !important;
padding-right:1px;
padding-left:2px;
}
.odds-checker-container .cell-content-wrapper img{
width:70%;
}
.odds-checker-container .cell-content-wrapper .counter{
background:#fff;
margin:10px 10px;
padding-bottom:10px;
border-radius:6px;
box-shadow: 0px 3px 0px rgba(0,0,0,0.10);
}
.odds-checker-container .cell-content-wrapper .counter div:first-child{
background:#323232;
color:#fff;
font-size:12px !important;
font-weight:bold ;
padding:4px 0px;
border-radius:6px 6px 0px 0px;
}
.odds-checker-container .cell-content-wrapper .counter-wrap .btn{
background:#fff;
}
.odds-checker-container .cell-content-wrapper .counter-wrap{
margin-top:8px;
justify-content: space-between !important;
}
.odds-checker-container .cell-content-wrapper .counter-wrap .number{
background:#f6f6f6 !important;
border:1px solid #dcdcdc;
border-radius:4px;
height: unset;
padding:4px 0px;
vertical-align:middle !important;
}
.odds-checker-container .cell-content-wrapper .counter-wrap .btn{
border:1px solid #dcdcdc;
border-radius:4px;
height: unset;
width:unset;
padding:3px 12px !important;
font-weight:bold;
margin: 0px 10px;
}
@media only screen and (max-width: 896px){
.odds-checker-container .cell-content-wrapper .counter {
background: #fff;
margin: 10px 6px;
padding-bottom:10px;
border-radius: 6px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.10);
}
.odds-checker-container .cell-content-wrapper .counter-wrap .btn {
border: 1px solid #dcdcdc;
border-radius: 4px;
height: unset;
width: unset;
padding: 3px 7px !important;
font-weight: bold;
-webkit-text-stroke: 0.5px #323232;
margin:0px 5px;
}
.odds-checker-container .cell-content-wrapper .counter-wrap .number {
background: #f6f6f6 !important;
border: 1px solid #dcdcdc;
border-radius: 4px;
height: unset;
padding: 4px 0px !important;
vertical-align: middle !important;
width: 38px;
}
}
@media only screen and (max-width: 375px){
.odds-checker-container .cell-content-wrapper .counter-wrap .btn {
border: 1px solid #dcdcdc;
border-radius: 4px;
height: unset;
width: unset;
padding: 3px 7px !important;
font-weight: bold;
-webkit-text-stroke: 0.5px #323232;
margin:0px 2px;
}
}