@charset "UTF-8";
/*  リセット*/

html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:#444;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
li{
list-style-type:none;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
*,*:before,*:after {
box-sizing: border-box;
}


/*  共通CSS　*/

body {
line-height:1;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
position:relative;
}
a{color:#444; text-decoration:none;}
a:hover{opacity:0.6;cursor:pointer}
.none{display:none!important;}


#top-newkuchi h2,
#top-ranking h2,
#top-category-all h2,
#top-qlist h2{
text-align:center;
font-size:32px;
position: relative;
margin:auto;
padding: 25px;
width: 300px;
background-color:#FFF;
box-sizing: border-box;
font-weight: bold;
}
#top-qlist h2{
width: 500px;
}
#top-newkuchi h2::before,
#top-newkuchi h2::after,
#top-ranking h2::before,
#top-ranking h2::after,
#top-category-all h2::before,
#top-category-all h2::after,
#top-qlist h2::before,
#top-qlist h2::after {
position: absolute;
content: '';
width: 15px;
height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#top-newkuchi h2::before,
#top-ranking h2::before,
#top-category-all h2::before,
#top-qlist h2::before {
top: 0;
left: 0;
border-top: 3px solid #fa0;
border-left: 3px solid #fa0;
}
#top-newkuchi h2::after,
#top-ranking h2::after,
#top-category-all h2::after,
#top-qlist h2::after {
bottom: 0;
left: 0;
border-bottom: 3px solid #fa0;
border-left: 3px solid #fa0;
}
.kakko::before,
.kakko::after {
position: absolute;
content: '';
width: 15px;
height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.kakko::before {
top: 0;
right: 0;
border-top: 3px solid #fa0;
border-right: 3px solid #fa0;
}
.kakko::after {
bottom: 0;
right: 0;
border-bottom: 3px solid #fa0;
border-right: 3px solid #fa0;
}

/* header */

header#top-header{
display:block;
background: #FFF;
padding:20px 0;
border-bottom:1px solid #ccc;
}
header#top-header .header-wrap{
width: 1000px;
display: -webkit-flex;
display: flex;
align-items: center;
margin:auto;
}
header#top-header .h1-wrap {
padding:0;
text-align:left;
margin:0 auto;
width:60%;
display: -webkit-flex;
display: flex;
align-items: center;
}
header#top-header .h1-wrap a{
background: url(/img/articles/logoarticles.svg)no-repeat;
background-size:100%;
width:250px;
height:40px;
display:block;
line-height:10;
overflow:hidden;
}
header#top-header .h1-wrap span{
display:block;
font-size:15px;
margin:0px 0 0 20px;
color:#d4d4d4;
}
header#top-header .header-wrap form{
width:30%;
position:relative;
}
header#top-header .header-wrap form #search-form-box {
border: 0;
padding:5px 50px 5px 20px;
background:#eee;
width:100%;
height:40px;
line-height:40px;
border-radius:50px;
}
input.css-button{
position:absolute;
width:45px;
height:45px;
top:-3px;
right:0;
border-radius:50px;
border:0;
background:url(/img/articles/icon/search.png)no-repeat;
background-color:#888;
background-size:24px;
background-position:9px center;
}

header#top-header .header-wrap input:focus {
background: #eee!important;
border:0;
outline: none;
}
header#top-header .hed-main-box{
position:absolute;
top:34vh;
left:0;
right:0;
bottom:0;
margin:auto;
text-align:center;
}
header#top-header .hed-main-box h1 {
text-align: center;
margin: auto;
display: block;
font-size:40px;
line-height: 1.4;
color: #FFF;
margin-bottom: 30px;
font-weight:bold;
}
header#top-header .hed-main-box .firstViewTxt {
text-align: center;
margin: auto;
display: block;
font-size:40px;
line-height: 1.4;
color: #FFF;
margin-bottom: 30px;
font-weight:bold;
}
@media (max-width: 680px) {
header#top-header .hed-main-box h1 {
font-size:5vw;
}
header#top-header .hed-main-box .firstViewTxt {
font-size:5vw;
padding-left:15px;
}
}

/*------------------------------------------------------------
下層ヘッダー
-------------------------------------------------------------*/
header#lower-header{
padding: 20px 0;
box-sizing: border-box;
width:1000px;
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
width:70%;
}
.header-h1{
font-size: 12px;
margin-left:20px;
width:100%;
}
#lower-header form{
border-radius: 4px;
margin-left: auto;
}
#search-form-box{
border: 0;
padding: 5px;
background: none;
width: 320px;
line-height: 26px;
}
#lower-header form .css-button{
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 30px;
line-height: 24px;
color: #fff;
font-size: 12px;
cursor: pointer;
border-radius: 30px;
}

.kasou-cont-wrap{
box-sizing: border-box;
display: -webkit-flex;
display: flex;
width: 1000px;
margin: 0 auto;
}
main#main-lower h2{
background:#222;
color:#FFF;
padding:20px;
margin:30px 0 15px;
font-size:18px;
}
main#main-lower p{
line-height:30px;
margin:10px 0 15px 0;
font-size:15px;
}
.post{
width:650px;
}
.comment-page-title{
color:#FFF;
}
.post-meta{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 6px;
}
main#main-lower .post-data time{
font-size: 14px;
color: #c4c4c4;
}
.post-tag{
color: #fff;
font-size: 12px;
display: inline-block;
position: relative;
padding: 0 20px;
margin:0 10px;
background: #c4c4c4;
line-height: 26px;
text-align:center;
box-sizing:border-box;
}
.post-tag:before,.post-tag:after{
content: '';
position: absolute;
top: 0;
width: 0;
height: 0;
border: 13px solid transparent;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.post-tag:before {
right: 100%;
border-right-color: #c4c4c4;
}
.post-tag:after {
left: 100%;
border-left-color:  #c4c4c4;
}
.post-tag span{
color: #fff;
}
body main#main-lower .post-data{
width:63%;
margin:0px 0 10px 0;
}
.snsBox.share-box{
margin-left: auto;
display:flex;
justify-content:flex-end
}
.snsBox{
margin-left: auto;
}
.snsBox li{
display: inline-block;
margin-left: 10px;
}
.snsBox li img{
width: 30px;
}
.sns-copytxt{
display: none;
}

main#main-lower h2 {
background: rgb(234 98 147);
color: #FFF;
padding:10px;
margin:35px 0;
font-size: 18px;
border-radius:2px;
}
main#main-lower div.post h3{
font-size:17px;
margin:25px 0 15px;
text-align:left;
padding:0 0 3px 15px;
font-weight:700;
border:none;
position:relative;
}
main#main-lower div.post h3:before{
content:"";
display:block;
position:absolute;
bottom:0px;
left:0;
width:100%;
height:3px;
background-color:#558bd8;
border-radius:20px;
}
main#main-lower div.post h3:after{
content:"";
display:block;
position:absolute;
top:0;
left:0px;
margin:auto;
width:8px;
height:37px;
background-color:#5299ff;
border-radius:20px;
}
main#main-lower div.post h4 {
padding: 6px 0 5px 23px;
font-size: 16px;
margin: 30px 0 15px;
font-weight: 700;
line-height: 19px;
background:#fdfdfd;
align-items:center;
border-radius:2px;
position:relative;
}
main#main-lower div.post h4:before {
content: "";
top:3px;
left:-3px;
width:10px;
height: 25px;
background:#ea6262;
display: inline-block;
margin: 0 6px;
border-radius:0px;
position:absolute;
}
main#main-lower div.post h4:after{
content: "";
top:6px;
left:0px;
width:10px;
height: 25px;
background:none;
border:1px solid #ea6262;
display:block;
margin: 0 6px;
border-radius:0px;
position:absolute;
}

/*  topform*/

.hed-main-box form{
width:50%;
margin:auto;
display:block;
position: relative;
}
.hed-main-box form input:focus {
background: #ffffff!important;
}
.hed-main-box form #search-form-box {
border:1px solid #FFF;
padding: 10px 100px 10px 10px;
background: none;
width:100%;
line-height: 26px;
background: #ccc;
border-radius: 10px;
outline: none;
}
.hed-main-box form .css-button {
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 36px;
line-height: 30px;
color: #fff;
border-radius: 30px;
font-size: 14px;
cursor: pointer;
position:absolute;
right:-35px;
top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%)translateX(-50%);
margin: auto;
}

/* topInner-box */

#topInner-box{
display: -webkit-flex;
display: flex;
justify-content:space-between;
align-items:stretch;
width:1000px;
margin:0 auto;
}

/* top-main */
main#top-main{
width:680px;
position:relative;
margin:0;
}
/* カテゴリ　*/

#categoryBox{
padding:10px;
border-bottom:1px dotted #666;
margin-bottom:20px;
}
#categoryTitle01 a{
padding:0 5px 0 10px;
}
#categoryTitle02{
font-size: 90%;
color: #777;
line-height: 1.9;
}

.article-pagenavi span,
.article-pagenavi ul li a{
background: #ea3a76;
border-radius: 4px;
color: #fff;
padding: 5px 10px;
margin: 0 2px;
text-decoration:none;
}
.article-pagenavi span {
background: 0 0;
padding: 5px 0;
margin: 0 2px;
}
.article-pagenavi ul{
padding: 10px;
text-align: center;
}
.article-pagenavi ul li{
display:inline;
}


/*  top-article　*/

#top-article{
background:url(/img/articles/top-bg.jpg);
background-size:60%;
padding:30px 0;
margin-bottom:30px;
position:relative;
}
#top-article:before{
content:"";
display:block;
width:100%;
height:14px;
background:url(/img/articles/linenamisen.png);
background-size:100%;
bottom:-10px;
left:0;
position:absolute;
}
#top-article .top-article-in{
display: -webkit-flex;
display: flex;
justify-content:space-between;
align-items:stretch;
width:1000px;
margin:auto;
}
#top-article .top-article-in article{
padding:15px;
margin:0 10px;
border-radius:5px;
box-sizing:border-box;
background:#FFF;
width:33%;
}
#top-article .top-article-in article img{
width:100%;
height:185px;
}
#top-article .top-article-in article h3{
margin:10px 0;
font-size:18px;
display:block;
color:#ea3a76;
}
#top-article .top-article-in article p{
font-size:16px;
line-height:1.4;
color:#666;
}
/*  article-list*/
section#article-list{
width:100%;
padding-right:30px;
}
section#article-list h2{
padding:0 0 20px;
margin:0 0 20px;
font-size:24px;
background:url(/img/articles/lineslash.png)no-repeat;
background-position:bottom;
background-size:100%;
}
section#article-list .article-list-in article a{
display: -webkit-flex;
display: flex;
margin-bottom:20px;
border:1px solid #dde4e6;
padding:10px;
box-sizing:border-box;
border-radius:5px;
}
section#article-list .article-list-in article img{
width:30%;
}
section#article-list .article-list-in article .a-list-r{
width:65%;
margin-left:20px;
}
section#article-list .article-list-in article .listSub time{
font-size:14px;
color:#888;
margin-right:10px;
}
section#article-list .article-list-in article .listSub .listCategory{
font-size:12px;
padding:0px 20px;
border:1px dashed #ccc;
border-radius:10px;
background:#e7e6ff;
color:#666;
}
section#article-list .article-list-in article .a-list-r h3{
color:#f58080;
font-size:20px;
margin:10px 0;
}
section#article-list .article-list-in article .a-list-r p{
font-size:16px;
line-height:1.4;
color:#666;
}

section#article-list .article-list-in article .listSub .listCategory.situren{
background:#dcdcf9;
}
section#article-list .article-list-in article .listSub .listCategory.renai{
background:#fcc3d8;
}
section#article-list .article-list-in article .listSub .listCategory.date{
background:#c9f4f4;
}
section#article-list .article-list-in article .listSub .listCategory.matchapp{
background:#f6ab3b;
}

/*------------------------------------------------------------
パンくず
-------------------------------------------------------------*/
#breadcrumbs{
background: #eee;
line-height: 30px;
margin-bottom: 30px;
}
#breadcrumbs ol{
width:1000px;
padding-left:20px;
margin: 0 auto;
}
#breadcrumbs li{
display: inline-block;
font-size: 11px;
color: #8c8c8c;
}
#breadcrumbs li a span{
color: #444;
}
#breadcrumbs li span{
color: #8c8c8c;
}

#breadcrumbs li:after{
content:'>';
display: inline-block;
margin: 0 5px;
}
#breadcrumbs li:last-of-type:after{
display: none;
}
/* footer */

footer{
width:100%;
margin:20px auto 0;
background:#FFF;
}
footer .footer-link-list{
width:100%;
background:#eff3f4;
}
footer .footer-link-list ul{
display:-webkit-flex;
display:flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:980px;
margin:auto;
padding:10px 0;
box-sizing:border-box;
}
footer .footer-link-list li{
width:14%;
font-size:13px;
}
footer .footer-link-list li a{
display:block;
padding:10px 0px;
color:#888;
text-align:center;
}
.copyright-txt{
color:#999;
display:block;
padding:15px 0;
text-align:center;
width:100%;
font-size:10px;
}


/*  ↓sp　*/

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

/*  共通CSS　*/

#top-newkuchi h2,
#top-ranking h2,
#top-category-all h2,
#top-qlist h2{
text-align:center;
font-size:24px;
position: relative;
margin:auto;
padding: 15px;
width: 90%;
background-color:#FFF;
box-sizing: border-box;
font-weight: bold;
}
#top-qlist h2{
width: 90%;
}


/* header */

header#top-header{
display:block;
background: #FFF;
padding:10px 0;
border-bottom:1px solid #ccc;
}
header#top-header .header-wrap{
width:100%;
display: -webkit-flex;
display: flex;
align-items: center;
margin:auto;
}
header#top-header .h1-wrap {
padding:0;
text-align:left;
margin:0 auto;
width:60%;
display: -webkit-flex;
display: flex;
align-items: center;
}
header#top-header .h1-wrap a{
background: url(/img/articles/logoarticles.svg)no-repeat;
background-size:100%;
width:200px;
height:32px;
display:block;
line-height:10;
overflow:hidden;
}
header#top-header .h1-wrap span{
display:none;
font-size:15px;
margin:0px 0 0 20px;
color:#d4d4d4;
}
header#top-header .header-wrap form{
width:30%;
position:relative;
}
header#top-header .header-wrap form #search-form-box {
border: 0;
padding:5px 50px 5px 20px;
background:#eee;
width:100%;
height:40px;
line-height:40px;
border-radius:50px;
}
input.css-button{
position:absolute;
width:45px;
height:45px;
top:-3px;
right:0;
border-radius:50px;
border:0;
background:url(/img/articles/icon/search.png)no-repeat;
background-color:#888;
background-size:24px;
background-position:9px center;
}

header#top-header .header-wrap input:focus {
background: #eee!important;
border:0;
outline: none;
}
header#top-header .hed-main-box{
position:absolute;
top:34vh;
left:0;
right:0;
bottom:0;
margin:auto;
text-align:center;
}
header#top-header .hed-main-box h1 {
text-align: center;
margin: auto;
display: block;
font-size:40px;
line-height: 1.4;
color: #FFF;
margin-bottom: 30px;
font-weight:bold;
}
header#top-header .hed-main-box .firstViewTxt {
text-align: center;
margin: auto;
display: block;
font-size:40px;
line-height: 1.4;
color: #FFF;
margin-bottom: 30px;
font-weight:bold;
}

.kasou-cont-wrap{
width: 100%;
margin: 0 auto 46px;
display: block;
}
main#main-lower{
width: 100%;
margin-bottom: 50px;
float: none;
}
.post-meta{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom:0;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
}
main#main-lower .post-data time{
font-size: 12px;
color: #c4c4c4;
}
.post{
width:100%;
padding:0 10px;
}
.post-tag{
color: #fff;
font-size: 11px;
display: inline-block;
position: relative;
padding: 0 5px;
margin:0 5px;
background: #c4c4c4;
line-height: 20px;
width:auto;
text-align:center;
box-sizing:border-box;
}
.post-tag:before,.post-tag:after{
content: '';
position: absolute;
top: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.post-tag:before {
right: 100%;
border-right-color: #c4c4c4;
}
.post-tag:after {
left: 100%;
border-left-color:  #c4c4c4;
}
.post-tag span{
color: #fff;
}
.post-data{
width:auto;
display:inline-block;
display:block;
width:100%;
margin:0px 0 3px!important;
}
.snsBox.share-box{
width:auto;
margin: 0 0 0 auto!important;
position:absolute;
top:50%;
right:0;
transform: translateY(-50%) translateX(0%);
-webkit-transform: translateY(-50%)translateX(0%);
}
.snsBox{
margin-left: auto;
}
main#main-lower .snsBox li{
display: inline-block;
margin-left: 5px;
margin-bottom:0;
line-height:normal;
}
.snsBox li img{
width: 28px;
}

main#main-lower h2 {
font-size: 16px;
margin: 25px 0 15px;
padding: 14px;
}

/*  topform　*/

.hed-main-box form{
width:90%;
}
.hed-main-box form input:focus {
background: #ffffff!important;
}
.hed-main-box form #search-form-box {
border:1px solid #FFF;
padding: 10px 85px 10px 10px;
background: none;
width:100%;
line-height: 26px;
background: #ccc;
border-radius: 6px;
outline: none;
}
.hed-main-box form .css-button {
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 20px;
line-height: 35px;
color: #fff;
font-size: 12px;
cursor: pointer;
position:absolute;
right:-15px;
top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%)translateX(-50%);
margin: auto;
}

/* topInner-box */

#topInner-box{
display: -webkit-flex;
display: flex;
justify-content:space-between;
align-items:stretch;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
margin:0 auto;
}

/* top-main */
main#top-main{
width:100%;
position:relative;
margin:0;
}

/*●パン屑ナビ*/
#breadcrumbs li{
margin-right:0;
}
#breadcrumbs li a{
padding-right:10px;
}
#breadcrumbs {
color: #777;
font-size: 10px;
margin: 3px 0 3px;
padding: 0px 0 0 10px!important;
box-sizing:border-box;
}
#breadcrumbs ol{
padding:2px 0 2px 0px;
overflow:auto;
height: auto;
}
/*  top-article　*/

#top-article{
background:url(/img/articles/top-bg.jpg);
background-size:60%;
padding:30px 0;
margin-bottom:30px;
position:relative;
}
#top-article:before{
content:"";
display:block;
width:100%;
height:14px;
background:url(/img/articles/linenamisen.png);
background-size: 350%;
bottom:-10px;
left:0;
position:absolute;
}
#top-article .top-article-scroll{
overflow:scroll;
}
#top-article .top-article-in{
display: -webkit-flex;
display: flex;
justify-content:space-between;
align-items:stretch;
width:1000px;
margin:auto;
}
#top-article .top-article-in article{
padding:15px;
margin:0 10px;
border-radius:5px;
box-sizing:border-box;
background:#FFF;
}
#top-article .top-article-in article img{
width:100%;
}
#top-article .top-article-in article h3{
margin:10px 0;
font-size:18px;
display:block;
color:#ea3a76;
}
#top-article .top-article-in article p{
font-size:16px;
line-height:1.4;
color:#666;
}

/*  article-list　*/
section#article-list{
width:100%;
padding:0 10px;
}
section#article-list h2{
padding:0 0 20px;
margin:0 0 20px;
font-size:24px;
background:url(/img/articles/lineslash.png)no-repeat;
background-position:bottom;
background-size:100%;
}
section#article-list .article-list-in article a{
display: -webkit-flex;
display: flex;
margin-bottom:20px;
border:1px solid #dde4e6;
padding:10px;
box-sizing:border-box;
border-radius:5px;
height:130px;
}
section#article-list .article-list-in article img{
width:40%;
object-fit:cover;
}
section#article-list .article-list-in article .a-list-r{
width:60%;
margin-left:10px;
}
section#article-list .article-list-in article .listSub time{
font-size:12px;
color:#888;
margin-right:10px;
}
section#article-list .article-list-in article .listSub .listCategory{
font-size:11px;
padding:0px 20px;
border:1px dashed #ccc;
border-radius:10px;
background:#e7e6ff;
color:#666;
}
section#article-list .article-list-in article .a-list-r h3{
color:#ea3a76;
font-size:15px;
line-height:1.2;
margin:10px 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
section#article-list .article-list-in article .a-list-r p{
font-size:13px;
line-height:1.4;
color:#666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

/* footer */

footer{
width:100%;
margin:20px auto 0;
background:#FFF;
}
footer .footer-link-list{
width:100%;
background:#eff3f4;
}
footer .footer-link-list ul{
display:-webkit-flex;
display:flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
margin:auto;
padding:10px 0;
box-sizing:border-box;
}
footer .footer-link-list li{
width:50%;
font-size:11px;
}
footer .footer-link-list li a{
display:block;
padding:10px 20px;
color:#888;
text-align:center;
border:1px solid #e2e2e3;
border-radius:50px;
margin:3px;
box-sizing:border-box;
}
.copyright-txt{
color:#999;
display:block;
padding:15px 0;
text-align:center;
width:100%;
font-size:10px;
}
}
/*------------
共通
--------------*/

#top-main .sns-copytxt{
display:none;
}


/*------------------------------------------------------------
ウィジェット
-------------------------------------------------------------*/
#lowerRight{
width: 320px;
margin-left: auto;
margin-top:20px;
}
div.widget-conts{
padding: 34px 10px 10px;
border-radius: 10px;
background: #e4e4e4;
position: relative;
margin-bottom: 46px;
}
.widget-conts h3{
position: absolute;
border-radius: 30px;
background: #fff;
box-sizing: border-box;
border:2px solid #e4e4e4;
height: 40px;
line-height: 36px;
margin: 0;
width: 74%;
left: 0;
top: -20px;
font-size: 15px;
text-align: left;
padding-left: 20px;
font-weight:bold;
}
#sidebar-1 li{
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
}
#sidebar-1 li:last-of-type{
margin: 0;
}
#sidebar-1 li a{
position: relative;
display: block;
height: 54px;
line-height: 54px;
font-size: 16px;
font-weight: bold;
color: #ea3a76;
color: #448acb;
padding-left: 55px;
}
#sidebar-1 li a:before{
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 14px;
margin: auto;
width: 30px;
height: 30px;
}

#sidebar-1 li:nth-of-type(1) a:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1335536769.png) no-repeat center / contain;
}
#sidebar-1 li:nth-of-type(2) a:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1335477016.png) no-repeat center / contain;
}
#sidebar-1 li:nth-of-type(3) a:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1335512746.png) no-repeat center / contain;
}
#sidebar-1 li:nth-of-type(4) a:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1335489162.png) no-repeat center / contain;
}
#sidebar-1 li:nth-of-type(5) a:before{
background: url(https://www.pair-full.jp/img/column/uploads/2025/03/2025y03m27d_1352322602.png) no-repeat center / contain;
}
#sidebar-2 article{
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
position: relative;
}
#sidebar-2 article:last-of-type{
margin:0;
}
#sidebar-2 article a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:7px;
height: 90px; 
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
#sidebar-2 article a img{
width: 104px;
height: 76px;
object-fit: cover;
}
#sidebar-2 article a p{
color: #444;
margin-left: 10px;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
padding-left:10px;
font-size:14px;
}
#sidebar-2 article .num{
position: absolute;
box-sizing: border-box;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
border: 1px solid #5c5c5c;
z-index: 4;
font-size: 11px;
top:-5px;
left: -5px;
}
#sidebar-2 article a:after{
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
z-index: 3;
background: #f8ffa1;
top: -4px;
left: -4px;
}
#sidebar-3 .inner{
background: #fff;
border-radius: 10px;
padding:26px 14px 14px 14px;
}
#sidebar-3 .inner img{
display: block;
width: 32%;
margin: 0 auto
}
#sidebar-3 .inner dt{
text-align: center;
border-top: 4px solid #eff3f4;
border-bottom: 4px solid #eff3f4;
margin:20px 0 10px 0;
padding:8px 0;
font-size:16px;
font-weight:bold;
}
#sidebar-3 .inner dd{
color: #777;
font-size: 14px;
line-height: 1.7;
}
#sidebar-7 li{
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
}
#sidebar-7 li:last-of-type{
margin: 0;
}
#sidebar-7 li a{
position: relative;
display: block;
height: 54px;
line-height: 54px;
font-size: 16px;
font-weight: bold;
color: #ea3a76;
color: #448acb;
padding-left: 55px;
}
#sidebar-7 li a:before{
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 14px;
margin: auto;
width: 30px;
height: 30px;
box-shadow: 0px 0 4px 1px #737373;
border-radius: 5px;
}

#sidebar-7 li:nth-of-type(1) a:before{
background: url(https://www.pair-full.jp/img/pcmax/uploads/2025/07/2025y07m29d_0653513031.jpg) no-repeat center / contain;
}
#sidebar-7 li:nth-of-type(2) a:before{
background: url(https://www.pair-full.jp/img/pcmax/uploads/2025/07/2025y07m29d_0654064872.jpg) no-repeat center / contain;
}
#sidebar-7 li:nth-of-type(3) a:before{
background: url(https://www.pair-full.jp/img/pcmax/uploads/2025/07/2025y07m29d_0654199403.jpg) no-repeat center / contain;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#lowerRight{
width: 100%;
margin:20px 0 0 0;
padding: 0 10px;
}
.kasou-cont-wrap #lowerRight .widget-conts h3{
font-size: 20px;
position: absolute;
margin: 0;
width: 88%;
padding: 0 0 0 20px;
height:43px;
}
.kasou-cont-wrap #lowerRight .widget-conts h3:before,.kasou-cont-wrap #lowerRight .widget-conts h3:after{
display: none;
}
#sidebar-1 li a{
padding: 0 0 0 54px;
border: 0;
}
#sidebar-2 article a{
border: 0;
font-size: 16px;
}
}

/*------------------------------------------------------------
下層ヘッダー
-------------------------------------------------------------*/
header#lower-header{
background: #FFF;
padding:20px 0;
}
#lower-header .logo{
margin: 0 auto;
}
#lower-header .logo img {
    width:380px;
    height: auto;
}
#lower-header .header-h1{
display:block;
font-size:15px;
margin:0px 0 0 20px;
color:#444;
width: auto;
}
body header#lower-header form{
width: 30%;
position: relative;
margin: 0;
}
header#lower-header input#search-form-box{
border: 0;
padding: 5px 50px 5px 20px;
background: #eee;
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 50px;
}
header#lower-header input.css-button{
position: absolute;
width: 45px;
height: 45px;
top: -3px;
right: 0;
border-radius: 50px;
border: 0;
background: url(/img/articles/icon/search.png)no-repeat;
background-color: #888;
background-size: 24px;
background-position: 9px center;
padding: 0;
line-height: normal;
transform: none;
font-size: 0;
cursor: auto;
}
header#lower-header input#search-form-box:focus ,header#lower-header input.css-button:focus{
background: #eee!important;
border:0;
outline: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
header#lower-header{
width: 100%;
background: #FFF;
padding:10px 10px 10px 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#lower-header .logo{
margin:0;
}
#lower-header .logo img{
width: 252px;
height: auto;
}
#lower-header .header-h1{
display: none;
}
#slide-menu-btn{
margin-left: auto;
}
#slide-menu-btn img{
width: 36px;
margin: 0;
}
}

/*------------------------------------------------------------
記事用スタイル
-------------------------------------------------------------*/
a:link,a:visited{color:#448acb;text-decoration:none;}
a:active,a:hover{opacity: 0.6;}
.fontbig li,.fontbig p{font-size:110%;}
.b,.line{background:linear-gradient(transparent 60%,#fff2b5 60%);font-weight:700;}
.imgBorder{border:1px solid #bebfc1;box-sizing:border-box;}
.emp{color:#7eb507;font-weight:700;}
.red{color:#ff0000;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:.3s;font-size:15px;box-sizing:border-box;}
.gachaBtn:hover{color:#fff;background:#217bd6}
body .post .gachaBtn{text-decoration:none;box-sizing:border-box;}
#mainInner-col2 #main-lower{padding-top:20px;}
.post h1{font-weight:700;font-size:24px;margin:0 0 10px;line-height:1.6;}
.post-meta02{padding:0 0 5px;color:#999;margin:0;}
span.post-data{font-size:14px;display:inline-block;margin:0 5px 0 0;}
#container .post li,div.post li{font-size:15px;margin:5px 0;line-height:1.5;}
div.post ul li{padding:0}
div.post 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;}
#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;}
div.post table{margin-bottom:1.5em;padding:0;border:1px solid #dde4e6;line-height: 2;}
.post td,#main-lower th{padding:.5em;border-right:1px solid #dde4e6;border-bottom:1px solid #dde4e6;font-size:15px;}
.post th{background-color:#f0f0f0;font-weight:700;text-align:left}
.post table td ul li{padding:5px 0;border-bottom:1px dotted #ccc;background:#fff;margin-bottom:0;}
#container #main-lower table.tableLine li{margin:5px 0;line-height:normal;width:100%;}
.post table.tableLine li{margin:3px 0;line-height:normal;width:100%;padding:5px 0;}
.post table td ul li:last-child{border-bottom:0;margin:5px 0;}
div.post h2,div.post h3,div.post p{margin:0 0 20px;line-height:2;}
.box{padding:2px 20px;background:#e6f2b0;border:2px solid #c1db3f;margin:10px 0;}
.post .mokujiInfo{background:#f5f5f5;border:1px solid #dde4e6;margin-bottom:25px; margin-top:20px;padding:5px;}
.post .mokujiInfo ul{margin:-10px 10px 12px 0;}
.contents .mokujiInfo h2,.contents .mokujiInfo p.mokujiTitle{background:0 0;font-size:110%;margin:0 0 10px!important;}
.post .mokujiInfo ul li{font-size:14px;background:0 0;padding:0 3px 0 12px;line-height:2.2;margin:0;}
.post .mokujiInfo h2,#main-lower .mokujiInfo p.mokujiTitle{background:rgba(0,0,0,0);border:none;color:#444;font-size:110%;font-weight:700;margin-top:0;}
.post .mokujiInfo_ac{background:#f5f5f5;border:1px solid #dde4e6;margin-bottom:20px;padding:5px;}
.post .mokujiTitle{color:#444;font-size:110%;font-weight:700;padding:8px 0 8px 12px;margin:0;}
.post .mokuji_acbtn{background:#ccc;cursor:pointer;border:1px solid #f7f7f7;text-align:center;margin:0 10px 5px;}
.post .mokuji_acbtn:before{content:'▼';color:#fff;}
.post .mokuji_acbtn.mokuji_active:before{content:'▲';}
.post .mokujiInfo_ac ul{margin:0;}
.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 ul li a,body .post a.happymail{text-decoration:none;}
body main#main-lower h2{padding:7px 15px 10px 15px;font-weight:bold;}
div.post h3{font-size:17px;margin:0 0 20px;text-align:left;padding:0 0 0 6px;font-weight:700;border-left:5px solid #f7568a;border-bottom:1px solid #f7568a;}
div.post h4{padding:5px 0;font-size:15px;margin:10px 0 15px;font-weight:700;line-height:normal;background:#f2f2f2;display:flex;align-items:center;}
div.post h4:before{content:"";width:5px;height:25px;background:#b5b5b5;display:inline-block;margin:0 6px;border-radius:50px;}
#sns-button{padding:0;}
.sns-button02{padding:0;margin-top:30px;margin-bottom:20px;position:relative;}
.post-meta+.sns-button02{margin-top:0;}
.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;}
div.post .snsBox02{margin:0;padding:0;position:absolute;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.post-meta02+.sns-button02 .snsBox02{bottom:7px;}
.sns-button02:last-of-type .snsBox02{position:static;display:inline-block;}
.snsBox02 ul{padding:10px;}
div.post .snsBox02 li{box-sizing:border-box;margin:0 10px 0 0;border-radius:50%;width:30px;height:30px;line-height:30px;display:inline-block;position:relative;cursor:pointer;text-align:center;vertical-align:middle;}
.sns-button02:last-of-type .snsBox02 li{margin:0 5px 0 0;}
.sns-button02:last-of-type .snsBox02 li:last-of-type,#main-lower .snsBox02 li:last-of-type{margin:0;}
.snsBox02 li a{display:-webkit-box;display:-ms-flexbox;display:flex;width: 100%;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.snsBox02 li img{vertical-align:middle;}
.snsBox02 .twi-icon img{width:16px;}
.snsBox02 .line-icon img{width:18px;}
.snsBox02 li.facebook-icon img{width:auto;height:18px;vertical-align:middle;}
.snsBox02 .hate-icon img{width:16px;}
.snsBox02 li.twi-icon{background-color:#20bee2;}
.snsBox02 li.line-icon{background-color:#50b945;}
.snsBox02 li.facebook-icon{background-color:#5f699e;}
.snsBox02 li.hate-icon{background-color:#297faa;}
.snsBox02 li.twi-icon:hover{background-color:#00b4ff;transition:background-color .5s;-webkit-transition:background-color .5s;}
.snsBox02 li.line-icon:hover{background-color:#13bf00;transition:background-color .5s;-webkit-transition:background-color .5s;}
.snsBox02 li.facebook-icon:hover{background-color:#3b5998;transition:background-color .5s;-webkit-transition:background-color .5s;}
.snsBox02 li.hate-icon:hover{background-color:#016cde;transition:background-color .5s;-webkit-transition:background-color .5s;}
.snsBox02 li a span{display:none}body #main-lower table.voiceBox{margin-bottom:20px;position:relative;z-index:1;}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.post{border-top:0;padding:0 2px;box-sizing:border-box;}
div.post h1{margin:15px 5px 0px 5px;line-height:normal;font-size:17px;font-weight:700;}
div.post .post-meta{padding:0 5px;margin:0;}
div.post .post-meta02{padding:0 5px;margin:0;}
div.post table{width:100%;margin-bottom:1.5em;padding:0;border:1px solid #dde4e6;}
div.post td,#main-lower th{padding:.5em;border-right:1px solid #dde4e6;border-bottom:1px solid #dde4e6;font-size:12px;}
div.post th{background-color:#f0f0f0;font-weight:700;text-align:left;}
div.post dd{margin:0px 0px 0 5px;}
span.post-data{color:#999;display:inline;font-size:85%;padding-left:2px;}
.post .contents{margin:0 5px 20px;padding:0;}
.article p.lead{margin:0 5px;}
div.post .tableLine tr:nth-child(odd),div.post .tableLineEven tr:nth-child(even){background:#FCFCFC;}
#breadcrumbs{line-height:25px;}
#breadcrumbs ol{white-space:nowrap;padding:0 0 0 5px;overflow:auto;}
div.post .mokujiInfo_ac .mokujiTitle{margin:0;padding:0 0 0 10px;}
div.post .mokujiInfo_ac ul{margin:0;}
div.post .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;}
div.post .mokujiInfo h2,div.post .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:#444;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:#444;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:0 10px 5px;}
.mokuji_acbtn:hover{opacity:.6}.mokuji_acbtn:before{content:'▼';color:#fff;}
.mokuji_acbtn.mokuji_active:before{content:'▲';}
div.post .post .mokujiInfo_ac ul{margin:0;}
div.post .post .mokujiInfo_ac ul li{font-size:14px;background:0 0;padding:0 3px 0 17px;line-height:2.2;margin:0;}
.post .contents{margin: 0 5px 20px;padding: 0;}
div.post p{margin-bottom:20px}
body main#main-lower h2 {padding: 6px 10px;}
div.post h2{font-size:17px;margin:0 0 20px;padding:13px 5px 13px 12px;font-weight:700}
div.post h3{font-size:17px;margin:0 0 20px;text-align:left;padding:0 0 0 6px;font-weight:700;border-left:5px solid #f7568a;border-bottom:1px solid #f7568a}
div.post h4{padding:5px 0;font-size:16px;margin:10px 0 15px;font-weight:700;line-height:normal;background:#f2f2f2;display:flex;align-items:center}
div.post h4:before{content:"";width:4px;height:23px;background:#b5b5b5;display:inline-block;margin:0 5px;border-radius:50px}
div.post .snsBox02{position:absolute;right:0;bottom:5px;display:flex;flex-wrap:wrap;justify-content:space-between;}
div.post .snsBox02 li{display:inline-block;position:relative;height:24px;box-sizing:border-box;padding:0;border-radius:0;cursor:pointer;font-size:80%;width:24%;text-align:center;vertical-align:middle;}
.sns-button02:last-of-type .snsBox02{position:static;display:inline-block;}
div.post .snsBox02 li{padding:0;margin:0 8px 0 0;border-radius:50%;width:24px;height:24px;line-height:24px;}
.sns-button02:last-of-type .snsBox02 li{margin:0 4px 0 0;}
.snsBox02 .line-icon img,.snsBox02 .twi-icon img,.snsBox02 li.facebook-icon img{width:14px;height: auto;margin-bottom:1px;}
.snsBox02 .hate-icon img{width:12px;}
}
.hyoubanbox01,
.hyoubanbox02{
border-radius: 4px;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
    position: relative;
    line-height: 2;
}
.hyoubanbox01{
    background: #ff7795;
    border: 0px solid #ff7795;
}
.hyoubanbox02{
    background: #5fb4e5;
}
.hyoubanbox01 dl ,
.hyoubanbox02 dl {
    border-radius: 4px;
    background: #ffe2e8;
    padding: 18px 5px 5px;
    border: 2px solid #ff8aa4;
    margin: 0;
}
.hyoubanbox01 dl{
    background: #ffe2e8;
    border: 2px solid #ff8aa4;
}
.hyoubanbox02 dl{
background: #e7f9ff;
border: 2px solid #75bee8;
}
.hyoubanbox01 dt,
.hyoubanbox02 dt{
    font-weight: 700;
    margin: 5px 10px;
    font-size: 16px;
    padding-left: 0px;
    position: absolute;
    display: flex;
    top: -20px;
    left: -10px;
    width: auto;
    min-width: 25%;
    max-width: 100%;
    border-radius: 50px;
    color: #FFF;
    padding-right: 15px;
    line-height: 2;
}
.hyoubanbox01 dt{
    background: #ff8aa4;
}
.hyoubanbox02 dt{
    background: #75bee8;
}
.hyoubanbox01 dt:before,
.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;
}
.hyoubanbox01 dt:before{
border:1px solid #ff9bb1;
}
.hyoubanbox02 dt:before{
border:1px solid #7cc7f3;
}
.hyoubanbox01 dd, .hyoubanbox02 dd {
    margin-left: 5px !important;
    font-size: 14px;
    font-weight: bold;
}
.hyoubanbox03{border-radius:4px;padding:0;margin-bottom:20px}
.hyoubanbox03 h4{border-radius:0;padding:10px 10px 10px 40px;margin-bottom:0;color:#ffa0c0;background:#FFF}
.hyoubanbox03 h4{margin-top:0;border-left:none}
.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}
.hyoubanbox03 p{border-radius:0;background:#FFF;padding:10px 10px 10px 40px;margin-bottom:0;color:#676767;background-size:18px}
.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}
.hyoubanbox04 h4{border-radius:0;padding:10px 10px 10px 40px;margin-bottom:0;background:#FFF;color:#444}
.hyoubanbox04 h4{margin-top:0;border-left:none}
.hyoubanbox04 dt{padding:0 0 6px 0;width:auto;display:inline-block;margin:10px 15px;color:#cc0000;font-size:14px;font-weight:700;border-bottom:#cc0000 dotted 2px}
.hyoubanbox04 dl{background:#FFF;padding:5px 0 15px;border:2px solid #ffea8e!important;border-top:none;margin-bottom:0;margin-top:15px;border-radius:5px!important}
.hyoubanbox04 dd{font-weight:bold;padding:8px 5px;margin:0 5px;font-size:14px;color:#444}
.hyoubanbox04 p{border-radius:0;background:#FFF;padding:10px 10px 10px 40px;margin-bottom:0;color:#444;background-size:18px}
.gachaBtn.c-redBtn{background: #cf1e1e!important;box-shadow: 0px 5px #870b0b!important;}

/*------------------------
コメント欄
------------------------*/
.sb-type-life {
overflow: hidden;
padding: 5px 10px;
margin: 0;
line-height: 1.5;
color: #333333;
}
.sb-type-life > .sb-subtype-a:after,
.sb-type-life > .sb-subtype-b:after,	
.sb-type-life > .sb-subtype-c:after,
.sb-type-life > .sb-subtype-d:after {
display: block;
clear: both;
content: "";
}
.sb-type-life > .sb-subtype-a > .sb-speaker,
.sb-type-life > .sb-subtype-c > .sb-speaker {
float: left;
margin-right: -70px;
width: 70px;
}
.sb-type-life > .sb-subtype-b > .sb-speaker,
.sb-type-life > .sb-subtype-d > .sb-speaker {
float: right;
margin-left: -70px;
width: 70px;
}
.sb-type-life > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-life > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-life > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-life > .sb-subtype-d > .sb-speaker > .sb-icon  {
text-align: center;
border-radius: 100%;
border: 1px solid #ccc;
overflow: hidden;
box-sizing: border-box;
width: 65px;
margin: 0 auto;
}
.sb-type-life > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-life > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-life > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-life > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
width: 100%;
object-fit: cover;
}
.sb-type-life > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-life > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-life > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-life > .sb-subtype-d > .sb-speaker > .sb-name {
overflow: hidden;
text-align: center;
font-size: 12px;
margin: 4px 0 0;
}
@media screen and (min-width:721px) {
.sb-type-life > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 90px;
margin-right: 40px;
}
}
@media screen and (max-width:720px) {
.sb-type-life > .sb-subtype-a > .sb-content {
float: left;
position: relative;
margin-left: 80px;
}
}
.sb-type-life > .sb-subtype-a > .sb-content:before {
position: absolute;
top: 9px;
left: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #CCCCCC;
content: "";
}
.sb-type-life > .sb-subtype-a > .sb-content:after {
position: absolute;
top: 9px;
left: -5px;
z-index: 3;
height: 0;
width: 0;
border-style: solid solid solid none;
border-width: 6px;
border-color: transparent #fafafa;
content: "";
}
@media screen and (min-width:721px) {
.sb-type-life > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 90px;
margin-left:  40px;
}
}
@media screen and (max-width:720px) {
.sb-type-life > .sb-subtype-b > .sb-content {
float: right;
position: relative;
margin-right: 80px;
}
}
.sb-type-life > .sb-subtype-b > .sb-content:before {
position: absolute;
top: 9px;
right: -6px;
z-index: 1;
height: 0;
width: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #CCCCCC;
content: "";
}
.sb-type-life > .sb-subtype-b > .sb-content:after {
position: absolute;
top: 9px;
right: -5px;
z-index: 3;
width: 0;
height: 0;
border-style: solid none solid solid;
border-width: 6px;
border-color: transparent #fff;
content: "";
}
.sb-type-life > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-life > .sb-subtype-b > .sb-content > .sb-speech-bubble {
position: relative;
padding:15px 20px;
z-index: 2;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 5px;
color: #626262;
font-size: 16px;
line-height: 1.8;
letter-spacing: 0.05em;
}
@media screen and (min-width:721px) {
.sb-type-life > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left:  100px;
margin-right: 100px;
}
}
@media screen and (max-width:720px) {
.sb-type-life > .sb-subtype-c > .sb-content {
float: left;
position: relative;
margin-left: 100px;
}
}
.sb-type-life > .sb-subtype-c > .sb-content:before {
position: absolute;
top: 10px;
left: -17px;
height: 12px;
width:  12px;
border:dashed 1px #909090;
border-radius: 10px;
content: "";
}
.sb-type-life > .sb-subtype-c > .sb-content:after {
content: "";
position: absolute;
top: 20px;
left: -28px;
height: 8px;
width:  8px;
border:dashed 1px #909090;
border-radius: 5px;
}
@media screen and (min-width:721px) {
.sb-type-life > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
margin-left:  100px;
}
}

@media screen and (max-width:720px) {
.sb-type-life > .sb-subtype-d > .sb-content {
float: right;
position: relative;
margin-right: 100px;
}
}
.sb-type-life > .sb-subtype-d > .sb-content:before {
position: absolute;
top: 10px;
right: -17px;
height: 12px;
width:  12px;
border:dashed 1px #909090;
border-radius: 10px;
content: "";
}
.sb-type-life > .sb-subtype-d > .sb-content:after {
position: absolute;
top: 20px;
right: -28px;
height: 8px;
width:  8px;
border:dashed 1px #909090;
border-radius: 5px;
content: "";
}
.sb-type-life > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-life > .sb-subtype-d > .sb-content > .sb-speech-bubble {
position: relative;
padding: 5px 10px;
margin-bottom: 20px;
border:dashed 1px #909090;
border-radius: 5px;
}
@media screen and (max-width:720px) {
.sb-type-life {
padding: 8px 0px;
}
.sb-type-life > .sb-subtype-b > .sb-speaker, .sb-type-life > .sb-subtype-d > .sb-speaker {
margin-left: -18vw;
width: 18vw;
}
.sb-type-life > .sb-subtype-a > .sb-speaker, .sb-type-life > .sb-subtype-c > .sb-speaker {
margin-right: -18vw;
width: 18vw;
}
.sb-type-life > .sb-subtype-b > .sb-content {
margin-right: 20.5vw;
}
.sb-type-life > .sb-subtype-a > .sb-content {
margin-left: 20.5vw;
}
.sb-type-life > .sb-subtype-a > .sb-content > .sb-speech-bubble, .sb-type-life > .sb-subtype-b > .sb-content > .sb-speech-bubble {
padding: 3.5vw 3.5vw;
font-size: 3.7vw;
}
.sb-type-life > .sb-subtype-a > .sb-speaker > .sb-name, .sb-type-life > .sb-subtype-b > .sb-speaker > .sb-name, .sb-type-life > .sb-subtype-c > .sb-speaker > .sb-name, .sb-type-life > .sb-subtype-d > .sb-speaker > .sb-name {
font-size: 3.2vw;
margin: 3vw 0 0;
}
.sb-type-life > .sb-subtype-a > .sb-speaker > .sb-icon, .sb-type-life > .sb-subtype-b > .sb-speaker > .sb-icon, .sb-type-life > .sb-subtype-c > .sb-speaker > .sb-icon, .sb-type-life > .sb-subtype-d > .sb-speaker > .sb-icon {
width: 15vw;
padding:0px;
}
}
.sb-subtype-a {
height: auto;
display: -webkit-flex;
display: flex;
}
.sb-subtype-b{
height: auto;
display: -webkit-flex;
display: flex;
flex-direction:row-reverse;
}
.sb-type-life > .sb-subtype-b > .sb-content {
margin:0!important;
width:85%!important;
float: none;
position: relative;
}
.sb-type-life > .sb-subtype-b > .sb-speaker,.sb-type-life > .sb-subtype-d > .sb-speaker{
margin:0!important;
width:15%!important;
position: initial;
float: none;
}
.sb-type-life > .sb-subtype-a > .sb-content {
margin:0px!important;
width: 85%!important;
float: none;
position: relative;
}
.sb-type-life > .sb-subtype-a > .sb-speaker,.sb-type-life > .sb-subtype-c > .sb-speaker {
margin:0 15px 0 0!important;
width: 15%!important;
position: initial;
float: none;
}
.sb-type-life .sb-subtype-b .sb-name{
padding:0;
width:80px;
box-sizing:border-box;
margin:5px auto 0!important;
}
.sb-type-life{
overflow:initial;
box-sizing:border-box;
margin:30px 0;
}
.sb-icon img{
width:100%;
padding:0;
object-fit:cover;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.sb-type-life > .sb-subtype-b > .sb-content {
width: 75%!important;
}
.sb-type-life > .sb-subtype-b > .sb-speaker, .sb-type-life > .sb-subtype-d > .sb-speaker {
width: 25%!important;
}
.sb-type-life > .sb-subtype-a > .sb-content {
width: 75%!important;
}
.sb-type-life > .sb-subtype-a > .sb-speaker,.sb-type-life > .sb-subtype-c > .sb-speaker {
width: 25%!important;
}
.sc_frame_wrap .sc_frame_text dl{
margin-bottom:15px;
}
.sc_frame_wrap .sc_frame_text dd span{
display: -webkit-flex;
display: flex;
align-items: center;
}
.sc_frame_wrap .sc_frame_text dd a img{
margin-right:5px!important;
}
.sc_frame_wrap .sc_frame_text dd span + br{
display:none;
}
.sc_frame_wrap .sc_frame_text dd{
line-height:1.5;
}
}

/*------------------------------------------------------------
Lineトーク画面
-------------------------------------------------------------*/
.talk-wrap{
background:#a0b5d9;
padding: 20px 0;
margin-bottom: 16px;
}
.talk-wrap p:empty{
display: none;
}
.talk-wrap .num{
display: block;
font-size: 14px;
color: #636f82;
margin-top: 2px;
}
.opponent-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
padding-left: 70px;
margin-bottom: 12px;
}
.opponent-box:last-child{
margin-bottom: 0;
}
.opponent-box img{
position: absolute;
width: 50px;
height: 50px;
left: 10px;
top: -7px;
}
main#main-lower .opponent-box p{
background: #fff;
border-radius: 20px;
max-width: 90%;
padding: 10px 14px;
color:#000;
font-size: 20px;
margin: 0;
line-height: 1.2;
position: relative;
}
main#main-lower .opponent-box p:before{
content: '';
width: 16px;
height: 16px;
background: url(https://www.pair-full.jp/img/column/uploads/2021/01/2021y01m20d_1347166496.png) no-repeat center /contain;
position: absolute;
top: 0px;
left: -3px;
}
.opponent-box div{
font-size: 14px;
color: #636f82;
margin-left: 5px;
padding-bottom: 6px;
}
.myself-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-right:  10px;
margin-bottom: 12px;
}
.myself-box:last-child{
margin-bottom: 0;
}
main#main-lower .myself-box p{
background: #8ae67d;
border-radius: 20px;
max-width: 90%;
padding: 10px 14px;
color:#000;
font-size: 20px;
margin: 0;
position: relative;
line-height: 1.2;
}
main#main-lower .myself-box p:before{
content: '';
width: 16px;
height: 16px;
background: url(https://www.pair-full.jp/img/column/uploads/2021/01/2021y01m20d_1848577345.png) no-repeat center /contain;
position: absolute;
top: 0px;
right:  -3px;
}
.myself-box div{
font-size: 14px;
text-align: right;
color: #636f82;
padding-bottom: 6px;
margin-right: 5px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.opponent-box{
padding-left: 46px;
}
main#main-lower .opponent-box p{
max-width: 84%;
font-size: 17px;
}
main#main-lower .myself-box p{
max-width: 84%;	
font-size: 17px;
}
main#main-lower .opponent-box p:before{
width: 14px;
height: 14px;
left:  -2px;
}
main#main-lower .myself-box p:before{
width: 14px;
height: 14px;
right: -2px;
}
.opponent-box img{
width: 32px;
height: 32px;
left: 8px;
top: -6px;
}
.talk-wrap .num,.opponent-box div,.myself-box div{
font-size: 12px;
padding-bottom: 3px;
}
}

/*------------
この記事書いた人
--------------*/
.editors_box{
margin-bottom:20px;
margin-top:30px;
padding:20px;
border:1px solid #d4dadb;
background:#fff;
position:relative;
border-radius:3px;
}
.editors_box_img{
display:-webkit-flex;
display:flex;
align-items:center;
}
.editors_box p.editors_h{
position:absolute;
left:10px;
top:-15px;
padding:8px 20px;
font-size:13px!important;
margin:0!important;
line-height:1!important;
background:#eff3f4;
border-radius:50px;
color:#888;
}
.editors_box p.editors_h:after {
position: absolute;
left: 60px;
top: 25px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17px 18px 0 3px;
border-color: #eff3f4 transparent transparent;
}
.editors_box img{
width:50px;
height:50px;
object-fit:cover;
object-position:center;
border-radius:50%;
box-shadow:0 0 0 1px #ccc;
box-sizing:border-box;
margin-right:10px;
padding:0;
}
.editors_box p.editors_name{
font-size:16px!important;
margin:0!important;
line-height:1!important;
font-weight:bold;
}
.editors_box .editors_txt{
line-height:1.6!important;
font-size:14px!important;
margin:10px 0 0!important;
}
.editors_box div p {
    font-weight: 800;
    display: inline;
    font-weight: 700;
    font-size: 16px;
    padding: 3px;
    border-image: linear-gradient(to right, #2298f2 0, #fb568d 100%) 1 / 0 0 2px 0;
    border-style: solid;
}
/*------------
voiceBox
--------------*/
div.post table.voiceBox{margin-bottom:20px;position:relative;z-index:1}
div.post table.voiceBox,div.post table.voiceBox td,div.post table.voiceBox th{border:none}
div.post table.voiceBox td:first-child{padding:0 0 0 10px;margin:0;width:94px;font-size:12px; vertical-align: middle;line-height: 1.5;    text-align: center;}
div.post table.voiceBox td:nth-of-type(2){padding:0 20px}
div.post table.voiceBox td .img-border{
border-radius: 3px;
overflow: hidden;
display: block;
box-sizing: border-box;
width: 60px;
height: 60px;
margin: 0 auto 3px;
}
div.post table.voiceBox td:first-child img{width: 100%;}
div.post 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}
div.post 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}
main#main-lower 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}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.post table.voiceBox td:first-child{vertical-align: top;padding: 0;}
div.post table.voiceBox td:nth-of-type(2) {
padding: 0 10px;
}
}

/*------------------------------------------------------------
検索フォーム
-------------------------------------------------------------*/
.article .search-form_inputXX{
position: relative;
margin-bottom: 20px;
width: 74%;
}
.article .search-form_inputXX #search-form-box{
padding: 0 50px 0 20px;
background: #eee;
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 50px;
}
.article .search-form_inputXX input.css-button{
position: absolute;
width: 45px;
height: 45px;
top: -3px;
right: 0;
border-radius: 50px;
border: 0;
background: url(/img/articles/icon/search.png)no-repeat;
background-color: #888;
background-size: 24px;
background-position: 9px center;
padding: 0;
line-height: normal;
transform: none;
font-size: 0;
cursor: auto;
}
.article .search-form_inputXX #search-form-box:focus,.article .search-form_inputXX input.css-button:focus{
background: #eee!important;
border:0;
outline: none;
}
.search-form_input .gsc-control-cse{
border:0;
padding:0;
}
.search-form_input .gsc-control-cse .gsc-results-wrapper-visible{
padding: 1em;
border: 1px solid #fff;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.article .search-form_inputXX{margin-top: 14px;width: 100%;}
}
.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;
font-family: Roboto,'Noto Sans JP',sans-serif;
}
.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;
font-family: Roboto,'Noto Sans JP',sans-serif;
}
.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;
font-family: Roboto,'Noto Sans JP',sans-serif;
}
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-breadcrumb{
color: #009933;
font-size:12px;
margin-bottom:5px;
display:block;
}
.gs-webResult div.gs-visibleUrl span{
color: #009933;
font-size:12px;
}
.gsc-webResult.gsc-result {
border-bottom: 1px solid #eff3f4!important;
}
.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:0 4px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    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;
}

/*------------------------------------------------------------
コラム_関連記事
-------------------------------------------------------------*/
.categoryBox{
width:100%;
border-bottom:1px dotted #ccc;
padding:10px 0;
margin:0;
box-sizing:border-box;
}
.categoryBox div.clearfix{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.categoryBox div.clearfix>div{
width:20%!important;
display:inline-block;
float:none!important;
}
.categoryBox div.clearfix>div a{
display: block;
}
.categoryBox div.clearfix>p a{
display:block;
font-size:14px;
font-weight:700;
}
.categoryBox div.clearfix>div img{
width:100%;
height:80px;
object-fit:cover;
object-position:
center;
box-sizing:border-box;
}
main#main-lower .categoryBox div.clearfix>p{
width:75%!important;
float: none!important;
padding:0 0 0 20px;
margin-bottom:0;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin: 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.categoryBox{
padding:8px 5px;
}
main#main-lower .categoryBox div.clearfix>p{
width:70%!important;
padding:0 0 0 10px;
}
.categoryBox div.clearfix>div{
width:30%!important;
}
.categoryBox div.clearfix>p a{
font-size:13px;
font-weight:400;
line-height:1.6;
}
}

/*------------------------------------------------------------
ボタン
-------------------------------------------------------------*/
.top-cvbt-box{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.top-cvbt-box{
display:block;
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:5;
animation:none;
-webkit-animation:none;
opacity: 1;
display:none;
}
.cvbt-over{
width:auto;
position:fixed;
bottom:-2px;
left:0;
z-index:2147483647;
text-align:right;
display:block;
}
.cvbt-over label{
position:absolute;
bottom:60px;
left:3px;
}
.cvbt-over label:before {
display:none;
}
.cvbt-over input:checked ~ label:before {
font-size:14px;
font-family:'FontAwesome','Kosugi Maru', sans-serif;
content:"×";
font-weight:bold;
color: #b1bcc0;
background:#ffffff;
border:1px solid #e8e8e8;
box-sizing:border-box;
padding:0;
text-align:center;
display: inline-block;
border-radius:100px;
width:25px;
height:25px;
line-height:25px;
}
.cvbt-over input {display:none;}
.cvbt-over .cvbt-over-in{
opacity:0;
transition:0.8s;
display:none;
}
.cvbt-over input:checked ~ .cvbt-over-in {
opacity: 1;
display:block;
}
.cvbt-pf{
display:-webkit-flex;
display:flex;
justify-content: center;
align-items: center;
background:#f0f6f7;
padding:0;
box-sizing:border-box;
}
.cvbt-pf img.cv-appicon{
width:15%;
border:1px solid #e8e8e8;
padding:4px;
border-radius:3px;
background:#FFF;
margin-right:5px;
box-sizing:border-box;
}
.cvbt-pf dl{
width:45%;
text-align:left;
padding-left:5px;
box-sizing:border-box;
}
.cvbt-pf dt{
display:block;
font-size:12px;
width:100%;
font-weight:bold;
line-height:1.3;
}
.cvbt-pf dd img{
width:40%;
display:block;
margin-top:5px;
}
.cvbt-pf p{
width:40%;
margin:0!important;
padding:0!important;
text-align:center;
}
.cvbt-pf p:empty{
display: none;
}
.cvbt-pf a{
width:100%;
display:block;
padding:0;
font-size:13px;
background:rgba(253,41,111,1);
border-radius:100px;
text-decoration:none!important;
color:#FFF;
border-bottom:2px solid rgb(181 38 85);
box-sizing:border-box;
}
}

/*------------------------------------------------------------
サイトマップ
-------------------------------------------------------------*/
#sitemap_list li {
    list-style: none;
    padding: 15px 10px 15px 20px;
    font-weight: 700;
    background: #fbfbfb;
    border: 1px solid #ededed;
    margin: 0 0 10px;
}
#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;
}
#sitemap_list li li::before {
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #5299ff;
    position: absolute;
    top: 50%;
    left:2px;
    margin-top:-6px;
}
/*------------------------------------------------------------
コンバージョンボタン
-------------------------------------------------------------*/
.post .conve-bt-boxs .conve-bt {
    background: #59b54d;
    border-bottom: 5px solid #439038;
    color: #fff;
    font-weight: 700;
    display: block;
    overflow: hidden;
    position: relative;
    width: 250px;
    height: 100px;
    padding: 10px 0 5px;
    border-radius: 3px;
    text-align: center;
    margin: 5px auto;
    cursor: pointer;
    box-shadow: 0 2px 2px rgb(0 0 0 / 29%);
}
.conve-bt-boxs a{
display:inline-block;
}
.conve-bt span:first-of-type:before {
    position: relative;
    display: inline-block;
    content: '';
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(https://www.pair-full.jp/img/column/uploads/2021/04/2021y04m23d_1707517711.png) top left/contain no-repeat;
}
.conve-bt span:first-of-type:after {
    position: relative;
    display: inline-block;
    content: '';
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(https://www.pair-full.jp/img/column/uploads/2021/04/2021y04m23d_1707475583.png) top right/contain no-repeat;
}
.conve-bt span {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.conve-bt span:nth-of-type(2) {
    font-size: 24px;
    font-weight: 700;
}
.conve-bt-boxs .conve-bt: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://www.pair-full.jp/img/column/uploads/2021/04/2021y04m23d_1642308431.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;
}
@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}
.conve-bt-boxs {
    background: #f6f6f6;
    text-align: center;
    width: 80%;
    padding: 5px 0;
    margin: 0 auto 15px;
    display: block;
    border: 0 solid #ffcc76;
    border-radius: 5px;
    font-weight: 700;
}
.conve-bt-boxs a:hover{
opacity: 1;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.conve-bt-boxs {
    width: 95%;
    padding: 1px 0px 1px 0px;
    margin: 0 auto 20px;
}
}

/*------------------------------------------------------------
用語解説
-------------------------------------------------------------*/
.yougosyuu-box {
background: #fcfcfc;
border: 2px solid #a3a3a3;
margin: 20px 0
}
main#main-lower .yougosyuu-box p {
background: #a3a3a3;
margin: 0;
padding: 0 10px;
display: inline-block;
font-weight: 700;
color: #FFF;
line-height: 2;
font-size: 16px;
}
.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
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.yougosyuu-box dl dd{
margin: 0 0 5px;
}
}


/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
 /*overscroll-behavior: contain;*/
}
.table-scroll th{
width:100%;
}

/*------------------------------------------------------------
スクロールテーブル調整
-------------------------------------------------------------*/
.table-scroll tbody{
display: table;
width: 100%;
}
.table-scroll tbody th{
width: auto;
}

/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
/*overscroll-behavior: contain;*/
overflow-y: hidden;
}
.table-scroll-fix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-sizing: border-box;
z-index:1;
}
.table-scroll-fix th:first-child:after{
content: "";
position: absolute;
top:0;
right:-1px;
width:1px;
height:100%;
/* background:#d3e1e5; */
box-sizing: content-box;
z-index:-1;
}
.table-scroll-fix th{
width:100%;
}
.table-scroll-fix th.no-fix{
position: static;
}

/*------------------------------------------------------------
テーブル_1行1列固定
-------------------------------------------------------------*/
.table-scroll-tateyokofix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
}
.table-scroll-tateyokofix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 3;
}
.table-scroll-tateyokofix tr:first-child th{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.table-scroll-tateyokofix tr:first-child th:first-child{
z-index: 4;
}
.table-scroll-tateyokofix th:first-child:after{
content: "";
position: absolute;
top: -1px;
width: 1px;
height: 100%;
right: -1px;
background: #d3e1e5;
box-sizing: content-box;
}
.table-scroll-tateyokofix tr:first-child th:before{
content:"";
height:1px;
width:100%;
background:#dde4e6;
z-index:1;
display:block;
position:absolute;
bottom:-1px;
left:0;
}
.table-scroll-tateyokofix th.no-fix{
position: static;
}

/*------------------------------------------------------------
テーブル_2行1列固定バージョン
-------------------------------------------------------------*/
div.post .table-scroll-tateyokofix2{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
line-height: 1.5;
}
.table-scroll-tateyokofix2 th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 3;
height:40px;
}
.table-scroll-tateyokofix2 tr:nth-child(2) th:first-child{
position: -webkit-sticky;
position: sticky;
top: 40px;
z-index: 4;
border-bottom:0;
}
.table-scroll-tateyokofix2 tr:nth-child(2) td{
position: -webkit-sticky;
position: sticky;
top: 40px;
z-index: 2;
border-bottom:0;
}
.table-scroll-tateyokofix2 tr:nth-child(2) th:first-child:before,.table-scroll-tateyokofix2 tr:nth-child(2) td:before{
content:"";
height:1px;
width:100%;
background:#dde4e6;
z-index:1;
display:block;
position:absolute;
bottom:-1px;
left:0;
}
.table-scroll-tateyokofix2 tr:first-child th{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.table-scroll-tateyokofix2 tr:first-child th:first-child{
z-index: 4;
}
.table-scroll-tateyokofix2 th:first-child:after{
content: "";
position: absolute;
top: 0;
height: 100%;
box-sizing: content-box;
background: #d3e1e5;
right: -1px;
width: 1px;
}
.table-scroll-tateyokofix2 th.no-fix{
position: static;
}

/*------------------------------------------------------------
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;
}
.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: 5px;
}
.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;
}


.gachaBtn03{
box-shadow: 0 2px 2px rgb(0 0 0 / 29%);
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background: #cf1e1e;
text-decoration: none;
    color: #FFF;
    display: block;
line-height: 1.3;
    padding: 10px 0;
}
.facebookTxt {
    display: block;
    color: #888;
    font-size: 11px;
    text-align: center;
    line-height: 1.2;
    margin-top: 10px;
}

/*------------------------------------------------------------
テキストボックス_オレンジ枠
-------------------------------------------------------------*/
.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;
}
.rank-list-osusume dl dd .rankBtnLR{
margin-top:5px;
}
.rank-list-osusume .icon-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rank-list-osusume .icon-wrap a{
text-decoration: none;
margin-right:10px;
}
main#main-lower .rank-list-osusume p{
margin: 0;
line-height: 1.5;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.rank-list-osusume dl dt {
padding: 0 15px;
}
.rank-list-osusume {
padding: 15px 10px 0;
}
.rank-list-osusume #rankingBtn li a.bt-dl{
line-height: 30px;
font-size: 14px;
}
.rank-list-osusume .rankBtnLR #rankingBtn li:first-child{
width: 100%!important;
margin: 0 2px 0 0!important;
display: block;
}
.rank-list-osusume .rankBtnLR #rankingBtn li a{
width: 100%!important;
}
}
/*------------------------------------------------------------
gachaBtn-アイコン付与
-------------------------------------------------------------*/
.gachaBtnWrap.add-icon{
width: 82%;
position: relative;
}
.gachaBtnWrap.add-icon:before,.gachaBtnWrap.add-icon:after{
content: '';
display: block;
width: 82px;
height: 100px;
position: absolute;
top: 0;
bottom: 0;
left: 12px;
margin: auto;
background: url(https://www.pair-full.jp/img/column/uploads/2021/11/2021y11m24d_1944593005.png) no-repeat center / contain;
}
.gachaBtnWrap.add-icon:after{
background: url(https://www.pair-full.jp/img/column/uploads/2021/11/2021y11m24d_1944580458.png) no-repeat center / contain;
left: auto;
right: 9px;
width: 86px;
}
.gachaBtnWrap.add-icon .gachaBtn{
width: 64%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.gachaBtnWrap.add-icon{
width: 100%;
overflow: hidden;
}
.gachaBtnWrap.add-icon> p{
position: relative;
z-index: 2;
}
.gachaBtnWrap.add-icon .gachaBtn{
width: 75%;
}
.gachaBtnWrap.add-icon:before{
width: 62px;
left: -4px;
z-index: 1;
}
.gachaBtnWrap.add-icon:after{
width: 72px;
right: -14px;
z-index: 1;
}
}
@media screen and (max-width: 376px){
.gachaBtnWrap.add-icon:before{
width: 55px;
}
.gachaBtnWrap.add-icon:after{
width: 66px;
}
}
/*------------------------------------------------------------
ボタン光らせる
-------------------------------------------------------------*/
a.gachaBtn.glitter{
position: relative;
overflow: hidden;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
a.gachaBtn.glitter:before{
background-color:#fff;
content:"";
height:100%;
opacity:0;
position:absolute;
transform:rotate(45deg);
width:30px;
animation: kirakira 3s ease-in-out infinite;
left: 0;
top: -180px;
}
@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}
}

/*------------------------------------------------------------
ボタン上部テキスト
-------------------------------------------------------------*/
.button-label{
text-align: center; 
font-weight: bold; 
margin-bottom: 0px!important; 
font-size: 18px!important;
}
.button-label.red{
color: #ff0000; 
}
/*------------------------------------------------------------
赤ボタン
-------------------------------------------------------------*/
body .post .bt-red{
background: #ff0260;
box-shadow: 0 3px 0 0 #9a2649;
line-height: 20px;
border-radius: 50px;
font-size: 11px;
text-decoration: none;
padding: 2px 15px;
color: #fff;
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;
width: 50%;
min-width: 66px;
margin: 0 auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
body .post .bt-red{
width: 100%;
padding: 3px 0;
margin: 0;
}
}

/*------------------------------------------------------------
ボタン上テキスト
-------------------------------------------------------------*/
main#main-lower .gachaBtnWrap .gachaBtnWrap-text{
font-weight: 700;
font-size: 16px;
position: relative;
color: #10776d;
text-align: center;
margin: 5px 0;
line-height: 2;
}
.gachaBtnWrap .gachaBtnWrap-text:before{
content: "";width: 15px;height: 20px;display: inline-block;border-left: 2px solid #10776d;transform: rotate(-30deg);
}
.gachaBtnWrap .gachaBtnWrap-text:after{
border-right: 2px solid #10776d;transform: rotate(30deg);content: "";width: 15px;height: 20px;display: inline-block;
}
main#main-lower .gachaBtnWrap .gachaBtnWrap-text + p{
margin-top: 0;
margin-bottom: 15px;
}
main#main-lower .gachaBtnWrap .gachaBtnWrap-text + p .gachaBtn{
margin-top: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .gachaBtnWrap .gachaBtnWrap-text{
margin-top: 0;
}
main#main-lower .gachaBtnWrap .gachaBtnWrap-text + p{
margin-top: 0;
margin-bottom: 10px;
}
}

/*------------------------------------------------------------
ボタン高さ縮める
-------------------------------------------------------------*/
main#main-lower .gachaBtnWrap .h-down{
margin: 0;
line-height: 1;
padding: 8px 0 12px;
}
.gachaBtnWrap .h-down .gachaBtn{
line-height: 1.5;
margin-top: 0px;
padding: 8px;
font-size: 14px;
}
@media (max-width: 767px){
main#main-lower .gachaBtnWrap .h-down{
padding: 3px 0 7px;
}
}



/*------------------------------------------------------------
この記事書いた人
-------------------------------------------------------------*/
.article-person{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 3px solid #e8e8e8;
border-bottom: 3px solid #e8e8e8;
padding: 20px 0;
}
.article-person .img-wrap{
position: relative;
width: 100px;
height: 100px;
}
.article-person .img-wrap img{
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 2;
}
.article-person .img-wrap:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: #c6e5fd;
right: -10px;
bottom: -10px;
}
.article-person dl{
width: 66%;
margin:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
box-sizing: border-box;
padding-left: 40px;
}
.article-person dl:before{
content: 'この記事書いた人';
display: inline-block;
background: #0091ff;
font-size: 14px;
height: 24px;
line-height: 24px;
padding: 0 10px;
color: #fff;
border-radius: 30px;
}
.article-person dt{
font-size: 18px;
font-weight: bold;
color: #000;
margin: 6px 0 1px;
}
.article-person dd{
font-size: 14px;
}
.article-person dd img{
margin-top: 10px;
width:100%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.article-person{
padding: 14px 0;
}
.article-person .img-wrap{
width: 90px;
height: 90px;
}
.article-person .img-wrap:after{
right: -7px;
bottom: -7px;
}
.article-person dl{
padding-left: 28px;
}
.article-person dl:before{
font-size: 11px;
height: 20px;
line-height: 20px;
}
.article-person dt{
font-size: 16px;
margin: 5px 0 2px;
}
#main-lower .article-person dd{
margin:0;
font-size: 13px;
line-height: 1.3;
}
}
@media only screen and (max-width : 376px){
.article-person .img-wrap {
width: 78px;
height: 78px;
}
.article-person dl {
padding-left: 24px;
}
}
/*------------------------------------------------------------
おすすめ枠
-------------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #ff8c2a;
position: relative;
padding: 30px 20px 25px;
border-radius:10px;
margin: 30px 0 20px 0;
}
div.osusume-user_box ul{
margin: 0;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-user_box .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
color:#ff8c2a;
padding: 0 10px;
max-width: 96%;
font-weight:bold;
}
main#main-lower .osusume-user_box .midasi p{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ff5e00;
font-weight:bold;
}
div.osusume-user_box ul li,
div.osusume-user_box ol li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
font-weight:bold;
margin-top: 0;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
padding: 0;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border: 5px solid #ff8c2a;
background: #ffcc97;
}
div.osusume-user_box ul li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
text-decoration: none;
}
.osusume-user_box li a img{
vertical-align: middle;
display: inline-block;
}
.osusume-user_box02{
	box-shadow: 0 0 0 4px #48adc9!important;
}
.osusume-user_box li .b-red {
    background:none;
    font-weight: bold;
    position:relative;
    z-index:0;
    color:#092868!important;
}
.osusume-user_box li .b-red:before{
content:"";
position:absolute;
width:104%;
height:5px;
bottom:1px;
left:-2%;
z-index:-1;
background:rgb(33 150 243 / 30%);
border-radius:50px;
}
.osusume-user_box dd{
    margin-bottom:10px;
    line-height:1.5;
    }
    .osusume-user_box dt img{
    display:inline-block;
    margin-right:5px;
    } 
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 25px 10px 20px;
}
.osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
div.osusume-user_box ul li{
margin-bottom: 10px;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
border:4px solid #ff8c2a;
}
div.osusume-user_box ul li{
position: relative;
padding: 0 0 0 25px;
}
}
/*おすすめ枠ol*/
.osusume-user_box ol li:before{
border: 0;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
background: #ff5e00;
color: #fff;
font-size: 13px;
}
.osusume-user_box ol li:nth-of-type(1):before{
content: '1';
}
.osusume-user_box ol li:nth-of-type(2):before{
content: '2';
}
.osusume-user_box ol li:nth-of-type(3):before{
content: '3';
}
.osusume-user_box ol li:nth-of-type(4):before{
content: '4';
}
.osusume-user_box ol li:nth-of-type(5):before{
content: '5';
}
.osusume-user_box ol li:nth-of-type(6):before{
content: '6';
}
.osusume-user_box ol li:nth-of-type(7):before{
content: '7';
}
.osusume-user_box ol li:nth-of-type(8):before{
content: '8';
}
.osusume-user_box ol li:nth-of-type(9):before{
content: '9';
}
.osusume-user_box ol li:nth-of-type(10):before{
content: '10';
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.osusume-user_box ol li{
padding: 0 0 0 29px;
}
}

/*------------------------
拡大ボタン
------------------------*/
body .post .imgExpansion{
text-decoration: none;
}
span.img_kakudai{
display:block;
text-align:center;
background: #2e8cd5;
color:#fff;
padding:6px 0;
line-height: 1;
font-size: 12px;
}
span.img_kakudai:before{
content:'';
display:inline-block;
vertical-align: middle;
background-image:url('https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1739479054.png');
background-size:contain;
width:15px;
height:15px;
margin-right:4px;
background-repeat: no-repeat;
bottom: 1px;
position: relative;
}
@media screen and (max-width:360px){
span.img_kakudai:before{
width: 13px;
height: 13px;
top: -1px;
}
}

/*--------------------------------------------------------------
男女アイコン
-------------------------------------------------------------*/
.icon-m-mark{
display: -webkit-flex;
display: flex;
align-items:center;
}
.icon-m-mark:before{
content:"";
background:url(https://ieagent.jp/kurashi-plus/wp-content/uploads/2021/08/m-mark.png)no-repeat;
background-size:100%;
background-position:center;
display:inline-block;
width:14px;
height:20px;
margin-right:7px;
}
.icon-w-mark{
display: -webkit-flex;
display: flex;
align-items:center;
}
.icon-w-mark:before{
content:"";
background:url(https://ieagent.jp/kurashi-plus/wp-content/uploads/2021/08/w-mark.png)no-repeat;
background-size:100%;
background-position:-2px center;
display:inline-block;
width:18px;
height:20px;
margin-right:3px;
}

/*------------------------
ランキングタグ
------------------------*/
/* ラベル部分*/
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+24) th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon2 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_180521594.png);
}
.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1805397864.png);
}
.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1805576996.png);
}
.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1806182042.png);
}
.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1806361803.png);
}
.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_180656838.png);
}
.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1807221422.png);
}
.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1807411205.png);
}
.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1807596879.png);
}
.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1808215079.png);
}
.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1808388037.png);
}
.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1808564055.png);
}
.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1809160116.png);
}
.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1809336238.png);
}
.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1813360863.png);
}
.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1813565238.png);
}
.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1814155309.png);
}
.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1814335368.png);
}
.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1814503946.png);
}
.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1815086475.png);
}
.PRrank-icon2 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m20d_1812042882.png);
}
.PRrank-icon2 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m20d_18130488.png);
}
.PRrank-icon2 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m20d_1813037471.png);
}
/*------------------------------------------------------------
〇〇チームが検証しました
-------------------------------------------------------------*/
.kensyou-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 25px 0 8px;
}
.kensyou-wrap:before,.kensyou-wrap:after{
content:'';
display:inline-block;
width:10px;
height:2px;
background:#ff8c2a;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
main#main-lower .kensyou-wrap .midasi-kensyou{
max-width: 90%;
font-size: 18px;
font-weight: bold;
color:#ff8c2a;
margin: 0 10px;
}
.kensyou-wrap .midasi-kensyou img{
display: inline-block;
margin: -15px 3px 0 0;
width: 100px;
vertical-align: middle;
}
main#main-lower .kensyou-wrap + p {
margin: 0;
}
.kensyou-wrap + p img{
display: block!important;
margin: 0 auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.kensyou-wrap .midasi-kensyou{
font-size: 16px;
margin: 0 3px;
}
.kensyou-wrap .midasi-kensyou img{
width: 80px;
}
}
@media only screen and (max-width: 376px){
main#main-lower .kensyou-wrap .midasi-kensyou{
font-size: 15px;
max-width: 94%;
}
.kensyou-wrap .midasi-kensyou img{
width: 75px;
}
}
@media only screen and (max-width: 361px){
main#main-lower .kensyou-wrap .midasi-kensyou{
font-size: 14px;
}
.kensyou-wrap .midasi-kensyou img{
width: 68px;
}
}
@media only screen and (max-width: 321px){
main#main-lower .kensyou-wrap .midasi-kensyou{
font-size: 14px;
}
.kensyou-wrap .midasi-kensyou img{
width: 60px;
}
}

/*------------------------------------------------------------
諸々
-------------------------------------------------------------*/
th .imgBorder ~ br ,td .img-square ~ br {
display: block;
content: '';
}
table tr.kokusuru th {
background-color: #e1e1e1;
border-color: #d1d1d1;
}
table .img-square,table .imgBorder{
display: block!important;
margin: 0 auto;
}
div.osusume-user_box ul li a .aligncenter{
display: inline-block!important;
margin: 0;
}
.post table.table-scroll-fix tr td ul li{
margin: 0;
border-bottom: 0;
padding: 0;
line-height: 1.8;
}
img{
max-width: 100%;
}
.nendaiIcon{
border-radius: 4px;
padding: 3px 7px;
background: #efefef;
color: #ccc;
font-size: 80%;
}
.nendaiIcon_on{
background: #a7b4bd;
color: #fff;
border-radius: 4px;
padding: 3px 7px;
font-size: 80%;
}
.mokutekiIcon{
border-radius: 4px;
padding: 3px 7px;
background: #333;
color: #fff;
font-size: 80%;
}
.tdStar {
color: #fba000;
}
.aligncenter{
display: block!important;
margin: 0 auto;
}
main#main-lower .lead{
font-size: 11px;
color: #777;
}
main#main-lower p.talk-text {
color: #cc0000;
font-weight: bold;
margin: 0 ;
line-height: 2 ;
}

/*------------------------------------------------------------
ランキング詳細部分
-------------------------------------------------------------*/
table .acMenu{
margin: 10px 0;
}
.hyouka-main-wrap table td ul li{
padding: 0;
border-bottom: 0;
}
.hyouka-main-wrap > *:not(:last-child) {
margin-bottom: 20px;
}
main#main-lower .hyouka-main-wrap > p:not(:last-child) {
margin-bottom: 30px;
}
.hyouka-main-wrap .gachaBtn{
margin: 0 auto;
background: #ffd703;
color: #000;
font-size: 18px;
border-radius: 6px;
border: 2px solid #000;
position: relative;
}
.hyouka-main-wrap .gachaBtn:hover{
opacity:0.6;
}
.hyouka-main-wrap{
background: #FFF;
position: relative;
padding: 0;
margin-bottom: 60px;
}
.hyouka-main-wrap:last-child{
margin-bottom: 0;
}
.hyouka-main-wrap .hyouka-h3-name{
background: #000;
background: repeating-linear-gradient(314deg, #518bcc, #518bcc 6px, #5a91ce 6px, #5a91ce 16px);
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
width: auto;
margin-bottom:20px;
padding: 10px 10px 10px 0;
border:0;
}
main#main-lower .hyouka-main-wrap .h-main-name{
background:none;
margin:0;
padding: 0 0 0 72px;
color:#FFF;
line-height:normal;
border:0;
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;
}
main#main-lower .hyouka-main-wrap .hyouka-h3-name p{
background:none;
margin:1px 0 0 0;
padding:0;
line-height:normal;
color:#e1f1ff;
padding: 0 0 0 72px;
font-size:14px;
}
main#main-lower .hyouka-main-wrap .h-main-name:before{
content: '';
position: absolute;
top: -15px;
left: 15px;
font-size: 24px;
font-weight: bold;
color: #FFF;
z-index: 3;
bottom: auto;
margin: 0;
width: 38px;
height: 38px;
line-height: 43px;
text-align: center;
border-radius: 0;
background: #777;
}
main#main-lower .hyouka-main-wrap.h-no1 .h-main-name:before{
content: '1';
background: #dbbd4f;
}
main#main-lower .hyouka-main-wrap.h-no2 .h-main-name:before {
content: '2';
background: #c2c2c2;
}
main#main-lower .hyouka-main-wrap.h-no3 .h-main-name:before {
content: '3';
background: #9a6345;
}
main#main-lower .hyouka-main-wrap.h-no4 .h-main-name:before{
content: '4';
}
main#main-lower .hyouka-main-wrap.h-no5 .h-main-name:before{
content: '5';
}
main#main-lower .hyouka-main-wrap.h-no6 .h-main-name:before{
content: '6';
}
main#main-lower .hyouka-main-wrap.h-no7 .h-main-name:before{
content: '7';
}
main#main-lower .hyouka-main-wrap.h-no8 .h-main-name:before{
content: '8';
}
main#main-lower .hyouka-main-wrap.h-no9 .h-main-name:before{
content: '9';
}
main#main-lower .hyouka-main-wrap.h-no10 .h-main-name:before{
content: '10';
}
main#main-lower .hyouka-main-wrap.h-no11 .h-main-name:before{
content: '11';
}
main#main-lower .hyouka-main-wrap.h-no12 .h-main-name:before{
content: '12';
}
main#main-lower .hyouka-main-wrap.h-no13 .h-main-name:before{
content: '13';
}
main#main-lower .hyouka-main-wrap.h-no14 .h-main-name:before{
content: '14';
}
main#main-lower .hyouka-main-wrap.h-no15 .h-main-name:before{
content: '15';
}
main#main-lower .hyouka-main-wrap.h-no16 .h-main-name:before{
content: '16';
}
main#main-lower .hyouka-main-wrap.h-no17 .h-main-name:before{
content: '17';
}
main#main-lower .hyouka-main-wrap.h-no18 .h-main-name:before{
content: '18';
}
main#main-lower .hyouka-main-wrap.h-no19 .h-main-name:before{
content: '19';
}
main#main-lower .hyouka-main-wrap.h-no20 .h-main-name:before{
content: '20';
}
main#main-lower .hyouka-main-wrap .h-main-name:after{
content: '';
position: absolute;
display: block;
left: 15px;
top: 22px;
height: 0;
width: 0;
margin: 0;
background: none;
border-radius: 0;
border-left: 19px solid #777;
border-right: 19px solid #777;
border-bottom: 10px solid transparent;
z-index: 2;
}
main#main-lower .hyouka-main-wrap.h-no1 .h-main-name:after{
border-color:#dbbd4f;
border-bottom-color: transparent;
}
main#main-lower .hyouka-main-wrap.h-no2 .h-main-name:after{
border-color:#c2c2c2;
border-bottom-color: transparent;
}
main#main-lower .hyouka-main-wrap.h-no3 .h-main-name:after{
border-color: #9a6345;
border-bottom-color: transparent;
}
.hyouka-main-wrap:before{
position: absolute;
content: '';
top: -5px;
left: 10px;
border-bottom: solid 8px #555;
border-left: solid 6px transparent;
}
.hyouka-main-wrap.h-no1:before{
border-bottom: solid 8px #927b35;
}
.hyouka-main-wrap.h-no2:before{
border-bottom: solid 8px #9f9f9f;
}
.hyouka-main-wrap.h-no3:before{
border-bottom: solid 8px #584e49;
}
.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;
height: auto;
}
.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;
}
.hyouka-main-wrap .hyouka-main-head li{
font-size: 24px;
font-weight: bold;
line-height: 1;
}
.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;
}
.hyouka-main-wrap .osusume-user_box{
margin: 30px 4px 20px;
box-shadow: 0 0 0 4px #f8b500;
}
.hyouka-main-wrap .osusume-user_box .midasi p{
background: #fff;
color: #f8b500;
}
main#main-lower .hyouka-main-wrap .osusume-user_box .midasi02 p{
color: #48adc9;
}
.hyouka-main-wrap .osusume-user_box li:before{
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1842372097.png) no-repeat center / contain;
border:0;
}
.hyouka-main-wrap .osusume-user_box02 li:before{
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_184255165.png) no-repeat center / contain;
}

.hyouka-main-wrap .hyoukatable{
border: 1px solid #d3e1e5;
}
.hyouka-main-wrap .hyoukatable tr:first-of-type th{
background: #bfe3ff!important;
}
.hyouka-main-wrap .hyoukatable th{
background: #eaf6ff;
border-right: 1px solid #d3e1e5;
border-bottom: 1px solid #d3e1e5;
}
.hyouka-main-wrap .hyoukatable td{
background: #fff;
border-right: 1px solid #d3e1e5;
border-bottom: 1px solid #d3e1e5;
}
main#main-lower .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;
}
main#main-lower .hyouka-main-wrap .h-merit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1843133807.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
}
main#main-lower .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;
}
main#main-lower .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;
}
main#main-lower .hyouka-main-wrap .h-demerit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1844404674.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
}
main#main-lower .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;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi{
position: relative;
margin: 40px 0 18px;
color: #565d60;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
font-size: 18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e0e0e0;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1844585554.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
margin: 0;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #787d7f;
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, #898e90 0%, #898e90 50%, #787d7f 50%, #787d7f 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
border: 0;
margin: 0;
}
.hyouka-main-wrap .hyouka-box-in{
border: 0;
width: auto;
margin: 20px 2px;
background: #fff;
box-shadow: 0 0 0 1px #d3e1e5;
border-radius: 5px;
padding: 15px;
}
main#main-lower .hyouka-main-wrap .hyouka-Btn{
background: #e6eef2;
padding: 30px 0;
margin: 40px 0 0 0;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: 80%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 18px 50px;
text-align: left;
line-height: 1.4;
margin-top: 0;
font-weight: bold;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn:before{
right: 24px;
}
.hyouka-box-name{
width:100%;
display: -webkit-flex;
display: flex;
align-items:center;
margin-bottom:10px;
margin-top: 0;
}
.hyouka-box-name dt{
margin-right:10px;
width:35px;
}
.hyouka-box-name dt img{
width:35px;
}
.hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
}
.hyouka-box-name dd p{
margin:0!important;
padding:0!important;
}
.hyouka-box-name dd p span{
font-size:12px;
color:#888;
}
.hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
.hyouka-box-name dd .hyouka-hoshi img{
width:80px;
margin-right:10px;
}
.hyouka-box-name dd{
font-size:12px;
color:#999;
}
.hyouka-good{
margin:15px 0 0;
}
.hyouka-good dt{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #555;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.3;
}
.hyouka-good dt div:first-of-type{
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
color: #ff92be;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1845209175.png) no-repeat 0 center;
background-size: 14px;
padding-left: 20px;
min-width: 64px;
}
.hyouka-good dt div:nth-of-type(2){
display: flex;
align-items: center;
padding-left: 1em;
text-indent: -1em;
}
.hyouka-good dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
}
.hyouka-bad dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
line-height:1.3;
}
.hyouka-good dt p{
padding:0;
margin:0;
}
.hyouka-good dd{
font-size:14px;
line-height:1.6;
color:#333;
margin-top:12px;
}
.hyouka-bad{
margin:15px 0 0;
}
.hyouka-bad dt{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #555;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hyouka-bad dt div:first-of-type{
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
color: #4e6275;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1845394899.png) no-repeat 0 center;
background-size: 14px;
padding-left: 20px;
min-width: 64px;
}
.hyouka-bad dt div:nth-of-type(2){
display: flex;
align-items: center;
padding-left: 1em;
text-indent: -1em;
}
.hyouka-bad dt p{
padding:0;
margin:0;
}
.hyouka-bad dd{
font-size: 14px;
line-height: 1.6;
color: #333;
margin-top: 12px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
	dl.hyouka-box-name dd{
margin: 0;
	}
	dl.hyouka-good dd,dl.hyouka-bad dd{
		margin: 12px 0 0;
	}
.hyouka-main-wrap{
margin-bottom: 40px;
width: 100%;
}
main#main-lower .hyouka-main-wrap .hyouka-h3-name{
width:100%;
margin:0px;
margin-bottom:20px;
}
.hyouka-main-wrap:before{
top: -5px;
left: 6px;
}
.post .hyouka-main-wrap .hyouka-main-head .gachaBtn{
font-size: 16px;
padding: 0 38px;
line-height: 34px;
width: 100%;
}
main#main-lower .hyouka-main-wrap .h-main-name:after{
border-left: 18px solid #777;
border-right: 18px solid #777;
border-bottom: 8px solid transparent;
left: 11px;
top: 20px;
}
main#main-lower .hyouka-main-wrap .h-main-name:before{
width: 36px;
height: 36px;
line-height: 41px;
left: 11px;
}
main#main-lower .hyouka-main-wrap .h-main-name{
padding-left: 60px;
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;
}
.hyouka-main-wrap .hyouka-main-head li{
font-size: 18px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
font-size: 24px;
margin-left: 8px;
}
.hyouka-main-wrap .osusume-user_box{
box-shadow: 0 0 0 3px #f8b500;
margin: 30px 3px 20px;
}
.hyouka-main-wrap .osusume-user_box li{
padding: 0 0 0 30px;
font-weight:bold;
}
main#main-lower .hyouka-main-wrap .h-merit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-merit:before{
width: 36px;
height: 36px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1843133807.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-merit:after{
width: 36px;
height: 36px;
}
main#main-lower .hyouka-main-wrap .h-demerit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-demerit:before{
width: 36px;
height: 36px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1844404674.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-demerit:after{
width: 36px;
height: 36px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:before{
width: 36px;
height: 36px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1844585554.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:after{
width: 36px;
height: 36px;
}
.hyouka-main-wrap .hyouka-good dt div:nth-of-type(2),.hyouka-main-wrap .hyouka-bad dt div:nth-of-type(2){
width: 85%;
}
main#main-lower .hyouka-main-wrap .hyouka-Btn{
padding: 20px 16px;
margin-top: 30px;
width: 100%;
}
.post .hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: 100%;
padding: 10px 30px;
font-size: 16px;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn:before {
right: 8px;
}

}
@media only screen and (max-width: 376px){
.hyouka-main-wrap{
margin-bottom: 60px;
}
.hyouka-main-wrap .hyouka-main-icon {
width: 90px;
height: 90px;
display: flex;
align-items: center;
}
.post .hyouka-main-wrap .gachaBtn{
font-size: 14px;
padding: 6px 38px;
}
.hyouka-main-wrap .hyouka-main-head li {
font-size: 16px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
font-size: 22px;
}
}

/*------------------------
hyouka-box-in
------------------------*/
.hyouka-box-in{
background: #fff;
box-shadow: 0 0 0 1px #d3e1e5;
border-radius: 5px;
padding: 15px;
}
.article > .hyouka-box-in{
margin-left: 22px;
margin-right: 22px;
margin-bottom: 20px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.article > .hyouka-box-in{
margin-left: 2px;
margin-right: 2px;
}
}

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

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.flow-wrap .box{
padding: 0 0 16px 26px;
}
main#main-lower .flow-wrap .step-midasi{
font-size: 16px;
margin: 0;
}
main#main-lower .flow-wrap .step-text{
padding-bottom: 8px;
}
}

/*------------------------
フロー調整
------------------------*/
.flow-wrap .step table,.flow-wrap .step ul{
color: #333;
}
.flow-wrap .step table:not(:last-child),.flow-wrap .step ul:not(:last-child){
margin-bottom: 20px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.flow-wrap .step table:not(:last-child),.flow-wrap .step ul:not(:last-child){
margin-bottom: 14px;
}
}

/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.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 .sl-close{
right: 0px;
z-index:2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 2rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 2147483647;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 2147483647;
}
.sl-wrapper .sl-image img {
margin: 0 auto;
padding: 0;
display: block;
border: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0,0,0,.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 2147483647;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-ms-keyframes pulsate {
0%,100% {
opacity: 0
}
0% {
transform: scale(.1)
}
50% {
opacity: 1
}
100% {
transform: scale(1.2)
}
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper .sl-close{
right: 0px;
z-index: 2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 2rem;
}
}

/*------------------------
吹き出し-table
------------------------*/
div.post table.comment-box{
margin-bottom: 22px;
border:0;
display: table;
}
table.comment-box tr{
display: -webkit-flex;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
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;
}
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;
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: 9px solid transparent;
border-top-color: #fff;
z-index: 2;
margin: 0;
}
table.comment-box .comment-icon{
text-align:center;
width:90px;
min-width: 90px;
border:0;
line-height: 1;
padding: 0 0 0 10px;
}
table.comment-box .comment-icon:last-child{
padding: 0 10px 0 0;
}
table.comment-box .comment-icon img{
width:60px;
height: auto;
}
table.comment-box .come-name{
display:block;
font-size:12px;
margin-top:8px;
color:#555;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
table.comment-box .comment-icon{
text-align:center;
width:80px;
min-width: 80px;
padding: 0;
}
table.comment-box .comment-txt-r,table.comment-box .comment-txt-l{
line-height: 1.8;
padding: 10px;
margin: 0 10px;
}
}

/*------------------------
おすすめマッチングアプリ
------------------------*/
.osusumeApp-wrap {
margin-bottom: 20px;
}
.osusumeApp-wrap .hukidasi{
background: #ff5d65;
border-radius: 5px;
position: relative;
width: 300px;
margin: 0 auto 10px;
text-align:center;
z-index: 3;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.osusumeApp-wrap .hukidasi:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 15px 0 15px;
border-color: #ff5d65 transparent transparent transparent;
position:absolute;
left:0;
right:0;
bottom:-16px;
margin:auto;
}
.osusumeApp-wrap .app-list{
background:#D5F1FF;
border-radius: 5px;
padding: 10px;
}
.osusumeApp-wrap .app-box{
background: #fff;
border-radius: 6px;
margin-bottom: 10px;
padding: 15px 15px;
position: relative;
}
.osusumeApp-wrap .app-box:last-of-type{
margin: 0;
}
main#main-lower .osusumeApp-wrap .copy{
text-align: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 25px;
line-height: 1.4;
color:#555;
position:relative;
}
.osusumeApp-wrap .copy:before{
content: '';
display: inline-block;
width: 26px;
height: 19px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1938306878.png) no-repeat center / contain;
margin-right: 5px;
}
.osusumeApp-wrap .copy:after{
content:"";
position:absolute;
background:#ffedc6;
width:100%;
height:3px;
border-radius:5px;
bottom:-10px;
left:0;
}
.osusumeApp-wrap .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding: 0;
}
.osusumeApp-wrap .app-imgBox{
width:100px;
box-sizing: border-box;
background:#f7f7f7;
padding:10px;
border-radius:5px;
display: flex;
align-items: center;
}
.osusumeApp-wrap .app-imgBox a{
display: block;
}
.osusumeApp-wrap .app-imgBox a:hover{
opacity: 0.6;
}
.osusumeApp-wrap .app-imgBox img{
width: 80px;
border-radius: 5px;
}
.osusumeApp-wrap .text-box{
padding-left: 20px;
width: calc(100% - 100px);
}
main#main-lower .osusumeApp-wrap .app-name{
font-weight: bold;
font-size: 18px;
color:#555;
line-height:normal;
margin: 0;
}
main#main-lower .osusumeApp-wrap .app-name a{
text-decoration: none;
}
.osusumeApp-wrap .text-box .link-wrap{
margin: 5px 0 0 0!important;
text-align: right;
font-size: 14px;
}
.osusumeApp-wrap .text-box .link-wrap a{
text-decoration:none;
}
.osusumeApp-wrap .text-box li{
position: relative;
display:flex;
align-items:center;
font-size:13px;
color:#555;
}
.osusumeApp-wrap .text-box li:before{
content: '';
display: inline-block;
left: 0;
top:0;
background:#ff8c2a;
width:5px;
height:5px;
border-radius:50%;
margin-right:10px;
}
.osusumeApp-wrap.mokutekibetu .app-list{
padding-top: 20px;
}
.osusumeApp-wrap.mokutekibetu .app-box{
padding-top: 35px;
margin-bottom:28px;
}
.osusumeApp-wrap.mokutekibetu .app-box:last-of-type{
margin-bottom: 0;
}
main#main-lower .osusumeApp-wrap.mokutekibetu .mokuteki{
position: absolute;
border-radius: 50px;
padding: 4px 15px 4px 35px;
font-weight: bold;
font-size: 14px;
box-shadow:0 0 0 3px #D5F1FF;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1938514133.png) no-repeat left 10px center / 16px #fffcd5;
left: 20px;
top: -12px;
margin: 0;
color:#ff7b00;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusumeApp-wrap .text-box .link-wrap {
font-size: 12px;
}
.osusumeApp-wrap .hukidasi{
font-size: 16px;
width: 80%;
min-width: 290px;
margin-bottom: 10px;
}
.osusumeApp-wrap .app-list{
padding: 10px;
}
.osusumeApp-wrap .app-box{
margin-bottom: 10px;
padding: 10px 10px;
}
.osusumeApp-wrap .app-box:last-of-type{
margin: 0;
}
main#main-lower .osusumeApp-wrap .copy{
font-size: 15px;
margin-bottom: 20px;
}
.osusumeApp-wrap .copy:before{
position: relative;
top: 2px;
}
.osusumeApp-wrap .app-imgBox{
width: 90px;
}
.osusumeApp-wrap .text-box{
padding-left: 10px;
max-width: calc(100% - 90px);
}
main#main-lower .osusumeApp-wrap .app-name{
font-size: 16px;
margin-bottom:5px;
}
.osusumeApp-wrap.mokutekibetu .app-list{
padding-top: 25px;
}
.osusumeApp-wrap.mokutekibetu .app-box{
margin-bottom:26px;
padding-top: 30px;
}
.osusumeApp-wrap.mokutekibetu .app-box:last-of-type{
margin-bottom: 0;
}
main#main-lower .osusumeApp-wrap.mokutekibetu .mokuteki{
padding: 3px 10px 3px 30px;
font-size: 12px;
background: url(https://www.pair-full.jp/img/column/uploads/2022/08/2022y08m31d_1938514133.png) no-repeat left 8px center / 14px #fffcd5;
left: 16px;
top: -12px;
}
}


/*------------------------------------------------------------
Q&A (Qをh3に変更)
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
main#main-lower div.post .qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px!important;
font-size: 15px;
background:none!important;
margin:10px 0 15px 0!important;
font-size: 15px!important;
color: #333;
border:0;
}
main#main-lower div.post .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 24px;
height: 24px;
line-height: 23px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
}
main#main-lower div.post .qa-wrap p{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 30px 0;
}
main#main-lower div.post .qa-wrap p:last-of-type{
margin:0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 24px;
height: 24px;
line-height: 23px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
padding: 0 0 0 1px;
}
.qa-wrap p + p:nth-child(n+1):before{
display:none;
}
main#main-lower div.post .qa-wrap dt h3:before{
display:none;
}
main#main-lower div.post .qa-wrap h3:after{
content: '';
display: block;
width: 100%;
height: 1px;
background: #ccc;
position: absolute;
top: -20px;
left:0;
}
main#main-lower div.post .qa-wrap h3{
margin-top:40px!important;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
main#main-lower div.post .qa-wrap h3{
font-size: 14px!important;
}
main#main-lower div.post .qa-wrap h3:before{
width: 24px;
height: 24px;
line-height: 23px;
font-size: 13px;
}
main#main-lower div.post .qa-wrap p{
font-size: 14px;
}
.qa-wrap p:before{
width: 24px;
height: 24px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
}
}

/*-------------------------------------------------------
テーブルアイコンデザイン
-------------------------------------------------------*/
.iconNijyumaru{
border:2.5px solid #ff7171;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
background:#fff;
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;
}
.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%;
}

/*-------------------------------------------------------
◎○△× 文字と並べる
-------------------------------------------------------*/
.iconNijyumaru-text{
border:2.5px solid #ff7171;
box-sizing:border-box;
display: inline-block;
width: 16px;
height: 16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
background:#fff;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconNijyumaru-text: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: 8px;
height: 8px;
border-radius:50%;
margin:auto;
}
.iconMaru-text{
border:3.5px solid #318fd2;
box-sizing:border-box;
display: inline-block;
width:16px;
height:16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconSnkaku-text{
box-sizing:border-box;
display: inline-block;
width:16px;
height:14px;
margin: -3px 8px 0 0;
position:relative;
border-right: solid 8px transparent;
border-left: solid 8px transparent;
border-bottom: solid 14px #57ab6a;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text{
box-sizing:border-box;
display: inline-block;
width:18px;
height:18px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text::before, .iconBatu-text::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 2px);
left:14%;
border-radius:1px;
}
.iconBatu-text::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}
.post-data time:after {
content: "PR";
margin-left: 10px;
background: #c6c6c6;
padding: 1px 7px 3px 7px;
border-radius: 8px;
color: #fff;
font-size: 12px;
}

/*------------------------
順位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://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1527356918.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(3) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1527432491.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(4) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1528297825.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(5) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546048627.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(6) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546058744.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(7) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546069512.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(8) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546079774.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(9) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546089842.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(10) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546100233.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(11) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546110378.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(12) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546120473.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(13) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546130926.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(14) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546141116.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(15) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546151576.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(16) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546161799.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(17) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546171942.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(18) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546182247.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(19) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546192558.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(20) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546202256.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(21) td:first-of-type:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_154621246.png) no-repeat center / contain;
}
.zyuni-imgTable td:first-of-type::after{
content:'';
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
position: absolute;
box-sizing: border-box;
border: 1px solid #dde4e6;
z-index: 1;
}
.zyuni-imgTable td:first-of-type a{
position: relative;
z-index: 3;
display: inline-block;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.zyuni-imgTable td:first-of-type:before{
width: 34px;
height: 34px;
}
.rank-list-osusume dl dt{
padding: 0 15px;
}
}


/*------------------------------------------------------------
zyuni-imgTableとtable-scroll-fix併用
-------------------------------------------------------------*/
.zyuni-imgTable.table-scroll-fix th:first-child{
    z-index: 3;
    }
    .zyuni-imgTable.table-scroll-fix td:first-of-type{
    z-index: 2;
    position: static;
    }
    .zyuni-imgTable.table-scroll-fix td:first-of-type:before,.zyuni-imgTable.table-scroll-fix td:first-of-type::after{
    display: none;
    }
    .zyuni-imgTable.table-scroll-fix th:first-child:before{
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;   
    z-index: 999;
    }
    .zyuni-imgTable.table-scroll-fix th:first-child::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.table-scroll-fix th:first-child a{
    position: relative;
    z-index: 3;
    display: inline-block;
    line-height: 1.2;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(2) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1527356918.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(3) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1527432491.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(4) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1528297825.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(5) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546048627.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(6) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546058744.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(7) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546069512.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(8) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546079774.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(9) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546089842.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(10) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546100233.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(11) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546110378.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(12) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546120473.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(13) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546130926.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(14) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546141116.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(15) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546151576.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(16) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546161799.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(17) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546171942.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(18) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546182247.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(19) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546192558.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(20) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1546202256.png) no-repeat center / contain;
    }
    .zyuni-imgTable.table-scroll-fix tr:nth-of-type(21) th:first-child:before{
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_154621246.png) no-repeat center / contain;
    }
    .zyuni-imgTable td:first-of-type:nth-child(2){
    z-index: 1;
    }
    .zyuni-imgTable td:first-of-type:nth-child(2) a{
    z-index: 2;
    }
    @media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
    .zyuni-imgTable.table-scroll-fix th:first-child:before{
    width: 34px;
    height: 34px;
    }
    }

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

/*------------------------------------------------------------
タブ
-------------------------------------------------------------*/
body div.tab-area{
border-radius: 3px;
border: 3px solid #eee;
margin: 0 0 1.5em;
}
.tab-area div[class*="tab_"]{
padding: 20px;
}
.tab-area div[class*="tab_"] > *:last-child{
margin-bottom: 0!important;
}
.tab-area .common-tab{
display: flex;
margin: 0!important;
background: #eee;
box-sizing: border-box;
justify-content: initial;
width: 100% !important;
}
.tab-area .common-tab li{
display: inline-block;
margin: 0 3px 0 0 !important;
padding: 11px 15px!important;
box-sizing: border-box;
line-height: 1.4!important;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #333;
font-size: 13px;
cursor: pointer;
transition: all .2s;
border-bottom: none;
width: initial;
flex-grow: initial;
}
.tab-area .common-tab li:last-child{
margin: 0!important;
}
.tab-area .common-tab li:hover{
background: #f5f5f5;
}
.tab-area .common-tab li.tabactive {
background: #fff;
cursor: default;
}
.tab-area .common-tab a{
    text-decoration: none;
    background: linear-gradient(transparent 80%, #f8c8d1 0%) !important;
    font-weight: 700;
    color: initial;
    border-right: none;
    padding: 0;
    display: inline-block;
}
.tab-area .common-tab a:active, .tab-area .common-tab a:hover{
color: #333;
}
.hide {
    display: none!important;
}
.tab-area .common-tab li a:hover{
    padding: 0;
    border-right: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.tab-area div[class*="tab_"]{
padding: 12px;
}
.tab-area .common-tab li{
font-size: 12px;
padding: 10px 15px!important;
}
}

/*------------------------------------------------------------
PRアコーディオン追加
-------------------------------------------------------------*/

dl.acMenu.PR-txt {
font-size: 12px;
margin-bottom: 20px;
}

dl.acMenu.PR-txt dt {
    text-align: left;
    border-radius: 0px;
    padding-left: 32px;
    padding-top: 3px;
    padding-bottom: 2px;
    margin-top: -8px;
}

dl.acMenu.PR-txt dt:before,
dl.acMenu.PR-txt dt:after {
    content: none;
}

dl.acMenu.PR-txt dt.active {
    background: #fff;
    border: solid 1px #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px !important;
    box-shadow: none;
    margin-top: -8px !important;
}

dl.acMenu.PR-txt dd {
    border: solid 1px #ddd;
    padding: 5px 15px;
}

dl.acMenu.PR-txt dd p:last-child {
    margin-bottom: 0px;
}

dl.acMenu.PR-txt dt:before {
    content: "";
    top: -5px;
    border: none;
    position: absolute;
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1621453547.png)no-repeat center / 100% 100%;
    width: 15px;
    height: 15px;
    margin-left: 8px;
}

dl.acMenu.PR-txt dt.active:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1621442659.png)no-repeat center / 100% 100%;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    dl.acMenu.PR-txt dd {
    padding: 5px 10px;   
}
}

/*--------------------------------------------------------
口コミ評価
-------------------------------------------------------*/
.new-kuchi-komi {
border: 1px solid #ccc;
padding: 16px;
border-radius: 6px;
margin-bottom: 20px;
}
.new-kuchi-komi .new-kk-head {
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.new-kuchi-komi .new-kk-head img {
width: 70px;
height: auto;
margin: 0;
}
.new-kuchi-komi .new-kk-head .new-kk-right {
margin-left: 10px;
}
.new-kuchi-komi .new-kk-head .new-kk-right p {
line-height: 1;
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 1px;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi {
color: #efb027;
box-shadow: 0 0 0 1px #efb027;
border-radius: 50px;
padding: 4px 10px;
font-size: 14px;
line-height: 1.1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi img {
width: 90px;
height: auto;
margin-left: 10px;
vertical-align: bottom;
}
.new-kuchi-komi .new-kk-bottom .good,
.new-kuchi-komi .new-kk-bottom .bad {
font-weight: bold;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 2 !important;
}
.new-kuchi-komi .new-kk-bottom .good{
color: #cc0000;
}
.new-kuchi-komi .new-kk-bottom .bad{
color:#357ce0;
}
.new-kuchi-komi .new-kk-bottom .text-normal {
font-weight: normal;
font-size: 14px!important;
margin:0px !important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.new-kuchi-komi {
padding: 12px 12px 2px 12px;
margin-bottom: 16px;
}
.new-kuchi-komi .new-kk-bottom p {
line-height: 1.5!important;
font-size: 16px !important;
}
.new-kuchi-komi .new-kk-bottom p.text-normal {
        margin: 0 0 15px 0 !important;
}
}

/*--------------------------------------------------------
アイコン回転ボタン
-------------------------------------------------------*/
a.icon_rotate-btn:before {
    content: "";
    width: 25px;
    height: 25px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 16x;
    left: 52px;
    position: absolute;
    animation: icon_rotate 0.64s linear infinite alternate;
}
a.r_arrow:before{
    background: url(https://img.match-apps.jp/altema/uploads/2023/07/2023y07m10d_1313277956.png)no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.jyoubu:before {
    background: url(https://img.match-apps.jp/altema/uploads/2023/07/2023y07m10d_1313277956.png)no-repeat center / 100% 100%;
    content: "";
    width: 25px;
    height: 25px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 6px;
    left: 37px;
    position: absolute;
    animation: icon_rotate 0.64s linear infinite alternate;
}
.table-type2 .btn-wrap a.icon_rotate-btn.r_arrow,.btn-wrap a.btn-dl.jyoubu  {
    box-shadow: 0 4px 0 0 #e4255f;
    background: #ff5f9b;
    width: 62%;
    margin: 4px auto 5px;
    font-size: 14px;
    padding: 7px 0 3px 0;
}
a.bt-dl.jyoubu.r_arrow:before, a.bt-dl.jyoubu.r_arrow:before {
    background: url(https://img.match-apps.jp/altema/uploads/2023/07/2023y07m10d_1313277956.png)no-repeat center / 100% 100%!important;
    content: "";
    width: 23px;
    height: 23px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    /* top: 6px; */
    /* left: 30px; */
    /* position: absolute; */
    animation: icon_rotate 0.64s linear infinite alternate;
}
.rank-list-appicon li a.bt-dl.jyoubu.r_arrow {
    padding-right: 18px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
a.icon_rotate-btn:before {
    top: 9px;
    left: 38px;
}
.table-type2 .btn-wrap a.icon_rotate-btn.r_arrow, .table-type2 .btn-wrap a.btn-dl.jyoubu {
    margin: 0 auto;
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: 17px !important;
    padding: 7px 0 3px 8px !important;
}
.table-type2 .btn-wrap a.btn-dl.jyoubu:before {
    background: url(https://img.match-apps.jp/altema/uploads/2023/07/2023y07m10d_1313277956.png)no-repeat center / 100% 100%;
    content: "";
    width: 25px;
    height: 25px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 8px;
    left: 20px;
    position: absolute;
    animation: icon_rotate 0.64s linear infinite alternate;
}
.rank-list-appicon li a.bt-dl.jyoubu.r_arrow {
    padding-right: 27px;
}
}
@media screen and (max-width: 400px) {
.table-type2 .btn-wrap a.btn-dl.jyoubu:before{
        top: 9px;
        left: 12px;
}
}
@media screen and (max-width: 380px) {
.table-type2 .btn-wrap a.btn-dl.jyoubu:before{
        top: 11px;
        left: 8px;
}
}
@keyframes icon_rotate {
 0% {
 transform: rotate(15deg);
}
 100% {
 transform: rotate(55deg);
}
}
p span.wexal-youtube{
    display: block;
    }
.table-scroll-fix a.gachaBtn:after {
    content:none;
}
a.icon.jyoubu img {
    width: 65px;
    height: 65px;
}
/*------------------------------------------------------------
table-type2
-------------------------------------------------------------*/
.table-type2{
font-size: 14px;
line-height: 1.8;
table-layout: auto;
}
.table-type2 tr:nth-of-type(1) ~ tr th{
width: 35%;
}
.table-type2 tr:first-of-type ~ tr th:first-of-type{
background: #fff;
}
.table-type2 tr:first-of-type ~ tr th:first-of-type  a{
font-size: 12px;
display: inline-block;
}
.table-type2 tr:first-of-type ~ tr th:first-of-type  a img{
width: 65px;
height: 65px;
border-radius: 8px;
margin-bottom: 6px;
}
.table-type2 td:last-child{
padding: 10px 0 7px 7px;
line-height: 2.2;
}
div.post .table-type2 ul{
margin: 0;
}
.post .article .table-type2 li{
font-size: 12px;
line-height: 1.8;
border: 0;
margin: 0;
padding: 0;
}
.table-type2 li .b{
background: none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
    .table-type2 th{
    line-height: 1.8;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .table-type2{
    font-size: 3.7vw;
    line-height: 2;
    table-layout: auto;
    }
    .table-type2 tr:first-of-type ~ tr th:first-of-type{
    background: #fff;
    line-height: 1.8;
    }
    .table-type2 tr:first-of-type ~ tr th:first-of-type  a{
    font-size: 12px;
    display: inline-block;
    }
    .table-type2 tr:first-of-type ~ tr th:first-of-type  a img{
    width: 65px;
    height: 65px;
    border-radius: 8px;
    margin-bottom: 6px;
    }
    .table-type2 td:last-child{
    padding: 10px 0 7px 7px;
    line-height: 2.2;
    }
    .table-type2 ul{
    margin: 0;
    }
    #container .post .article .table-type2 li{
    font-size: 12px;
    line-height: 1.8;
    border: 0;
    margin: 0;
    }
    .table-type2 li .b{
    background: none;
    }
}
/*------------------------------------------------------------
テーブル内ボタン
-------------------------------------------------------------*/
main#main-lower .table-type2 .btn-wrap{
line-height: 2;
margin:0;
}
.table-type2 .btn-wrap a{
line-height: 28px;
font-size: 14px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 7px 0 3px 0;
text-decoration: none;
display: block;
background: #ff0260;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
.table-type2 .btn-wrap a:hover{
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
    .table-type2 .btn-wrap a{
    line-height: 28px;
    font-size: 21px !important;
    text-align: center;
    position: relative;
    width: 100% !important;
    margin-top: 4px;
    padding: 20px 5px 18px 5px !important;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    color: #FFF;
    font-weight: bold;
    border-radius: 50px;
    margin: 4px 0;
    -webkit-transition: opacity .3s, background-color .3s;
    transition: opacity .3s, background-color .3s;
    }
    .table-type2 td .btn-wrap a {
    font-size: 14px !important;
    padding: 7px 0px 3px 0 !important;
    width: 95% !important;
    }
    }
#main-lower .bt-dl, #main-lower .btn-dl, #main-lower .osusume-list-box ul.rankingBtn li a.btn-dl {
    margin-left: auto !important;
    margin-right: auto !important;
}
/*------------------------------------------------------------
ランキングテーブル内ボタン
-------------------------------------------------------------*/
ul#rankingBtn {
    margin: 0;
}
.post td ul#rankingBtn li {
    margin: 0 !important;
}
#rankingBtn li a{display:flex;justify-content:center;align-items:center;width:50%;margin:0 auto;padding:0}
div.post table.rank-list-appicon td ul#rankingBtn li {
    padding: 5px 0;
}
#rankingBtn li a.bt-dl,
#rankingBtn li a.bt-syousai{
    width: 70px;
    line-height: 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight:bold;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding:6px 15px;
margin-bottom:10px;
}
#rankingBtn li a.bt-dl { /*公式ボタン*/
background: #ff0260;
box-shadow: 0 3px 0 0 #9a2649;
width: max-content;
min-width: 50%;
}
#rankingBtn li a.bt-syousai{ /*詳細ボタン*/
background: #2f9ac6;
box-shadow: 0 3px 0 0 #2680a5;
}
#rankingBtn li:first-of-type a:before {
display:none !important;
}
ul#rankingBtn li a.bt-dl.color-green{
    background: #76bd14!important;
    box-shadow: 0 3px 0 0 #60a008;
    }
/*--------------------------------------------------------
bt-dl(別タブ)、btn-dl(指さし)アイコン追加
-------------------------------------------------------*/
.btn-dl:before,#rankingBtn li:first-of-type .bt-dl:before,.osusume-list-box .rankingBtn li a.btn-dl:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m29d_1115501794.png)no-repeat center / 100% 100%;
    display: inline-block;
    margin: 0 6px 0 0;
    top: 1px;
    position: relative;
    z-index: 0;
}
.osusume-list-box .rankingBtn li a.btn-dl:before{
    top: 0;
}
.rank-list-osusume #rankingBtn li:first-of-type .bt-dl:before{
    top: 1px;
}
.osusume-list-box dl .osusume_app_layout .btn-dl:before{
    display: none;
}
div.table-type2 a.btn-dl:before {
    display: none;
}
#osusumerank.rank-list-appicon #rankingBtn li a.bt-dl,#osusumerank.rank-list-appicon #rankingBtn li a.bt-syousai{
    width: 80px;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    min-width: 70%;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
    #rankingBtn li:first-of-type .bt-dl:before{
        content: none;
        width: 12px;
        height: 12px;
        background: url(https://img.match-apps.jp/altema/uploads/2022/10/2022y10m21d_1939267529.png)no-repeat center / 100% 100%;
        display: inline-block;
        margin: 0 6px 0 0;
        top: 1px;
        position: relative;
        z-index: 0;
    }
    #osusumerank.rank-list-appicon #rankingBtn li a.bt-dl, #osusumerank.rank-list-appicon #rankingBtn li a.bt-syousai{
        width: auto;
        min-width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*--------------------------------------------------------
おすすめ枠
--------------------------------------------------------*/
.osusume-list-box{
display: block;
position: relative;
border: 3px solid #55c26d;
padding: 10px 10px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}
.osusume-list-box dl:first-of-type{
margin-top:24px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl{
margin-top:15px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl dt{
display:block;
position:absolute;
top:-40px;
left:-3px;
background:#55c26d;
padding: 0 26px;
line-height: 40px;
margin:20px 0;
box-sizing:border-box;
border-radius:5px;
color:#FFF;
font-weight: bold;
}
.osusume-list-box dl dd{
margin:0 0 0;
padding:0;
line-height:1.6;
}
.osusume-list-box dl dd span{
font-weight:bold;
text-decoration:none!important;
border-bottom:0px solid #af1010;
padding:0px 3px 5px;
display: -webkit-flex;
display: flex;
align-items: center;
}
.osusume-list-box dl .osusume_app_layout{
background:none;
position:relative;
padding:0px 5px 15px;
margin:0 0 10px;
border-bottom:2px dashed #c6c6c6;
border-radius:0;
display: -webkit-flex;
display: flex;
text-decoration:none;
padding:0 0 15px 0;
cursor:pointer;
top:0;
left:0;
}
.osusume-list-box dl .osusume_app_layout a{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.osusume-list-box dl .osusume_app_layout img{
border-radius: 6px;
border: 1px solid #bebfc1;
box-sizing: border-box;
}
.osusume-list-box .osusume_app_layout:hover{
opacity:0.6;
cursor:pointer;
}	
.osusume-list-box dl dd span + br{
display:none;
}
.osusume-list-box dl dd a:last-child{
font-weight:bold;
border-bottom: 1px solid #2188e0;
text-decoration:none!important;
padding:0 3px;
line-height:normal;
display:inline-block;
}
.osusume-list-box dl dd span img{
margin:0 5px 0 0;
border:0;
border-radius:8px;
box-shadow:0 0 0 1px #ccc;
}
.osusume-list-box dl dd span:hover{
border-bottom:0px dashed #fb568e;
transition: .6s ease-out;
}
.osusume-list-box dl dd span:empty {
display: none;
}
.osusume-list-box.links-icon dl dd span a:last-child:after{
content:"";
background-size:13px;
width:13px;
height:13px;
display:inline-block;
margin-left:10px;
}
.osusume-list-box .osusume_app_layout div{
display:block;
line-height:1.35;
color:#333;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle div:first-of-type{
font-weight:bold;
font-size:20px;
color:#2188e0;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle div:last-of-type{
border-bottom:2px solid #ff0260;
box-sizing:border-box;
font-size:15px;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle{
padding:0 10px;
}
.osusume-list-box .rankingBtn li a.btn-dl{
text-decoration:none!important;
display:block!important;
background:#ff0260!important;
box-sizing:border-box;
color:#FFF!important;
font-weight:bold!important;
border-radius:50px!important;
box-shadow:0 2px 0 0 #9a2649!important;
line-height:25px!important;
margin: 8px 0 4px 0!important;
padding: 6px!important;
font-size: 16px!important;
text-align: center;
width: 300px;
    margin-left: auto !important;
    margin-right: auto !important;
}
a.btn-dl.midoriwaku span {
    color: #fff;
}
.osusume-list-box .osusume_app_layout p:empty{
display:none;
}
.osusume-list-box .osusume_app_layout br{
display:none;
}
.osusume-list-box .osusume_app_layout + p{
display:none;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle + p{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-list-box{
font-size: 3.9vw;
}
.osusume-list-box .rankBtnLR .rankingBtn {
display: block!important;
margin: 0 0 10px!important;
}
.osusume-list-box .rankingBtn li {
display: block;
border: 0!important;
margin: 0 0 8px!important;
}
.osusume-list-box .rankingBtn li a.btn-dl{
width: 100%;
}
}
/*--------------------------------------------------------
引用ボックス
--------------------------------------------------------*/
.protxtBox1{
background-color:#fffbe1;
border:1px solid #bababa;
border-radius:10px;color:#494949;
}
.protxtBox2,
.protxtBox3{
border:1px solid #bababa;
background-color:#fffbe1;
}
.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
}
.protxtBox1 div{
background-image:url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1129114916.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;
}
.protxtBox1 dt, .protxtBox1 dd,
.protxtBox2 dt, .protxtBox2 dd,
.protxtBox4 dt, .protxtBox4 dd {
    line-height: 2;
    font-size: 16px;
}
.protxtBox2 div {
    background-image: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_112842978.png);
    color: #282828;
    background-position: left;
}
.protxtBox3 {
    border-radius: 10px;
    color: #494949
}
.protxtBox3 div {
    background-image: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1322138314.png);
    color: #282828
}
.protxtBox4 {
    background-color: #fffbe1;
    border: 1px solid #bababa;
    border-radius: 10px;
    color: #494949
}
.protxtBox4 div {
    background-image: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1322149975.png);
    color: #282828
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.protxtBox1 dt,
.protxtBox2 dt,
.protxtBox3 dt,
.protxtBox4 dt{
font-size:12px;
margin-bottom:5px;
}
}
/*--------------------------------------------------------
オーバーレイ(追尾バナー)
--------------------------------------------------------*/
.cv-over-bt {
    display: none;
}
div.footer-navi-wrap.short-cord {
    display: none !important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    .cv-over-bt {
        position: fixed;
        bottom: 0;
        text-align: right;
        z-index: 99;
        font-size: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        display: block;
    }
    .cv-over-bt input {
        display: none;
    }
    body.home.blog div.footer-navi-wrap.short-cord {
        position: fixed;
        bottom: 110px;
        right: 10px;
        opacity: .8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/*--------------------------------------------------------
テーブル内などの不要な空白行を不可視にする
--------------------------------------------------------*/
table p:empty {
    display: none !important;
}
/*--------------------------------------------------------
画像装飾
--------------------------------------------------------*/
img.iconwaku {
    border: 1px solid #dde4e6;
    border-radius: 10px;
}
/*--------------------------------------------------------
ペアフルオリジナルボタン(gachaBtn)の修正_いつか消す
-------------------------------------------------------*/
/*基本のボタンデザイン*/
a.gachaBtn{
    background: #ff0260 !important;
        box-shadow: 0 3px 0 0 #9a2649 !important;
        line-height: 20px!important;
        min-width: 50%;
        border-radius: 50px !important;
        font-size: 11px;
        padding: 2px 15px !important;
        margin: 0 auto ! Important;
        width: max-content !important;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    a.gachaBtn{
    width: 100%!important;
    margin-bottom: 5px !important;
    }
    }
    /*中サイズ*/
    a.gachaBtn.middleBtn {
        width: 74% !important;
        line-height: 28px !important;
        font-size: 14px !important;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    a.gachaBtn.middleBtn {
    width:95%!important;
    }
    }
    /*大サイズ*/
    a.gachaBtn.bigBtn {
        width: 74% !important;
        line-height: 28px !important;
        font-size: 18px;
        padding: 10px !important;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    a.gachaBtn.bigBtn {
    width:100%!important;
    font-size: 21px;
    padding: 20px 5px 20px 5px !important;
    }
    }
    /*別タブアイコン*/
    a.gachaBtn.dl-icon:before {
        content: ""!important;
        width: 12px;
        height: 12px;
        background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m29d_1115501794.png) center / 100% 100% no-repeat!important;
        display: inline-block;
        position: relative;
        z-index: 0;
        top: 2px;
        margin: 0 6px 0 0;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    a.gachaBtn.dl-icon:before {
        content: none !important;
    }
    }
    /*上部ランキング用スタイル*/
    .gachaBtn.jyoubu {
        background: #ff5f9b !important;
        width: 74% !important;
        margin: 4px auto 5px !important;
        padding: 7px 0 3px !important;
        box-shadow: 0 4px 0 0 #e4255f !important;
        line-height: 28px !important;
    }
/*------------------------------------------------------------
でかいテーブルCTAテスト
-------------------------------------------------------------*/
table.cta-big-table div.cta-big-table_inner {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
table.cta-big-table div.cta-big-table_inner div.cta-big-table_inner_icon {
    display: inline-block;
}
table.cta-big-table ul {
    display: inline-block;
    margin-left: 15px !important;
}
table.cta-big-table ul li {
    font-size: 14px !important;
}
table.cta-big-table p.btn-wrap {
    text-align: center;
    margin-top: 0px !important;
}
table.cta-big-table a.btn-dl {
    width: 80% !important;
    line-height: 35px !important;
    font-size: 18px !important;
}
table.cta-big-table a.btn-dl:before {
    width: 30px !important;
    height: 30px !important;
    top: 8px !important;
    left: 140px !important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    table.cta-big-table a.btn-dl::before {
        left: 25px !important;
    }
    }
.cta-big-table-sub_inner {
    text-align: center;
}
table.cta-big-table-sub p.btn-wrap {
    text-align: center;
    margin-top: 5px !important;
}
table.cta-big-table-sub p.btn-wrap span {
    font-size: 13px !important;
}
table.cta-big-table th.ichioshi:before {
    content: "";
    position: absolute;
    left: 10px;
    top: -10px;
    background: url(https://img.match-apps.jp/altema/uploads/2023/12/2023y12m26d_1428263207.png)no-repeat center / 100% 100%;
    width: 70px;
    height: 63px;
}
/*------------------------------------------------------------
レビューボックス
-------------------------------------------------------------*/
main#main-lower blockquote:before{
content:none!important;
}
main#main-lower blockquote:has(li.comeBoxW) {
    padding: 0;
    border: none;
    margin: 0;
    background: initial;
    position: initial;
}
main#main-lower ul:has(li.comeBoxW) {
    margin: 0;
}
main#main-lower blockquote li.comeBoxW p:last-of-type {
    border: none;
}
#main-lower .post ul li.comeBoxM,
#main-lower .post ul li.comeBoxW {
    border: 1px dashed #ccc;
    padding: 10px;
    margin-bottom: 20px
}
#main-lower .osusume-app-table,
#main-lower .osusume-app-table td {
    border: 1px solid #ccc
}
#main-lower .post ul li.comeBoxM span img,
#main-lower .post ul li.comeBoxW span img {
    text-align: center;
    width: 60px!important;
    height: 60px!important;
    display: block;
    vertical-align: top!important;
}
#main-lower .post ul li.comeBoxM img,
#main-lower .post ul li.comeBoxW img {
    text-align: center;
    width: 60px!important;
    height: 60px!important;
    display: inline-block !important;
    vertical-align: top!important;
    margin: 10px !important;
}
#main-lower .post ul li.comeBoxM p,
#main-lower .post ul li.comeBoxW p {
    font-size: 15px;
    color: #494949;
    display: inline-block;
    width: 74%;
    padding: 10px;
    margin-bottom: 0
}
#main-lower .post ul li.comeBoxM span,
#main-lower .post ul li.comeBoxW span {
    width: 60px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    font-weight: 700
}
#main-lower .post ul li.comeBoxM span {
    color: #6cc
}
#main-lower .post ul li.comeBoxW span {
    color: #ea4c89
}
#main-lower .post ul li.comeBoxM p.inyoumoto,
#main-lower .post ul li.comeBoxW p.inyoumoto {
    text-align: right;
    width: 96%;
    color: #494949;
    font-size: 11px;
    margin: 0;
    padding: 0
}
#main-lower .post ul li.comeBoxW.Review-bad>p:nth-of-type(1),
#main-lower .post ul li.comeBoxW.Review-good>p:nth-of-type(1) {
    width: 77%;
    margin-top: 0;
}
#main-lower .post ul li.comeBoxW>p:nth-of-type(1) {
    width: 100%
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div#main-lower .post ul li.comeBoxM, div#main-lower .post ul li.comeBoxW{
box-sizing: border-box;
width: 100%;
}
#main-lower .post ul li.comeBoxM,
#main-lower .post ul li.comeBoxW {
    margin-bottom: 20px;
    display: inline-block;
    width: 97%;
    border-width: 1px;
    border-style: dashed;
    border-color: #ccc;
    border-image: initial;
    padding: 5px
}
#main-lower .post ul li.comeBoxM span img,
#main-lower .post ul li.comeBoxW span img {
    text-align: center;
    width: 50px;
    height: 50px;
    display: inline-block
}
#main-lower .post ul li.comeBoxW img {
    width: 50px!important;
    height: 50px!important;
    text-align: center;
    vertical-align: top;
}
#main-lower .post ul li.comeBoxM.Review-bad p,
#main-lower .post ul li.comeBoxM.Review-good p,
#main-lower .post ul li.comeBoxW.Review-bad p,
#main-lower .post ul li.comeBoxW.Review-good p {
    font-size: 13px!important;
    color: #494949;
    display: inline-block;
    padding: 5px;
    margin-bottom: 0;
    width: 74%
}
#main-lower .post ul li.comeBoxM p,
#main-lower .post ul li.comeBoxW p {
    font-size: 13px;
    color: #494949;
    display: inline-block;
    padding: 5px;
    margin-bottom: 0;
    width: 100%
}
#main-lower .post ul li.comeBoxM span,
#main-lower .post ul li.comeBoxW span {
    width: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    font-size: 10px;
    font-weight: 700
}
#main-lower .post ul li.comeBoxM span {
    color: #6cc
}
#main-lower .post ul li.comeBoxW span {
    color: #ea4c89
}
#main-lower .post ul li.comeBoxM p.inyoumoto,
#main-lower .post ul li.comeBoxW p.inyoumoto {
    text-align: right;
    width: 96%;
    color: #494949;
    font-size: 10px;
    margin: 0;
    padding: 0
}
}
/*------------------------------------------------------------
総合評価BOX
-------------------------------------------------------------*/
.HYlist {
    display: block;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 5px
}
main#main-lower .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 5px 0 0;
    border: 1px solid #d8d8d8
}
.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 img {
    width: 26px;
    height: 27px;
}
.HYlist dl:nth-child(3) img, .HYlist dl:nth-child(5) img {
    height: 28px;
    width: 27px;
}
.HYlist dl:nth-child(4) img {
    height: 20px;
}
.HYlist dl:nth-child(6) img {
    width: 26px;
}
.HYlist dl.HYlist-ok img, .HYlist dl.HYlist-ng img {
    height: 20px;
}
.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: 15px;
    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
}


/*------------------------------------------------------------
例文テンプレボックス
-------------------------------------------------------------*/
.reibun-tenpurebox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
}
.reibun-tenpurebox-cont{
    -webkit-box-flex:0;
    -ms-flex:0 0 330px;
    flex:0 0 330px;
    border: 0;
    margin: 0 auto;
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1214440004.png) no-repeat center top / 330px;
    padding: 70px 36px 36px;
    box-sizing: border-box;
    max-height: 660px;
    overflow: hidden;
}
.reibun-tenpurebox-cont .midasi{
font-size: 14px;
font-weight: bold;
position: relative;
padding-left: 20px;
border-bottom: 4px solid #FFE6EE;
padding-bottom: 3px;
}
.reibun-tenpurebox-cont .midasi:before{
content: '';
display: block;
width: 14px;
height: 14px;
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1216413832.png) no-repeat center top / contain;
position: absolute;
left: 0;
top: 1px;
}
main#main-lower .reibun-tenpurebox-cont .b{
font-size: 14px!important;
font-weight: bold;
background: none;
}
main#main-lower .reibun-tenpurebox-cont p{
font-size: 11px!important;
line-height: 1.4!important;
margin:0 0 7px 0!important;
}
main#main-lower .reibun-tenpurebox-cont p:last-child{
margin-bottom: 0!important;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .midasi,.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .b{
display: none;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont{
margin-left: 5px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.reibun-tenpurebox-cont{
-webkit-box-flex:0;
-ms-flex:0 0 calc(100vw - 14px);
flex:0 0 calc(100vw - 14px);
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1214440004.png) no-repeat center top / cover;
padding: 20vw 10vw 30px;
max-height: none;
}
.reibun-tenpurebox-cont .midasi{
font-size: 15px;
padding-left: 21px;
padding-bottom: 3px;
}
.reibun-tenpurebox-cont .midasi:before{
width: 16px;
height: 16px;
top: 1px;
}
main#main-lower .reibun-tenpurebox-cont .b{
font-size: 15px;
}
main#main-lower .reibun-tenpurebox-cont p{
font-size: 15px;
line-height: 1.4;
}
main#main-lower  .reibun-tenpurebox-cont p:last-child{
margin-bottom: 0;
}
}


/*------------------------------------------------------------
クチコミ評判BOX
-------------------------------------------------------------*/
.new-kuchiko-wrap {
    background: #eaeaea;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin: 20px 0;
}
#main-lower .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-lower .new-kuchiko-man,
#main-lower .new-kuchiko-woman {
    width: 30%;
    height: 80px;
    text-align: center;
    margin-right: 10px;
    position: relative;
}

#main-lower .new-kuchiko-man:before,
#main-lower .new-kuchiko-woman:before,
.new-kuchiko-man:before,
.new-kuchiko-woman:before {
    content: "";
    height: 100%;
    display: block;
    width: 100%;
}
#main-lower .new-kuchiko-man:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343440979.png) center top/47% no-repeat;
}
#main-lower .new-kuchiko-woman:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343452619.png) center top/47% no-repeat;
}
#main-lower .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-lower .new-kuchiko-data dl {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin: 5px 0;
    padding: 0;
}
.new-kuchiko-data dl dt {
    width: 31%;
    margin: 0 10px 0 0;
    padding: 0 5px
}
#main-lower .new-kuchiko-data dl dt {
    width: 90%;
    margin: 0 auto 5px;
    padding: 0;
    font-size: 13px;
    line-height: 2 !important;
}
#main-lower .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.match-apps.jp/common/icon/new-kuchi-maru.png) center left/20px no-repeat;
}
.new-kuchiko-bott dl:nth-of-type(2) dt:before {
    background: url(https://img.match-apps.jp/common/icon/new-kuchi-batu.png) center left/20px no-repeat;
}
.new-kuchiko-bott dl dt.bad:before {
    background: url(https://img.match-apps.jp/common/icon/new-kuchi-batu.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-lower .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-lower .acMenu dd .new-kuchiko-man,
#main-lower .acMenu dd .new-kuchiko-woman {
    width: 30%;
    height: 120px;
    text-align: center;
    margin-right: 10px;
    position: relative;
}
#main-lower .acMenu dd .new-kuchiko-man:before,
#main-lower .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://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343440979.png) center top/60% no-repeat;
}
.acMenu dd .new-kuchiko-woman:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343452619.png) center top/60% no-repeat;
}
#main-lower .acMenu dd .new-kuchiko-man:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343440979.png) center top/90% no-repeat;
}
#main-lower .acMenu dd .new-kuchiko-woman:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343452619.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-lower .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-lower .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-lower .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.match-apps.jp/common/icon/new-kuchi-maru.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.match-apps.jp/common/icon/new-kuchi-batu.png) center left/20px no-repeat;
    display: inline-block;
}
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:after {
    display: none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
    #main-lower .new-kuchiko-man,
#main-lower .new-kuchiko-woman {
    width: 30%;
    height: 80px;
}
    #main-lower .new-kuchiko-man:before {
        background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343440979.png) center top/80% no-repeat;
    }
    #main-lower .new-kuchiko-woman:before {
        background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1343452619.png) center top/80% no-repeat;
    }
}

/*-------------------------------------------------------
アコーディオン（＋－）
-------------------------------------------------------*/
.accordion-pulus{
margin: 5px 0;
}
.accordion-pulus .acdp-check{
display: none;
}
.accordion-pulus .acdp-label{
border: 1px solid #d6d6d6;
color: #626262;
border-radius: 3px;
margin: 0 0 10px;
padding: 0 0 0 10px;
font-weight: bold;
height: 42px;
line-height: 40px;
text-align: left;
background: #fff;
cursor: pointer;
font-size: 14px;
display: block;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 0 0 #c7c7c7;
position:relative;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label{
border: 1px solid #d6d6d6;
background: #ffedf0;
margin: 0 0 0px!important;
box-shadow: none;
border-radius: 3px 3px 0 0;
color: #626262;
box-sizing: border-box;
}
.accordion-pulus .acdp-label:after{
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 1px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label:after{
display:none;
}
.accordion-pulus .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.match-apps.jp/altema/uploads/2022/05/2022y05m20d_1807286028.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://img.match-apps.jp/altema/uploads/2022/05/2022y05m20d_1807470589.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
.accordion-pulus .acdp-cont{
visibility: hidden;
height: 0;
opacity: 0;
box-sizing: border-box;
transition: 0.3s ;
}
.accordion-pulus .acdp-check:checked ~ .acdp-cont{
visibility: visible;
height: auto;
opacity: 1;
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
background: #FFF;
padding: 10px;
margin: 0 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #333;
line-height: 1.7;
letter-spacing: 0.5px;
box-sizing: border-box;
font-size: 15px;
}
.accordion-pulus p:empty{
display: none;
}
.accordion-pulus > br{
display: none;
}
.accordion-pulus .acdp-cont p{
margin-bottom: 15px;
}
.accordion-pulus .acdp-cont > *:last-child{
margin-bottom: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.accordion-pulus .acdp-check:checked ~ .acdp-cont{
font-size: 14px;
}
}


/*------------------------------------------------------------
新規見出しデザイン(ピンク)
-------------------------------------------------------------*/
/*既存スタイル打消*/
body #main-lower .pink-heading h3:before,
main#main-lower .pink-heading h3:after{
    content:none!important;
}
body #main-lower .pink-heading {
    position: relative;
    margin: 0 0 20px;
    }
    body #main-lower .pink-heading:after {
    display: block;
    content: '';
    width: 34px;
    height: 34px;
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1528598439.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;  
    }
    body #main-lower .pink-heading__contents {
    display: flex;
    flex-flow: wrap;
    background: #FFE6EE;
    border-top: solid 2px #FFB3CB;
    border-bottom: solid 2px #FFB3CB;
    padding: 11px 17px 11px 17px;
    position: relative;
    }
    body #main-lower .pink-heading__contents.no-1:before,
    body #main-lower .pink-heading__contents.no-2:before,
    body #main-lower .pink-heading__contents.no-3:before,
    body #main-lower .pink-heading__contents.no-4:before,
    body #main-lower .pink-heading__contents.no-5:before,
    body #main-lower .pink-heading__contents.no-6:before,
    body #main-lower .pink-heading__contents.no-7:before,
    body #main-lower .pink-heading__contents.no-8:before,
    body #main-lower .pink-heading__contents.no-9:before,
    body #main-lower .pink-heading__contents.no-10:before,
    body #main-lower .pink-heading__contents.no-11:before,
    body #main-lower .pink-heading__contents.no-12:before,
    body #main-lower .pink-heading__contents.no-13:before,
    body #main-lower .pink-heading__contents.no-14:before,
    body #main-lower .pink-heading__contents.no-15:before,
    body #main-lower .pink-heading__contents.no-16:before,
    body #main-lower .pink-heading__contents.no-17:before,
    body #main-lower .pink-heading__contents.no-18:before,
    body #main-lower .pink-heading__contents.no-19:before,
    body #main-lower .pink-heading__contents.no-20:before,
    body #main-lower .pink-heading__contents.no-21:before,
    body #main-lower .pink-heading__contents.no-22:before,
    body #main-lower .pink-heading__contents.no-23:before,
    body #main-lower .pink-heading__contents.no-24:before,
    body #main-lower .pink-heading__contents.no-25:before {
    display: block;
    content: '';
    width: 48px;
    height: 58px;
    margin-right: 10px;
    margin-top: -15px;
    z-index: 1;  
    }
    body #main-lower .pink-heading__contents.no-1:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1542420755.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-2:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_154237515.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-3:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_154238654.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-4:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1542398.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-5:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1542409302.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-6:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547320182.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-7:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547331683.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-8:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547343488.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-9:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547354845.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-10:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547366415.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-11:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547377582.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-12:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547388342.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-13:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547399365.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-14:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547410944.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-15:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547422065.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-16:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547433318.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-17:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547444725.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-18:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547456053.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-19:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547467787.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-20:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547479124.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-21:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547490478.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-22:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547501733.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-23:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547513057.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-24:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547535433.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents.no-25:before {  
    background: url("https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m31d_1547524164.png") no-repeat;
    background-size: contain;
    }
    body #main-lower .pink-heading__contents > h2,
    body #main-lower .pink-heading__contents > h3 {
    width: calc(100% - 58px);
    display: flex;
    flex-flow: column; 
    background: initial;
    color: #444;
    font-size: 19px!important;
    padding: 0!important;
    margin: 0 0 0px!important;
    }
    .pink-heading__ttl {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    }
    .pink-heading__sub {
    font-size: 15px;
    font-weight: 700;
    color: #E67E9F;
    line-height: 1.2;
    }
    
    @media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px) {
    body #main-lower .pink-heading {
    position: relative;
    margin: 0 0 20px;
    }
    body #main-lower .pink-heading:after {
    display: block;
    content: '';
    width: 26px;
    height: 26px;
    background: url("https://img.match-apps.jp/common/icon/pink-heading-deco.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;  
    }
    body #main-lower .pink-heading__contents {
    display: flex;
    flex-flow: wrap;
    background: #FFE6EE;
    border-top: solid 2px #FFB3CB;
    border-bottom: solid 2px #FFB3CB;
    padding: 10px 10px 10px 10px;
    position: relative;
    }
    body #main-lower .pink-heading__contents.no-1:before,
    body #main-lower .pink-heading__contents.no-2:before,
    body #main-lower .pink-heading__contents.no-3:before,
    body #main-lower .pink-heading__contents.no-4:before,
    body #main-lower .pink-heading__contents.no-5:before,
    body #main-lower .pink-heading__contents.no-6:before,
    body #main-lower .pink-heading__contents.no-7:before,
    body #main-lower .pink-heading__contents.no-8:before,
    body #main-lower .pink-heading__contents.no-9:before,
    body #main-lower .pink-heading__contents.no-10:before,
    body #main-lower .pink-heading__contents.no-11:before,
    body #main-lower .pink-heading__contents.no-12:before,
    body #main-lower .pink-heading__contents.no-13:before,
    body #main-lower .pink-heading__contents.no-14:before,
    body #main-lower .pink-heading__contents.no-15:before,
    body #main-lower .pink-heading__contents.no-16:before,
    body #main-lower .pink-heading__contents.no-17:before,
    body #main-lower .pink-heading__contents.no-18:before,
    body #main-lower .pink-heading__contents.no-19:before,
    body #main-lower .pink-heading__contents.no-20:before,
    body #main-lower .pink-heading__contents.no-21:before,
    body #main-lower .pink-heading__contents.no-22:before,
    body #main-lower .pink-heading__contents.no-23:before,
    body #main-lower .pink-heading__contents.no-24:before,
    body #main-lower .pink-heading__contents.no-25:before {
    display: block;
    content: '';
    width: 48px;
    height: 58px;
    margin-right: 10px;
    margin-top: -14px;
    z-index: 1;  
    }
    body #main-lower .pink-heading__contents > h2,
    body #main-lower .pink-heading__contents > h3 {
    width: calc(100% - 58px);
    display: flex;
    flex-flow: column; 
    background: initial!important;
    color: #444!important;
    font-size: 19px!important;
    text-align: left!important;  
    padding: 0!important;
    margin: 0 0 0px!important;
    border-left: none!important;
    border-bottom: none!important;
    
    }
    .pink-heading__ttl {
    font-size: 17px;
    margin-bottom: 4px;
    }
    .pink-heading__sub {
    font-size: 13px;
    }  
    }

/*------------------------------------------------------------
関連記事BOX
-------------------------------------------------------------*/
#main-lower .kanrenlist-box {
    background-color: #f0f9ff;
    border: 1px solid #c6e7ff;
    border-radius: 5px;
    padding: 10px 20px 15px;
    margin-bottom: 20px;
}
#main-lower .kanrenlist-box li:first-child {
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding: 5px 0 10px;
    background-color: #f0f9ff;
}
#main-lower .kanrenlist-box li {
    background-color: #f0f9ff;
        font-size: 14px;
    line-height: 2em;
    margin: 0;
}


/*------------------------------------------------------------
LINE風テンプレボックス
-------------------------------------------------------------*/
.line-message-box .reibun-tenpurebox-cont{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1315310416.png) no-repeat center top / 280px;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 57px 28px 22px 55px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
flex: 0 0 280px;
}
.line-message-box .line-you,.line-message-box .line-me{
border-radius: 12px;
position: relative;
box-sizing: border-box;
max-width: 100%;
font-size: 11px;
padding: 8px 10px;
margin-bottom: 8px;
color: #121212;
display: inline-block;
}
.line-message-box .line-you{
background: #fff;
}
.line-message-box .line-me{
background: #6fe67a;
margin-left: auto;
margin-right: 0;
}
.line-message-box .line-you:before{
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
left: -31px;
top: -6px;
border-radius: 50%;
}
.line-message-box.man .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1319401193.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313393913.png) no-repeat center bottom / 22px #fff;
}
.line-message-box .line-me:before{
content: '既読';
display: inline-block;
position: absolute;
left: -23px;
bottom: 8px;
font-size: 10px;
transform: scale(0.8);
color: #5a7093;
}
.line-message-box .line-you:after{
content: '';
display: block;
left: -4px;
height: 8px;
width: 9px;
top: 0px;
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313405134.png) no-repeat center / contain;
position: absolute;
}
.line-message-box .line-me:after{
content: '';
display: block;
right: -4px;
height: 8px;
width: 9px;
top: 0px;
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313415557.png) no-repeat center / contain;
position: absolute;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.line-message-box .reibun-tenpurebox-cont{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1315310416.png) no-repeat center top / cover;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 20vw 8vw 30px 17vw;
}
#main-lower .line-message-box .line-you,#main-lower .line-message-box .line-me{
font-size: 14px;
padding: 8px 10px;
margin-bottom: 8px;
}
.line-message-box .line-you:before{
width: 34px;
height: 34px;
left: -43px;
}
.line-message-box.man .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1319401193.png) no-repeat center bottom / 30px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313393913.png) no-repeat center bottom / 30px #fff;
}
.line-message-box .line-me:before{
transform: none;
left: -25px;
}
}

@media screen and (max-width : 428px){
.line-message-box .reibun-tenpurebox-cont{
padding: 20vw 8vw 30px 16vw;
}
.line-message-box .line-you:before{
width: 30px;
height: 30px;
left: -36px;
}
.line-message-box.man .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1319401193.png) no-repeat center bottom / 26px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313393913.png) no-repeat center bottom / 26px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.9);
left: -24px;
}
}

@media screen and (max-width : 390px){
#main-lower .line-message-box .line-you,#main-lower .line-message-box .line-me{
font-size: 13px;
}
.line-message-box .line-you:before{
width: 26px;
height: 26px;
left: -32px;
}
.line-message-box.man .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1319401193.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313393913.png) no-repeat center bottom / 22px #fff;
}
}

@media screen and (max-width : 375px){
#main-lower .line-message-box .line-you,#main-lower .line-message-box .line-me{
font-size: 12px;
}
.line-message-box .line-you:before {
width: 24px;
height: 24px;
left: -31px;
}
.line-message-box.man .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1319401193.png) no-repeat center bottom / 20px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m01d_1313393913.png) no-repeat center bottom / 20px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.8);
left: -23px;
}
}

/*------------------------------------------------------------
LINE風テンプレボックス　背景全表示
-------------------------------------------------------------*/
.line-message-box.full-size .reibun-tenpurebox-cont{
height: 660px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.line-message-box.full-size .reibun-tenpurebox-cont{
height: auto;
}
}
@media screen and (max-width : 428px){
.line-message-box.full-size .reibun-tenpurebox-cont{
height: calc((100vw - 14px) * 2);
}
}


/*------------------------------------------------------------
LINE風テンプレボックス　-パターン２
-------------------------------------------------------------*/
.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!important;
    line-height: 1.4!important;
    box-sizing: border-box;
}
.linemessage-box p.linemessage-ri {
    background: #86e34a;
    position: relative;
    margin: 10px auto!important;
    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!important;
    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;
}

/*------------------------------------------------------------
画像埋め込みサイズ調整
-------------------------------------------------------------*/
video {
    width: 100%;
    height: 100%;
}

/*------------------------------------------------------------
赤ボタン(王冠つき)
-------------------------------------------------------------*/
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;
text-decoration:none!important;
}
.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://www.pair-full.jp/img/column/uploads/2024/08/2024y08m07d_1905079591.png) center center / contain no-repeat;
    left: 15px;
}
.ranking-inpage:after {
    width: 26px;
    height: 26px;
    background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m07d_1905068358.png) center center / contain no-repeat;
    right: 15px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
    a.ranking-inpage {
font-size: 13px!important;
width: 100%!important;
}
}

/*------------------------------------------------------------
関連記事一覧
-------------------------------------------------------------*/
.KanrenArticle_wrap {
    margin: 70px 0 35px 0;
}
.KanrenArticle_wrap .KanrenArticle_Ttl {
    font-weight: 800;
    font-size: 17px;
    position: relative;
    color: #fff;
    padding: 7px 0px 7px 0;
    border-bottom: solid 1px #ff88b3;
}
.KanrenArticle_Ttl span {
    background: #ff88b3;
    padding: 8px 15px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.KanrenArticle_wrap ul.article-list {
    margin-top: 0 !important;
}
li.article-item{
margin: 0px!important;
}
.KanrenArticle_wrap .article-item a {
display: flex;
border-bottom: dashed 1px #c1c1c1;
padding: 10px 0;
margin: 0 !important;
text-decoration: none;
}
.KanrenArticle_wrap .article-item_eyecatch {
width: 25%;
}
.KanrenArticle_wrap .article-title {
margin-left: 15px;
font-size: 15px;
font-weight: 800;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.KanrenArticle_wrap ul.article-list {
    padding: 0 5px;
}
.KanrenArticle_wrap .article-item_eyecatch {
    width: 40%;
}
.KanrenArticle_wrap .article-title {
    margin-left: 10px;
    font-size: 14px;
}
}


/*-------------------------------------------------------
ランキング-横並び
-------------------------------------------------------*/


/*-------------------------------------------------------
ランキング-横並び
-------------------------------------------------------*/
#main-lower .ranking-verYOKO{
padding: 20px 15px 10px!important;
background: #f7f7f7;
text-align: center;
position: relative;
z-index: 1;
border-radius:2px; 
}
#main-lower .ranking-verYOKO dd{
line-height:1.5;
}
#main-lower .ranking-verYOKO .title-ue{
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000;
}
#main-lower .ranking-verYOKO .title-sita{
display: inline-block;
margin-bottom: 40px;
border-bottom: 2px solid #000;
line-height: 1;
margin-top: 6px;
padding-bottom: 1px;
position: relative;
}
#main-lower .ranking-verYOKO .title-sita:before,.ranking-verYOKO .title-sita:after{
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 16px;
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m28d_1134096119.png) no-repeat center / contain;
top: 1px;
bottom: 0;
margin: auto;
left: -22px;
}
#main-lower .ranking-verYOKO .title-sita:after{
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m28d_1136503371.png) no-repeat center / contain;
left: auto;
right: -22px;
}
#main-lower div.ranking-verYOKO div.title-sita p{
font-size: 20px;
font-weight: bold;
text-align: center;
display: inline-block;
color: #000;
margin: 0;
line-height: 1;
}
#main-lower div.ranking-verYOKO div.title-sita .b{
font-size: 26px;
margin: 0;
}
#main-lower .ranking-verYOKO-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 8px);
position: relative;
margin: 0;
padding: 30px 0 10px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 0 0 1px #DDE4E6;
border-radius:5px;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a{
color: #3399FF;
display: inline-block;
text-align: center;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a:hover p{
opacity: 0.6;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a img{
margin: 0;
border-radius:5px;
box-shadow:0 0 0 1px #ccc;
}
#main-lower .ranking-verYOKO .top5tag{
position: absolute;
width: 80px;
padding: 2px 10px 0;
line-height: 25px;
color: #fff;
background: #6a6a6a;
left: 0;
top: -13px;
right: 0;
margin: auto;
font-size: 14px;
border-radius:5px;
}
#main-lower .ranking-verYOKO .top5tag p{
font-size: 14px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
line-height: 1;
letter-spacing: 0;
position: relative;
z-index: 2;
}
#main-lower .ranking-verYOKO li .top5tag .num{
font-size: 18px;
margin-left: -4px;
}
#main-lower .ranking-verYOKO li:nth-of-type(1) .top5tag .num{
color: #f1eb4f;
}
#main-lower .ranking-verYOKO li:nth-of-type(2) .top5tag .num{
color: #2ca3bb;
}
#main-lower .ranking-verYOKO li:nth-of-type(3) .top5tag .num{
color: #71b938;
}
#main-lower .ranking-verYOKO dl{
margin:0 0 20px!important;
}
#main-lower .ranking-verYOKO dd{
margin:10px auto 0!important;
color: #444444;
font-size: 13px;
padding: 0 10px;
text-align: left;
}
#main-lower .ranking-verYOKO .ribon{
background: #fff3f3;
margin-left: -3px;
font-size: 12px;
font-weight: bold;
color: #6a6a6a;
text-align: center;
line-height: 1.4;
padding: 9px 5px 7px;
margin-bottom: 8px;
margin-top: 6px;
position: relative;
}
#main-lower .ranking-verYOKO dd:last-of-type{
margin-bottom: 12px;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a + p{
display: none;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap{
width: 75px;
height: 75px;
margin: 0 auto 7px!important;
line-height: 1!important;
display: block;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a .name{
margin: 0!important;
letter-spacing: 0;
display: inline-block;
font-size: 15px;
font-weight: bold;
line-height: 1.3!important;
}
#main-lower .ranking-verYOKO a.btn-dl {
padding: 0px!important;
text-decoration: none!important;
width: 90%;
display: block!important;
background: #ff0260!important;
box-sizing: border-box;
color: #FFF!important;
font-weight: bold!important;
border-radius: 50px!important;
box-shadow: 0 2px 0 0 #9a2649!important;
font-size: 11px!important;
line-height: 25px!important;
margin: 4px auto 4px!important;
}
#main-lower .ranking-verYOKO .accordion-minnano-hyouka .acdp-label{
text-align: center;
border: 2px solid #e5e5e5;
border-radius: 4px;
height: 36px;
line-height: 36px;
cursor: pointer;
display: block;
font-size: 16px;
position: relative;
background:#FFF;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
#main-lower .ranking-verYOKO{
padding: 20px 10px;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 5px);
padding: 28px 0 12px;
}
#main-lower .ranking-verYOKO .top5tag{
width: 54px;
padding: 5px 0 1px;
}
#main-lower .ranking-verYOKO .top5tag p{
font-size: 11px;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap{
width: calc(100vw / 7);
height: calc(100vw / 7);
margin-bottom: 2px!important;
}
#main-lower .ranking-verYOKO .ranking-verYOKO-content li dt a .name{
font-size: 14px;
position: relative;
width: 128%;
left: 50%;
-webkit-transform:translate(-50%,0) scale(.8);
transform:translate(-50%,0) scale(.8);
}
#main-lower .ranking-verYOKO dd{
font-size: 11px;
}
.ranking-verYOKO .ribon{
font-size: 10px;
padding: 7px 5px 6px;
margin-top: 0;
}
.ranking-verYOKO .btn-wrap{
padding: 0 10px;
}
.ranking-verYOKO .btn-wrap .btn-dl{
font-size: 10px;
}
.ranking-verYOKO .btn-wrap .btn-dl:before{
top: 2px;
}
.ranking-verYOKO dd:last-of-type {
margin-bottom: 8px;
}
.ranking-verYOKO dd{
padding: 0 5px;
}
}

/*------------------------------------------------------------
モーダル
-------------------------------------------------------------*/
.modal .sp-display{
position: fixed;
top:0!important;
left: 0!important;
bottom: 0!important;
right: 0!important;
z-index: 10000;
}
.modal .pc-display #btn-close-popup-banner {
background: rgba(0, 0, 0, 0.6);
}
.modal #btn-close-popup-banner, #btn-close-popup-banner_SP{
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000000a8;
}
.modal-cont{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 300px;
z-index: 2;
}
.modal .modal-cont img{
width: 100%;
box-shadow: none;
border-radius: 0;
}
.modal-pc-banner{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10000;
}
.modal-pc-banner #btn-close-popup-banner span{
transform: translate(314px, -250px);
width: 36px;
height: 36px;
}
.modal-pc-banner .modal-cont{
width: 400px;
}
.modal-pc-banner .modal-cont img{
vertical-align: bottom;
}
/*==閉じるボタン==*/
#btn-close-popup-banner p,#btn-close-popup-banner_SP p{
display: block;
position: absolute;
right: 33%;
top: 12%;
color: #fff;
font-size: 10px !important;
}
#btn-close-popup-banner p:before,
#btn-close-popup-banner_SP p:before{
content:"";
display: block;
width: 25px;
height: 25px;
background-image: url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m12d_1513485568.png);
position: absolute;
left: 50%;
top: 50%;
background-position: center;
background-size: contain;
}
@media screen and (max-width : 500px){
#btn-close-popup-banner_SP p{
right: 15% !important;
top: 10% !important;
}
}
/*------------------------------------------------------------
ポップアップSP
-------------------------------------------------------------*/
.popup-tuizyu .sp-display{
bottom: 10px;
right: 10px;
left: auto;
width: auto;
background: none;
box-shadow: none;
display: none;
}
.popup-tuizyu p:empty{
display: none;
}
.popup-tuizyu .img{
width: 268px;
position: relative;
z-index: 1;
box-shadow: 0 0 5px 1px #eaeaea;
border-radius: 10px;
}
.popup-tuizyu .btn-close-circle{
box-shadow: none;
border: 0;
left: auto;
top: 5px;
right: 7px;
width: 20px;
height: 20px;
background: url(/blog/wp-content/uploads/2023/12/ie-over-qa-close.png) no-repeat center / contain;
}
.popup-tuizyu .overlay-twoBtn-in{
padding: 0 6px;
bottom: 9px;
}
.popup-tuizyu .btn-wrap{
display: flex;
justify-content: space-between;
}
.popup-tuizyu .btn-wrap a {
width: calc(50% - 3px);
}
.popup-tuizyu .btn-wrap a img {
width: 100%;
}
@media screen and (max-width : 500px){
.popup-tuizyu .sp-display{
display: block;
}
.popup-tuizyu .pc-display{
display:none!important;
}
#btn-close-popup-banner_SP{
    background: none!important;
}
}

/*--ボタン色テスト--*/

a.btn-dl.jyoubu.greenbtn {
    background: #2fcb61 !important;
    box-shadow: 0 4px 0 0 #0d873e !important;
}

a.btn-dl.jyoubu.orangebtn {
    background: #f39112 !important;
    box-shadow: 0 4px 0 0 #a96817 !important;
}

a.btn-dl.jyoubu.bluebtn {
    background: #5b7cfd !important;
    box-shadow: 0 4px 0 0 #2b29c9 !important;
}

/*--でかボタンにアイコン--*/
a.gachaBtn.bigBtn.btn_icon {
    text-align: left;
    padding-left: 180px !important;
}

a.gachaBtn.bigBtn.btn_icon:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    border-radius: 15px;
    top: 15px;
    left: 110px;
}
a.gachaBtn.bigBtn.btn_icon.pcmax:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1203225137.jpg) no-repeat;
    background-size: contain;
}
a.gachaBtn.bigBtn.btn_icon.happymail:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1202429565.jpg) no-repeat;
    background-size: contain;
}

a.gachaBtn.bigBtn.btn_icon.jmail:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m20d_1814319379.jpg) no-repeat;
    background-size: contain;
    border: #fff solid 2px;
}

a.gachaBtn.bigBtn.btn_icon.wakuwaku:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1009001608.jpg) no-repeat;
    background-size: contain;
    border: #fff solid 2px;
}

a.gachaBtn.bigBtn.btn_icon.ikukuru:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1202316239.png) no-repeat;
    background-size: contain;
}

a.gachaBtn.bigBtn.btn_icon.tinder:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m05d_1930271601.jpg) no-repeat;
    background-size: contain;
    border: #fff solid 2px;
}

a.gachaBtn.bigBtn.btn_icon.yyc:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1047010249.jpg) no-repeat;
    background-size: contain;
}

a.gachaBtn.bigBtn.btn_icon.hananokai:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1203045646.jpg) no-repeat center / 100% 100%;
}



@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
a.gachaBtn.bigBtn.btn_icon {
    padding-left: 110px !important;
}
a.gachaBtn.bigBtn.btn_icon:before {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 40px;
}
}


/*--上部テーブルボタンにアイコン--*/

.btn-wrap a.btn-dl.jyoubu.btn-dl_icon:before {
    animation: none;
    top: 7px;
    left: 34px;
    border-radius: 5px;
    width: 28px;
    height: 28px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon:before {
    top: 8px;
    left: 19px;
}
}
@media screen and (max-width: 400px) {
  .btn-wrap a.btn-dl.jyoubu.btn-dl_icon:before {
    width: 25px;
    height: 25px;
    left: 13px;
  }
}
@media screen and (max-width: 380px) {
  .btn-wrap a.btn-dl.jyoubu.btn-dl_icon:before {
        width: 22px;
        height: 22px;
        left: 11px;
        top: 12px;
  }
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.pcmax:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1203225137.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.wakuwaku:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1309132596.jpg) no-repeat center / 100% 100%;
border: #fff solid 1px;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.happymail:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1202429565.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.tinder:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/08/2024y08m05d_1930271601.jpg) no-repeat center / 100% 100%;
border: #fff solid 1px;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.jmail:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/09/2024y09m20d_1814319379.jpg) no-repeat center / 100% 100%;
border: #fff solid 1px;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.hananokai:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1714418077.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.ikukuru:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1202316239.png) no-repeat center / 100% 100%;
border: #fff solid 1px;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.lovean:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1425117043.png) no-repeat center / 100% 100%;
border: #fff solid 1px;
}
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon.sugardaddy:before {
background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m30d_1425128589.png) no-repeat center / 100% 100%;
}

.btn-wrap a.btn-dl.jyoubu.btn-dl_icon:after {
    content: "";
    background: url(https://www.pair-full.jp/img/column/uploads/2024/10/2024y10m01d_1238409677.png)no-repeat center / 100% 100%;
    width: 25px;
    height: 25px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 8px;
    right: 34px;
    position: absolute;
    animation: icon_rotate_reverse 0.64s linear infinite alternate;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.btn-wrap a.btn-dl.jyoubu.btn-dl_icon:after {
    right: 9px;
}
}

@keyframes icon_rotate_reverse {
    0% {
    transform: rotate(-15deg);
   }
    100% {
    transform: rotate(-55deg);
   }
   }

/*--ボタン下フキダシ--*/
.button_fukidashi {
    display: flex;
    background: #fff;
    border: solid 1px #bebebe;
    width: 80%;
    align-items: center;
    margin: 0 auto 30px;
    border-radius: 15px;
    padding: 8px 15px;
    position: relative;
}
main#main-lower .button_fukidashi p {
    margin: 0;
    line-height: 1.5em;
}
.icon_fukidashi {
    text-align: center;
    margin-right: 20px;
}
.button_fukidashi .icon_fukidashi img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
main#main-lower .button_fukidashi .icon_fukidashi p {
    font-size: 10px;
}
main#main-lower p.text_fukidashi{
    font-size: 13px;
}
.button_fukidashi:before {
    content: "";
    position: absolute;
    top: -26px;
    left: 15%;
    margin-left: -16px;
    border: 9px solid transparent;
    border-bottom: 18px solid #ffffff;
    z-index: 2;
}
.button_fukidashi:after {
    content: "";
    position: absolute;
    top: -29px;
    left: 15%;
    margin-left: -17px;
    border: 10px solid transparent;
    border-bottom: 19px solid #bebebe;
    z-index: 1;
}
/*フキダシ下*/
.button_fukidashi.shita {
    margin-bottom: -17px;
    z-index: 2;
    border: solid 2px #bebebe;
}
.button_fukidashi.shita p {
    font-weight: 800;
    font-size: 15px !important;
    color: #ff0260;
}
.button_fukidashi.shita:before {
    top: initial;
    bottom: -17px;
    border-bottom: none;
    border-top: solid 18px #ffffff;
}
.button_fukidashi.shita:after {
    top: initial;
    bottom: -18px;
    border-bottom: none;
    border-top: solid 19px #bebebe;
}
.button_buttontext {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    width: 60%;
    background: #00000014;
    padding: 10px;
    border-radius: 5px;
    line-height: 1.1em;
}
.icon_buttontext {
    margin-right: 30px;
}
.icon_buttontext img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.icon_buttontext p {
    font-size: 10px !important;
    margin: 0 !important;
    line-height: 1.2em !important;
}
.text_buttontext {
    font-size: 13px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.button_fukidashi,
.button_buttontext{
    width: 100%;
        padding: 6px 4px;
}
main#main-lower .button_fukidashi .icon_fukidashi p {
    font-size: 9px;
}
.icon_fukidashi {
        margin-right: 5px;
        width: 45px !important;
}
main#main-lower p.text_fukidashi{
    font-size: 12px;
        margin: 0 !important;
        line-height: 1.7em;
}
.icon_buttontext {
    margin-right: 18px;
}
.text_buttontext {
    font-size: 12px;
}
}


/*------------------------------------------------------------
レクタングルバナー非表示
-------------------------------------------------------------*/
#topInner-box a.banner-rectangle {
    display: none;
}

#banner-rectangle_none a.banner-rectangle {
    display: none;
}

/*------------------------------------------------------------
マッチングアプリ診断
-------------------------------------------------------------*/
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
.shindan-submidashi {
    width: 60%;
    padding: 10px;
    border-radius: 50px;
    border: solid 2px #ff88b3;
    margin: 0 auto;
    margin-bottom: -55px;
    position: sticky;
    z-index: 50000;
    background: #fff;
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.shindan-submidashi p {
    padding: 0px !important;
    line-height: 1em !important;
    margin: 0 !important;
    text-align: center;
    font-size: 16px !important;
    font-weight: 800;
    color: #757273;
}
.shindan-box_wrapper {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px auto 40px;
    border: solid 2px #ff88b3;
    border-radius: 39px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;
}
.shindan-midashi {
    background: #ff88b3;
    font-size: 25px;
    display: block;
    width: 100%;
    padding: 30px 0 20px 0;
    border-radius: 35px 35px 0 0;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 4px #ffc3d9;
    font-weight: 800;
}
.shindan-box_wrapper .select-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 25px 0;
}
.shindan-box_wrapper .select-box .select-1 {
    text-align: center;
}
.shindan-box_wrapper .select-box .select-2-3 {
    display: flex;
    margin-bottom: 15px;
}
.shindan-box_wrapper .select-box p {
    text-align: center!important; 
    width: 100%;
}
.shindan-box_wrapper .select-box label {
    position: relative;
}
.shindan-box_wrapper .select-box select{
    appearance: none;
    min-width: 195px;
    height: 2.5em;
    padding: .4em 3.6em .4em .8em;
    margin: 10px;
    border: solid 1px #aeaeae;
    border-radius: 3px;
    background-color: #fbfbfb;
    color: #818181;
    font-size: 1em;
    font-weight: 800;
    cursor: pointer;
}
.shindan-box_wrapper .select-box select:focus-visible {
    outline: none;
}
.shindan-box_wrapper .select-box label:before,
 .shindan-box_wrapper .select-box label:after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.shindan-box_wrapper .select-box label:before {
    display: inline-block;
    right: 0;
    margin: 10px;
    width: 2.5em;
    height: 2.5em;
    border-radius: 0 3px 3px 0;
    background-color: #9cc0f7;
}
.shindan-box_wrapper .select-box label:after {
position: absolute;
top: 50%;
right: 1.9em;
transform: translate(50%, -50%) rotate(45deg);
width: 10px;
height: 10px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
}
.shindan-box_wrapper .select-box button{
    width: 80%;
    font-size: 22px;
    margin: 0 auto;
    font-weight: 800;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7e97b8;
    background-color: #f1f8ff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: rgba(255, 255, 255, 0.333);
    border-radius: 40px 40px 40px 40px;
    padding: 16px 24px 16px 28px;
    transform: translate(0px, 0px) rotate(0deg);
    transition: 0.2s;
    box-shadow:-4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 74%);
}
.shindan-box_wrapper .select-box button:hover {
    background-color: #fcfeff;
    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
}
.shindan-box_wrapper .select-box button:active {
    box-shadow: none;
    background-color: #f2f6f9;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.shindan-box_wrapper{
width:90%;
}
.shindan-midashi{
font-size: 19px;
}
.shindan-box_wrapper .select-box select{
    min-width: 135px;
    font-size: 0.8em;
}
.shindan-box_wrapper .select-box label:before{
    width: 2em;
    height: 2em;
}
.shindan-box_wrapper .select-box label:after {
    right: 1.7em;
    width: 8px;
    height: 8px;
}
.shindan-box_wrapper .select-box .select-2-3 {
    margin-bottom: 15px;
}
}

/*------------------------------------------------------------
新ボタンデザイン
-------------------------------------------------------------*/
.gachaBtnWrap.button_rainbow {
    background: none !important;
}
.gachaBtnWrap.button_rainbow a {
    height: 62px!important;
    cursor: pointer!important;
    color: #fff!important;
    font-size: 17px!important;
    border-radius: 1rem!important;
    border: none!important;
    position: relative!important;
    background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% )!important;
    transition: 0.1s!important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    align-content: center;
}
.gachaBtnWrap.button_rainbow a:before{
content: "";
display: inline-block;
width: 100%;
height: 100%;
background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(255, 94, 247, 1) 17.8%, rgba(2, 245, 255, 1) 100.2%);
filter: blur(15px);
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
.gachaBtnWrap.button_rainbow a:hover, .gachaBtnWrap.button_rainbow a:active  {
    opacity: 0.8;
}
.gachaBtnWrap.button_rainbow a:active {
transform: scale(0.9) rotate(3deg)!important;
background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% )!important;
transition: 0.5s!important;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.gachaBtnWrap.button_rainbow {
    width: 80%;
}
}

/*B*/
a.gachaBtn.gradient {
  height:auto!important;
  border-radius: 50px!important;
  background-image:linear-gradient(135deg, #ff9ac0 0%, #fb3a83 100%) !important;
  box-shadow:0 20px 30px -6px rgb(238 97 150 / 50%) !important;
  cursor: pointer;
  font-size: 17px;
    line-height: 20px !important;
  color: white!important;
    align-content: center;
  transition: all 0.3s ease-in-out;
    width: 74% !important;
    padding: 15px !important;
}
a.gachaBtn.gradient:hover {
  transform: translateY(3px)!important;
  box-shadow: none!important;
}
a.gachaBtn.gradient:active {
  opacity: 0.5!important;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
a.gachaBtn.gradient  {
    width:90%!important;
        padding: 20px 5px 20px 5px !important;
        line-height: 23px !important;
}
}
/*C*/
main#main-lower .gachaBtnWrap.blur p {
padding: 0px !important;
margin:0!important;
}
.gachaBtnWrap.blur {
 position: relative!important;
  padding: 3px!important;
  background: linear-gradient(90deg, #03a9f4, #f441a5)!important;
  border-radius:0.8em!important;
  transition: all 0.4s ease!important;
    width: max-content;
}
.gachaBtnWrap.blur a{
  font-size:17px!important;
  padding: 0.6em 0.8em!important;
  border-radius: 0.5em!important;
    background-color: #ffffff !important;
    color: #565052 !important;
  cursor: pointer!important;
  box-shadow: none!important;
align-content: center!important;
    width: 255px;
}
.gachaBtnWrap.blur a::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 0.9em;
  z-index: -10;
  filter: blur(0);
  transition: filter 0.4s ease;
}
.gachaBtnWrap.blur a:hover{
opacity: 1;
}
.gachaBtnWrap.blur a:hover::before {
  background: linear-gradient(90deg, #03a9f4, #f441a5);
  filter: blur(1.2em);
}
.gachaBtnWrap.blur a::before {
  filter: blur(0.2em);
}

/*------------------------------------------------------------
ボタンアニメーション
-------------------------------------------------------------*/

/*上下にふわふわ浮く*/
.anime_fuwafuwa {
    animation: fuwafuwa 2s linear infinite;
    scale: 1;
}
@keyframes fuwafuwa{
 0%{transform:translateY(0)}
 50%{transform:translateY(-10px)}
 100%{transform:translateY(0)}
}


/*左右にゆらゆら揺れる*/
.anime_yurayura{
  animation: yurayura 2s linear infinite;
  scale: 1;
}
@keyframes yurayura{
	0%  {transform:rotate(0deg);}
	25% {transform:rotate(-2deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(2deg);}
	100% {transform:rotate(0deg);}
}

/*キラーンと光る*/
.gachaBtnWrap.anime_kira a,
.gachaBtn.gradient.anime_kira{
  overflow: hidden;
}
.gachaBtnWrap.anime_kira a:after,
.gachaBtn.gradient.anime_kira:after{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fbfbfb;
    animation: kiran 2.5s ease-in-out infinite;
}
@-webkit-keyframes kiran {
    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; }
}

/*もわもわ光る*/
.gachaBtnWrap.anime_mowa a,
.gachaBtn.gradient.anime_mowa {
  -webkit-animation: glow-reverse 1s ease-in-out infinite alternate;
          animation: glow-reverse 1s ease-in-out infinite alternate;
}
.gachaBtnWrap.anime_mowa a:after,
.gachaBtn.gradient.anime_mowa:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: inherit;
-webkit-box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
  -webkit-animation: glow 2s ease-in-out infinite alternate;
        animation: glow 2s ease-in-out infinite alternate;
}
.gachaBtnWrap.button_rainbow.anime_mowa a:after{
    border-radius: 1rem !important;
}
.gradient.anime_mowa:after{
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgb(238 97 150 / 50%) inset;
    border-radius: 50px!important;
}
.gachaBtnWrap.blur.anime_mowa a:after{
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgb(238 97 150 / 50%) inset;
    border-radius:0.5em!important;
}
@-webkit-keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes glow-reverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes glow-reverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

/*------------------------------------------------------------
診断コンテンツ_診断結果
-------------------------------------------------------------*/
.shindan-result_wrap {
    padding: 32px 0px 10px 0px;
    position: relative;
    width: 90%;
    display: block;
    margin: 0 auto;
}
.shindan-result_title {
    display: inline-flex;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    width: 300px;
    align-items: center;
    margin: 0 auto;
    font-size: 20px;
    padding: 10px 0;
    color: #444;
    font-weight: bold;
    justify-content: center;
}
.shindan-result_title:before {
    content: "";
    background-size: 100% !important;
    width: 27px;
    height: 27px;
    display: block;
    top: 7px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px #444;
    margin-right: 5px;
}
.shindan-result_title.pairs:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2021/05/2021y05m09d_0712593472.jpg) no-repeat;
}
.shindan-result_title.pcmax:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1203225137.jpg) no-repeat;
}
.shindan-result_title.wakuwakumail:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1309132596.jpg) no-repeat;
}
.shindan-result_title.happymail:before {
    background: url(https://www.pair-full.jp/img/column/uploads/2024/07/2024y07m26d_1202429565.jpg) no-repeat;
}

.shindan-result_img img {
    margin: 0 auto;
    display: block;
    border: 1px solid #9d9d9d;
}
ul.shindan-result_txt {
    display: inline-block;
    text-align: center;
    border: 2px solid #ffc800;
    width: 100%;
    padding: 6px 5px 10px 5px !important;
    border-radius: 5px;
}


/*-------------------------------------------------------
おすすめ枠-メリットデメリット
-------------------------------------------------------*/
/*--メリット--*/
.osusume-user_box.textbox_melit {
box-shadow: 0 0 0 4px #ffc394!important;
}
.osusume-user_box.textbox_melit .midasi p {
color: #ff8b30!important;
}
.osusume-user_box.textbox_melit li:before,.osusume-user_box.textbox_demelit li:before {
background: initial;
border: initial;
scale: 0.4;
top: -16px;
left: -4px;
}
.osusume-user_box.textbox_melit li:before {
content: url(https://www.pair-full.jp/img/column/uploads/2024/12/2024y12m16d_1633395215.png);
}
/*--デメリット--*/
.osusume-user_box.textbox_demelit {
box-shadow: 0 0 0 4px #94c5ff!important;
}
.osusume-user_box.textbox_demelit .midasi p {
color: #51a0ff!important;
}
.osusume-user_box.textbox_demelit li:before {
content: url(https://www.pair-full.jp/img/column/uploads/2024/12/2024y12m16d_1633406707.png);
top: -11px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.osusume-user_box.textbox_melit,
.osusume-user_box.textbox_demelit{
margin:30px 6px 20px 6px;
}
}

/*--------------------------------------------------------
診断ツール
-------------------------------------------------------*/
div.shindan_wrap {
    border: solid 4px #ffc8c2;
    padding: 10px;
    border-radius: 15px;
}
.question-area {
height: auto;
min-height: 220px!important;
position: relative;
}
.question-area .question {
    color: #3d3d3d;
    padding: 7px 15px 0px 15px;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px;
    border-radius: 2px;
    line-height: 2;
    display: block;
    margin-top: 289px;
    text-align: center;
}
.question-area .question:before {
    content: "";
    background: url(https://www.pair-full.jp/img/column/uploads/2024/12/2024y12m25d_1145130763.jpg) no-repeat;
    left: 0px;
    background-size: contain;
    width: 100%;
    height: 300px;
    display: block;
    position: absolute;
    top: -290px;
}
.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!important;
cursor: pointer;
line-height: .5em!important;
font-size: 14px!important;
}
.answer-list li:before {
content: '';
width: 24px;
height: 24px;
background: url(https://www.pair-full.jp/img/column/uploads/2024/12/2024y12m18d_1111275621.png) 0 0/contain;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
}
.answer-list li:hover {
background: #fb568e;
}
.answer-list label {
display: block;
padding: 15px 0;
position: relative;
cursor: pointer;
color: #fff;
}
.answer-list label br,.answer-list label input {
display: none;
}
div.bar-shinkou {
    font-size: 14px;
}
div.bar-area {
background: #eeeeee;
padding: 7px 0;
border-radius: 5px;
align-items: center;
gap: 10px;
width: 80%;
margin: 30px auto 5px;
}
.bar-area .basebar {
border: 0;
background: #fff;
display: block;
border-radius: 5px;
height: 1.4em;
width: 60%;
}
.bar-area .last-cnt-graph {
background: #fb568e;
border-radius: 0 15px 15px 0;
height: 1.4em;
}
.bar-area + .btn-area .before_btn,.result .resetbtn{
box-sizing: border-box;
border: 1px solid #5fb9f5;
border-radius: 2px;
color: #5fb9f5;
display: block;
font-weight: 700;
padding: 7px 0;
text-align: center;
margin: 20px auto 0;
transition: .3s;
font-size: 15px;
text-decoration: none;
line-height: 2;
}
.result {
margin-top: 0px !important;
}
.result .resetbtn{
width: 90%;
}
.bar-area + .btn-area .before_btn:hover,.result .resetbtn:hover {
color: #fff;
background: #217bd6;
opacity: 1;
}
.shindan-result_txt li{
text-align: left!important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.question-area {
min-height: auto!important;
}
.question-area .question:before {
    top: -161px;
    background-size: contain;
    height: 100%;
}
.question-area p:empty {
margin: 0;
}
.question-area .question{
padding: 6px 15px 3px 15px;
font-size: 16px;
margin-top: 159px;
}
.answer-list li {
width: 90%;
background: #49b2ff;
color: #fff;
border-radius: 20px;
text-align: center;
position: relative;
padding: 0!important;
margin: 0 auto 10px!important;
display: block;
font-size: 16px!important;
}
.answer-list li:before {
content: '';
width: 24px;
height: 24px;
background: url(https://img.match-apps.jp/altema/uploads/2019/08/2019y08m07d_1708041828.png) 0 0/contain;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
}
div.shindan-result_wrap,.result .resetbtn{
width: 100%;
}
div.shindan-result_wrap a.gachaBtn.bigBtn {
    padding: 5px 5px 5px 5px !important;
}
}
@media screen and (max-width : 391px){
.answer-list li {
font-size: 15px!important;
}
}
@media screen and (max-width : 361px){
.answer-list li {
font-size: 14px!important;
}
}


/*--------------------------------------------------------
口コミフォーム調整用
-------------------------------------------------------*/
span.kuchikomi-break_age span {
    display: inline-block;
    width: 100px;
}
span.kuchikomi-break_manzoku span {
    display: inline-block;
    width: 290px;
}
span.kuchikomi-break_wish span {
    display: inline-block;
    width: 290px;
}
span.kuchikomi-break_deai span {
    display: inline-block;
    width: 290px;
}
span.kuchikomi-break_why span {
    display: inline-block;
    width: 290px;
}
span.kuchikomi-break_nazeowaru span {
    display: inline-block;
    width: 290px;
}

div#kuchikomi-form p.kuchikomi_midashi {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: solid 2px #ea6293;
    padding-bottom: 3px;
    border-left: solid 3px #ea6293;
    padding-left: 5px;
}

div#kuchikomi-form p.kuchikomi_midashi:first-child {
    margin-top: 0px;
}

.about_ichioshiappli {
    text-align: center;
    margin-top: 50px;
    background-color: #ff4b8a;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2em;
    padding: 10px;
}

#kuchikomi-form .textbox {
    width: 100%;
    height: 200px;
    padding-bottom: 170px;
}

input#kuchikomi_submit {
    color: #fff;
    background-color: #eb6100;
    border: 1px solid #b84c00;
    border-bottom: 5px solid #b84c00;
    width: 80%;
    display: block;
    margin: 30px auto 0;
    padding: 9px;
    border-radius: 20px;
}

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


/*--------------------------------------------------------
余白全体デザイン調整_25128
-------------------------------------------------------*/

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.post {
padding: 0px;
}
main#main-lower p {
margin: 10px 0 25px 0;
}
.post .contents{
margin: 0 15px 20px;padding: 0;
}
main#main-lower h2 {
margin: 35px 0 20px;
}
main#main-lower div.post h3 {
margin: 35px 0 20px;
}
}

.b,.line{
background:linear-gradient(transparent 60%,#ffdbdb 60%);font-weight:700;
}
main#main-lower .osusume-user_box .midasi p {
background: #fdfdfd;
color: #ff4185;
}
.osusume-user_box {
box-shadow: 0 0 0 4px #ffd0e1;
}
.osusume-user_box li:before {
border: 4px solid #ff4185;
background: #ffc0d7;
}
.osusume-user_box ol li:before {
background: #ff4185;
}
main#main-lower h2 {
background: #ea6262;
}
main#main-lower div.post h3:before {
background-color: #ea6262;
}
main#main-lower div.post h3:after {
background-color: #ea6262;
width: 8px;
height: 100%;
}
main#main-lower div.post h3 {
padding: 6px 0 10px 15px;
line-height: 1.4;
}
.osusume-user_box .midasi div {
background: #fdfdfd;
color: #ff4185;
}
#main-lower .kanrenlist-box {
box-shadow:0 0 8px 1px rgb(204 204 204 / 10%);
}

/* =============================================
PCサイド追尾CTA
============================================= */
.pc_followingCTA {
  width: auto;
  background: none;
  margin: 8px 0 0;
  border-radius: 0;
  box-shadow: 0 0 0 5px #c9c9c963;
  padding: 8px 0 5px;
  background: #fff;
  transition: opacity 1s;
z-index: 100;
  }
  .pc_followingCTA_ttl {
    color: var(--color-key);
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;
}
span.logo-wrap_text {
  font-weight: bold;
  color: #de4c4c;
  font-size: 13px;
}
  .pc_followingCTA .logo-wrap {
  text-align: center;
  }
  .pc_followingCTA .logo-wrap img {
    width: 80%;
    margin: 0 auto;
  }
  body div.pc_followingCTA p {
    padding: 0;
    font-size: 13px;
    margin-bottom: 0px;
    color: initial;
    line-height: 1.6em;
    padding-left: 10px;
  }
  .pc_followingCTA .btn-wrap {
  background: #fffeec;
  margin: 0 3px;
  padding: 5px 7px 12px;
  margin-top: 5px;
  }
  .pc_followingCTA .btn-wrap .mc {
  display: block;
  width: max-content;
  margin: 0 auto 2px;
  color: #de4c4c;
  font-size: 13px;
  font-weight: bold;
  position: relative;
    line-height: 1.2em;
}
  a.pc_followingCTA_button {
    text-decoration: none;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button {
  display: block;
  width: auto;
  margin: 0 auto;
  background: #ff0260;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0 9px;
  box-shadow: #9a2649 0px 4px 0px 0px;
line-height: 1.6;
transition: .3s;
  }
.pc_followingCTA .btn-wrap a.pc_followingCTA_button:hover {
    box-shadow: #dc440c 0px 2px 0px 0px;
    opacity: initial;
    text-decoration: none;
    transform: translateY(5px);
}
.pc_followingCTA .btn-wrap a.pc_followingCTA_button:active {
  box-shadow: none;
}
.pc_followingCTA .btn-wrap a.pc_followingCTA_button span {
  display: block;
  width: max-content;
  margin: 0 auto 5px;
  background: #f9ed02;
  border-radius: 30px;
  padding: 4px 16px 3px;
  color: #dc2c25;
  font-size: 13px;
  line-height: 1;
}
div#sidebar-6.sticky{
    position: fixed;
    top: 25px;
}
div#sidebar-6.sticky .pc_followingCTA {
width:300px;
}
.pc_followingCTA_ttl span {
    color: #ff5393;
  background: linear-gradient(transparent 60%, #ffe5ec 60%);
}

/*--------------------------------------------------------
吹き出し調整
-------------------------------------------------------*/
.sb-type-life > .sb-subtype-a > .sb-content > .sb-speech-bubble, .sb-type-life > .sb-subtype-b > .sb-content > .sb-speech-bubble{
background: #f0f0f0;
border: 0;
}
.sb-type-life > .sb-subtype-a > .sb-content:before{
border-width: 9px;
border-color: transparent #f0f0f0;
top: 12px;
left: -8px;
}
.sb-type-life > .sb-subtype-b > .sb-content:before{
border-width: 9px;
border-color: transparent #f0f0f0;
top: 12px;
right: -8px;
}
.sb-type-life > .sb-subtype-a > .sb-content:after,.sb-type-life > .sb-subtype-b > .sb-content:after{
display: none;
}


/*--------------------------------------------------------
会社概要ページ
-------------------------------------------------------*/
.cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cop-company-medialist dl {
    text-align: center;
    box-sizing: border-box;
    width: 48%;
    margin: 0 2% 20px 0;
    background: #fff;
    border: 1px solid #ebebeb;
}
.cop-company-medialist dt {
    position: relative;
}
.cop-company-medialist dd {
    padding: 10px 14px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
    min-height: 110px;
    line-height: 1.5;
    font-size: 13px;
}
.cop-company-medialist dl dt img {
    width: 80%;
    height: auto;
    display: block !important;
margin: auto;
}

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


/*------------------------------------------------------------
目次ーもっと見るボタン
-------------------------------------------------------------*/
.btn_toggle {
    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;
}
li.toc_hidden{
display:none;
}
.btn_toggle: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;
}
.btn_toggle.open:before {
    content: "閉じる";
}

a.simple_btn {
    border: 1px solid #34a3d1;
    border-radius: 4px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    transition: 0.3s;
    box-sizing: border-box;
    margin: 20px 0;
    padding: 15px 20px;
    font-size: 14px;
    text-decoration: none !important;
}

/*------------------------------------------------------------
index.php変更に伴う調整
-------------------------------------------------------------*/
.use-deaikeicatcher{
display: none;
}
header#lower-header{
background: none;
padding: 0;
width: auto;
margin: 0;
display: block;
}
.header-in{
background: #FFF;
padding: 20px 0;
box-sizing: border-box;
width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.header-in{
width: 100%;
background: #FFF;
padding: 10px 10px 10px 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}

/*------------------------------------------------------------
ハンバーガーメニュー非表示
-------------------------------------------------------------*/
span#slide-menu-btn {
    display: none;
}