@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto|Roboto+Condensed&display=swap');

/*
Theme Name: Life
*/

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
th{font-weight:bold;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}

/* =all
-------------------------------------------------------------- */

/* -- add web font -- */
/* latin-ext */
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v6/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMaC82U-ro.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
/* latin */
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v6/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxMaC82U.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: swap;
}

/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v45/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
font-display: swap;
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-display: swap;
}

/* - body - */

body {
color: #000;
background: #fff;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
text-align: center;
line-height: 1;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-font-smoothing: antialiased;
position: relative;
}
body.unjour {
background: #000;
color: #fff;
}
body.unjour.detail {
background: #fff;
color: #000;
}
button{
touch-action:manipulation;
}
a {
color: #333;
text-decoration: none;
}
/*
a:hover img,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
*/
@media ( min-width: 768px) {
a.ophover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
}
a, a img, input[type="submit"], input[type="reset"] {
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
opacity: 1;
}
img {
max-width: 100%;
height: auto;
}
input[type="submit"],input[type="reset"] {
-webkit-appearance: none;
}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.bold {font-weight: bold;}

.gf {
font-family: 'Libre Baskerville', serif;
}
.miel .gf {
font-family: 'Crimson Text', serif;
}
.bae .gf {
font-family: 'Oswald', sans-serif;
}
.unjour .gf {
font-family: 'Cormorant Garamond', serif;
font-weight: 700;
font-style: italic;
}
.lbe .gf {
font-family: 'Dancing Script', cursive;
}
@media ( min-width: 768px) {
.changegf {
font-family: 'Libre Baskerville', serif;
}
}
@media ( max-width: 767px) {
.changegf {
font-family: 'Libre Baskerville', serif;
}
.miel .changegf {
font-family: 'Crimson Text', serif;
}
.bae .changegf {
font-family: 'Oswald', sans-serif;
}
.unjour .changegf {
font-family: 'Cormorant Garamond', serif;
font-weight: 700;
font-style: italic;
}
.lbe .changegf {
font-family: 'Dancing Script', cursive;
}
}

/* = pc Common
-------------------------------------------------------------- */
@media ( min-width: 768px) {
body {
font-size: 16px;
}
.sp {
display: none;
}
.pcinner {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
}
}

/* = sp Common
-------------------------------------------------------------- */
@media ( max-width: 767px) {
body {
font-size: 3.4vw;
}
.pc {
display: none;
}
.spinner {
padding: 0 3vw;
}
img {
width: 100%;
}
}
/* = Common
-------------------------------------------------------------- */
.slanting_top {
width: 100%;
position: absolute;
top: -1px;
left: 0;
z-index: 1;
}
.eyimgbl {
position: relative;
}
.slanting_bottom {
width: 100%;
position: absolute;
left: 0;
height: 23px;
bottom: -1px;
z-index: 1;
}
.unjour svg.slanting_top path , .unjour svg.slanting_bottom path {
fill: #000;
}
.unjour.detail svg.slanting_top path , .unjour.detail svg.slanting_bottom path {
fill: #fff;
}
@media ( min-width: 768px) {
.slanting_top , .slanting_bottom {
height: 23px;
}
}
@media ( max-width: 767px) {
.slanting_top , .slanting_bottom {
height: 7vw;
}
}

/* = style
-------------------------------------------------------------- */
#topheader {
position: relative;
}
#topheader .headline .spmenubtn {
color: #333;
}
#topheader .kv {
max-width: 915px;
margin: 0 auto;
}
@media ( min-width: 768px) {
#topheader {
padding: 100px 0 0;
}
#topheader .headline .log {
position: absolute;
top: 20px;
left: 25px;
width: 64px;
z-index: 10;
}
#topheader .headline .spmenubtn {
position: absolute;
top: 20px;
right: 25px;
z-index: 10;
}
#topheader .headline .spmenubtn i {
vertical-align: middle;
font-size: 40px;
}
}
@media ( max-width: 767px) {
#topheader {
padding: 19vw 0 0;
}
#topheader .headline {
position: absolute;
padding: 3.6vw 3.4vw;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
}
#topheader .headline .log {
width: 14vw;
float: left;
}
#topheader .headline .spmenubtn {
float: right;
margin: 1vw 0.3vw 0;
}
#topheader .headline .spmenubtn i {
vertical-align: middle;
font-size: 10vw;
}
}
#slidenav {
display: block;
position: fixed;
top: 0;
height: 100%;
background: #ececec;
z-index: 999;
}
#slidenav .mainnav {
background: #fff;
}
#slidenav .categorynav .prebox {
background: #fff;
}
#slidenav .mainnav li a , #slidenav .categorynav .prebox a {
display: block;
color: #000;
text-align: center;
}
#slidenav .snsbtn .box {
float: left;
width: 50%;
box-sizing: border-box;
}
#slidenav .snsbtn .box a {
box-sizing: border-box;
display: block;
}
#slidenav .snsbtn .box a img {
width: 100%;
}
#slidenav .sbmenu ul {
width: 50%;
float: left;
text-align: left;
}
#slidenav .sbmenu ul li a {
display: block;
color: #333;
}
#slidenav .categorynav .catelist .tabl {
display: table;
width: 100%;
}
#slidenav .categorynav .catelist .tabl a {
display: table-cell;
vertical-align: middle;
width: 50%;
color: #111;
line-height: 1.3;
background: #f6f6f6;
}
.w_shadow {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
z-index: 998;
background: rgba(0, 0, 0, 0.7);
display: none;
}
#slidenav a.clsebtn {
position: absolute;
top: 0px;
display: none;
}
@media ( min-width: 768px) {
#slidenav {
right: -450px;
width: 450px;
max-width: 450px;
}
#slidenav .mainnav li {
border-bottom: 1px solid #dbdbdb;
}
#slidenav .mainnav li:last-child {
border-bottom: 0;
}
#slidenav .categorynav .prebox {
border-bottom: 1px solid #dcdcdc;
}
#slidenav .mainnav li a , #slidenav .categorynav .prebox a {
padding: 15px 15px;
height: 45px;
}
#slidenav .categorynav .catelist .tabl {
border-top: 1px solid #fff;
border-bottom: 1px solid #dbdbdb;
}
#slidenav .categorynav .catelist .tabl a {
padding: 15px 15px;
font-size: 14px;
}
#slidenav .categorynav .catelist .tabl a:first-child {
border-right: 1px solid #dddddd;
}
#slidenav .categorynav .catelist .tabl a:last-child {
border-right: 0;
}
#slidenav .mainnav li a svg , #slidenav .categorynav .prebox a svg {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
#slidenav .mainnav li.bae a svg , #slidenav .categorynav .prebox.bae a svg {
width: 160px;
}
#slidenav .mainnav li.miel a svg , #slidenav .categorynav .prebox.miel a svg {
width: 125px;
margin: 0 0 -25px;
}
#slidenav .mainnav li.lbe a svg , #slidenav .categorynav .prebox.lbe a svg {
width: 95px;
}
#slidenav .mainnav li.unjour a svg , #slidenav .categorynav .prebox.unjour a svg {
width: 120px;
margin: 0 0 -34px;
}
#slidenav .snsbtn {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#slidenav .snsbtn .box.tw {
border-right: 1px solid #000;
}
#slidenav .sbmenu {
padding: 20px 30px;
}
#slidenav .sbmenu ul li {
margin: 0 0 20px;
}
#slidenav .sbmenu ul li a {
font-size: 18px;
}
#slidenav a.clsebtn {
left: -80px;
width: 80px;
height: 80px;
}
}
@media ( max-width: 767px) {
#slidenav {
right: -83vw;
width: 83vw;
max-width: 83vw;
}
#slidenav .mainnav li {
border-bottom: 0.3vw solid #dbdbdb;
}
#slidenav .mainnav li:last-child {
border-bottom: 0;
}
#slidenav .categorynav .prebox {
border-bottom: 0.3vw solid #dcdcdc;
}
#slidenav .mainnav li a , #slidenav .categorynav .prebox a {
font-size: 4.6vw;
padding: 4.3vw 7.3vw;
height: 10vw;
}
#slidenav .categorynav .catelist .tabl {
border-top: 0.3vw solid #fff;
border-bottom: 0.3vw solid #dbdbdb;
}
#slidenav .categorynav .catelist .tabl a {
padding: 3.2vw 2.5vw;
font-size: 3.2vw;
}
#slidenav .categorynav .catelist .tabl a:first-child {
border-right: 0.3vw solid #dddddd;
}
#slidenav .categorynav .catelist .tabl a:last-child {
border-right: 0;
}
#slidenav .mainnav li a svg , #slidenav .categorynav .prebox a svg {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
#slidenav .mainnav li.bae a svg , #slidenav .categorynav .prebox.bae a svg {
width: 38vw;
}
#slidenav .mainnav li.miel a svg , #slidenav .categorynav .prebox.miel a svg {
width: 30vw;
margin: 0 0 -5vw;
}
#slidenav .mainnav li.lbe a svg , #slidenav .categorynav .prebox.lbe a svg {
width: 23vw;
}
#slidenav .mainnav li.unjour a svg , #slidenav .categorynav .prebox.unjour a svg {
width: 28vw;
margin: 0 0 -6vw;
}
#slidenav .snsbtn {
border-top: 0.3vw solid #000;
border-bottom: 0.3vw solid #000;
}
#slidenav .snsbtn .box.tw {
border-right: 0.3vw solid #000;
}
#slidenav .sbmenu {
padding: 6.6vw 6vw;
}
#slidenav .sbmenu ul li {
margin: 0 0 3.4vw;
}
#slidenav .sbmenu ul li a {
font-size: 4.2vw;
}
#slidenav a.clsebtn {
left: -17vw;
width: 17vw;
height: 17vw;
font-size: 52px;
line-height: initial;
background: #000;
color: #FFF;
}
}
.globalpagecategory ul li {
float: left;
width: 25%;
box-sizing: border-box;
}
.globalpagecategory ul li a {
display: block;
position: relative;
}
.globalpagecategory ul li.bae a , .globalpagecategory ul li.unjour a {
background: #000;
}
.globalpagecategory ul li.miel a , .globalpagecategory ul li.lbe a {
background: #fff;
}
.globalpagecategory ul li a svg {
position: absolute;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 90%;
}
.globalpagecategory ul li.bae a svg {
width: 10vw;
fill: #fff;
}
.globalpagecategory ul li.miel a svg {
width: 11.5vw;
bottom: -1vw;
}
.globalpagecategory ul li.lbe a svg {
width: 9.5vw;
}
.globalpagecategory ul li.unjour a svg {
width: 10vw;
bottom: -0.5vw;
fill: #fff;
}
@media ( min-width: 768px) {
.globalpagecategory ul {
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.globalpagecategory ul li {
border-right: 1px solid #707070;
}
.globalpagecategory ul li:last-child {
border-right: 0px;
}
.globalpagecategory ul li a {
height: 120px;
}
.globalpagecategory ul li.bae a:hover , .globalpagecategory ul li.unjour a:hover {
background: rgba(0, 0, 0, 0.9);
}
.globalpagecategory ul li.miel a:hover , .globalpagecategory ul li.lbe a:hover {
background: rgba(255, 255, 255, 0.1);
}
}
@media ( max-width: 767px) {
.globalpagecategory ul {
border-top: 0.3vw solid #707070;
border-bottom: 0.3vw solid #707070;
}
.globalpagecategory ul li {
width: 50%;
}
.globalpagecategory ul li.miel {
border-right: 0;
}
.globalpagecategory ul li a {
height: 18vw;
}
.globalpagecategory ul li.bae a svg {
width: 22vw;
}
.globalpagecategory ul li.miel a svg {
width: 30vw;
}
.globalpagecategory ul li.lbe a svg {
width: 20vw;
}
.globalpagecategory ul li.unjour a svg {
width: 24.6vw;
bottom: -1.7vw;
}
}
#topcontainer .halflistwrap .dtcont {
background: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
box-sizing: border-box;
text-align: left;
}
#topcontainer .halflistwrap .dtcont .catetop .cate {
float: left;
}
#topcontainer .halflistwrap .dtcont .catetop .spl {
float: right;
}
.eywrapbox .eyimgbl .imgbox {
width: 100%;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.eywrapbox .eyimgbl .imgbox:after {
content: '';
width: 100%;
padding-top: 58%;
display: block;
}
.catetop .spl {
color: #666;
}
.unjour .catetop .spl {
color: #9e9e9e;
}
@media ( min-width: 768px) {
#topcontainer {
padding: 100px 0;
}
#topcontainer .halflistwrap {
}
#topcontainer .halflistwrap .setlistbox {
width: 48%;
margin: 0 0 100px;
}
#topcontainer .halflistwrap .setlistbox:nth-child(2n) {
float: right;
}
#topcontainer .halflistwrap .setlistbox:nth-child(2n+1) {
float: left;
clear: both;
}
#topcontainer .halflistwrap .commontitle {
margin: 0 0 10px;
}
#topcontainer .halflistwrap .dtcont {
width: 88%;
margin: -65px auto 0;
padding: 15px 30px;
}
#topcontainer .halflistwrap .dtcont .catetop {
font-size: 12px;
margin: 0 0 10px;
}
#topcontainer .halflistwrap .dtcont .catetop .cate {
border-bottom: 1px solid #000;
padding: 0 0 5px;
}
#topcontainer .halflistwrap .dtcont .tit {
font-size: 16px;
margin: 0 0 12px;
line-height: 1.4;
}
#topcontainer .halflistwrap .firstviewclum {
margin: 0 0 20px;
}
#container {
padding: 30px 0;
}
#main {
width: 67%;
float: left;
margin: 0 0 80px;
}
#side {
width: 27%;
float: right;
margin: 0 0 80px;
}
}
@media ( max-width: 767px) {
#topcontainer {
padding: 8.5vw 0 18vw;
}
#topcontainer .halflistwrap {
margin: 0;
}
#topcontainer .halflistwrap .setlistbox {
width: 100%;
margin: 0 0 18vw;
}
#topcontainer .halflistwrap .setlistbox:nth-child(2n) , #topcontainer .halflistwrap .setlistbox:nth-child(2n+1) {
float: none;
}
.eywrapbox .dtcont {
width: 90vw;
padding: 4.4vw 5.6vw;
margin: -12vw auto 0;
background: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
box-sizing: border-box;
text-align: left;
}
.unjour .eywrapbox .dtcont {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.unjour.detail .eywrapbox .dtcont {
background: rgba(255, 255, 255, 0.9);
color: #000;
}
.eywrapbox .dtcont .catetop {
font-size: 3.4vw;
margin: 0 0 3.4vw;
}
.eywrapbox .dtcont .catetop .cate {
border-bottom: 0.3vw solid;
line-height: 1.3;
padding: 0 0 0.3vw;
}
.eywrapbox .dtcont .catetop .spl {
float: right;
}
.eywrapbox .dtcont .tit {
font-size: 3.6vw;
margin: 0 0 3.2vw;
line-height: 1.4;
}
#container {
padding: 4.5vw 0 18vw;
}
.bae #container.article {
padding: 0 0 18vw;
}
}
/*
.tagwrap {
position: relative;
line-height: 1.5;
}
.tagwrap:before {
content: '\E54E';
font-family: "Material Icons";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: #999999;
line-height: 1.4;
}
.tagwrap .taglist li {
float: left;
color: #999999;
}
.tagwrap .taglist li:after {
content: '／';
padding: 0 1px;
}
.tagwrap .taglist li:last-child:after {
display: none;
}
*/
.tagwrap {
line-height: 1.5;
text-align: left;
}
.tagwrap .taglist li {
display: inline-block;
}
.tagwrap .taglist li a {
display: block;
}
.morebtnarea {
margin: 0 auto;
transform: skewX(-26deg);
position: relative;
}
.morebtnarea a {
display: block;
color: #fff;
background: #000;
}
.unjour .morebtnarea a {
color: #000;
background: #fff;
}
.unjour.detail .morebtnarea a {
color: #fff;
background: #000;
}
.morebtnarea a:after {
content: '';
width: calc(100% + 5px);
height: calc(100% + 4px);
display: block;
border-right: 2px solid;
border-bottom: 2px solid;
border-color: #000;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
}
.miel .morebtnarea {
transform: skewX(0deg);
}
.miel .morebtnarea a {
display: block;
width: 100%;
border: 2px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
background: #fff;
}
.miel .morebtnarea a:after {
display: none;
}
.miel .morebtnarea a:before {
content: '';
border: 1px solid #000;
position: absolute;
display: block;
box-sizing: border-box;
}
.bae .morebtnarea {
transform: skewX(0deg);
}
.bae .morebtnarea a {
display: block;
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
background: #fff;
}
.bae .morebtnarea a:after {
display: none;
}
.unjour .morebtnarea a:after {
border-color: #fff;
}
.unjour.detail .morebtnarea a:after {
border-color: #000;
}
.morebtnarea a .nagi {
font-family: 'Libre Baskerville', serif;
transform: skewX(26deg);
display: block;
letter-spacing: 0.05em;
}
.miel .morebtnarea a .nagi {
transform: skewX(0deg);
line-height: 1.5;
}
.bae .morebtnarea a .nagi {
transform: skewX(0deg);
line-height: 1.5;
font-family: 'Oswald', sans-serif;
}
@media ( min-width: 768px) {
.commontitle {
margin: 0 0 60px;
text-align: center;
}
.commontitle .spl {
font-size: 14px;
}
.commontitle .tit {
display: block;
position: relative;
box-sizing: border-box;
font-size: 28px;
line-height: 2;
margin: 0 0 8px;
}
.commontitle .tit:after {
content: '';
background: url(img/tit_underline.png) no-repeat center;
background-size: 100%;
width: 85px;
height: 5px;
position: absolute;
bottom: 0px;
right: 0;
left: 0;
margin: auto;
}
.index .commontitle {
margin: 0;
}
.index .commontitle .catetit {
height: 60px;
margin: 0 0 8px;
line-height: 1;
}
.index .commontitle .catetit.unjour {
padding: 6px 0 0;
}
.index .commontitle .catetit.miel {
padding: 4px 0 0;
}
.index .commontitle .catetit svg {
width: 110px;
height: 40px;
}
.index .commontitle .catetit.bae svg {
width: 160px;
}
.miel .commontitle {
margin: 0 0 45px;
}
.miel .commontitle .gf {
font-size: 40px;
color: #1a1a1a;
display: block;
position: relative;
margin: 0 0 11px;
padding: 0 0 14px;
line-height: 1;
}
.miel .commontitle .gf:after {
content: '';
background: none;
border-top: 2px solid #000;
box-sizing: border-box;
display: block;
width: 50px;
position: absolute;
bottom: 2px;
right: 0;
left: 0;
margin: auto;
}
.bae .commontitle {
margin: 0 0 45px;
}
.bae .commontitle .gf {
font-size: 32px;
color: #1a1a1a;
display: block;
position: relative;
margin: 0 0 11px;
padding: 0 0 14px;
line-height: 1;
}
.bae .commontitle .gf:after {
content: '';
background: none;
border-top: 2px solid #e05a8b;
box-sizing: border-box;
display: block;
width: 50px;
position: absolute;
bottom: 2px;
right: 0;
left: 0;
margin: auto;
}
.unjour .commontitle {
margin: 0 0 45px;
}
.unjour .commontitle .gf {
font-size: 32px;
color: #fff;
display: block;
position: relative;
margin: 0 0 11px;
padding: 0 0 14px;
line-height: 1;
}
.unjour .commontitle .gf:after {
content: '';
background: none;
border-top: 2px solid #fff;
box-sizing: border-box;
display: block;
width: 50px;
position: absolute;
bottom: 2px;
right: 0;
left: 0;
margin: auto;
}
.unjour.detail .commontitle .gf {
color: #000;
}
.unjour.detail .commontitle .gf:after {
border-top: 2px solid #000;
}
.lbe .commontitle {
margin: 0 0 45px;
}
.lbe .commontitle .gf {
font-size: 32px;
color: #1a1a1a;
display: block;
position: relative;
margin: 0 0 11px;
padding: 0 0 14px;
line-height: 1;
}
.lbe .commontitle .gf:after {
content: '';
background: none;
border-top: 2px solid #cae3c5;
box-sizing: border-box;
display: block;
width: 50px;
position: absolute;
bottom: 2px;
right: 0;
left: 0;
margin: auto;
}
.tagscommontit {
font-size: 22px;
margin: 0 0 45px;
position: relative;
padding: 0 0 15px;
}
.tagscommontit:after {
content: '';
background: none;
border-top: 1px solid;
box-sizing: border-box;
display: block;
width: 40px;
position: absolute;
bottom: 0px;
right: 0;
left: 0;
margin: auto;
}
.leftbodertit {
border-left: 3px solid #e7141a;
text-align: left;
padding: 0 0 0 13px;
line-height: 1.3;
margin: 0 0 45px;
}
.miel .leftbodertit {
border-left: 3px solid #333;
}
.bae .leftbodertit {
border-left: 3px solid #e05a8b;
}
.unjour .leftbodertit {
border-left: 3px solid #fff;
}
.unjour.detail .leftbodertit {
border-left: 3px solid #000;
}
.lbe .leftbodertit {
border-left: 3px solid #cae3c5;
}
#side .leftbodertit {
margin: 0 0 20px;
}
.leftbodertit .tit {
font-size: 22px;
margin: 0 8px 0 0;
display: inline;
}
.leftbodertit .spl {
font-size: 13px;
}
.tagwrap .taglist li a {
padding: 4px 12px;
font-size: 14px;
margin: 0 8px 8px 0;
border: 1px solid #ccc;
border-radius: 15px;
}
.tagwrap .taglist li a:hover {
background: #f7f7f7;
text-decoration: none;
}
.morebtn {
width: 240px;
margin: 0 auto;
}
.morebtnarea {
width: 230px;
}
.morebtnarea a {
line-height: 40px;
}
.morebtnarea a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
.miel .morebtnarea a {
padding: 12px;
font-size: 18px;
}
.bae .morebtnarea a {
padding: 8px;
font-size: 18px;
}
.miel .morebtnarea a:before {
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 4px;
left: 4px;
}
.miel .morebtnarea a:hover , .bae .morebtnarea a:hover {
background: #f5f5f5;
color: #000;
}
.halflistwrap .sideby03box {
margin: 0 0 25px;
}
.sideby03box .item {
width: 30%;
float: left;
margin: 0 0 25px;
}
.sideby03box .item:nth-child(3n+1) {
width: 32.3%;
padding: 0 2.9% 0 0;
box-sizing: border-box;
border-right: 1px solid #999999;
}
.sideby03box .item:nth-child(3n+2) {
width: 35.3%;
padding: 0 2.9%;
box-sizing: border-box;
border-right: 1px solid #999999;
}
.sideby03box .item:nth-child(3n+3) {
width: 32.3%;
padding: 0 0 0 2.9%;
box-sizing: border-box;
}
.sideby03box .item .itemcover {
color: #333;
text-decoration: none;
}
.sideby03box .item .itemcover .eyeimg {
position: relative;
margin: 0 0 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sideby03box .item .itemcover .eyeimg:after {
content: '';
width: 100%;
padding-top: 66%;
display: block;
}
.sideby03box .item .itemcover .eyeimg img {
width: 100%;
}
.sideby03box .item .itemcover .eyeimg .day {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
font-size: 10px;
color: #e7141a;
padding: 1px 6px;
}
.sideby03box .item .itemcover .itemtxtarea .catetop {
font-size: 14px;
margin: 0 0 10px;
}
.sideby03box .item .itemcover .itemtxtarea .catetop .cate {
float: left;
border-bottom: 1px solid #000;
padding: 0 0 2px;
max-width: 58%;
text-align: left;
line-height: 1.3;
}
.sideby03box .item .itemcover .itemtxtarea .catetop .spl {
float: right;
color: #666;
}
.sideby03box .item .itemcover .itemtxtarea .title {
font-size: 18px;
text-align: left;
margin: 0 0 10px;
height: 3em;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sideby03box .item .itemcover .itemtxtarea .catetop {
font-size: 10px;
}
.sideby03box .item .itemcover .itemtxtarea .title {
font-size: 14px;
}
.grade02box .item {
margin: 0 0 30px;
position: relative;
}
.grade02box .item:after {
content: '';
display: block;
position: absolute;
width: calc(100% + 14px);
height: calc(100% + 14px);
background: rgba(133, 133, 133, 0);
top: -7px;
left: -7px;
z-index: -1;
-webkit-transition: background .6s ease;
transition: background .6s ease;
}
.grade02box .item:hover:after {
background: rgba(133, 133, 133, 0.08);
}
.grade02box .item a {
color: #333;
text-decoration: none;
position: relative;
z-index: 10;
display: block;
}
.unjour .grade02box .item a {
color: #e4e4e4;
}
.unjour.detail .grade02box .item a {
color: #333;
}
.grade02box .item .imgbox {
float: left;
width: 54%;
margin: 0 20px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.grade02box .item .imgbox:after {
content: '';
padding-top: 80%;
width: 100%;
display: block;
}
.grade02box .item .itemtxtarea {
overflow: hidden;
display: block;
text-align: left;
padding: 15px 0;
}
.grade02box .item .itemtxtarea .catetop {
margin: 0 0 20px;
}
.grade02box .item .itemtxtarea .catetop .cate {
float: left;
border-bottom: 1px solid;
font-size: 14px;
line-height: 1.5;
}
.grade02box .item .itemtxtarea .catetop .spl {
float: right;
font-size: 14px;
}
.grade02box .item .itemtxtarea .title {
font-size: 18px;
margin: 0 0 18px;
line-height: 1.5;
font-weight: bold;
}
.grade02box .item .itemtxtarea .txt {
font-size: 14px;
line-height: 1.5;
}
.grade02box .item .itemtxtarea .tagwrap {
margin: 25px 0 0;
font-size: 14px;
padding: 0 0 0 25px;
}
.grade02box .item .itemtxtarea .tagwrap:before {
font-size: 16px;
}
}
@media ( max-width: 767px) {
.spcommontit {
margin: 0 0 6vw;
padding: 0;
border: 0;
text-align: center;
}
.spcommontit .tit {
display: block;
font-size: 6.5vw;
position: relative;
padding: 0 0 3.2vw;
margin: 0 0 2.5vw;
box-sizing: border-box;
line-height: 1.5;
}
.spcommontit .spl {
font-size: 3.3vw;
}
.spcommontit .catetit {
height: auto;
margin: 0 0 3.4vw;
}
.spcommontit .catetit.miel {
height: auto;
margin: 0 0 3.6vw;
}
.index .spcommontit .tit {
line-height: 1;
}
.spcommontit .tit {
position: relative;
display: block;
box-sizing: border-box;
}
.spcommontit .tit:after {
content: '';
background: url(img/tit_underline.png) no-repeat center;
background-size: 100%;
width: 31.4vw;
height: 2.1vw;
position: absolute;
bottom: 0px;
right: 0;
left: 0;
margin: auto;
}
.spcommontit .catetit svg {
vertical-align: middle;
}
.spcommontit .catetit.bae svg {
width: 46vw;
height: 15vw;
}
.spcommontit .catetit.unjour svg {
width: 30vw;
height: 15vw;
}
.spcommontit .catetit.lbe svg {
width: 30vw;
height: 20vw;
}
.spcommontit .catetit.miel svg {
width: 38vw;
height: 13vw;
}
.spcommontit .spl {
font-size: 2.8vw;
}
.halflistwrap .spcommontit {
margin: 0 0 4vw;
}
.miel .spcommontit {
margin: 0 0 6vw;
}
.miel .spcommontit .tit {
margin: 0 0 1vw;
padding: 0 0 4.2vw;
font-size: 8.2vw;
line-height: 1.2;
}
.miel .spcommontit .tit:after {
content: '';
background: none;
border-top: 0.3vw solid #000;
box-sizing: border-box;
width: 18vw;
}
.bae .spcommontit .min {
font-size: 2.8vw;
}
.bae .spcommontit {
margin: 0 0 6vw;
}
.bae .spcommontit .tit {
margin: 0 0 1vw;
padding: 0 0 4.2vw;
font-size: 7.3vw;
line-height: 1.2;
}
.bae .spcommontit .tit:after {
content: '';
background: none;
border-top: 0.6vw solid #e05a8b;
box-sizing: border-box;
width: 18vw;
bottom: -0.4vw;
}
.bae .spcommontit .min {
font-size: 2.8vw;
}
.unjour .spcommontit {
margin: 0 0 6vw;
}
.unjour .spcommontit .tit {
margin: 0 0 1vw;
padding: 0 0 4.2vw;
font-size: 8vw;
line-height: 1.2;
}
.unjour .spcommontit .tit:after {
content: '';
background: none;
border-top: 0.3vw solid #fff;
box-sizing: border-box;
width: 18vw;
}
.unjour.detail .spcommontit .tit:after {
border-top: 0.3vw solid #000;
}
.lbe .spcommontit .min {
font-size: 2.8vw;
}
.lbe .spcommontit {
margin: 0 0 6vw;
}
.lbe .spcommontit .tit {
margin: 0 0 1vw;
padding: 0 0 3.6vw;
font-size: 7.3vw;
line-height: 1.2;
}
.lbe .spcommontit .tit:after {
content: '';
background: none;
border-top: 0.6vw solid #cae3c5;
box-sizing: border-box;
width: 18vw;
}
.lbe .spcommontit .min {
font-size: 2.8vw;
}
.tagscommontit {
font-size: 5.4vw;
margin: 0 0 8vw;
position: relative;
padding: 0 0 3vw;
}
.tagscommontit:after {
content: '';
background: none;
border-top: 0.3vw solid;
box-sizing: border-box;
display: block;
width: 10vw;
position: absolute;
bottom: 0px;
right: 0;
left: 0;
margin: auto;
}
.tagwrap .taglist li a {
padding: 1.4vw 3vw;
margin: 0 2.4vw 2.4vw 0;
font-size: 3.4vw;
border: 0.13vw solid #ccc;
border-radius: 6vw;
}
.morebtn {
width: 60vw;
margin: 0 auto;
}
.morebtnarea {
width: 58vw;
}
.morebtnarea a {
line-height: 11vw;
font-size: 4.2vw;
}
.miel .morebtnarea {
width: 100%;
}
.miel .morebtnarea a {
padding: 3vw;
font-size: 3.8vw;
}
.bae .morebtnarea a {
padding: 3vw;
font-size: 4.8vw;
}
.miel .morebtnarea a:before {
width: calc(100% - 6px);
height: calc(100% - 6px);
top: 3px;
left: 3px;
}
.sp_artilist {
margin: 0 0 8vw;
}
.sp_artilist .item {
box-sizing: border-box;
width: 100%;
padding: 0;
border-right: 0px;
float: none;
border-bottom: 0.3vw solid #b4b4b4;
margin: 0;
}
.sp_artilist .item:last-child {
border-bottom: 0;
}
.sp_artilist .item .itemcover {
display: block;
padding: 3.6vw 0;
}
.sp_artilist .item .itemcover .eyeimg {
width: 31vw;
float: left;
margin: 0 4vw 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sp_artilist .item .itemcover .eyeimg:after {
content: '';
width: 100%;
padding-top: 82%;
display: block;
}
.sp_artilist .item .itemcover .itemtxtarea {
text-align: left;
overflow: hidden;
padding: 0.8vw 0;
}
.sp_artilist .item .itemcover .itemtxtarea .catetop {
margin: 0 0 3.8vw;
font-size: 3.2vw;
}
.sp_artilist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 1px solid #000;
padding: 0 0 0.4vw;
}
.sp_artilist .item .itemcover .itemtxtarea .catetop .spl {
font-size: 2.8vw;
float: right;
}
.sp_artilist .item .itemcover .itemtxtarea .title {
font-size: 3.8vw;
margin: 0 0 2vw;
line-height: 1.5;
}
.grade02box .item {
float: left;
width: 50%;
box-sizing: border-box;
margin: 0 0 6vw;
}
.grade02box .item:nth-child(2n+1) {
border-right: 0.3vw dotted #b4b4b4;
clear: both;
}
.grade02box .item a {
display: block;
box-sizing: border-box;
}
.unjour .grade02box .item a {
color: #fff;
}
.unjour.detail .grade02box .item a {
color: #000;
}
.grade02box .item:nth-child(2n+1) a {
padding: 0 6% 0 0;
}
.grade02box .item:nth-child(2n+2) a {
padding: 0 0 0 6%;
}
.grade02box .item .imgbox {
margin: 0 0 4.3vw;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.grade02box .item .imgbox:after {
content: '';
padding-top: 80%;
width: 100%;
display: block;
}
.grade02box .item .itemtxtarea {
text-align: left;
}
.grade02box .item .itemtxtarea .catetop .cate {
/* max-width: 27vw; */
display: block;
float: left;
line-height: 1.2;
padding: 0 0 0.8vw;
font-size: 3.3vw;
border-bottom: 0.3vw solid;
}
.grade02box .item .itemtxtarea .catetop .spl {
font-size: 2.8vw;
float: right;
}
.grade02box .item .itemtxtarea .catetop {
margin: 0 0 3.5vw;
}
.grade02box .item .itemtxtarea .title {
font-size: 3.1vw;
margin: 0 0 2vw;
line-height: 1.5;
font-weight: bold;
}
.grade02box .item .itemtxtarea .txt {
display: none;
}
.grade02box .item .itemtxtarea .tagwrap {
padding: 0 0 0 5vw;
font-size: 3.2vw;
}
.grade02box .item .itemtxtarea .tagwrap:before {
font-size: 3.4vw;
}
}
.writerlist li .writwrap .imgcover {
border-radius: 100%;
position: relative;
}
.writerlist li .writwrap .imgbox {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
box-sizing: border-box;
}
@media ( min-width: 768px) {
.topwriterwarp .writerlist {
margin: 0 0 30px;
}
.writerlist {
text-align: left;
}
.writerlist li {
text-align: center;
display: inline-block;
margin: 0 40px 30px 0;
vertical-align: top;
}
#writerwrap {
overflow: hidden;
}
#writerwrap .writerlist {
margin: 0 -20px;
}
#writerwrap .writerlist li {
margin: 0 20px 30px 20px;
}
.writerlist li .writwrap {
display: block;
width: 120px;
}
.writerlist li .writwrap .imgcover {
background: url(img/writer_rep.png) repeat top left;
width: 120px;
height: 120px;
background-size: 4px;
margin-top: 3px;
margin-left: 5px;
}
.writerlist li .writwrap .imgbox {
width: 120px;
height: 120px;
border: 1px solid #000;
top: -3px;
left: -5px;
}
.writerlist li .txt {
display: block;
font-size: 16px;
color: #000;
text-decoration: none;
margin: 15px 0 0;
line-height: 1.3;
}
#side .writerlist {
margin: 0 0 20px;
}
#side .writerlist li {
float: left;
width: 46%;
margin: 0 0 20px;
}
#side .writerlist li:nth-child(2n+1) {
float: left;
}
#side .writerlist li:nth-child(2n+2) {
float: right;
}
#side .writerlist li .writwrap {
display: block;
margin: 0 0 10px;
}
#side .writerlist li .writwrap .imgcover {
background: url(img/writer_rep.png) repeat top left;
width: 100px;
height: 100px;
background-size: 4px;
margin: 0 auto;
}
#side .writerlist li .writwrap .imgbox {
width: 100px;
height: 100px;
border: 1px solid #000;
top: -2px;
left: -3px;
}
#side .writerlist li .txt {
font-size: 13px;
color: #333;
text-decoration: none;
display: block;
margin: 9px 0 0;
}
.unjour #side .writerlist li .txt {
color: #fff;
}
}
@media ( max-width: 767px) {
.writerlist {
padding: 0 3vw;
margin: 0 0 5vw;
}
.writerlist li {
float: left;
width: 38vw;
margin: 0 0 8vw;
}
.writerlist li:nth-child(2n) {
float: right;
}
.writerlist li:nth-child(2n+1) {
clear: both;
}
.writerlist li .writwrap {
display: block;
}
.writerlist li .writwrap .imgcover {
background: url(img/writer_rep.png) repeat top left;
width: 32vw;
height: 32vw;
background-size: 4px;
margin-top: 0.8vw;
margin: 0.8vw auto 0;
}
.writerlist li .writwrap .imgbox {
width: 32vw;
height: 32vw;
border: 1px solid #000;
top: -0.8vw;
left: -1vw;
}
.writerlist li .txt {
display: block;
font-size: 3.8vw;
margin: 3vw 0 0;
color: #000;
text-decoration: none;
line-height: 1.3;
}
.unjour .writerlist li .txt {
color: #fff;
}
.unjour.detail .writerlist li .txt {
color: #000;
}
}

#pagetop {
position: fixed;
right: 0;
bottom: 0;
opacity: 0;
z-index: 100;
}
#footer .frmenu {
background: #eee;
}
#footer .frmenu li a {
color: #000;
}
@media ( min-width: 768px) {
#footer .frmenu {
padding: 25px 0;
}
#footer .frmenu ul {
margin: 18px 0;
}
#footer .frmenu li {
display: inline-block;
margin: 0 15px;
}
#footer .frmenu li a {
font-size: 14px;
color: #626262;
text-decoration: none;
}
#footer .frmenu li a:hover {
text-decoration: underline;
}
#footer p.copy {
font-size: 12px;
padding: 10px 0;
}
}
@media ( max-width: 767px) {
#pagetop {
width: 10vw;
}
#footer .frmenu {
padding: 6vw 0;
}
/*
#footer .frmenu ul {
float: left;
width: 50%;
}
*/
#footer .frmenu li {
display: block;
}
#footer .frmenu li a {
padding: 2vw;
font-size: 3.8vw;
display: block;
}
#footer p.copy {
padding: 2.5vw 0;
font-size: 3.2vw;
}
}
#underheader .unheader {
position: relative;
z-index: 10;
box-shadow: 0px -5px 10px 0px #7b7b7b;
}
.bae #underheader .unheader {
background: #fff;
border-bottom: 1px solid #eee;
}
.unjour.detail #underheader .unheader {
background: #000;
}
#underheader .unheader .lifelog {
display: block;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
}
#underheader .unheader .log {
display: block;
}
.unjour #underheader .unheader .log svg {
fill: #fff;
}
#underheader .unheader .spmenubtn {
color: #333;
}
.unjour #underheader .unheader .spmenubtn {
color: #fff;
}
#unkvwrap {
background: #000;
}
#unkvwrap .box {
display: block;
overflow: hidden;
position: relative;
}
#unkvwrap .box .backhovercover {
position: absolute;
z-index: 5;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
}
#unkvwrap .box .bandtit {
display: block;
width: 100%;
line-height: 1.5;
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
text-align: left;
box-sizing: border-box;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#404040));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #404040);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #404040);
color: #fff;
}
@media ( min-width: 768px) {
#underheader .unheader {
min-height: 76px;
box-sizing: border-box;
}
#underheader .unheader .lifelog {
width: 46px;
height: 46px;
left: 20px;
}
#underheader .unheader .log {
margin: 15px auto 0;
}
#underheader .unheader .log svg {
height: 51px;
}
.bae #underheader .unheader .log svg {
width: 100%;
}
#underheader .unheader .spmenubtn {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
height: 36px;
}
#underheader .unheader .spmenubtn i {
vertical-align: middle;
font-size: 36px;
}
#unkvwrap .firstwrap {
width: 70%;
float: left;
}
#unkvwrap .sbwrap {
width: 30%;
float: left;
}
#unkvwrap .box {
width: 100%;
}
#unkvwrap .firstwrap .box {
height: 600px;
}
#unkvwrap .sbwrap .box {
height: 200px;
}
#unkvwrap .box .backhovercover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) inset;
}
#unkvwrap .box:hover .backhovercover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#unkvwrap .box .bandtit {
padding: 55px 40px 30px;
font-size: 24px;
}
#unkvwrap .sbwrap .box .bandtit {
font-size: 18px;
padding: 30px 18px 20px;
}
}
@media ( max-width: 767px) {
#underheader .unheader {
padding: 3.6vw 3.4vw;
height: 16.5vw;
box-sizing: border-box;
}
#underheader .unheader .lifelog {
width: 11vw;
height: 11vw;
left: 3vw;
}
#underheader .unheader .log {
display: inline-block;
}
#underheader .unheader .spmenubtn {
position: absolute;
top: 3.8vw;
right: 3.4vw;
}
#underheader .unheader .log svg {
width: 31.8vw;
height: 12vw;
}
.bae #underheader .unheader .log svg {
margin: -0.6vw 0 0 2vw;
width: 50vw;
}
.lbe #underheader .unheader .log svg {
width: 23vw;
height: 10vw;
margin: -0.3vw 0 0;
}
#underheader .unheader .spmenubtn i {
font-size: 10vw;
}
#unkvwrap .box {
height: 100vw;
}
#unkvwrap .box .bandtit {
padding: 4vw 3vw;
font-size: 4.6vw;
}
.miel #unkvwrap .box .bandtit {
text-align: center;
}
#unkvwrap .sbwrap {
display: none;
}
}
@media ( min-width: 768px) {
#toppickupwrap {
margin: 0 0 100px;
}
#toprecentposts .recentlistwrap {
margin: 0 0 30px;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap {
width: 48%;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .backhovercover {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin: 0 0 10px;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
opacity: 1;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap:hover .backhovercover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .backhovercover:after {
content: '';
width: 100%;
padding-top: 100%;
display: block;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .txtarea {
text-align: left;
font-size: 15px;
line-height: 1.5;
color: #5d5d5d;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .txtarea .terms {
font-size: 12px;
border-bottom: 1px solid #333;
display: inline-block;
margin: 0 0 8px;
}
}
@media ( max-width: 767px) {
#toppickupwrap {
margin: 0 0 8.5vw;
}
.bae #toppickupwrap {
padding: 9vw 0 3vw;
background: #eceded;
}
#toprecentposts {
margin: 0 0 10vw;
}
.bae #toprecentposts {
background: #fff;
}
#toprecentposts .recentlistwrap {
margin: 0 0 4.2vw;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap {
position: relative;
margin: 0 0 3.8vw;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap.fl , #toppickupwrap .mieloriginalbox .clumbox .blwrap.fr {
float: none;
display: block;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .backhovercover {
width: 94vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
opacity: 1;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .backhovercover:after {
content: '';
width: 100%;
padding-top: 100%;
display: block;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .txtarea {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
z-index: 10;
text-align: center;
padding: 3.5vw;
line-height: 1.5;
opacity: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s;
font-size: 4vw;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap .txtarea .terms {
font-size: 2.8vw;
border-bottom: 0.3vw solid;
display: inline-block;
margin: 0 0 2vw;
}
#toppickupwrap .mieloriginalbox .clumbox .blwrap.active .txtarea , #toppickupwrap .mieloriginalbox .clumbox .blwrap.active:after {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
}
#toppickupwrap .baeoriginalbox .box {
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
#toppickupwrap .baeoriginalbox .box:before {
content: '';
display: block;
padding-top: 100%;
}
/*
#toppickupwrap .baeoriginalbox .box:after {
content: '';
height: 90%;
width: 90%;
border: 2px solid rgba(255, 255, 255, 0.35);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 3;
}
*/
#toppickupwrap .baeoriginalbox .box .contentcover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
#toppickupwrap .baeoriginalbox .box .contentcover.active {
background: rgba(0, 0, 0, 0.28);
}
#toppickupwrap .baeoriginalbox .box:hover .contentcover {
background: rgba(0, 0, 0, 0.4);
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 4;
width: 90%;
line-height: 2;
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
#toppickupwrap .baeoriginalbox .box .contentcover.active .txtarea {
opacity: 1;
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea span {
display: block;
}
@media ( min-width: 768px) {
#toppickupwrap .baeoriginalbox .box {
width: 48%;
}
#toppickupwrap .baeoriginalbox .box:nth-child(odd) {
float: left;
}
#toppickupwrap .baeoriginalbox .box:nth-child(even) {
float: right;
}
#toppickupwrap .baeoriginalbox .box:nth-child(2n+1) {
clear: both;
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea span.day {
font-size: 14px;
font-weight: bold;
margin: 0 0 2px;
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea span.tit {
font-size: 18px;
}
}
@media ( max-width: 767px) {
#toppickupwrap .baeoriginalbox .box {
display: block;
width: 94%;
margin: 0 auto 6vw;
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea span.day {
font-size: 3.8vw;
font-weight: bold;
}
#toppickupwrap .baeoriginalbox .box .contentcover .txtarea span.tit {
font-size: 4.6vw;
}
}
@media ( min-width: 768px) {
.unjouroriginalbox .slanting_bottom {
height: 50px;
}
.unjouroriginalbox .slanting_top {
height: 50px;
}
.unjouroriginalbox .box {
margin: 0 0 25px;
}
.unjouroriginalbox .box a .imgbox {
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
}
.unjouroriginalbox .box a:hover .imgbox {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
.unjouroriginalbox .box .dtcont {
background: rgba(0, 0, 0, 0.5);
width: 70%;
z-index: 10;
padding: 13px;
text-align: left;
box-sizing: border-box;
color: #000;
margin: -70px 0 0 0;
position: relative;
float: right;
}
.unjouroriginalbox .box .dtcont .catetop {
margin: 0 0 12px;
}
.unjouroriginalbox .box .dtcont .catetop .cate {
float: left;
border-bottom: 1px solid #fff;
font-size: 13px;
padding: 0 0 3px;
color: #fff;
}
.unjouroriginalbox .box .dtcont .catetop .spl {
font-size: 13px;
float: right;
color: #9e9e9e;
}
.unjouroriginalbox .box .dtcont .tit {
font-size: 16px;
color: #fff;
line-height: 1.5;
}
.unjouroriginalbox .box .dtcont .txt {
color: #bfbfbf;
font-size: 14px;
line-height: 1.5;
padding: 0 5px;
}
}
@media ( max-width: 767px) {
.unjouroriginalbox .box .dtcont .txt {
display: none;
}
.unjouroriginalbox .box .dtcont .tit {
margin: 0;
line-height: 1.5;
}
}
#toppickupwrap .lbeoriginalbox .itembox {
position: relative;
}
#toppickupwrap .lbeoriginalbox .itembox .imgbox {
float: left;
width: 90%;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#toppickupwrap .lbeoriginalbox .itembox:nth-child(even) .imgbox {
float: right;
}
#toppickupwrap .lbeoriginalbox .itembox .imgbox:after {
content: '';
width: 100%;
padding-top: 53%;
display: block;
}
#toppickupwrap .lbeoriginalbox .textarea {
background: rgba(151, 177, 146, 0.8);
color: #fff;
box-sizing: border-box;
float: right;
position: relative;
z-index: 10;
}
#toppickupwrap .lbeoriginalbox .itembox:nth-child(even) .textarea {
float: left;
}
#toppickupwrap .lbeoriginalbox .textarea .catetop .cate {
float: left;
border-bottom: 1px solid;
}
#toppickupwrap .lbeoriginalbox .textarea .catetop .spl {
float: right;
color: #e6e6e6;
}
#toppickupwrap .lbeoriginalbox .itembox:nth-child(even) .textarea {
right: auto;
left: 0;
}
#toppickupwrap .lbeoriginalbox .textarea .day {
display: block;
color: #888888;
text-align: left;
}
#toppickupwrap .lbeoriginalbox .textarea .tit {
display: block;
line-height: 1.5;
text-align: left;
}
@media ( min-width: 768px) {
#toppickupwrap .lbeoriginalbox .itembox a .imgbox {
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
}
#toppickupwrap .lbeoriginalbox .itembox a:hover .imgbox {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#toppickupwrap .lbeoriginalbox .textarea .catetop {
margin: 0 0 12px;
}
#toppickupwrap .lbeoriginalbox .itembox {
margin: 0 0 35px;
}
#toppickupwrap .lbeoriginalbox .textarea {
padding: 15px;
width: 64%;
margin: -40px 0 0;
}
#toppickupwrap .lbeoriginalbox .textarea .tit {
font-size: 18px;
}
}
@media ( max-width: 767px) {
#toppickupwrap .lbeoriginalbox {
margin: 0 0 12vw;
}
#toppickupwrap .lbeoriginalbox .itembox {
margin: 0 0 7vw;
}
#toppickupwrap .lbeoriginalbox .textarea {
width: 64%;
padding: 2vw 3vw;
margin: -6.5vw 0 0;
}
#toppickupwrap .lbeoriginalbox .textarea .catetop {
margin: 0 0 1.5vw;
}
#toppickupwrap .lbeoriginalbox .textarea .catetop .cate {
padding: 0 0 1vw;
}
#toppickupwrap .lbeoriginalbox .textarea .day {
margin: 0 0 1vw 0.5vw;
}
#toppickupwrap .lbeoriginalbox .textarea .tit {
font-size: 3.4vw;
}
}

.ranlinglist .item .itemcover {
display: block;
text-decoration: none;
color: #333;
}
.unjour .ranlinglist .item .itemcover {
color: #fff;
}
.unjour.detail .ranlinglist .item .itemcover {
color: #333;
}
.ranlinglist .item .itemcover .imgbox {
float: left;
position: relative;
}
.ranlinglist .item .itemcover .imgbox:after {
content: '';
position: absolute;
top: 0;
left: 0;
}
.ranlinglist .item .itemcover .imgbox .number {
position: absolute;
color: #000;
z-index: 10;
font-family: 'Libre Baskerville', serif;
line-height: 1;
vertical-align: bottom;
}
.unjour .ranlinglist .item .itemcover .imgbox .number {
color: #fff;
}
.unjour.detail .ranlinglist .item .itemcover .imgbox .number {
color: #000;
}
.ranlinglist .item .itemcover .itemtxtarea {
overflow: hidden;
}
.ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
float: left;
}
.ranlinglist .item .itemcover .itemtxtarea .title {
text-align: left;
}
.ranlinglist .item .itemcover .itemtxtarea .underspon {
text-align: right;
}
@media ( min-width: 768px) {
.rankingwrap {
margin: 0 0 35px;
}
.ranlinglist .item {
border-bottom: 1px solid #606060;
}
.unjour .ranlinglist .item {
border-bottom: 1px solid #fff;
}
.unjour.detail .ranlinglist .item {
border-bottom: 1px solid #606060;
}
.ranlinglist .item:last-child {
border-bottom: 0 !important;
}
.ranlinglist .item .itemcover {
padding: 22px 0 5px;
}
.ranlinglist .item .itemcover .imgbox {
width: 30%;
margin: 0 12px 12px 0;
}
.ranlinglist .item .itemcover .imgbox:after {
border-top: 13px solid rgba(255, 255, 255, 0.85);
border-right: 34px solid transparent;
}
.unjour .ranlinglist .item .itemcover .imgbox:after {
border-top: 13px solid rgba(0, 0, 0, 0.85);
}
.unjour.detail .ranlinglist .item .itemcover .imgbox:after {
border-top: 13px solid rgba(255, 255, 255, 0.85);
}
.ranlinglist .item .itemcover .imgbox .number {
top: -13px;
left: 4px;
font-size: 20px;
}
.ranlinglist .item .itemcover .imgbox.unknown {
width: 10%;
}
.ranlinglist .item .itemcover .imgbox.unknown .number {
bottom: auto;
}
.ranlinglist .item .itemcover .itemtxtarea {
padding: 2px 0;
}
.ranlinglist .item .itemcover .itemtxtarea .catetop {
font-size: 12px;
margin: 0 0 8px;
}
.ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 1px solid #1a1a1a;
padding: 0 0 3px;
}
.unjour .ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 1px solid #fff;
}
.unjour.detail .ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 1px solid #1a1a1a;
}
.ranlinglist .item .itemcover .itemtxtarea .title {
font-size: 13px;
margin: 0 0 5px;
line-height: 1.5;
}
.ranlinglist .item .itemcover .itemtxtarea .underspon {
font-size: 12px;
color: #666666;
margin: 5px 0 0
}
.unjour .ranlinglist .item .itemcover .itemtxtarea .underspon {
color: #9e9e9e;
}
.unjour.detail .ranlinglist .item .itemcover .itemtxtarea .underspon {
color: #666666;
}
.serieslist {
margin: 0 0 40px;
}
.serieslist .eywrapbox {
display: block;
position: relative;
margin: 0 0 10px;
text-decoration: none;
color: #333;
}
.serieslist .eywrapbox .dtcont {
background: rgba(255, 255, 255, 0.9);
width: 90%;
z-index: 10;
padding: 13px;
text-align: left;
box-sizing: border-box;
color: #000;
margin: -50px 0 0 0;
position: relative;
float: right;
}
.unjour .serieslist .eywrapbox .dtcont {
background: rgba(0, 0, 0, 0.9);
color: #fff;
}
.unjour.detail .serieslist .eywrapbox .dtcont {
background: rgba(255, 255, 255, 0.9);
color: #000;
}
.serieslist .eywrapbox .dtcont .catetop {
margin: 0 0 8px;
}
.serieslist .eywrapbox .dtcont .catetop .cate {
float: left;
border-bottom: 1px solid #000;
font-size: 13px;
padding: 0 0 3px;
}
.serieslist .eywrapbox .dtcont .catetop .spl {
font-size: 13px;
float: right;
}
.serieslist .eywrapbox .dtcont .tit {
font-size: 14px;
margin: 0 0 10px;
line-height: 1.5;
}
.serieslist .eywrapbox .dtcont .txt {
font-size: 14px;
color: #626262;
}
.serieslist .cildlist {
margin: 0 0 20px;
}
.serieslist .cildlist .item {
border-bottom: 1px solid #1a1a1a;
}
.unjour .serieslist .cildlist .item {
border-bottom: 1px solid #b4b4b4;
}
.unjour.detail .serieslist .cildlist .item {
border-bottom: 1px solid #1a1a1a;
}
.serieslist .cildlist .item:last-child {
border-bottom: 0 !important;
}
.serieslist .cildlist .item .itemcover {
padding: 15px 0 10px;
display: block;
color: #333;
text-decoration: none;
}
.unjour .serieslist .cildlist .item .itemcover {
color: #fff;
}
.unjour.detail .serieslist .cildlist .item .itemcover {
color: #333;
}
.serieslist .cildlist .item .itemcover .eyeimg {
width: 30%;
float: left;
position: relative;
margin: 0 10px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.serieslist .cildlist .item .itemcover .eyeimg:after {
content: '';
width: 100%;
padding-top: 82%;
display: block;
}
.serieslist .cildlist .item .itemcover .title {
text-align: left;
font-size: 14px;
margin: 0 0 8px;
line-height: 1.5;
}
.serieslist .cildlist .item .itemcover .itemtxtarea {
overflow: hidden;
padding: 2px 0;
}
.serieslist .cildlist .item .itemcover .itemtxtarea .catetop {
font-size: 12px;
margin: 0 0 6px;
}
.serieslist .cildlist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 1px solid;

float: left;
padding: 0 0 3px;
}
.serieslist .cildlist .item .itemcover .itemtxtarea .catetop .spl {
float: right;
}
}
@media ( max-width: 767px) {
.rankingwrap {
padding: 8vw 0 4vw;
margin: 0 0 10vw;
}
.miel .rankingwrap {
background: #f4f4f4;
}
.bae .rankingwrap {
background: #eceded;
}
.ranlinglist .item {
border-bottom: 0.3vw solid #b4b4b4;
}
.ranlinglist .item:last-child {
border-bottom: 0;
}
.ranlinglist .item .itemcover {
padding: 5.4vw 0 3.4vw;
}
.ranlinglist .item .itemcover .imgbox {
width: 31vw;
margin: 0 5vw 0 0;
}
.ranlinglist .item .itemcover .imgbox:after {
border-top: 4vw solid rgba(255, 255, 255, 0.85);
border-right: 10vw solid transparent;
}
.unjour .ranlinglist .item .itemcover .imgbox:after {
border-top: 4vw solid rgba(0, 0, 0, 0.85);
}
.unjour.detail .ranlinglist .item .itemcover .imgbox:after {
border-top: 4vw solid rgba(255, 255, 255, 0.85);
}
.ranlinglist .item .itemcover .imgbox .number {
font-size: 5.4vw;
top: -3.1vw;
left: 1vw;
}
.ranlinglist .item .itemcover .imgbox.unknown {
width: 10vw;
}
.ranlinglist .item .itemcover .imgbox.unknown .number {
bottom: auto;
top:  3vw;
}
.ranlinglist .item .itemcover .itemtxtarea {
padding: 0.8vw 0;
}
.ranlinglist .item .itemcover .itemtxtarea .catetop {
font-size: 3.1vw;
margin: 0 0 2.5vw;
}
.ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 0.3vw solid #1a1a1a;
padding: 0 0 0.8vw;
}
.unjour .ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 0.3vw solid #fff;
}
.unjour.detail .ranlinglist .item .itemcover .itemtxtarea .catetop .cate {
border-bottom: 0.3vw solid #1a1a1a;
}
.ranlinglist .item .itemcover .itemtxtarea .title {
font-size: 3.4vw;
line-height: 1.5;
}
.ranlinglist .item .itemcover .itemtxtarea .tagwrap {
margin: 2.5vw 0 0;
}
.ranlinglist .item .itemcover .itemtxtarea .underspon {
font-size: 2.8vw;
}
.serieswrap {
margin: 0 0 10vw;
}
}

/* = archive pager
-------------------------------------------------------------- */
#archivepager {
position: relative;
}
#archivepager .prevlink {
position: absolute;
top: 0;
left: 0;
}
#archivepager .nextlink {
position: absolute;
top: 0;
right: 0;
}
#archivepager .prevlink a .arrow {
float: left;
}
#archivepager .nextlink a .arrow {
float: right;
}
#archivepager a {
display: block;
}
.unjour #archivepager a {
color: #fff;
}
#archivepager a .arrow {
background-image: url(img/writer_rep.png);
background-repeat: repeat;
background-position: top left;
}
#archivepager a i {
background: #000;
color: #fff;
display: block;
}
.unjour #archivepager a i {
background: #fff;
color: #000;
}
.unjour.detail #archivepager a i {
background: #000;
color: #fff;
}
@media ( min-width: 768px) {
#archivepager .num {
line-height: 45px;
letter-spacing: 0.3em;
}
#archivepager .arrow {
display: block;
background-size: 5px;
}
#archivepager .prevlink .arrow {
padding: 0 8px 8px 0;
}
#archivepager .nextlink .arrow {
padding: 0 0 8px 8px;
}
#archivepager a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#archivepager a .txt {
line-height: 45px;
font-weight: bold;
}
#archivepager .prevlink a .txt {
padding: 0 0 0 15px;
}
#archivepager .nextlink a .txt {
padding: 0 15px 0 0;
}
#archivepager a i {
width: 40px;
height: 40px;
font-size: 34px;
line-height: 40px;
}
}
@media ( max-width: 767px) {
#archivepager .num {
line-height: 9.3vw;
letter-spacing: 0.3em;
font-size: 3.4vw;
}
#archivepager .arrow {
display: block;
background-size: 4px;
}
#archivepager .prevlink .arrow {
padding: 0 1.3vw 1.3vw 0;
}
#archivepager .nextlink .arrow {
padding: 0 0 1.3vw 1.3vw;
}
#archivepager a .txt {
line-height: 9.3vw;
font-weight: bold;
}
#archivepager .prevlink a .txt {
padding: 0 0 0 3vw;
}
#archivepager .nextlink a .txt {
padding: 0 3vw 0 0;
}
#archivepager a i {
width: 8vw;
height: 8vw;
font-size: 6vw;
line-height: 8.2vw;
}
}

/* = detail
-------------------------------------------------------------- */
#detailwrap .dtcont .day {
color: #9e9e9e;
font-weight: bold;
font-size: 12px;
}
#detailwrap .dtcont .cate {
color: #333333;
}
#detailwrap .dtcont .spon {
color: #666666;
}
.unjour #detailwrap .dtcont .cate , .unjour #detailwrap .dtcont .spon , .unjour #detailwrap .writingtxt {
color: #9e9e9e;
}
.unjour.detail #detailwrap .dtcont .cate , .unjour.detail #detailwrap .dtcont .spon , .unjour.detail #detailwrap .writingtxt {
color: #333333;
}
#detailwrap .dtcont .flarea span {
display: inline-block;
}
#detailwrap .dtcont .flarea span a {
display: block;
}
#detailwrap .writingtxt {
color: #626262;
display:none;
}
#detailwrap .writingtxt a {
text-decoration: underline;
}
#detailwrap .writingtxt a:hover {
text-decoration: none;
}
#detailwrap .title {
text-align: left;
line-height: 1.7;
color: #1a1a1a;
}
.unjour #detailwrap .title {
color: #fff;
}
.unjour.detail #detailwrap .title {
color: #1a1a1a;
}
#detailwrap .upersns {
text-align: left;
}
#detailwrap .writingbox {
text-align: left;
}
#detailwrap .writingbox .imgcover {
float: left;
border-radius: 100%;
position: relative;
}
#detailwrap .writingbox .imgcover .imgbox {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
box-sizing: border-box;
}
#detailwrap .writingbox .txtarea {
overflow: hidden;
}
#detailwrap .writingbox .txtarea .txt {
color: #626262;
line-height: 1.4;
}
#detailwrap .writingbox .txtarea .more {
color: #e7141a;
text-decoration: underline;
}
#detailwrap .writingbox .txtarea .more:hover {
text-decoration: none;
}
#detailwrap .bottomsns a {
}
#detailwrap .bottomsns a.tw {
}
#detailwrap .bottomsns a.fb {
}
#detailwrap .bottomsns a.ln {
}
@media ( min-width: 768px) {
#detailwrap {
margin: 0 0 50px;
}
#detailwrap .dtcont {
margin: 0 0 23px;
font-size: 14px;
}
#detailwrap .dtcont .flarea {
float: left;
}
#detailwrap .dtcont .frarea {
float: right;
}
#detailwrap .dtcont .flarea span {
margin: 0 10px 0 0;
}
#detailwrap .dtcont .cate a {
border-bottom: 1px solid #333;
padding: 0 0 2px;
}
#detailwrap .title {
font-size: 28px;
margin: 0 0 20px;
}
#detailwrap .upersns {
margin: 0 0 25px;
}
#detailwrap .upersns a {
float: left;
margin: 0 10px 0 0;
}
#detailwrap .upersns a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#detailwrap .tagwrap {
margin: 0 0 30px;
}
#detailwrap .writingbox {
padding: 20px;
margin: 0 0 20px;
}
#detailwrap .writingbox .imgcover {
background: url(img/writer_rep.png) repeat top left;
width: 120px;
height: 120px;
background-size: 4px;
margin: 3px 25px 0 5px;
}
#detailwrap .writingbox .imgcover .imgbox {
width: 120px;
height: 120px;
border: 1px solid #000;
top: -3px;
left: -5px;
}
#detailwrap .writingbox .txtarea {
padding: 5px 0 0;
}
#detailwrap .writingbox .txtarea .name {
font-size: 18px;
margin: 0 0 10px;
}
#detailwrap .writingbox .txtarea .txt {
font-size: 14px;
margin: 0 0 12px;
}
#detailwrap .writingbox .txtarea .more {
font-size: 14px;
}
#detailwrap .bottomsns {
margin: 0 0 40px;
}
#detailwrap .bottomsns a {
background: #ededed;
padding: 8px 12px;
font-weight: bold;
color: #999;
width: 32%;
display: block;
float: left;
box-sizing: border-box;
margin: 0 2% 0 0;
border-radius: 4px;
}
#detailwrap .bottomsns a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#detailwrap .bottomsns a:last-child {
margin: 0;
}
#detailwrap .bottomsns a svg {
width: 20px;
height: 20px;
fill: #999;
display: inline-block;
vertical-align: middle;
margin: -1px 8px 2px -8px;
}
}
@media ( max-width: 767px) {
#detailwrap {
margin: 0 0 10vw;
width:100%;
}
#detailwrap .uperarea {
padding: 0 3vw;
margin: 0 0 5.5vw;
}
#detailwrap .uperarea .dtcont {
margin: 0 0 4vw;
}
#detailwrap .uperarea .flarea {
text-align: left;
font-size: 3.3vw;
}
#detailwrap .uperarea .flarea .spon {
float: right;
}
#detailwrap .dtcont .cate a  {
text-decoration: underline;
}
#detailwrap .title {
font-size: 4.5vw;
margin: 0 0 3vw;
font-weight: bold;
}
#detailwrap .writingtxt {
text-align: right;
font-size: 3vw;
}
#detailwrap .upersns {
margin: 4.4vw 0 0;
}
#detailwrap .upersns a {
float: left;
width: 33.3%;
display: block;
}
#detailwrap .tagwrap {
margin: 0 0 3vw;
}
#detailwrap .writingbox {
padding: 4.4vw 3vw 7.4vw;
margin: 0 -3vw 2.5vw;
background: #f2f2f2;
}
#detailwrap .writingbox .imgcover {
background: url(img/writer_rep.png) repeat top left;
width: 32vw;
height: 32vw;
margin: 0.8vw 4vw 0 1.2vw;
background-size: 4px;
}
#detailwrap .writingbox .imgcover .imgbox {
width: 32vw;
height: 32vw;
border: 1px solid #000;
top: -0.8vw;
left: -1.2vw;
}
#detailwrap .writingbox .txtarea {
padding: 4vw 0 0;
}
#detailwrap .writingbox .txtarea .name {
font-size: 4.2vw;
margin: 0 0 2.6vw;
}
#detailwrap .writingbox .txtarea .txt {
font-size: 3.5vw;
color: #626262;
margin: 0 0 3vw;
}
#detailwrap .writingbox .txtarea .more {
font-size: 3.5vw;
}
#detailwrap .bottomsns {
padding: 5.8vw 0;
text-align: left;
}
#detailwrap .bottomsns a {
display: inline-block;
margin: 0 1vw;
}
#detailwrap .bottomsns a span {
display: none;
}
#detailwrap .bottomsns a span.balloon {
display: inline-block;
background: #fff;
color: #999;
position: relative;
vertical-align: middle;
padding: 1.2vw 2.3vw 1.2vw 2.5vw;
margin: 0 -5vw 0 3.5vw;
border-radius: 1vw;
font-size: 3.4vw;
letter-spacing: 0.05em;
font-weight: bold;
border: 0.3vw solid #999;
}
#detailwrap .bottomsns a span.balloon:before {
content: '';
position: absolute;
left: -1.9vw;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 1.2vw 2.2vw 1.2vw 0;
border-color: transparent #fff transparent transparent;
z-index: 2;
}
#detailwrap .bottomsns a span.balloon:after {
content: '';
position: absolute;
left: -2.2vw;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 1.2vw 2.2vw 1.2vw 0;
border-color: transparent #999 transparent transparent;
z-index: 1;
}
#detailwrap .bottomsns a svg {
width: 7.5vw;
height: 7.5vw;
fill: #999;
vertical-align: middle;
}
}
.tagslistwrap .categorylist {
text-align: left;
}
.tagslistwrap .categorylist a {
display: inline-block;
position: relative;
}
body.unjour .tagslistwrap .categorylist a {
color: #fff;
}
body.unjour.detail .tagslistwrap .categorylist a {
color: #666;
}
/*
.tagslistwrap .categorylist a:before {
content: '\E54E';
font-family: "Material Icons";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: #999999;
}
*/
@media ( min-width: 768px) {
.tagslistwrap .categorylist {
margin: 0 0 25px;
}
.tagslistwrap .categorylist a {
padding: 6px 12px;
font-size: 14px;
margin: 0 8px 8px 0;
border: 1px solid #ccc;
border-radius: 15px;
}
body.unjour .tagslistwrap .categorylist a:hover {
color: #333;
}
.tagslistwrap .categorylist a:hover {
background: #f7f7f7;
}
/*
.tagslistwrap .categorylist a:before {
line-height: 1.5;
font-size: 13px;
}
*/
}
@media ( max-width: 767px) {
.tagslistwrap .leftbodertit {
display: none;
}
.tagslistwrap {
}
.tagslistwrap .categorylist {
margin: 0 0 7vw;
text-align: center;
}
.tagslistwrap .categorylist a {
padding: 1.4vw 3vw;
margin: 0 2.4vw 2.4vw 0;
font-size: 3.4vw;
border: 0.13vw solid #ccc;
border-radius: 6vw;
}
.tagslistwrap .categorylist a:before {
line-height: 1.4;
font-size: 4vw;
}
}
/* = company
-------------------------------*/
#company {
text-align: left;
}
#company p {
line-height: 1.5;
}
#company iframe {
width: 100%;
}
@media ( min-width: 768px) {
#company p {
margin: 0 0 15px;
}
}
@media ( max-width: 767px) {
#company p {
margin: 0 0 4vw;
}
}

/* = contact
-------------------------------*/
#contact .box {
line-height: 1.5;
text-align: left;
}
#contact .box a {
color: #af1010;
text-decoration: underline;
}
@media ( min-width: 768px) {
#contact .box {
margin: 0 0 20px;
border: 1px dotted;
padding: 25px;
}
#contact .box a:hover {
text-decoration: none;
}
}
@media ( max-width: 767px) {
#contact .box {
border: 0.3vw dotted;
padding: 5vw;
font-size: 4vw;
margin: 0 0 6vw;
}
}

/* = author
-------------------------------*/
#writerssingle .iconnamebox {
display: table;
width: 100%;
}
#writerssingle .iconnamebox .imgcover , #writerssingle .iconnamebox .namebl {
display: table-cell;
vertical-align: middle;
}
#writerssingle .iconnamebox .imgcover {
border-radius: 100%;
position: relative;
background: url(img/writer_rep.png) repeat top left;
}
#writerssingle .iconnamebox .imgcover .imgbox {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
box-sizing: border-box;
}
#writerssingle .iconnamebox .namebl {
text-align: left;
}
#writerssingle .iconnamebox .namebl .snsiconarea span {
text-align: center;
float: left;
}
#writerssingle .iconnamebox .namebl .snsiconarea span i , #writerssingle .iconnamebox .namebl .snsiconarea span svg {
color: #a4a4a4;
fill: #a4a4a4;
}
@media ( min-width: 768px) {
#writerssingle {
padding: 0 20px;
margin: 0 0 60px;
}
#writerssingle .iconnamebox .imgcover {
width: 140px;
height: 140px;
background-size: 4px;
min-width: 140px;
}
#writerssingle .iconnamebox .imgcover .imgbox {
width: 140px;
height: 140px;
border: 1px solid #000;
top: -3px;
left: -5px;
}
#writerssingle .iconnamebox .namebl {
padding: 0 0 0 25px;
}
#writerssingle .iconnamebox .namebl .display_name {
font-size: 24px;
margin: 0 10px 0 0;
line-height: 1.4;
}
#writerssingle .iconnamebox .namebl .user_nicename {
font-size: 12px;
}
#writerssingle .txtarea {
margin: 30px 0 0;
text-align: left;
font-size: 14px;
line-height: 1.8;
color: #626262;
}
#writerssingle .iconnamebox .namebl .snsiconarea {
margin: 10px 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span {
width: 30px;
margin: 0 5px 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span i , #writerssingle .iconnamebox .namebl .snsiconarea span svg {
-webkit-transition: color .3s, fill .3s;
transition: color .3s, fill .3s;
}
#writerssingle .iconnamebox .namebl .snsiconarea span a:hover i , #writerssingle .iconnamebox .namebl .snsiconarea span a:hover svg {
color: #333;
fill: #333;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.blog i {
font-size: 24px;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.web i {
font-size: 26px;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.twitter svg {
width: 24px;
height: 24px;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.instagram {
margin: -2px 5px 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.instagram svg {
width: 30px;
height: 30px;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.facebook svg {
width: 23px;
height: 23px;
}
}
@media ( max-width: 767px) {
#writerssingle {
margin: 0 0 8vw;
}
#writerssingle .iconnamebox .imgcover {
width: 38vw;
height: 38vw;
background-size: 4px;
min-width: 38vw;
}
#writerssingle .iconnamebox .imgcover .imgbox {
width: 38vw;
height: 38vw;
border: 0.3vw solid #000;
top: -3px;
left: -5px;
}
#writerssingle .iconnamebox .namebl {
padding: 0 0 0 4vw;
}
#writerssingle .iconnamebox .namebl .display_name {
font-size: 5.2vw;
margin: 0 3vw 0 0;
line-height: 1.4;
}
#writerssingle .iconnamebox .namebl .user_nicename {
font-size: 3.4vw;
margin: 1.5vw 0 0;
}
#writerssingle .txtarea {
margin: 5vw 0 0;
text-align: left;
font-size: 3.4vw;
line-height: 1.8;
color: #626262;
}
#writerssingle .iconnamebox .namebl .snsiconarea {
margin: 2vw 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span {
width: 7.5vw;
margin: 0 1.5vw 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.blog i {
font-size: 6vw;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.web i {
font-size: 6.8vw;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.twitter svg {
width: 6.2vw;
height: 6.2vw;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.instagram {
margin: -0.8vw 1.5vw 0 0;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.instagram svg {
width: 7.8vw;
height: 7.8vw;
}
#writerssingle .iconnamebox .namebl .snsiconarea span.facebook svg {
width: 5.6vw;
height: 5.6vw;
}
}
/* = category
-------------------------------*/
.categorywrap .categorylist .tabl {
display: table;
width: 100%;
}
.categorywrap .categorylist a {
display: table-cell;
vertical-align: middle;
line-height: 1.4;
}
@media ( min-width: 768px) {
.categorywrap {
margin: 0 0 55px;
}
.categorywrap .categorylist {
border: 1px solid #fff;
}
.categorywrap .categorylist a {
border: 1px solid #fff;
padding: 8px 3px;
font-size: 12px;
background: #f3f3f3;
}
.categorywrap .categorylist a:hover {
background: #e8e8e8;
}
}
@media ( max-width: 767px) {
.categorywrap {
margin: 0 0 14vw;
}
.categorywrap .leftbodertit {
display: none;
}
.categorywrap .categorylist {
border: 0.15vw solid #fff;
}
.categorywrap .categorylist a {
border: 0.15vw solid #fff;
padding: 3.4vw 1.8vw;
font-size: 3.4vw;
background: #f3f3f3;
}
}
/* = privacy
-------------------------------*/
#privacy {
text-align: left;
}
#privacy .textarea dt {
font-weight: bold;
}
#privacy .textarea p {
line-height: 1.5;
}
#privacy .textarea p:last-child {
margin: 0;
}
#privacy .privacy-box{
line-height: 1.6;
}
#privacy .privacy-box a{
color:#3061bf;
display: inline-block;
}
#privacy .privacy-box a:hover{
color:#9eabc3;
}
#privacy .privacy-box p{
margin: 0 0 20px;
}

@media ( min-width: 768px) {
#privacy .textarea dl {
margin: 0 0 30px
}
#privacy .textarea dt {
margin: 0 0 15px;
}
#privacy .textarea p {
margin: 0 0 15px;
}
}
@media ( max-width: 767px) {
#privacy .textarea dl {
margin: 0 0 6vw;
}
#privacy .textarea dl:first-child {
margin: 10vw 0 6vw;
}
#privacy .textarea dt {
margin: 0 0 5vw;
}
#privacy .textarea p {
margin: 0 0 4vw;
}
}
@media ( min-width: 768px) {
.dtpickupwrap {
margin: 0 0 50px;
}
}
@media ( max-width: 767px) {
.dtpickupwrap {
margin: 0 0 3.5vw;
}
.dtrecomwrap {
margin: 0 0 3.5vw;
}
}

/* -- 目次CSS -- */
#toc_container {
padding: 15px 20px;
border: 1px solid #dcdcdc;
margin: 30px 20px 0;
}
#toc_container .toc_title {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
#toc_container .toc_list {
margin: 8px 10px 10px 0;
}
#toc_container .toc_list li {
margin: 0 0 8px;
line-height:1.5!important;
}
#toc_container .toc_list li a {
color: #55acee;
font-size: 15px;
text-decoration: none;
padding: 0 0 0 0;
display: inline-block;
}
#toc_container .toc_list li a span.toc_number {
margin: 0 0 0 -1em;
}
#toc_container .toc_list li ul li {
margin: 0;
}
@media ( max-width: 767px) {
#toc_container {
margin: 8vw 0vw 10vw;
padding: 3vw 0.5vw;
border: 0.3vw solid #dcdcdc;
}
#toc_container .toc_title {
font-size: 4.2vw;
margin: 0 0 2vw;
text-align: center;
}
#toc_container .toc_list {
margin: 2vw 0;
}
#toc_container .toc_list li {
margin: 0 0 2vw;
line-height:1.5!important;
}
#toc_container .toc_list li a {
line-height: 1.5;
font-size: 3.6vw;
text-decoration: none;
}
}
/* -- 目次END -- */
/* -- bnr fix -- */
#bottom-fixed-bnr {
display: none;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 110;
will-change: transform;
-webkit-transition: all .3s;
transition: all .3s;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
#bottom-fixed-bnr.hide {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
}
#bottom-fixed-bnr img {
vertical-align: top;
}
#bottom-fixed-bnr .bnr_box {
display: none;
}
@media ( max-width: 767px) {
#bottom-fixed-bnr {
display: block;
}
}
/* -- bnr fix end --*/
#notfound_page .kvtit {
font-weight: bold;
color: #c4c4c4;
}
#notfound_page .textarea {
line-height: 1.8;
color: #373737;
}
@media ( min-width: 768px) {
#notfound_page .kvtit {
font-size: 52px;
margin: 0 0 30px;
}
#notfound_page .textarea {
font-size: 14px;
margin: 0 0 40px;
}
}
@media ( max-width: 767px) {
#notfound_page .kvtit {
font-size: 8.5vw;
margin: 0 0 6vw;
}
#notfound_page .textarea {
font-size: 3.8vw;
margin: 0 0 8vw;
}
}

/* -- ninkiranking --*/
.widget-box ul.ninki-ranking-box{
}
.widget-box ul.ninki-ranking-box li{
display: flex;
justify-content:left;
align-items: center;
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px solid #ccc;
width:100%;
position:relative;
}
.widget-box ul.ninki-ranking-box li a:nth-of-type(1){
width:25%;
}
.widget-box ul.ninki-ranking-box li a:nth-of-type(2){
width:75%;
text-align:left;
font-size:11px;
padding:0 0 0 10px;
line-height:1.4;
color:#333;
}
.widget-box ul.ninki-ranking-box li a:hover{
opacity:0.6;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(1):before{
content:"1";
font-size:11px;
width:16px;
line-height:17px;
background:#ffb800;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(2):before{
content:"2";
font-size:11px;
width:16px;
line-height:17px;
background:#004a86;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(3):before{
content:"3";
font-size:11px;
width:16px;
line-height:17px;
background:#772a00;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(4):before{
content:"4";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(5):before{
content:"5";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(6):before{
content:"6";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(7):before{
content:"7";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(8):before{
content:"8";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(9):before{
content:"9";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(10):before{
content:"10";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
.site-search{
margin-bottom:25px;
}
.site-search .gsc-search-box-tools .gsc-search-box .gsc-input{
width: 100%;
padding: 0px;
border: none;
margin: 0px;
height: auto;
background:none!important;
text-indent:0!important;
outline: none;
}
.site-search .cse .gsc-search-button-v2, .site-search .gsc-search-button-v2 {
font-size: 0px;
padding: 10px 27px;
width: auto;
vertical-align: middle;
border: 1px solid #666666;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-color: #3079ed;
background-color: #4d90fe;
background-image: linear-gradient(top,#4d90fe,#4787ed);
cursor:pointer;
}


/*------------------------------------------------------------
アプリランキング
-------------------------------------------------------------*/
.blogeditwrap table.ranking-T-design{
}
.blogeditwrap table.ranking-T-design th{
font-size:14px!important;
font-weight:bold;
color:#444;
padding:0;
line-height:35px;
}
.blogeditwrap table.ranking-T-design tr{
border-bottom:0;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(1){
width:10%!important;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(2){
width:20%!important;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(3){
width:70%!important;
}
.blogeditwrap table.ranking-T-design tr td.rank-box{
font-size:14px!important;
font-weight:bold;
color:#444;
}
.blogeditwrap table.ranking-T-design tr td.ryoukin-box{
font-size:14px!important;
color:#444;
font-weight:bold;
border-bottom:1px dashed #ddd;
}
.blogeditwrap table.ranking-T-design tr td.ryoukin-box span.t-ryoukin-2{
margin-left: 10px;
color:#ff004b;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box{
color:#444;
text-align:center;
padding: 5px 0;
line-height: 0;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box img{
display:block;
margin:0 auto;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box img:hover{
opacity:0.6;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box img + br{
display:none;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a br{
display:none;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a{
font-size:13px!important;
line-height:normal;
margin:0;
padding:0;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(2){
width:auto;
text-decoration:none;
border-bottom:1px solid #af1010;
display:inline-block;
line-height:normal;
margin-top:5px;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(2):hover{
width:auto;
text-decoration:none;
border-bottom:0px solid #af1010;
display:inline-block;
line-height:normal;
margin-top:5px;
opacity:0.6;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(3){
width:auto;
text-decoration:none;
border-bottom:1px solid #af1010;
display:inline-block;
line-height:normal;
margin-top:5px;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(3):hover{
width:auto;
text-decoration:none;
border-bottom:0px solid #af1010;
display:inline-block;
line-height:normal;
margin-top:5px;
opacity:0.6;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box{
font-size:14px!important;
color:#444;
border-top:0;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box ul{
margin:0;
padding:0;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box ul li{
position:relative;
line-height:1.8;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box ul li:before{
content:"";
width:5px;
height:5px;
border-radius:50%;
border:1px solid #ffc9dd;
background:#e05a8b;
display:inline-block;
margin-right:10px;
position:relative;
}
.blogeditwrap table.ranking-T-design tr td.rank-box{
position:relative;
padding:0;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-1:before{
content:"";
display:block;
height:25px;
width:100%;
position:relative;
background: rgba(255,209,92,1);
background: -moz-linear-gradient(-45deg, rgba(255,209,92,1) 0%, rgba(252,205,77,1) 47%, rgba(248,181,0,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,209,92,1)), color-stop(47%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,209,92,1) 0%, rgba(252,205,77,1) 47%, rgba(248,181,0,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,209,92,1) 0%, rgba(252,205,77,1) 47%, rgba(248,181,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,209,92,1) 0%, rgba(252,205,77,1) 47%, rgba(248,181,0,1) 100%);
background: linear-gradient(135deg, rgba(255,209,92,1) 0%, rgba(252,205,77,1) 47%, rgba(248,181,0,1) 100%);width:100%;
line-height:normal;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-1:after{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/ranking-icon-t.png);
background-repeat:no-repeat;
background-size:100%;
background-position:center;
top:-30px;
bottom:0;
left:0;
right:0;
margin:auto;
width:19px;
display:block;
line-height:normal;
z-index:1;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-2:before{
content:"";
display:block;
height:25px;
width:100%;
position:relative;
background: rgba(219,219,219,1);
background: -moz-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 51%, rgba(166,166,166,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(166,166,166,1)));
background: -webkit-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 51%, rgba(166,166,166,1) 100%);
background: -o-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 51%, rgba(166,166,166,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 51%, rgba(166,166,166,1) 100%);
background: linear-gradient(135deg, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 51%, rgba(166,166,166,1) 100%);
line-height:normal;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-2:after{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/ranking-icon-t.png);
background-repeat:no-repeat;
background-size:100%;
background-position:center;
top:-30px;
bottom:0;
left:0;
right:0;
margin:auto;
width:19px;
display:block;
line-height:normal;
z-index:1;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-3:before{
content:"";
display:block;
height:25px;
width:100%;
position:relative;
background: rgba(193,158,103,1);
background: -moz-linear-gradient(-45deg, rgba(193,158,103,1) 0%, rgba(182,141,76,1) 51%, rgba(181,119,27,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(193,158,103,1)), color-stop(51%, rgba(182,141,76,1)), color-stop(100%, rgba(181,119,27,1)));
background: -webkit-linear-gradient(-45deg, rgba(193,158,103,1) 0%, rgba(182,141,76,1) 51%, rgba(181,119,27,1) 100%);
background: -o-linear-gradient(-45deg, rgba(193,158,103,1) 0%, rgba(182,141,76,1) 51%, rgba(181,119,27,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(193,158,103,1) 0%, rgba(182,141,76,1) 51%, rgba(181,119,27,1) 100%);
background: linear-gradient(135deg, rgba(193,158,103,1) 0%, rgba(182,141,76,1) 51%, rgba(181,119,27,1) 100%);
line-height:normal;
}
.blogeditwrap table.ranking-T-design tr td.rank-box.rank-icon-3:after{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/ranking-icon-t.png);
background-repeat:no-repeat;
background-size:100%;
background-position:center;
top:-30px;
bottom:0;
left:0;
right:0;
margin:auto;
width:19px;
display:block;
line-height:normal;
z-index:1;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.blogeditwrap table.ranking-T-design th{
font-size:12px!important;
font-weight:bold;
color:#444;
padding:0;
line-height:35px;
box-sizing:border-box;
}
.blogeditwrap table.ranking-T-design tr{
border-bottom:0;
box-sizing:border-box;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(1){
width:10%!important;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(2){
width:30%!important;
}
.blogeditwrap table.ranking-T-design th:nth-of-type(3){
width:70%!important;
}
.blogeditwrap table.ranking-T-design tr td.rank-box{
font-size:12px!important;
font-weight:bold;
color:#444;
}
.blogeditwrap table.ranking-T-design tr td.ryoukin-box{
font-size:12px!important;
color:#444;
font-weight:bold;
border-bottom:1px dashed #ddd;
padding:5px;
}
.blogeditwrap table.ranking-T-design tr td.ryoukin-box span.t-ryoukin-1{
margin:0;
padding:0;
line-height:normal;
}
.blogeditwrap table.ranking-T-design tr td.ryoukin-box span.t-ryoukin-2{
margin:0 0 0 5px;
padding:0;
line-height:normal;
color:#ff004b;
}
.blogeditwrap table.ranking-T-design tr td.app-icon-box a{
font-size:11px!important;
line-height:normal;
margin:0;
padding:0;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box{
font-size:14px!important;
color:#444;
border-top:0;
padding:5px;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box ul li{
position:relative;
line-height:1.8;
font-size:11px!important;
}
.blogeditwrap table.ranking-T-design tr td.list-txt-box ul li:before{
content:"";
width:5px;
height:5px;
border-radius:50%;
border:1px solid #ffc9dd;
background:#e05a8b;
display:inline-block;
margin-right:5px;
position:relative;
}
.blogeditwrap table.ranking-T-design tr td.rank-box{
position:relative;
padding:0;
}
}
/*------------------------------------------------------------
アプリランキングunjour用
-------------------------------------------------------------*/
body.unjour .widget-box ul.ninki-ranking-box{
}
body.unjour .widget-box ul.ninki-ranking-box li a{
color:#FFF;
}
body.unjour.detail .widget-box ul.ninki-ranking-box li a{
color:#333;
}

/*------------------------------------------------------------
CVボタン
-------------------------------------------------------------*/
.happymail{
display: block;
overflow: hidden;
position: relative;
width: 250px;
height: 80px;
padding: 10px 0 5px;
border-radius: 3px;
text-align: center;
margin: 5px auto;
cursor: pointer;
background: #f89b00;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 5px #de6000;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
text-decoration:none!important;
}
.happymail:hover{
opacity:0.6;
}
.happymail.height-auto{
height:auto!important;
padding-bottom:15px;
}
/*
.happymail:before{
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
}
@keyframes kirakira {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
*/
#main .conve-bt-boxs .happymail: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://ieagent.jp/matchlife/wp/wp-content/uploads/2020/03/icon_arrows.png) no-repeat rgba(255, 255, 255, 0) center;
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)
}
}
.happymail span{
display:block;
color:#FFF;
font-size:14px;
line-height:26px;
}
.happymail span:first-of-type{
position:relative;
}
.happymail span:first-of-type img{
}
.happymail span:first-of-type:before{
position:relative;
display:inline-block;
content:'';
top:0;
left:0;
width:15px;
height:15px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/11/left2.png) no-repeat top left/contain;
}
.happymail span:first-of-type:after{
position:relative;
display:inline-block;
top:0;
right:0;
content:'';
width:15px;
height:15px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/11/right2.png) no-repeat top right/contain;
}
.happymail span:nth-of-type(2){
font-size:24px;
font-weight:bold;
}
.conve-bt-boxs{
text-align:center;
width:80%;
padding:15px 0;
margin:0 auto 15px;
display:block;
border:0px solid #ffcc76;
border-radius:5px;
background:#fff9cc;
}
.conve-bt-boxs p.bt-download-txt{
font-size:16px;
font-weight:bold;
margin:0;
color:#de6000;
}
.conve-bt-boxs p.bt-download-txt + p{
position:relative;
padding-bottom:0px;
margin:0!important;
}
.conve-bt-boxs p.bt-download-txt + p + p{
margin:0!important;
}
.conve-bt-boxs p{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs{
width:95%;
padding: 10px 0 5px;
margin: 0 auto 20px;
}
.conve-bt-boxs p.bt-download-txt{
margin:0!important;
}
.conve-bt-boxs p{
margin-bottom:10px!important;
}
}
.bt-download-txt a{
color:#de6000!important;
display:inline-block;
width:auto;
text-decoration:none!important;
}
.manual-p{
width:100%;
display:block;
text-align:center;
}
.manual-p a{
width:80%;
font-size:13px;
display:inline-block;
margin:0 auto;
text-decoration:none!important;
color:#333333!important;
}
.manual-p a:hover{
opacity:0.6;
}
.manual-p a:before{
content:'?';
right:10px;
font-size:12px!important;
padding:1px 3px 0 4px;
top:50%;
color:#fff;
font-size:13px;
background:#333;
border-radius:50%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.manual-p a{
width:100%;
font-size:11px!important;
display:inline-block;
margin:0 auto;
text-decoration:none!important;
color:#333333!important;
}
}

/*--------------------------------------------------------
おすすめランキング枠
--------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-contents .rank-list-osusume{
padding:15px 10px 0;
}
}
.rank-list-osusume{
display: block;
position: relative;
border: 3px solid #e05a8b;
padding: 15px 10px 0;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}
.rank-list-osusume dl:first-of-type{
margin-top:24px!important;
margin-bottom:0px!important;
}
.rank-list-osusume dl{
margin-top:15px!important;
margin-bottom:0px!important;
}
.rank-list-osusume dl dt{
display:block;
position:absolute;
top:-40px;
left:-3px;
background: rgba(255,36,116,1);
background: -moz-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,36,116,1)), color-stop(48%, rgba(255,0,94,1)), color-stop(100%, rgba(255,33,114,1)));
background: -webkit-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -o-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -ms-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: linear-gradient(to right, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
padding:0 10px;
margin:20px 0;
box-sizing:border-box;
border-radius:5px;
color:#FFF;
}
.rank-list-osusume dl dd{
margin:0 0 0;
padding:0;
line-height:1.6;
}
.rank-list-osusume 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;
}
.rank-list-osusume dl dd span + br{
display:none;
}
.rank-list-osusume 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;
}
.rank-list-osusume dl dd span img{
margin:0 5px 0 0!important;
width:28px!important;
border:1px solid #efefef;
border-radius:8px;
}
.rank-list-osusume dl dd span:hover{
border-bottom:0px dashed #fb568e;
transition: .6s ease-out;
}
.rank-list-osusume dl dd span:empty {
display: none;
}

.rank-list-osusume.links-icon dl dd span a:last-child:after{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/03/icon.png) no-repeat center;
background-size:13px;
width:13px;
height:13px;
display:inline-block;
margin-left:10px;
}

/*------PC非表示-----*/
.pc-none{
display:none;
}
.sp-none{
display:block;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pc-none{
display:block;
}
.sp-none{
display:none;
}}

/*--------------------------------------------------------
おすすめランキング枠(オレンジ)
--------------------------------------------------------*/
.rank-list-osusume.waku-orange{
display:block;
position:relative;
border:3px solid #ffad01;
padding:10px 15px 10px;
margin:35px 0 20px;
box-sizing:border-box;
border-radius:5px;
}
.rank-list-osusume.waku-orange dl:empty{
display:none;
}
.rank-list-osusume.waku-orange 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;
}
/*--------------------------------------------------------
おすすめランキング枠(グレー)
--------------------------------------------------------*/
div.rank-list-osusume.waku-gray {
display: block;
position: relative;
border: 3px solid #8d8d8d;
padding: 10px 15px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
}
div.rank-list-osusume.waku-gray dl dt {
background: #8d8d8d;
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF;
display: block;
position: absolute;
top: -40px;
left: -3px;
}
.rank-list-osusume.waku-gray dl dd a:last-child{
border:0;
}


/*--------------------------------------------------------
おすすめランキング枠(ブルー)
--------------------------------------------------------*/
div.rank-list-osusume.waku-blue {
display: block;
position: relative;
border: 3px solid #70B8F1;
padding: 10px 15px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
}
div.rank-list-osusume.waku-blue dl dt {
background: #70B8F1;
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF;
display: block;
position: absolute;
top: -40px;
left: -3px;
}
.rank-list-osusume.waku-blue dl dd a:last-child{
border:0;
}

/*-----------------------------------
追従ボタン
--------------------------------------*/
.new-hidden-box{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.newapp-tujyu-bt{
font-family: 'Kosugi Maru', sans-serif;
}
.newapp-tujyu-bt a{
display:flex;
justify-content: center;
align-items: center;
border-radius:50px 0 0 50px;
padding:6px 10px;
background:#00a9ff;
line-height:normal;
text-decoration:none!important;
letter-spacing:-1px;
}
.newapp-tujyu-tuki{
display:flex;
align-items: center;
}
.newapp-tujyu-bt .newapp-tujyu-tuki:before{
content:"";
background: url(https://img.altema.jp/altema/top/rankingicon-tujyuu.png) no-repeat center / 15px;
width:15px;
height:15px;
display:inline-block;
margin-right:5px;
}
.newapp-tujyu-bt .newapp-tujyu-tuki:after{
content:"おすすめ";
font-size:11px;
font-weight:bold;
color:#ffe700;
margin-right:2px;
margin-top: 1px;
}
.newapp-tujyu-bt .newapp-tuijyu-txt:before{
content:"マッチングアプリ11選";
font-size:11px;
font-weight:bold;
color:#fff;
}
.newapp-tujyu-bt2{
font-family: 'Kosugi Maru', sans-serif;
position:relative;
display:flex;
justify-content: center;
align-items: center;
border-radius:50px 0 0 50px;
padding:6px 10px;
background:#00a9ff;
line-height:normal;
}
.newapp-tujyu-bt2 a{
width:100%;
height:100%;
position:absolute;
}
.newapp-tujyu-bt2 .newapp-tujyu-tuki:before{
content:"";
background: url(https://img.altema.jp/altema/top/rankingicon-tujyuu.png) no-repeat center / 15px;
width:15px;
height:15px;
display:inline-block;
margin-right:5px;
}
.newapp-tujyu-bt2 .newapp-tujyu-tuki:after{
content:"11月";
font-size:13px;
font-weight:bold;
color:#ffe700;
margin-right:2px;
}
.newapp-tujyu-bt2 .newapp-tuijyu-txt:before{
content:"おすすめゲーム";
font-size:13px;
font-weight:bold;
color:#fff;
}
/*全体*/
.new-hidden-box {
margin:0;
padding:0;
width:auto;
position: fixed;
bottom:55px;
right:0;
z-index:10;
text-align:right;
display:block;
}
/*アイコンを表示*/
.new-hidden-box label:before {
display:none;
}
.new-hidden-box input:checked ~ label:before {
font-size:13px;
font-family: 'FontAwesome','Kosugi Maru', sans-serif;
content: '×';
color: #00a9ff;
background:none;
padding: 2px 10px;
display: inline-block;
}
/*チェック*/
.new-hidden-box input {
display:none;
}
/*中身非表示*/
.new-hidden-box .hidden_show {
opacity:0;
transition:0.8s;
display:none;
}
/*中身表示*/
.new-hidden-box input:checked ~ .hidden_show {
opacity: 1;
display:block;
}
}

body .modal_val form input[type="text"] {
height: 40px;
width: 60%;
padding: 0px 0px 0 10px;
border: solid #666 2px;
background-color: #FFF;
border-radius: 10px 0px 0px 10px;
}
body .modal_val form input[type="submit"] {
width: 60px;
height: 44px;
margin-left: -5px;
border: solid #666 2px;
border-left: 0px;
cursor: pointer;
color: #444;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/11/search.png) #eee no-repeat 50%/25px;
overflow: hidden;
text-indent: -9999px;
border-radius: 0 10px 10px 0;
}
body .f-navi-mokuji_modal li{
text-align:left;
}
body .f-navi-mokuji_modal .mokuzi_contents {
background: #fff;
box-sizing: border-box;
width: 95%;
padding: 45px 8px 10px;
margin: 30px auto;
border: 2px solid #ccc;
border-radius: 0px;
}
body .f-navi-mokuji_modal .mokuzi_contents li{
font-size:13px;
}
body .f-navi-mokuji_modal span#modal_close_mokuji {
position: absolute;
color: #FFF;
top: 40px;
right: 30px;
margin: 0;
border-radius: 0px;
font-size: 12px;
line-height:24px;
padding: 2px 10px;
background: #333;
}
body .footer-navi-wrap ul li {
display: block;
width: 40%;
line-height: normal;
font-size: 11px;
background: #333;
text-align: center;
color: #FFF;
position: relative;
}
body .footer-navi-wrap {
z-index: 2147483647;
}

/*------------------------------------------------------------
CVボタン
-------------------------------------------------------------*/

/*ブライダルネット*/
.conve-bt-boxs.bridalnet-cv .happymail{
background: #f3656f;
border-bottom: solid 5px #d21926;
}
.conve-bt-boxs.bridalnet-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.bridalnet-cv .happymail:after{
color:#f3656f;
background:#fff;
}
.conve-bt-boxs.bridalnet-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.bridalnet-cv{
background:#fdd;
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a{
color:#f3656f!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.bridalnet-cv .happymail{
background: #f3656f;
border-bottom: solid 5px #d21926;
}
.conve-bt-boxs.bridalnet-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.bridalnet-cv .happymail:after{
color:#f3656f;
background:#fff;
}
.conve-bt-boxs.bridalnet-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.bridalnet-cv{
background:#fdd;
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a{
color:#f3656f!important;
}
}
/*Tinder*/
.conve-bt-boxs.tinder-cv .happymail{
background: #ff7157;
border-bottom: solid 5px #fd3939;
}
.conve-bt-boxs.tinder-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tinder-cv .happymail:after{
color:#fd3939;
background:#fff;
}
.conve-bt-boxs.tinder-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tinder-cv{
background:#ffe1db;
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a{
color:#fd2a7b!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.tinder-cv .happymail{
background: #ff7157;
border-bottom: solid 5px #fd3939;
}
.conve-bt-boxs.tinder-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tinder-cv .happymail:after{
color:#fd3939;
background:#fff;
}
.conve-bt-boxs.tinder-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tinder-cv{
background:#ffe1db;
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a{
color:#fd2a7b!important;
}
}
/*ikinari*/
.conve-bt-boxs.ikinari-cv .happymail{
background: #ff686f;
border-bottom: solid 5px #e43965;
}
.conve-bt-boxs.ikinari-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.ikinari-cv .happymail:after{
color:#e43965;
background:#fff;
}
.conve-bt-boxs.ikinari-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.ikinari-cv{
background:#fff2f3;
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a{
color:#ff686f!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.ikinari-cv .happymail{
background: #ff686f;
border-bottom: solid 5px #e43965;
}
.conve-bt-boxs.ikinari-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.ikinari-cv .happymail:after{
color:#e43965;
background:#fff;
}
.conve-bt-boxs.ikinari-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.ikinari-cv{
background:#fff2f3;
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a{
color:#ff686f!important;
}
}
/*omiai*/
.conve-bt-boxs.omiai-cv .happymail{
background: #ff8381;
border-bottom: solid 5px #ff4643;
}
.conve-bt-boxs.omiai-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.omiai-cv .happymail:after{
color:#ff4643;
background:#fff;
}
.conve-bt-boxs.omiai-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.omiai-cv{
background:#dcf2ff;
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a{
color:#3f9ad1!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.omiai-cv .happymail{
background: #ff8381;
border-bottom: solid 5px #ff4643;
}
.conve-bt-boxs.omiai-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.omiai-cv .happymail:after{
color:#ff4643;
background:#fff;
}
.conve-bt-boxs.omiai-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.omiai-cv{
background:#dcf2ff;
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a{
color:#3f9ad1!important;
}
}
/*tapple*/
.conve-bt-boxs.tapple-cv .happymail{
background: #ea4c89;
border-bottom: solid 5px #d40555;
}
.conve-bt-boxs.tapple-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tapple-cv .happymail:after{
color:#d40555;
background:#fff;
}
.conve-bt-boxs.tapple-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tapple-cv{
background:#d9f5f5;
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a{
color:#07b3b3!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.tapple-cv .happymail{
background: #ea4c89;
border-bottom: solid 5px #d40555;
}
.conve-bt-boxs.tapple-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tapple-cv .happymail:after{
color:#d40555;
background:#fff;
}
.conve-bt-boxs.tapple-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tapple-cv{
background:#d9f5f5;
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a{
color:#07b3b3!important;
}
}
/*with*/
.conve-bt-boxs.with-cv .happymail{
background: #fe696f;
border-bottom: solid 5px #ff343c;
}
.conve-bt-boxs.with-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.with-cv .happymail:after{
color:#ff343c;
background:#fff;
}
.conve-bt-boxs.with-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.with-cv{
background:#fffbee;
}
.conve-bt-boxs.with-cv p.bt-download-txt a{
color:#fe696f!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.with-cv .happymail{
background: #fe696f;
border-bottom: solid 5px #ff343c;
}
.conve-bt-boxs.with-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.with-cv .happymail:after{
color:#ff343c;
background:#fff;
}
.conve-bt-boxs.with-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.with-cv{
background:#fffbee;
}
.conve-bt-boxs.with-cv p.bt-download-txt a{
color:#fe696f!important;
}
}
/*tocale*/
.conve-bt-boxs.tocale-cv .happymail{
background: #2b1b15;
border-bottom: solid 5px #000000;
}
.conve-bt-boxs.tocale-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tocale-cv .happymail:after{
color:#000000;
background:#fff;
}
.conve-bt-boxs.tocale-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tocale-cv{
background:#ded4be;
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a{
color:#5d4d46!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.tocale-cv .happymail{
background: #bca676;
border-bottom: solid 5px #967f4c;
}
.conve-bt-boxs.tocale-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.tocale-cv .happymail:after{
color:#967f4c;
background:#fff;
}
.conve-bt-boxs.tocale-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.tocale-cv{
background:#5d4d46;
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a{
color:#fff!important;
}
}
/*match*/
.conve-bt-boxs.match-cv .happymail{
background: #4967da;
border-bottom: solid 5px #2743af;
}
.conve-bt-boxs.match-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.match-cv .happymail:after{
color:#2743af;
background:#fff;
}
.conve-bt-boxs.match-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.match-cv{
background:#e6e8ff;
}
.conve-bt-boxs.match-cv p.bt-download-txt a{
color:#3a3c5d!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.match-cv .happymail{
background: #4967da;
border-bottom: solid 5px #2743af;
}
.conve-bt-boxs.match-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.match-cv .happymail:after{
color:#2743af;
background:#fff;
}
.conve-bt-boxs.match-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.match-cv{
background:#e6e8ff;
}
.conve-bt-boxs.match-cv p.bt-download-txt a{
color:#3a3c5d!important;
}
}
/*eveeve*/
.conve-bt-boxs.eveeve-cv .happymail{
background: #48cecf;
border-bottom: solid 5px #1fa4a5;
}
.conve-bt-boxs.eveeve-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.eveeve-cv .happymail:after{
color:#1fa4a5;
background:#fff;
}
.conve-bt-boxs.eveeve-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.eveeve-cv{
background:#dbefef;
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a{
color:#ea6f99!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.eveeve-cv .happymail{
background: #4967da;
border-bottom: solid 5px #2743af;
}
.conve-bt-boxs.eveeve-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.eveeve-cv .happymail:after{
color:#2743af;
background:#fff;
}
.conve-bt-boxs.eveeve-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.eveeve-cv{
background:#ea6f99;
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a{
color:#3a3c5d!important;
}
}
/*koimusubi*/
.conve-bt-boxs.koimusubi-cv .happymail{
background: #e70e75;
border-bottom: solid 5px #c1005c;
}
.conve-bt-boxs.koimusubi-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.koimusubi-cv .happymail:after{
color:#c1005c;
background:#fff;
}
.conve-bt-boxs.koimusubi-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.koimusubi-cv{
background:#e9f5ff;
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a{
color:#e70e75!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.koimusubi-cv .happymail{
background: #e70e75;
border-bottom: solid 5px #c1005c;
}
.conve-bt-boxs.koimusubi-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.koimusubi-cv .happymail:after{
color:#c1005c;
background:#fff;
}
.conve-bt-boxs.koimusubi-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.koimusubi-cv{
background:#e9f5ff;
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a{
color:#e70e75!important;
}
}
/*poiboy*/
.conve-bt-boxs.poiboy-cv .happymail{
background: #ff6993;
border-bottom: solid 5px #e83568;
}
.conve-bt-boxs.poiboy-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.poiboy-cv .happymail:after{
color:#e83568;
background:#fff;
}
.conve-bt-boxs.poiboy-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.poiboy-cv{
background:#fae6ee;
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a{
color:#ff6666!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.poiboy-cv .happymail{
background: #ff6993;
border-bottom: solid 5px #e83568;
}
.conve-bt-boxs.poiboy-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.poiboy-cv .happymail:after{
color:#e83568;
background:#fff;
}
.conve-bt-boxs.poiboy-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.poiboy-cv{
background:#fae6ee;
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a{
color:#ff6666!important;
}
}
/*enmusubi*/
.conve-bt-boxs.enmusubi-cv .happymail{
background: #e0006b;
border-bottom: solid 5px #bb0059;
}
.conve-bt-boxs.enmusubi-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.enmusubi-cv .happymail:after{
color:#bb0059;
background:#fff;
}
.conve-bt-boxs.enmusubi-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.enmusubi-cv{
background:#f7f5f0;
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a{
color:#b38144!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.enmusubi-cv .happymail{
background: #e0006b;
border-bottom: solid 5px #bb0059;
}
.conve-bt-boxs.enmusubi-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.enmusubi-cv .happymail:after{
color:#bb0059;
background:#fff;
}
.conve-bt-boxs.enmusubi-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.enmusubi-cv{
background:#f7f5f0;
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a{
color:#b38144!important;
}
}

/*youbride(緑)*/

.conve-bt-boxs.youbride-cv .happymail{
background: #59b54d;
border-bottom: solid 5px #439038;
color: #fff;
font-weight: bold;
}
.conve-bt-boxs.youbride-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.youbride-cv .happymail:after{
color:#439038;
background:#fff;
}
.conve-bt-boxs.youbride-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.youbride-cv{
background:#f6f6f6;
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a{
color:#7cb727!important;
}
.conve-bt-boxs.youbride-cv.DLcolor p.bt-download-txt a{
color:#ce3160!important;
}
.conve-bt-boxs.youbride-cv.DLcolor .happymail{
background: #ce3160;
border-bottom: solid 5px #9a2649;
}
.conve-bt-boxs.youbride-cv.DLcolor2 .happymail{
background: #da0e24;
border-bottom: solid 5px #a90c1d;
}
.conve-bt-boxs.youbride-cv.DLcolor2 p.bt-download-txt a {
color: #10776d!important;
}
.conve-bt-boxs.youbride-cv.DLcolor2 p.bt-download-txt{
line-height:1.6;
}
.conve-bt-boxs.youbride-cv.DLcolor-o p.bt-download-txt a{
color:#ff7400!important;
}
.conve-bt-boxs.youbride-cv.DLcolor-o .happymail{
background: #ff7400;
border-bottom: solid 5px #b94a00;
}
div.conve-bt-boxs.youbride-cv .facebookTxt{
color: #7e7e7e;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.youbride-cv .happymail{
background: #59b54d;
border-bottom: solid 5px #439038;
}
.conve-bt-boxs.youbride-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.youbride-cv .happymail:after{
color:#439038;
background:#fff;
}
.conve-bt-boxs.youbride-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.youbride-cv{
background:#f6f6f6;
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a{
color:#7cb727!important;
}
.conve-bt-boxs.youbride-cv.DLcolor p.bt-download-txt a{
color:#ce3160!important;
}
.conve-bt-boxs.youbride-cv.DLcolor .happymail{
background: #ce3160;
border-bottom: solid 5px #9a2649;
}
}

/*pinkCV(ピンク)*/

.conve-bt-boxs.pink-cv .happymail{
background: #ff9bac;
border-bottom: solid 5px #e65d75;
color: #fff;
font-weight: bold;
}
.conve-bt-boxs.pink-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.pink-cv .happymail:after{
color:#e65d75;
background:#fff;
}
.conve-bt-boxs.pink-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.pink-cv{
background:#f6f6f6;
}
.conve-bt-boxs.pink-cv p.bt-download-txt a{
color:#ff617c!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.pink-cv .happymail{
background: #ff9bac;
border-bottom: solid 5px #e65d75;
}
.conve-bt-boxs.pink-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.pink-cv .happymail:after{
color:#e65d75;
background:#fff;
}
.conve-bt-boxs.pink-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.pink-cv{
background:#f6f6f6;
}
.conve-bt-boxs.pink-cv p.bt-download-txt a{
color:#ff617c!important;
}
}

/*marrish*/
.conve-bt-boxs.marrish-cv .happymail{
background: #d2b074;
border-bottom: solid 5px #a28a57;
}
.conve-bt-boxs.marrish-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.marrish-cv .happymail:after{
color:#a28a57;
background:#fff;
}
.conve-bt-boxs.marrish-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.marrish-cv{
background:#f8f6f2;
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a{
color:#805f20!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.marrish-cv .happymail{
background: #d2b074;
border-bottom: solid 5px #a28a57;
}
.conve-bt-boxs.marrish-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.marrish-cv .happymail:after{
color:#a28a57;
background:#fff;
}
.conve-bt-boxs.marrish-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.marrish-cv{
background:#f8f6f2;
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a{
color:#805f20!important;
}
}
/*dine*/
.conve-bt-boxs.dine-cv .happymail{
background: #50180a;
border-bottom: solid 5px #2d150e;
}
.conve-bt-boxs.dine-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.dine-cv .happymail:after{
color:#2d150e;
background:#fff;
}
.conve-bt-boxs.dine-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.dine-cv{
background:#f6f6f6;
}
.conve-bt-boxs.dine-cv p.bt-download-txt a{
color:#c9960f!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.dine-cv .happymail{
background: #50180a;
border-bottom: solid 5px #2d150e;
}
.conve-bt-boxs.dine-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.dine-cv .happymail:after{
color:#2d150e;
background:#fff;
}
.conve-bt-boxs.dine-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.dine-cv{
background:#f6f6f6;
}
.conve-bt-boxs.dine-cv p.bt-download-txt a{
color:#c9960f!important;
}
}
/*crossme*/
.conve-bt-boxs.crossme-cv .happymail{
background: #2c9ffb;
border-bottom: solid 5px #1868a9;
}
.conve-bt-boxs.crossme-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.crossme-cv .happymail:after{
color:#1868a9;
background:#fff;
}
.conve-bt-boxs.crossme-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.crossme-cv{
background:#f1efff;
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a{
color:#1868a9!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.crossme-cv .happymail{
background: #2c9ffb;
border-bottom: solid 5px #1868a9;
}
.conve-bt-boxs.crossme-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.crossme-cv .happymail:after{
color:#1868a9;
background:#fff;
}
.conve-bt-boxs.crossme-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.crossme-cv{
background:#f1efff;
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a{
color:#1868a9!important;
}
}
/*aocca*/
.conve-bt-boxs.aocca-cv .happymail{
background: #fe708e;
border-bottom: solid 5px #fb476d;
}
.conve-bt-boxs.aocca-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.aocca-cv .happymail:after{
color:#fb476d;
background:#fff;
}
.conve-bt-boxs.aocca-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.aocca-cv{
background:#fde5e7;
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a{
color:#583e39!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.aocca-cv .happymail{
background: #2c9ffb;
border-bottom: solid 5px #1868a9;
}
.conve-bt-boxs.aocca-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.aocca-cv .happymail:after{
color:#1868a9;
background:#fff;
}
.conve-bt-boxs.aocca-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.aocca-cv{
background:#f1efff;
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a{
color:#1868a9!important;
}
}
/*pairs*/
.conve-bt-boxs.pairs-cv .happymail{
background: #38c0ca;
border-bottom: solid 5px #1098a2;
}
.conve-bt-boxs.pairs-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.pairs-cv .happymail:after{
color:#1098a2;
background:#fff;
}
.conve-bt-boxs.pairs-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.pairs-cv{
background:#eafeff;
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a{
color:#7d7d7d!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.pairs-cv .happymail{
background: #38c0ca;
border-bottom: solid 5px #1098a2;
}
.conve-bt-boxs.pairs-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.pairs-cv .happymail:after{
color:#1098a2;
background:#fff;
}
.conve-bt-boxs.pairs-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.pairs-cv{
background:#eafeff;
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a{
color:#7d7d7d!important;
}
}
/*happymail*/
.conve-bt-boxs.happymail-cv .happymail{
background: #48b9ff;
border-bottom: solid 5px #005a92;
}
.conve-bt-boxs.happymail-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.happymail-cv .happymail:after{
color:#005a92;
background:#fff;
}
.conve-bt-boxs.happymail-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.happymail-cv{
background:#e9eef3;
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a{
color:#2b7bb9!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.happymail-cv .happymail{
background: #48b9ff;
border-bottom: solid 5px #005a92;
}
.conve-bt-boxs.happymail-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.happymail-cv .happymail:after{
color:#005a92;
background:#fff;
}
.conve-bt-boxs.happymail-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.happymail-cv{
background:#e9eef3;
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a{
color:#2b7bb9!important;
}
}

/*green*/
.conve-bt-boxs.green-cv .happymail{
background: #51ce00;
border-bottom: solid 5px #317c00;
}
.conve-bt-boxs.green-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.green-cv .happymail:after{
color:#51ce00;
background:#fff;
}
.conve-bt-boxs.green-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.green-cv{
background:#f6f6f6;
}
.conve-bt-boxs.green-cv p.bt-download-txt a{
color:#317c00!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.green-cv .happymail{
background: #51ce00;
border-bottom: solid 5px #317c00;
}
.conve-bt-boxs.green-cv .happymail:before{
background-color: #fff;
}
.conve-bt-boxs.green-cv .happymail:after{
color:#51ce00;
background:#fff;
}
.conve-bt-boxs.green-cv .happymail span{
color:#FFF;
}
.conve-bt-boxs.green-cv{
background:#f6f6f6;
}
.conve-bt-boxs.green-cv p.bt-download-txt a{
color:#317c00!important;
}
}


/*CVボタン(new)*/
.conve-bt-boxs.new01-cv .happymail{
display:block;
overflow:hidden;
position:relative;
width:auto;
height:auto;
padding:0;
border-radius:0;
text-align:center;
margin:5px auto;
cursor:pointer;
background: none;
background-size: 200%;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.29);
border-bottom: solid 0px #de6000;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
text-decoration:none!important;
}
.conve-bt-boxs.new01-cv .happymail:hover{
opacity:0.6;
}
.conve-bt-boxs.new01-cv .happymail:before{
display:none;
}
@keyframes kirakira {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
.conve-bt-boxs.new01-cv .happymail:after {
display:none;
}
.conve-bt-boxs.new01-cv .happymail span:nth-of-type(2){
font-size:20px;
font-weight:bold;
display:block;
overflow:initial;
position:relative;
width:100%;
height:60px;
line-height:55px;
padding:0px 0;
border-radius:3px;
text-align:center;
margin:5px auto;
cursor:pointer;
background:#69bd32;
background-size:auto;
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2);
border-bottom:solid 5px #3c9800;
border-top:2px solid transparent;
border-left:2px solid transparent;
border-right:2px solid transparent;
text-decoration:none!important;
box-sizing:border-box;
}
.conve-bt-boxs.new01-cv .happymail span:nth-of-type(2):before{
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
}
.conve-bt-boxs.new01-cv .happymail span:nth-of-type(2):after{
content:'?';
position:absolute;
right:10px;
top:50%;
color:#3c9800;
font-size:13px;
background:#fff;
width:20px;
line-height:20px;
border-radius:30%;
text-align:center;
margin-top:-10px;
}
.conve-bt-boxs.new01-cv .happymail span:first-of-type{
position:relative;
display:inline;
color:#3c9800;
font-size: 16px;
font-weight: bold;
}
.conve-bt-boxs.new01-cv .happymail span:last-of-type{
display:none;
}
.conve-bt-boxs.new01-cv .happymail span:first-of-type:before{
position:relative;
content:'＼';
top:0;
left:0;
width:15px;
height:15px;
margin-right:5px;
}
.conve-bt-boxs.new01-cv .happymail span:first-of-type:after{
content:'／';
top:0;
right:0;
position:relative;
width:15px;
height:15px;
margin-left:0px;
}
.conve-bt-boxs.new01-cv{
text-align:center;
width:70%;
padding:15px 0;
margin:0 auto 15px;
display:block;
border:0px solid #ffcc76;
border-radius:5px;
background:none;
}
.conve-bt-boxs.new01-cv p.bt-download-txt{
display:none;
}
.conve-bt-boxs.new01-cv p.bt-download-txt + p{
position:relative;
padding-bottom:0px;
margin:0!important;
}
.conve-bt-boxs.new01-cv p{
margin-bottom:0;
}
.conve-bt-boxs.new01-cv.pc-none {
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.conve-bt-boxs.new01-cv{
width:100%;
}
.conve-bt-boxs.new01-cv .happymail span:nth-of-type(2){
width:100%;
font-size:18px;
}
}





@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.sp-no-img{
display:none;
}
}
.bt-download-txt a > br + br{
display:none;
}


/*------------------------------------------------------------
ボタン
-------------------------------------------------------------*/
td.dlbt-box {
margin:0!important;
padding:8px 5px 10px !important;
border-bottom:0px dashed #FFF!important;
}
td.dlbt-box div.dlbt-box-in{
display:flex;
justify-content: center;
align-items: center;
}
td.dlbt-box .bt-rank-dl,td.dlbt-box .bt-rank-syousai{
width:50%;
text-align:center;
margin:2px;
line-height:19px;
font-size:15px;
}
td.dlbt-box .bt-rank-dl a{
padding:6px 0 3px;
text-decoration:none;
width:100%;
height:100%;
background:#ce3160;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #9a2649;
}
td.dlbt-box .bt-rank-dl a:before{
content:"";
width:13px;
height:13px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-dl-bt.png)no-repeat center / 100% 100%;
display:inline-block;
margin-right:8px;
}
td.dlbt-box .bt-rank-syousai a{
padding:6px 0 3px;
text-decoration:none;
width:100%;
height:100%;
background:#536aa7;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #3e5694;
}
td.dlbt-box .bt-rank-syousai a:before{
content:"";
width:13px;
height:13px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-syousai-bt.png)no-repeat center / 100% 100%;
display:inline-block;
margin-right:8px;
}
td.dlbt-box .bt-rank-dl a:hover,td.dlbt-box .bt-rank-syousai a:hover{
opacity:0.6;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
td.dlbt-box {
padding:3px 0px 5px!important;
border-bottom:1px dashed #e2e2e2;
}
td.dlbt-box div.dlbt-box-in{
display:flex;
justify-content: center;
align-items: center;
}
td.dlbt-box .bt-rank-dl,td.dlbt-box .bt-rank-syousai{
width:50%;
text-align:center;
margin:1px;
}
td.dlbt-box .bt-rank-dl a{
padding:2px;
text-decoration:none;
width:100%;
height:100%;
background:#ce3160;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #9a2649;
font-size:10px;
}
td.dlbt-box .bt-rank-dl a:before{
content:"";
width:12px;
height:12px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-dl-bt.png)no-repeat center / 100% 100%;
display:inline-block;
margin-right:5px;
}
td.dlbt-box .bt-rank-syousai a{
padding:2px;
text-decoration:none;
width:100%;
height:100%;
background:#536aa7;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #3e5694;
font-size:10px;
}
td.dlbt-box .bt-rank-syousai a:before{
content:"";
width:12px;
height:12px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-syousai-bt.png)no-repeat center / 100% 100%;
display:inline-block;
margin-right:5px;
}
}
td.dlbt-box .bt-rank-dl.bt-color-g a{
background:#59b54d;
box-shadow:0 2px 0 0 #199409;
}
td.dlbt-box .bt-rank-syousai.bt-color-r a{
background:#af1010;
box-shadow:0 2px 0 0 #821313;
}

.ranking-T-design tr:last-of-type td.dlbt-box {
border-bottom:1px solid #bbb!important;
}

/*------------------------------------------------------------
最下部記事一覧
-------------------------------------------------------------*/
#footmenu-applist{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
}
#footmenu-applist h2{
padding:20px 0 15px;
margin-bottom:22px;
font-size:18px;
line-height:25px;
font-weight:bold;
border:1px solid #ccc;
border-right:0;
border-left:0;
}
#footmenu-applist ul.applist-box{
display:flex;
justify-content:flex-start;
align-items:center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#footmenu-applist ul.applist-box li{
width:19%;
margin:5px;
box-sizing:border-box;
font-size:14px;
list-style:none;
}
#footmenu-applist ul.applist-box li a{
padding:10px;
width:100%;
box-sizing:border-box;
background:#f5f5f5;
line-height:19px;
box-shadow:2px 2px 0 0 #ececec;
display:block;
position:relative;
border-radius:50px;
}
#footmenu-applist ul.applist-box li a:hover{
background:#333333;
box-shadow:2px 2px 0 0 #ffffff;
color:#FFF;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#footmenu-applist ul.applist-box li{
width:47%;
margin:5px;
font-size:12px;
}
#footmenu-applist ul.applist-box li a:before{
content:"＞";
font-weight:bold;
font-size:14px;
position:absolute;
top:11px;
left:10px;
margin:auto;
color:#e4e4e4;
}
#footmenu-applist h2{
padding:20px 0 15px;
margin-bottom:22px;
margin-top:30px;
font-size:18px;
line-height:25px;
font-weight:bold;
border:1px solid #ccc;
border-right:0;
border-left:0;
}
}

/*------------------------------------------------------------
サイドメニューアプリ一覧
-------------------------------------------------------------*/
#sidemenu-applist{
display:block;
width:100%;
margin:0 auto;
}
#sidemenu-applist ul.applist-box{
display:flex;
justify-content:flex-start;
align-items:top;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#sidemenu-applist ul.applist-box li{
width:33.3%;
margin:0 0 5px;
box-sizing:border-box;
font-size:14px;
list-style:none;
}
#sidemenu-applist ul.applist-box li span{
font-size:10px;
display:block;
margin-top:8px;
font-weight:bold;
color:#333;
letter-spacing: -0.1px;
}
#sidemenu-applist ul.applist-box li img{
display:block;
width:80px;
border-radius:10px;
border:1px solid #ccc;
box-sizing:border-box;
margin: auto;
}
#sidemenu-applist ul.applist-box li a{
padding:5px 0 5px;
box-sizing:border-box;
display:block;
}
#sidemenu-applist ul.applist-box li a:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#sidemenu-applist ul.applist-box li img{
display:block;
width:80%;
margin:0 auto;
border-radius:10px;
border:1px solid #ccc;
box-sizing:border-box;
}
}
.b{font-weight:bold;}
.bt-m{
display: inline-block;
background: #2598ee;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
font-size: 11px;
color: #fff;
vertical-align: middle;
margin-right: 3px;
}

.bt-w{
display: inline-block;
background: #ed6692;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
font-size: 11px;
color: #fff;
vertical-align: middle;
margin-right: 3px;
margin-left:10px;
}
td.dlbt-box .bt-rank-dl.icon-mans a{
padding:3px 0 3px;
text-decoration:none;
width:100%;
height:100%;
background:#1e7eb9;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #063d5f;
}
td.dlbt-box .bt-rank-dl.icon-mans a:before{
display:none;
}
td.dlbt-box .bt-rank-dl.icon-womans a{
padding:3px 0 3px;
text-decoration:none;
width:100%;
height:100%;
background:#f76172;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #b11449;
}
td.dlbt-box .bt-rank-dl.icon-womans a:before{
display:none;
}
.breadcrumbs-wrap{
width:100%;
background:#f2f7f9;
border-bottom:1px solid #f1f3f4;
}
.breadcrumbs{
display:block;
line-height:15px;
max-width: 1000px;
margin: 0 auto;
padding:10px 0 7px;
text-align:left;
font-size: 11px;
box-sizing:border-box;
}
.breadcrumbs span{
margin:0 5px;
font-size: 11px;
}
.breadcrumbs span a{
color:#af1010;
font-size: 11px;
}
.breadcrumbs span a:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.breadcrumbs-wrap{
width:100%;
background:#f2f7f9;
border-bottom:1px solid #f1f3f4;
overflow-x: scroll;
}
.breadcrumbs{
width: 100%;
min-width: max-content;
display:block;
line-height:15px;
max-width: 1000px;
margin: 0 auto;
padding:10px 0 7px;
text-align:left;
font-size: 11px;
-webkit-text-size-adjust: 100%;
box-sizing:border-box;
}
.breadcrumbs span{
margin:0 5px;
font-size: 11px;
}
.breadcrumbs span a{
color:#af1010;
font-size: 11px;
}
}
.wsp-container{
width:100%;
text-align:left;
}
h2.wsp-posts-title {
font-size: 24px;
color: #1a1a1a;
display: block;
position: relative;
margin: 0 0 20px;
padding: 0 0 14px;
line-height: 1;
text-align:center;
font-weight:bold;
}
h2.wsp-posts-title:after {
content: '';
background: none;
border-top: 2px solid #e05a8b;
box-sizing: border-box;
display: block;
width: 50px;
position: absolute;
bottom: 2px;
right: 0;
left: 0;
margin: auto;
}
ul.wsp-posts-list{
margin:20px 0;
}
ul.wsp-posts-list li{
margin:10px 0 20px;
padding:20px;
background:#fafafa;
border-radius:20px;
border:1px solid #f0f0f0;
}
ul.wsp-posts-list li ul{
margin:10px 0 0;
}
ul.wsp-posts-list li ul li{
margin:0;
padding:15px 0;
border:0px solid #ccc;
}
ul.wsp-posts-list li a{
border-bottom:1px solid #ccc;
font-size:13px;
line-height:normal;
}
ul.wsp-posts-list li a:before{
content:"▶";
font-size:13px;
margin-right:5px;
border-bottom:0px solid #ccc;
}
ul.wsp-posts-list li a:hover{
border-bottom:0px solid #ccc;
}
ul.wsp-posts-list li .wsp-category-title a{
font-size:20px;
}
ul.wsp-posts-list li ul li .wsp-category-title a{
font-size:13px;
}
ul.wsp-posts-list .wsp-category-title a:before{
content:"";
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
ul.wsp-posts-list li{
margin:10px 0 20px;
padding:15px 10px;
background:#fafafa;
border-radius:20px;
border:1px solid #f0f0f0;
}
ul.wsp-posts-list li a{
border-bottom:0px solid #ccc;
font-size:13px;
line-height:normal;
display: inline-block;
text-indent: -1.4em;
padding-left: 1.4em;
}
ul.wsp-posts-list li ul li{
margin:0 0 10px;
padding:15px 0;
border-bottom:1px solid #ccc;
border-radius:0;
}
}
/*------------------------------------------------------------
関連記事
-------------------------------------------------------------*/
#recommend_list{
border-top: 0px solid #000000;
}
#recommend_list .recommend_box{
border-bottom: 2px dotted #dcdcdc;
padding:0 5px;
}
#recommend_list .recommend_box:last-of-type{
margin-bottom: 0px;
border-bottom: 0px;
}
#recommend_list .recommend_box .clearfix{
display:-webkit-flex;
display:flex;
align-items:center;
}
#recommend_list .recommend_box .clearfix > div{
width:20%;
box-sizing:border-box;
}
#recommend_list .recommend_box .clearfix > div a{
display:block;
padding:10px 0;
}
#recommend_list .recommend_box .clearfix > div a img{
width:100%;
height:60px;
object-fit:cover;
}
#recommend_list .recommend_box .clearfix > p{
width: 80%;
text-align: left;
box-sizing:border-box;
}
#recommend_list .recommend_box .clearfix > p a{
display:block;
padding:0 0 0 10px;
color: #55acee;
line-height:normal;
height:100%;
}
#recommend_list .recommend_box .clearfix a:hover{
opacity: 0.6;
}
#recommend_list .recommend_midasi{
padding:10px;
font-size:18px;
font-weight:bold;
background:#000;
color:#FFF;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#recommend_list{
padding:0;
}
#recommend_list .recommend_box .clearfix > p a{
padding-top: 0;
}
}

.url-copy-area .url-copy-txt{
display:inline-block;
margin:5px;
font-weight:bold;
}
.url-copy-area .url-copy-btn{
display:inline-block;
margin:5px;
border:1px solid #acacac;
background:#b4b4b4;
font-size:12px;
padding:2px 7px;
border-radius:3px;
cursor:pointer;
color:#626262;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(227,227,227,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(227,227,227,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(227,227,227,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(227,227,227,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(227,227,227,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(227,227,227,1) 100%);}
.url-copy-area .url-copy-btn:hover{
opacity:0.6;
}

/*------------------------------------------------------------
SNSボタン
-------------------------------------------------------------*/
#detailwrap .bottomsns a.ln {
background-color: #50b945;
}
#detailwrap .bottomsns a.fb {
background-color: #5f699e;
}
#detailwrap .bottomsns a.tw{
background-color: #20bee2;
}
#detailwrap .bottomsns a svg.icon{
fill:#fff;
}
#detailwrap .bottomsns a span{
color: #fff;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#detailwrap .bottomsns a.ln,#detailwrap .bottomsns a.fb,#detailwrap .bottomsns a.tw{
background: none;
}
#detailwrap .bottomsns a.ln svg.icon{
fill:#50b945;
}
#detailwrap .bottomsns a.fb svg.icon{
fill:#5f699e;
}
#detailwrap .bottomsns a.tw svg.icon{
fill:#20bee2;
}
}

.imgBorder{border: 1px solid #bebfc1;box-sizing: border-box;}

/*------------------------------------------------------------
ボタン
-------------------------------------------------------------*/
.freeDl-bt{
display:block;
font-size:11px;
width:100%;
line-height:20px;
background:#59b54d;
border-bottom:2px solid #199409;
color:#FFF!important;
border-radius:3px;
margin-bottom:5px;
text-decoration:none!important;
padding:2px 0 0;
}
.syousai-bt{
display:block;
font-size:11px;
width:100%;
line-height:20px;
background:#af1010;
border-bottom:2px solid #821313;
color:#FFF!important;
border-radius:3px;
margin-bottom:0px;
text-decoration:none!important;
padding:2px 0 0;
}

.rank-list-osusume br + br{
display:none
}
.video100{
width:100%!important;
}
.blank-cta-template table br + br{
display:none;
}

.topTwitterWrap {
display: block;
margin-top: 50px;
}


/*------------------------------------------------------------
blogeditwrap_font-size
-------------------------------------------------------------*/
@media ( max-width: 767px) {
div.blogeditwrap {
padding: 0 3vw;
font-size: 3.9vw;
margin: 0 0 12vw;
-webkit-text-size-adjust: 100%;
}
div.blogeditwrap h1 {
font-size: 5.2vw;
padding: 3.3vw 1.5vw;
border-top: 0.6vw solid #000;
border-bottom: 0.6vw solid #000;
}
div.blogeditwrap h2 {
font-size: 4.8vw;
letter-spacing: -0.3px;
padding: 3.3vw 1.5vw;
border-top: 0.6vw solid #000;
border-bottom: 0.6vw solid #000;
}
div.blogeditwrap h3 {
font-size: 4.2vw;
letter-spacing: -0.3px;
padding: 3.3vw 0;
}
div.blogeditwrap h4 {
font-size: 4.0vw;
letter-spacing: -0.3px;
padding: 1vw 1vw 1vw 3.3vw;
}
div.blogeditwrap table{
font-size: 3.7vw;
}
div.blogeditwrap p{
letter-spacing: -0.3px;
}
}

/*------------------------------------------------------------
ボタン（黄色）
-------------------------------------------------------------*/
.blogeditwrap a.btnyellow{
display: block;
margin: 0 auto;
width: 100%;
background: #FFA30D;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border-radius: 6px;
text-decoration: none;
color: #fff;
position: relative;
}
.blogeditwrap a.btnyellow:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
color: #fff;
}
@media (min-width: 768px) {
.blogeditwrap a.btnyellow{
font-size: 18px;
padding: 13px;
}
}
@media ( max-width: 767px) {
.blogeditwrap a.btnyellow{
font-size: 3.8vw;
padding: 2.6vw;
}
}
.wakunone img{
border:0!important;
}

/*------------------------------------------------------------
フッターPR
-------------------------------------------------------------*/
.pr-over-bt{display:none;}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.pr-over-bt{width:auto;position:fixed;bottom:0;right:0;z-index:2147483647;text-align:right;display:block;}
.pr-over-bt label:before {display:none;}
.pr-over-bt input:checked ~ label:before {font-size:13px;font-family: 'FontAwesome','Kosugi Maru', sans-serif;content: '\f00d';color: #4e90ce;background:#dde4e6;padding: 8px 10px;display: inline-block;border-radius:5px 5px 0 0;}
.pr-over-bt input {display:none;}
.pr-over-bt .pr-over-in {opacity:0;transition:0.8s;display:none;}
.pr-over-bt input:checked ~ .pr-over-in {opacity: 1;display:block;}
.pr-over-bt p:empty{display: none;}
}

/*------------------------------------------------------------
リンクカラー変更
-------------------------------------------------------------*/
div.blogeditwrap a{
color: #2188e0;
}
div.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(2){
border-bottom: 1px solid #2188e0;
}
div.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(2):hover{
border-bottom: 1px solid #2188e0;
}
div.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(3){
border-bottom: 1px solid #2188e0;
}
div.blogeditwrap table.ranking-T-design tr td.app-icon-box a:nth-of-type(3):hover{
border-bottom: 1px solid #2188e0;
}
@media ( min-width: 768px) {
div.blogeditwrap a:hover{
color: #2188e0;
}
}


/*-------------------------------------------------------
評判ボックス
-------------------------------------------------------*/
.hyoubanbox01{
border-radius:4px;
background:#ffdee7;
padding:5px;
border:2px solid #fcafc4;
margin-bottom:15px;
}
.hyoubanbox01 dt{
font-weight:bold;
margin:5px 10px;
font-size:16px;
border-left:6px solid #ff81a3;
padding-left:7px;
}
.hyoubanbox01 dd,
.hyoubanbox02 dd{
margin-left:5px;
}
.hyoubanbox02{
border-radius:4px;
background:#def7ff;
padding:5px;
border:2px solid #89d8f2;
margin-bottom:25px;
}
.hyoubanbox02 dt{
font-weight:bold;
margin:5px 10px;
font-size:16px;
border-left:6px solid #42c4ef;
padding-left:7px;
}
.hyoubanbox03{
border-radius:4px;
padding:0px;
margin-bottom:20px;
}
body #mainCenter .hyoubanbox03 h4{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
color:#ffa0c0;
}
#container #main-contents .hyoubanbox03 h4{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
margin-top:0px;
color:#ffa0c0;
border-left:none;
}
body #mainCenter .hyoubanbox03 dt{
padding:0;
width:auto;
display:inline-block;
margin:10px 20px 10px ;
color:#ffa0c0;
font-weight:bold;
border-bottom:#ffa0c0 solid 1px;
}
#container #main-contents .hyoubanbox03 dt{
padding:0;
width:auto;
display:inline-block;
margin:10px 20px 10px ;
color:#ffa0c0;
font-weight:bold;
border-bottom:#ffa0c0 solid 1px;
}
.hyoubanbox03 dl{
border-radius:0px;
background:#FFF;
padding:0px 0 10px 0;
border:2px solid #ffa0c0!important;
border-top:none;
margin-bottom:0px;
margin-top: 0;
border-radius:5px!important;
}
.hyoubanbox03 dd{
font-weight:bold;
padding:2px 5px;
margin:0px 5px 0px;
font-size:14px;
color: #676767;
}
body #mainCenter .hyoubanbox03 p{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
color:#676767;
background-size:18px;
}
#container #main-contents .hyoubanbox03 p{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
margin-top:0px;
color:#676767;
}

.hyoubanbox04{
border-radius:4px;
padding:0px;
margin-bottom:20px;
}
body #mainCenter .hyoubanbox04 h4{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
color:#444;
}
#container #main-contents .hyoubanbox04 h4{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
margin-top:0px;
color:#444;
border-left:none;
}
body #mainCenter .hyoubanbox04 dt{
padding:0;
width:auto;
display:inline-block;
margin:10px 20px 10px ;
color:#444;
font-weight:bold;
border-bottom:#5fcff4 solid 1px;
}
#container #main-contents .hyoubanbox04 dt{
padding:0;
width:auto;
display:inline-block;
margin:10px 20px 10px ;
color:#444;
font-weight:bold;
border-bottom:#5fcff4 solid 1px;
}
.hyoubanbox04 dl{
border-radius:0px;
background:#FFF;
padding:0px 0 10px 0;
border:2px solid #5fcff4!important;
border-top:none;
margin-bottom:0px;
margin-top: 0;
border-radius:5px!important;
}
.hyoubanbox04 dd{
font-weight:bold;
padding:2px 5px;
margin:0px 5px 0px;
font-size:14px;
color: #444;
}
body #mainCenter .hyoubanbox04 p{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
color:#444;
background-size:18px;
}
#container #main-contents .hyoubanbox04 p{
border-radius:0px;
background:#FFF;
padding:10px 10px 10px 40px;
margin-bottom:0px;
margin-top:0px;
color:#444;
}
/*------------------------------------------------------------
関連リストボックス
-------------------------------------------------------------*/
.kanrenlist-box{
background-color: #f0f9ff;
border: 1px solid #c6e7ff;
border-radius: 5px!important;
padding: 10px 20px 15px!important;
margin:20px 0!important;
}
.kanrenlist-box li:first-child{
font-size: 16px!important;
font-weight: bold!important;
display: block!important;
padding:5px 0 10px!important;
background-color: #f0f9ff;
}
.kanrenlist-box li{
background-color: #f0f9ff;
line-height:normal!important;
margin: 0!important;
text-decoration:none;
}
.kanrenlist-box li a{
text-decoration:none;
}
/*------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/
.protxtBox1{
background-color: #fffbe1;
border:solid #bababa 1px;
border-radius:10px;
color: #494949;
}
.protxtBox1 div{
background-image: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/06/0123.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px;
}
.protxtBox2{
background-color: #fffbe1;
border:solid #bababa 1px;
border-radius:10px;
color: #494949;
padding:15px 10px 10px 20px;
}
.protxtBox2 div{
background-image: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/06/01234.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px;
}
.protxtBox3{
background-color: #fffbe1;
border:solid #bababa 1px;
border-radius:10px;
color: #494949;
}
.protxtBox3 div{
background-image: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/06/012345.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px;
}
.protxtBox4{
background-color: #fffbe1;
border:solid #bababa 1px;
border-radius:10px;
color: #494949;
}
.protxtBox4 div{
background-image: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/06/0123456.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px;
}
.protxtBox1 dd,.protxtBox1 dt,.protxtBox2 dd,.protxtBox2 dt,.protxtBox3 dd,.protxtBox3 dt,.protxtBox4 dd,.protxtBox4 dt{
margin:5px 0!important;
line-height:normal!important;
font-weight:normal!important;
}
li.comeBoxM,li.comeBoxW{
border: #cccccc 1px dashed;
padding: 10px;
margin-bottom: 20px;
}
li.comeBoxM span img,li.comeBoxW span img{
text-align: center; width: 60px;display: block;
}
li.comeBoxM p,li.comeBoxW p{
font-size: 15px;
color: #494949;
display: inline-block;
width: 74%;
padding: 10px;
margin-bottom: 0;
}
li.comeBoxM span{
width: 60px;
margin-right: 10px;
text-align: center;
color: #66cccc;
font-size: 14px;
font-weight: bold;
display: inline-block;
vertical-align: top;
margin: 10px;
}
li.comeBoxW span{
width: 60px;
margin-right: 10px;
text-align: center;
color: #ea4c89;
font-size: 14px;
font-weight: bold;
display: inline-block;
vertical-align: top;
margin: 10px;
}
li.comeBoxW p.inyoumoto,li.comeBoxM p.inyoumoto{
text-align:right;
width: 96%;
color:#494949;
font-size:11px;
margin:0;
padding:0;
}

/*--------------------------------------------------------------
用語集
-------------------------------------------------------------*/
.yougosyuu-box{
background:#fcfcfc;
border: 2px solid #999;
margin:20px 0!important;
}
.yougosyuu-box p{
background:#999;
margin:0!important;
padding: 0px 10px!important;
display:inline-block;
font-weight:bold;
color:#FFF;
}
.yougosyuu-box dl{
margin:0!important;
padding:10px 15px 15px!important;
}
.yougosyuu-box dl dt{
margin:0!important;
padding:0 0 0px!important;
line-height:normal;
font-size:16px;
font-weight:bold;
}
.yougosyuu-box dl dd{
margin:0 0 10px!important;
padding:0!important;
line-height:normal;
font-size:14px;
}
.yougosyuu-box dl dd:last-of-type{
margin:0!important;
padding:0!important;
line-height:normal;
font-size:14px;
}
body.miel .applist-box-onoff,body.lbe .applist-box-onoff,body.unjour .applist-box-onoff{display:none;}
body{color:#444;background-color:#fbfbfb;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;margin:0;padding:0;font-size:16px;font-style:normal;line-height:2;background:#fff;width:100%;word-wrap:break-word;}


/*--------------------------------------------------------------
ペアーズ　図説
-------------------------------------------------------------*/
.ap-zusetsu.pairs{
padding: 6px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/08/border.png);
background-size: 20px;
margin: 0 auto 2em;
}
.blogeditwrap .ap-zusetsu.pairs p{
margin:0;
}
.ap-zusetsu.pairs .inner{
background: #fff;
}
.ap-zusetsu.pairs .top{
padding: 30px 60px;
}
.blogeditwrap .ap-zusetsu.pairs img{
margin-top:0;
margin-bottom:0;
}
.ap-zusetsu.pairs aside{
padding: 0 40px 20px;
}
.ap-zusetsu.pairs .middle{
padding: 0px 40px 30px;
}
.ap-zusetsu.pairs.b aside{
padding-top:30px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.ap-zusetsu.pairs .top{
padding: 20px 20px;
}
.ap-zusetsu.pairs aside{
padding: 0 20px 20px;
}
.ap-zusetsu.pairs .middle{
padding:0 20px 10px;
}
#underheader .unheader .spmenubtn {
top: 5.4vw;
}
}
#underheader .unheader .spmenubtn {
height:23px;
}
.spmenubtn.ophover img{
width:36px;
height:auto;
}

/*--------------------------------------------------------------
タップル　図説
-------------------------------------------------------------*/
.ap-zusetsu.tapple{
padding: 6px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/08/border-taple.png);
background-size: 20px;
margin: 0 auto 2em;
}
.blogeditwrap .ap-zusetsu.tapple p{
margin:0;
}
.ap-zusetsu.tapple .inner{
background: #fff;
}
.ap-zusetsu.tapple .top{
padding: 30px 40px;
}
.blogeditwrap .ap-zusetsu.tapple img{
margin-top:0;
margin-bottom:0;
}
.ap-zusetsu.tapple aside{
padding: 0 40px 20px;
}
.ap-zusetsu.tapple .middle{
padding: 0px 40px 30px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.ap-zusetsu.tapple .top{
padding: 20px 20px;
}
.ap-zusetsu.tapple aside{
padding: 0 20px 20px;
}
.ap-zusetsu.tapple .middle{
padding:0 20px 10px;
}
}
.twitter-wrapper-box{
height: 260px;
overflow: scroll;
}

/*------------------------
汎用枠
------------------------*/
.waku-hannyou {
padding: 0;
margin: 0 0 3em;
}
.waku-hannyou .wrap {
width: 100%;
background: #8d8d8d;
margin: 0 -4px -4px 0;
padding: 0 4px 4px 0;
}
.waku-hannyou .wrap .cover {
box-sizing: border-box;
width: 100%;
padding: 25px 25px 18px;
background: #fff;
border: 1px solid #8d8d8d;
position: relative;
}
#detailwrap .waku-hannyou .title,.waku-hannyou .title {
background: #fff;
font-size: 14px;
font-weight: bold;
padding: 0 0.7em 0 40px;
letter-spacing: 0.1em;
position: absolute;
top: -1em;
left: 2em;
}
#detailwrap .waku-hannyou .title:before{
content:"";
width:23px;
height:23px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/12/icon-create.png)no-repeat center center;
background-size:100% 100%;
position:absolute;
left:10px;
top:0;
bottom:0;
margin:auto;
}
.waku-hannyou .title i {
display: inline-block;
vertical-align: middle;
padding: 0 0.2em 0 0;
font-size: 26px;
font-style: normal;
display:none;
}
div.waku-hannyou dl {
overflow: hidden;
margin: 0;
}
div.waku-hannyou dt,
div.waku-hannyou dd {
text-align: left;
}
div.waku-hannyou dd {
margin: 0;
line-height: 1.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 13px;
}
.waku-hannyou .writwrap {
display: block;
width: 110px;
float: left;
}
.waku-hannyou .writwrap .imgcover {
border-radius: 100%;
position: relative;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/writer_rep.png) repeat top left;
width: 90px;
height: 90px;
background-size: 4px;
}
.waku-hannyou .writwrap .imgcover .imgbox {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
box-sizing: border-box;
width: 90px;
height: 90px;
border: 1px solid #000;
top: -2px;
left: -3px;
}
div.waku-hannyou dt {
font-size: 16px;
font-weight: bold;
margin: 0 0 0.5em;
letter-spacing: 0.1em;
line-height: 1.5;
}
.waku-hannyou dt a.name {
text-decoration: underline;
display: inline-block;
margin: 0 6px 0 0;
color: #333;
}
.waku-hannyou dt a.name:hover {
color: #666;
}
.waku-hannyou .cf p{
margin:0;
}

@media ( max-width: 767px) {
.waku-hannyou {
padding: 0;
}
.waku-hannyou .wrap {
margin: 0 -1vw -1vw 0;
padding: 0 0.79vw 0.79vw 0;
}
.waku-hannyou .wrap .cover {
padding: 6.5vw 4.6vw 4.2vw;
}
#detailwrap .waku-hannyou .title,.waku-hannyou .title {
font-size: 3.4vw;
top: -0.6em;
left: 1em;
}
.waku-hannyou .title i {
font-size: 4.6vw;
}
div.waku-hannyou dt {
font-size: 3.2vw;
margin: 0 0 0.4em;
}
.waku-hannyou dt a.name {
margin: 0 0.6vw 0 0;
}
div.waku-hannyou dd {
line-height: 1.6;
font-size: 3vw;
}
.waku-hannyou .writwrap {
width: 23vw;
}
.waku-hannyou .writwrap .imgcover {
width: 20vw;
height: 20vw;
background-size: 1vw;
}
.waku-hannyou .writwrap .imgcover .imgbox {
width: 20vw;
height: 20vw;
top: -0.4vw;
left: -0.6vw;
}
}


/*------------------------
フローチャート
------------------------*/
.flowchart{
padding:0px;
background:#fff;
;margin-bottom:20px;
}
.flowchart .innner{
background:#fff;
}
.blogeditwrap .flow-top-img{
margin:0 0 10px 0;;
}
.blogeditwrap div.flowchart .icon-wrap img{
display:block;
margin: 0 auto 4px auto;
width:50px;
border-radius:8px;
border-bottom: 2px solid #d2d2d2;
}
.flowchart .icon-wrap{
display:-webkit-box;
display:-ms-flexbox;display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flowchart .icon-wrap ul{
width:33%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
}
.flowchart .icon-wrap li{
box-sizing:border-box;
background:#ffeed0;
padding:20px 3px 0;
margin:0;
width:31%;
line-height:1;
border-radius:5px;
}
.flowchart .icon-wrap a{
text-decoration:none;
color:#444;
font-size:12px;
}
body .post .flowchart .icon-wrap a:hover{
opacity:.6;
}
.flowchart .icon-wrap li div{
display:block;
height:96px;
text-align:center;
}
.flowchart .icon-wrap li div:last-of-type{
margin-bottom:0;
}
.flowchart .icon-wrap li span.app-name{
margin:0;
display: block;
height: auto;
line-height:1.3;
color: #2188e0;
text-decoration: underline;
}
.flowchart .icon-wrap li span.app-name.ls-down2{
letter-spacing:-2px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.flowchart .icon-wrap li{
box-sizing:border-box;
background:#ffeed0;
padding:10px 0 0;
margin:0;
width:31%;
border-radius:5px;
}
.flowchart .icon-wrap a{
font-size:10px;
height:90%;
position:relative;
display:block;
}
.flowchart .icon-wrap li span.app-name{
position:absolute;
height:auto;
width:140%;
left:50%;
-webkit-transform:translate(-50%,0) scale(.8);
transform:translate(-50%,0) scale(.8);
}
.flowchart .icon-wrap li span.app-name.ls-down{
letter-spacing:-1px;
}
.blogeditwrap div.flowchart .icon-wrap img{
max-width:50px;
width:84%;
margin-bottom:3px;
border-radius:6px;
}
}
@media only screen and (max-width :415px){
.flowchart .icon-wrap li span.app-name.kaigyou{
margin-top:-3px;
}
.blogeditwrap .flow-top-img {
margin: 0 0 5px 0;
}
.flowchart .icon-wrap li div{
height:65px;
}
.flowchart .icon-wrap li div:nth-of-type(3){
height:60px;
}
}
@media only screen and (max-width :375px){
.flowchart .icon-wrap li div{
height:62px;
}
}
.ophover_icon{fill:#333333;}
.spmenubtn.ophover svg{width: 36px;height:auto}
.sb-type-life{
overflow:initial;
}
.sb-type-life .sb-subtype-b .sb-name{
padding: 0 25px;
}


/*------------------------------------------------------------
会社概要
-------------------------------------------------------------*/
.company-overview .company-info table{
background:#FFF;
margin-bottom:50px;
font-family: 'M PLUS 1p', sans-serif!important;
}
.company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size:15px;
width:30%;
}
.company-overview .company-info table td{
font-size:15px;
width:70%;
line-height: 1.4;
padding:20px;
}
.company-overview .company-jyusyou ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.company-overview .company-jyusyou li{
display: block;
text-align: left;
background: #fff;
box-sizing: border-box;
position: relative;
border: 1px solid #ededed;
width: 32%;
line-height: 1.4!important;
margin: 0 2% 15px 0;
}
.company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 0;
}
.company-overview .company-jyusyou li:last-of-type,.company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 0;
}
.company-overview .company-jyusyou li img{
width: 100%;
height: 100px;
padding: 10px;
box-sizing: border-box;
object-fit: contain;
}
.company-overview .company-jyusyou li div{
height: 100px;
margin: 0;
padding: 5px 10px;
color: #FFF;
background: #34a1cf;
line-height: 1.5;
box-sizing: border-box;
font-size: 14px;
}
.company-overview .company-media .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-overview .company-media .cop-company-medialist dl{
text-align:center;
width:32%;
margin: 0 2% 20px 0;
background:#FFF;
box-sizing: border-box;
border:1px solid #ebebeb;
}
.company-overview .company-media .cop-company-medialist dl:nth-of-type(3n){
margin-right:0;
}
.company-overview .company-media  .cop-company-medialist dl dt{
position:relative;
}
.company-overview .company-media  .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-overview .company-media   .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-overview .company-media  .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-overview .company-media  .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-overview .company-media  .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}
.company-overview .cop-access .cop-access-main p.cop-bt{
margin: 20px auto 0;
}
.company-overview .cop-access iframe{
width: 100%;
}
.company-overview .cop-access p{
text-align: center;
}
.company-overview .cop-bt a{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
border:1px solid #34a1cf;
font-size:14px;
color:#34a1cf;
position:relative;
text-align:center;
box-sizing:border-box;
transition: .5s;
font-family: 'M PLUS 1p', sans-serif!important;
text-decoration: none;
}
.company-overview .cop-bt a:hover{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
opacity: 1;
border:1px solid #34a1cf;
background:#34a1cf;
font-size:14px;
color:#FFF;
position:relative;
text-align:center;
box-sizing:border-box;
}
.company-overview .cop-bt a:after{
content:">";
position:absolute;
right:20px;
font-size:20px;
font-weight:bold;
padding:0;
top: 0;
bottom: 0;
margin: auto;
}
.company-overview .company-member-box {
background: #FFF;
padding: 10px 0;
}
.company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 86%;
margin: 0 auto;
}
.company-overview .company-member-box ul li {
width: 25%;
text-align: center;
margin: 10px 0;
display: block;
}
.company-overview .company-member-box ul li img {
width: 80px;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: .8s;
height: 80px;
object-fit: cover;
}
.company-overview .company-member-box ul li span {
display: block;
line-height: normal;
font-size: 12px;
margin-top: 5px;
}
.company-jyusyou .sp{
display: none;
}
.company-jyusyou h3{
font-size:21px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:10px auto 30px;
}
.company-jyusyou .cop-company-jyusyou-slider-wrap{
height: 225px;
margin: 0px 40px 40px 40px;
}
.company-jyusyou .sd-message-01{
display:block;
text-align:left;
margin:0 5px;
background:#fff;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
.company-jyusyou .sd-message-01 p{
margin: 0;
}
.company-jyusyou .sd-message-01 p:last-of-type{
background:#34a1cf;
height: 125px;
box-sizing: border-box;
line-height: 1.6;
padding:10px;
color:#FFF;
font-size: 13px;
}
.company-jyusyou .sd-message-01 p:empty{
display: none;
margin:0;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin:auto;
cursor: pointer;
font-weight: normal;
font-size: 200%!important;
position: absolute;
background: #34a3d1;
z-index: 999999;
color: #fff;
text-align: center;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next{
right: 0;
}
.fa-angle-left:before,.fa-angle-right:before {
content: "\025c0";
font-size: 14px;
vertical-align: middle;
display: inline-block;
position: relative;
bottom: 2px;
}
.fa-angle-right:before {
content: "\025b6";
}
.company-overview h1 {
font-size: 24px;
font-weight: 300;
color: #000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 15px 5px 13px;
}
.company-overview h2 {
font-size: 24px;
font-weight: 300;
color: #FFF;
border:0px;
border:2px solid #000!important;
box-sizing:border-box;
padding:14px 5px 10px 13px;
background:#000;
position:relative;
display:flex;
align-items: center;
}
.company-overview h2:before{
content:"";
border:1px solid #fff;
padding:0px;
width: 100%;
height: 100%;
box-sizing:border-box;
display:block;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
z-index:1;
}
.company-overview h2 span{
display: -webkit-flex;
display: flex;
align-items: center;
}
.company-overview h2 img{
margin-right:10px;
}
.company-overview h2 a{
color:#FFF;
z-index:1;
position:relative;
display:block;
}
.company-overview h2 a:hover{
color:#ababab;
}
@media only screen and (max-width: 414px){
.company-overview h2 {
font-size: 18px;
padding-left:10px!important;
}
.company-overview h2::before {
content: "";
width: 100%;
height: 100%;
box-sizing:border-box;
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-width: 1px;
border-style: solid;
border-color: rgb(255, 255, 255);
border-image: initial;
padding: 0px;
margin: auto;
}
}
.company-overview h3 {
font-size: 22px;
padding: 14px 5px 10px 0px;
color: #000;
position: relative;
}
.company-overview h3:after {
content: '';
width:100%;
height: 2px;
background: #000;
display: block;
position: absolute;
left:0;
bottom:0;
}
.company-overview h1,
.company-overview h2,
.company-overview h3,
.company-overview h4,
.company-overview h5,
.company-overview h6 {
clear:both;
line-height:1.2;
line-height: 1.4;
margin: 2.5em 0 1.5em;
}
#company .company-overview p {
margin: 0 0 2em;
line-height: 2;
}
#company .company-overview .company-jyusyou .sd-message-01 p{
margin: 0;
}
#company .company-jyusyou .sd-message-01 p:last-of-type{
line-height: 1.6;
}
.company-overview img.aligncenter{
margin-top: 7px;
margin-bottom: 7px;
}
.company-overview .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
div.company-overview a {
color: #2188e0;
text-decoration: underline;
}
div.company-overview a:hover{
text-decoration: none;
}
.company-overview td, .company-overview th {
border: 1px solid #bbb;
}
.company-overview .company-info table{
width: 100%;
}
.company-overview  h2:first-child{
margin: 0 0 2em;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.company-overview .company-info table td:first-child{
font-size: 12px;
}
.company-overview .company-info table td{
padding: 10px;
font-size: 12px;
}
.company-overview .company-jyusyou ul{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.company-overview .company-jyusyou li{
width: 49%;
margin:0 2% 10px 0 ;
}
.company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 10px;
}
.company-overview .company-jyusyou li:nth-of-type(2n){
margin-right: 0;
}
.company-overview .company-jyusyou li div{
font-size: 13px;
height: 95px;
}
.company-overview .company-media .cop-company-medialist dl{
width: 100%;
}
.company-overview .company-media .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
}
.company-overview .cop-access p{
font-size: 12px;
}
.company-overview .cop-bt a{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:hover{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:after{
right: 18px;
font-size: 18px;
line-height: 38px;
}
.company-overview .company-member-box{
padding: 0 0 10px 0;
}
.company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.company-overview .company-member-box ul li{
line-height: 1.5!important;
font-size: 13px;
}
.company-overview .company-member-box ul li img{
width: 70px;
height: 70px;
margin-bottom: 5px;
}
.company-overview .cop-access iframe{
height: 300px
}
.company-jyusyou .sp{
display: block;
}
.company-jyusyou .pc{
display: none;
}
.company-jyusyou h3{
font-size:16px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:0px auto 20px;
}
.company-jyusyou .cop-company-jyusyou-slider-area{
position: relative;
height: 180px;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next {
position: absolute;
background: #34a3d1;
font-weight: normal;
font-size: 200%!important;
z-index: 999999;
color: #fff;
text-align: center;
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next {
right: 0;
}
.cop-company-jyusyou-slider-wrap {
margin: 0 40px;
}
.company-jyusyou .sd-message-01{
margin: 0 10px;
text-align:left;
background:#FFF;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
width: 100%;
height: 100px;
padding: 15px;
box-sizing: border-box;
object-fit: contain;
}
.company-jyusyou .sd-message-01 p:last-of-type{
height: 80px;
margin: 0;
padding: 10px;
color: #FFF;
background: #34a1cf;
font-size: 13px;
letter-spacing: 0;
}
.company-jyusyou .sd-message-01 p:empty{
display:none;
margin:0;
}
div.company-overview{
font-size: 4.0vw;
}
div.company-overview  h2 {
font-size: 5.2vw;
letter-spacing: -0.3px;
padding: 3.3vw 1.5vw;
border-top: 0.6vw solid #000;
border-bottom: 0.6vw solid #000;
}
div.company-overview  h3 {
font-size: 5.0vw;
letter-spacing: -0.3px;
padding: 3.3vw 0;
}
div.company-overview  h4 {
font-size: 4.8vw;
letter-spacing: -0.3px;
padding: 1vw 1vw 1vw 3.3vw;
}
div.company-overview  table{
font-size: 3.7vw;
}
div.company-overview  p{
letter-spacing: -0.3px;
}
.company-overview .company-info table {
width: 100%;
}
#company .company-overview .cop-access .cop-access-main p.cop-bt,.company-overview .cop-bt a{
margin-bottom: 0;
}
}
.wid-50{
width:50px!important;
}
.wid-60{
width:60px!important;
}
.wid-80{
width:80px!important;
}
.wid-100{
width:100px!important;
}
.wid-150{
width:150px!important;
}
.wid-200{
width:200px!important;
}
.wpp-list.ninki-ranking-box img{
width:65px;
height:46px;
font-size:12px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.wpp-list.ninki-ranking-box img{
width:91px;
height:65px;
font-size:12px;
}
}

.footer-navi-wrap{display:none;}
.footer-navi-wrap{display:block;position:-webkit-sticky;position:sticky;bottom:0;z-index:5;opacity:0.9;width:100%; height:60px;box-sizing: border-box;position:fixed;}

.footer-navi-wrap ul{display:flex;justify-content:center;align-items:center;}
.footer-navi-wrap ul li{display:block;width:30%;line-height:normal;font-size:11px;background:#353130;text-align:center;color:#FFF;position:relative;}
.footer-navi-wrap ul li a,.footer-navi-wrap ul li span{color:#FFF;display:block;width:100%;height:100%;padding:20px 0 0;line-height: 40px;box-sizing: border-box;}
.footer-navi-wrap ul li.f-navi-home a:before{content:"";background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/sp-gfoot-home.png) no-repeat center center / 15px;width:15px;height:15px;right:0;left:0;top: 13px;margin:auto;position:absolute;display:block;text-align:center;line-height:normal;}
.footer-navi-wrap ul li.f-navi-search span:before{content:"";background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/sp-gfoot-search.png) no-repeat center center / 15px;width:15px;height:15px;right:0;left:0;top: 13px;margin:auto;position:absolute;display:block;text-align:center;line-height:normal;}
.footer-navi-wrap ul li.f-navi-mokuji a:before{content:"";background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/sp-gfoot-mokuji.png) no-repeat center center / 15px;width:15px;height:15px;right:0;left:0;top: 13px;margin:auto;position:absolute;display:block;color:rgb(254, 113, 153);text-align:center;line-height:normal;}
.footer-navi-wrap ul li.f-navi-ptop a:before{content:"";background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/sp-gfoot-top.png) no-repeat center center / 16px;width:16px;height:16px;right:0;left:0;top: 13px;margin:auto;position:absolute;display:block;text-align:center;line-height:normal;}
.footer-navi-wrap ul li.f-navi-rank a:before{content:"";background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/sp-gfoot-rank.png) no-repeat center center / 15px;width:15px;height:15px;right:0;left:0;top: 13px;margin:auto;position:absolute;display:block;text-align:center;line-height:normal;}
.f-navi-mokuji_modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 2147483648;background: rgba(0, 0, 0, 0.8);overflow:scroll;display:none;}
.f-navi-mokuji_modal .mokuzi_contents{background: #fff;box-sizing: border-box;width:90%;padding:45px 15px 10px;margin:30px auto;border:2px solid #ccc;border-radius:10px;}
.f-navi-mokuji_modal span#modal_close_mokuji{position: absolute;color: #333;top:40px;right:30px;margin:0;border-radius:5px;font-size:12px;padding:2px 5px;background:#e2e2e2;}
.f-navi-mokuji_modal li{margin-bottom:10px;line-height:1.8;font-size:14px;}
span#modal_close,span#modal_close_mokuji{margin-top:10px;display:block;font-size:16px;background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-close.png) no-repeat 39%/15px;color: #FFF;}
.modal_val{position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;height:130px;}
.modal_val form{padding:0;margin:0;display:flex;justify-content:center;align-items:center;}
.modal_val form input[type="submit"]{width:60px;height:40px;margin-left:-5px;border:solid #ccc 2px;border-left:0px;cursor:pointer;color:#444;background:url("https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-sp-sc.png") #f3f3f3 no-repeat 50%/25px;overflow:hidden;text-indent:-9999px;border-radius: 0;}
.modal_val form input[type="text"]{height:40px;width:60%;padding:0px 0px 0 10px;border:solid #ccc 2px;background-color:#FFF;}
.modal_val form ::-webkit-input-placeholder{color:#aaa;}
#headermenuMb .modal_val form input[type="submit"]{width:60px;height:44px;margin-left:-5px;border:solid #ccc 2px;border-left:0px;cursor:pointer;color:#444;background:url("https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/icon-sp-sc.png") no-repeat #f3f3f3 50%/25px;overflow:hidden;text-indent:-9999px;}
#search_modal {
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.7);
color:#ffff;
font-size: bold;
}

.footer-navi-wrap ul li.f-navi-rank a:after{
content:"NEW";
width:auto;
right:5px;
top: 5px;
background:#e5016d;
padding:1px 5px;
font-size:10px;
border-radius:10px;
margin:auto;
position:absolute;
display:block;
text-align:center;
line-height:normal;

}


/*動画サイズ指定(SP)*/
@media screen and (min-width:413px) and ( max-width:415px) {
iframe[data-src="https://www.youtube.com/embed/ysYiMt6tCME?rel=0"],iframe[data-src="https://www.youtube.com/embed/lw-o2Pcivpk?rel=0"],iframe[data-src="https://www.youtube.com/embed/zl3JsA_ZMrg?rel=0"]{
width: 100%;
height: 220px;
}
}
@media screen and (min-width:374px) and ( max-width:376px) {
iframe[data-src="https://www.youtube.com/embed/ysYiMt6tCME?rel=0"],iframe[data-src="https://www.youtube.com/embed/lw-o2Pcivpk?rel=0"],iframe[data-src="https://www.youtube.com/embed/zl3JsA_ZMrg?rel=0"]{
width: 100%;
height: 200px;
}
}
@media screen and (min-width:359px) and ( max-width:361px) {
iframe[data-src="https://www.youtube.com/embed/ysYiMt6tCME?rel=0"],iframe[data-src="https://www.youtube.com/embed/lw-o2Pcivpk?rel=0"],iframe[data-src="https://www.youtube.com/embed/zl3JsA_ZMrg?rel=0"]{
width: 100%;
height: 190px;
}
}

/*画像サイズ指定(PC)*/
@media only screen and (min-width :959px){
.bae .shinglethumbnail img{
width:640px!important;
height:442px!important;
}
.wp-image-277410{
width: 512px!important;
height:512px!important;
}
.wp-image-277409,.wp-image-277403{
width: 513px!important;
height:513px!important;
}
.wp-image-277407{
width: 514px!important;
height:514px!important;
}
.wp-image-277406{
width: 515px!important;
height:514px!important;
}
.wp-image-277408{
width: 514px!important;
height:515px!important;
}
.wp-image-277405,.wp-image-277404{
width: 515px!important;
height:515px!important;
}
.wp-image-308691,.wp-image-308700,.wp-image-308697,.wp-image-308689,.wp-image-308702,.wp-image-317498,.wp-image-315475,.wp-image-315473,.wp-image-298319,.wp-image-312440{
width: 638px!important;
height:358px!important;
}
.wp-image-286650{
width: 640px!important;
height:200px!important;
}
.wp-image-311454,.wp-image-311451{
width: 640px!important;
height:264px!important;
}
.wp-image-258501{
width: 640px!important;
height:278px!important;
}
.wp-image-308691,.wp-image-308700,.wp-image-308697,.wp-image-308689,.wp-image-308702,.wp-image-317498,.wp-image-315475,.wp-image-315473,.wp-image-298319,.wp-image-312440,.wp-image-313916,.wp-image-313917,.wp-image-313919,.wp-image-313920,.wp-image-313921,.wp-image-313922,.wp-image-313923,.wp-image-313924,.wp-image-313925,.wp-image-313926,.wp-image-313927,.wp-image-313928,.wp-image-313929,.wp-image-313930,.wp-image-312930,.wp-image-312932,.wp-image-312933,.wp-image-312934,.wp-image-312935,.wp-image-312937,.wp-image-312938,.wp-image-312939,.wp-image-312943,.wp-image-310908{
width: 640px!important;
height:360px!important;
}
.wp-image-258500{
width:640px!important;
height:358px!important;
}
.wp-image-277504{
width:640px!important;
height:426px!important;
}
.wp-image-309680,.wp-image-309674,.wp-image-309682,.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-289923,.wp-image-289951,.wp-image-309677,.wp-image-309679,.wp-image-309672,.wp-image-309669,.wp-image-309676,.wp-image-309686,.wp-image-309683,.wp-image-258495,.wp-image-258481,.wp-image-267597,.wp-image-277506,.wp-image-277537,.wp-image-304616{
width:640px!important;
height:427px!important;
}
.wp-image-267593{
width:640px!important;
height:480px!important;
}
.wp-image-282993{
width: 640px!important;
height:507px!important;
}
.wp-image-319145,.wp-image-313708{
width: 668px!important;
height:275px!important;
}
.wp-image-289966{
width: 668px!important;
height:381px!important;
}
.wp-image-290256{
width: 668px!important;
height:524px!important;
}
.wp-image-290259{
width: 668px!important;
height:528px!important;
}
.wp-image-289955{
width: 668px!important;
height:539px!important;
}
.wp-image-290254{
width: 668px!important;
height:653px!important;
}
.wp-image-290255{
width: 668px!important;
height:710px!important;
}
.wp-image-290253{
width: 668px!important;
height:726px!important;
}
.wp-image-289979{
width: 668px!important;
height:746px!important;
}
.wp-image-290243{
width: 668px!important;
height:794px!important;
}
.wp-image-290251{
width: 668px!important;
height:829px!important;
}
.wp-image-289965{
width: 668px!important;
height:954px!important;
}
.wp-image-309685{
width:668px!important;
height:1152px!important;
}
.wp-image-309673{
width: 668px!important;
height:1150px!important;
}
.wp-image-309684{
width: 668px!important;
height:1154px!important;
}
.wp-image-290247{
width: 668px!important;
height:1163px!important;
}
.wp-image-290250{
width: 670px!important;
height:502px!important;
}
.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-309674,.wp-image-309682,.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-289923,.wp-image-289951{
width:638px!important;
height:425px!important;
}
.wp-image-309678,.wp-image-303835{
width: 668px!important;
height:474px!important;
}
#sidemenu-applist ul.applist-box li img{
height: 80px;
}
.shinglethumbnail img[src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/02/0fe7136a9a5d712485ad48184f7cbb70-1024x473.jpg"]{
width:640px!important;
height:296px!important;
}
.shinglethumbnail img[src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/02/40b711fe2cf01cbb8266895ddc855232.jpg"]{
width:640px!important;
height:360px!important;
}

}

/*画像サイズ指定(SP)*/

@media screen and (min-width:413px) and ( max-width:415px) {
.bae .shinglethumbnail img{
width: 414px!important;
height:296px!important;
}
.wp-image-313708{
width: 387px!important;
height:159px!important;
}
.wp-image-311454,.wp-image-311451{
width: 387px!important;
height:160px!important;
}
.wp-image-313916,.wp-image-313917,.wp-image-313919,.wp-image-313920,.wp-image-313921,.wp-image-313922,.wp-image-313923,.wp-image-313924,.wp-image-313925,.wp-image-313926,.wp-image-313927,.wp-image-313928,.wp-image-313929,.wp-image-313930,.wp-image-312930,.wp-image-312932,.wp-image-312933,.wp-image-312934,.wp-image-312935,.wp-image-312937,.wp-image-312938,.wp-image-312939,.wp-image-312943,.wp-image-310908{
width: 387px!important;
height:218px!important;
}
.wp-image-304616{
width: 387px!important;
height:258px!important;
}
.wp-image-309674,.wp-image-309682,.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-289923,.wp-image-289951{
width: 388px!important;
height:258px!important;
}
.wp-image-309678,.wp-image-303835{
width: 388px!important;
height:275px!important;
}
.wp-image-289955{
width: 388px!important;
height:313px!important;
}
.wp-image-309685{
width: 388px!important;
height:669px!important;
}
.wp-image-309673{
width: 388px!important;
height:667px!important;
}
.wp-image-309684{
width: 388px!important;
height:670px!important;
}
.wp-image-286650{
width: 389px!important;
height:122px!important;
}
.wp-image-258501{
width: 389px!important;
height:169px!important;
}
.wp-image-258500{
width:389px!important;
height:218px!important;
}
.wp-image-277504{
width: 389px!important;
height:259px!important;
}
.wp-image-258495,.wp-image-258481,.wp-image-267597,.wp-image-277506,.wp-image-277537{
width: 389px!important;
height:260px!important;
}
.wp-image-267593{
width:389px!important;
height:292px!important;
}
.wp-image-282993{
width: 389px!important;
height:308px!important;
}
.wp-image-277406{
width: 389px!important;
height:388px!important;
}
.wp-image-277410,.wp-image-277409,.wp-image-277407,.wp-image-277405,.wp-image-277404,.wp-image-277403{
width: 389px!important;
height:389px!important;
}
.wp-image-277408{
width: 389px!important;
height:390px!important;
}
.wp-image-309680,.wp-image-309677,.wp-image-309679,.wp-image-309672,.wp-image-309669,.wp-image-309676,.wp-image-309686,.wp-image-309683{
width: 390px!important;
height:260px!important;
}
#sidemenu-applist ul.applist-box li img {
width:109px!important;
height:109px!important;
}
#recommend_list .recommend_box .clearfix > div a img {
width: 81px!important;
height: 60px!important;
display:inline-block;
font-size:12px;
}
.wp-image-319145{
width: 388px!important;
height:160px!important;
}
.wp-image-308691,.wp-image-308700,.wp-image-308697,.wp-image-308689,.wp-image-308702,.wp-image-317498,.wp-image-315475,.wp-image-315473,.wp-image-298319,.wp-image-312440{
width: 388px!important;
height:218px!important;
}
.wp-image-289966{
width: 388px!important;
height:222px!important;
}
.wp-image-290243{
width: 388px!important;
height:461px!important;
}
.wp-image-290253{
width: 388px!important;
height:422px!important;
}
.wp-image-289979{
width: 388px!important;
height:434px!important;
}
.wp-image-289965{
width: 388px!important;
height:554px!important;
}
.wp-image-290251{
width: 388px!important;
height:481px!important;
}
.wp-image-290250{
width: 390px!important;
height:291px!important;
}
.wp-image-290259{
width: 388px!important;
height:206px!important;
}
.wp-image-290247{
width: 388px!important;
height:675px!important;
}
.wp-image-290254{
width: 388px!important;
height:379px!important;
}
.wp-image-290255{
width: 388px!important;
height:412px!important;
}
.wp-image-290256{
width: 388px!important;
height:304px!important;
}
.ranking-T-design span.bt-rank-dl a,.ranking-T-design span.bt-rank-syousai a{
margin:5px 0;
width:110px;
height:25px;
}

}

@media screen and (min-width:374px) and ( max-width:376px) {
.bae .shinglethumbnail img{
width: 375px!important;
height:268px!important;
}
.wp-image-311454,.wp-image-311451,.wp-image-313708{
width: 351px!important;
height:144px!important;
}
.wp-image-313916,.wp-image-313917,.wp-image-313919,.wp-image-313920,.wp-image-313921,.wp-image-313922,.wp-image-313923,.wp-image-313924,.wp-image-313925,.wp-image-313926,.wp-image-313927,.wp-image-313928,.wp-image-313929,.wp-image-313930,.wp-image-312930,.wp-image-312932,.wp-image-312933,.wp-image-312934,.wp-image-312935,.wp-image-312937,.wp-image-312938,.wp-image-312939,.wp-image-312943,.wp-image-310908{
width: 351px!important;
height:197px!important;
}
.wp-image-309674,.wp-image-309682,.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-289923,.wp-image-289951,.wp-image-304616{
width: 351px!important;
height:234px!important;
}
.wp-image-309678,.wp-image-303835{
width: 351px!important;
height:249px!important;
}
.wp-image-289955{
width: 351px!important;
height:283px!important;
}
.wp-image-309685{
width: 351px!important;
height:605px!important;
}
.wp-image-309673{
width: 351px!important;
height:604px!important;
}
.wp-image-258500{
width:353px!important;
height:197px!important;
}
.wp-image-258495,.wp-image-258481,.wp-image-267597,.wp-image-277504{
width: 353px!important;
height:235px!important;
}
.wp-image-309684{
width: 351px!important;
height:606px!important;
}
.wp-image-286650{
width: 353px!important;
height:110px!important;
}
.wp-image-258501{
width: 353px!important;
height:153px!important;
}
.wp-image-309680,.wp-image-309677,.wp-image-309679,.wp-image-309672,.wp-image-309669,.wp-image-309676,.wp-image-309686,.wp-image-309683,.wp-image-277506,.wp-image-277537{
width: 353px!important;
height:235px!important;
}
.wp-image-267593{
width:353px!important;
height:264px!important;
}
.wp-image-282993{
width: 353px!important;
height:279px!important;
}
.wp-image-277406{
width: 353px!important;
height:352px!important;
}
.wp-image-277410,.wp-image-277409,.wp-image-277407,.wp-image-277405,.wp-image-277404,.wp-image-277403,.wp-image-277408{
width: 353px!important;
height:353px!important;
}
#sidemenu-applist ul.applist-box li img {
width:98px!important;
height:98px!important;
}
#recommend_list .recommend_box .clearfix > div a img {
width: 73px!important;
height: 60px!important;
display:inline-block;
font-size:12px;
}
.wp-image-319145{
width: 351px!important;
height:145px!important;
}
.wp-image-308691,.wp-image-308700,.wp-image-308697,.wp-image-308689,.wp-image-308702,.wp-image-317498,.wp-image-315475,.wp-image-315473,.wp-image-298319,.wp-image-312440{
width:351px!important;
height:198px!important;
}
.wp-image-289966{
width:351px!important;
height:200px!important;
}
.wp-image-290243{
width:351px!important;
height:417px!important;
}
.wp-image-290253{
width:351px!important;
height:382px!important;
}
.wp-image-289979{
width: 351px!important;
height:392px!important;
}
.wp-image-289965{
width: 351px!important;
height:502px!important;
}
.wp-image-290251{
width: 351px!important;
height:435px!important;
}
.wp-image-290250{
width: 351px!important;
height:264px!important;
}
.wp-image-290259{
width: 351px!important;
height:278px!important;
}
.wp-image-290247{
width: 351px!important;
height:610px!important;
}
.wp-image-290254{
width: 351px!important;
height:343px!important;
}
.wp-image-290255{
width: 351px!important;
height:373px!important;
}
.wp-image-290256{
width: 351px!important;
height:275px!important;
}
.ranking-T-design span.bt-rank-dl a,.ranking-T-design span.bt-rank-syousai a{
margin:5px 0;
width:100px;
height:25px;
}

}

@media screen and (min-width:359px) and ( max-width:361px) {
.bae .shinglethumbnail img{
width: 360px!important;
height:257px!important;
}
.wp-image-311454,.wp-image-311451,.wp-image-313708{
width: 336px!important;
height:139px!important;
}
.wp-image-313916,.wp-image-313917,.wp-image-313919,.wp-image-313920,.wp-image-313921,.wp-image-313922,.wp-image-313923,.wp-image-313924,.wp-image-313925,.wp-image-313926,.wp-image-313927,.wp-image-313928,.wp-image-313929,.wp-image-313930,.wp-image-312930,.wp-image-312932,.wp-image-312933,.wp-image-312934,.wp-image-312935,.wp-image-312937,.wp-image-312938,.wp-image-312939,.wp-image-312943,.wp-image-310908{
width: 336px!important;
height:189px!important;
}
.wp-image-304616{
width: 336px!important;
height:224px!important;
}
.wp-image-309674,.wp-image-309682,.wp-image-309670,.wp-image-309681,.wp-image-309675,.wp-image-309671,.wp-image-289923,.wp-image-289951{
width: 337px!important;
height:225px!important;
}
.wp-image-309678,.wp-image-303835{
width: 337px!important;
height:239px!important;
}
.wp-image-289955{
width: 337px!important;
height:272px!important;
}
.wp-image-309685{
width: 337px!important;
height:560px!important;
}
.wp-image-309673{
width: 337px!important;
height:579px!important;
}
.wp-image-309684{
width: 337px!important;
height:582px!important;
}
.wp-image-286650{
width: 338px!important;
height:106px!important;
}
.wp-image-258501{
width: 338px!important;
height:147px!important;
}
.wp-image-258500{
width:338px!important;
height:189px!important;
}
.wp-image-258495,.wp-image-258481,.wp-image-267597,.wp-image-277504{
width: 338px!important;
height:225px!important;
}
.wp-image-309680,.wp-image-309677,.wp-image-309679,.wp-image-309672,.wp-image-309669,.wp-image-309676,.wp-image-309686,.wp-image-309683,.wp-image-277506,.wp-image-277537{
width: 338px!important;
height:226px!important;
}
.wp-image-267593{
width:338px!important;
height:254px!important;
}
.wp-image-282993{
width: 338px!important;
height:268px!important;
}
.wp-image-277410,.wp-image-277409,.wp-image-277407,.wp-image-277405,.wp-image-277404,.wp-image-277403,.wp-image-277406{
width: 338px!important;
height:338px!important;
}
.wp-image-277408{
width: 338px!important;
height:339px!important;
}
#sidemenu-applist ul.applist-box li img {
width:94px!important;
height:94px!important;
}
#recommend_list .recommend_box .clearfix > div a img {
width: 70px!important;
height: 60px!important;
display:inline-block;
font-size:12px;
}
.wp-image-319145{
width: 337px!important;
height:138px!important;
}
.wp-image-308691,.wp-image-308700,.wp-image-308697,.wp-image-308689,.wp-image-308702,.wp-image-317498,.wp-image-315475,.wp-image-315473,.wp-image-298319,.wp-image-312440{
width: 337px!important;
height:190px!important;
}
.wp-image-289966{
width: 337px!important;
height:192px!important;
}
.wp-image-290243{
width: 337px!important;
height:400px!important;
}
.wp-image-290253{
width: 337px!important;
height:366px!important;
}
.wp-image-289979{
width: 337px!important;
height:376px!important;
}
.wp-image-289965,.wp-image-290251{
width: 337px!important;
height:481px!important;
}
.wp-image-290250{
width: 337px!important;
height:254px!important;
}
.wp-image-290259{
width: 337px!important;
height:266px!important;
}
.wp-image-290247{
width: 337px!important;
height:586px!important;
}
.wp-image-290254{
width: 337px!important;
height:330px!important;
}
.wp-image-290255{
width: 337px!important;
height:358px!important;
}
.wp-image-290256{
width: 337px!important;
height:264px!important;
}


}

.unheader .lifelog.ophover img{
width: 46px;
height: 46px;
}
@media only screen and (max-width :415px){
.unheader .lifelog.ophover img{
width: 45px;
height: 45px;
}
}
@media only screen and (max-width :376px){
.unheader .lifelog.ophover img{
width: 41px;
height: 41px;
}
}
@media only screen and (max-width :361px){
.unheader .lifelog.ophover img{
width: 39px;
height: 39px;
}
}



/*アイコン系(PCSP共通)*/
.wp-image-254624,.wp-image-254626,.wp-image-254627,.wp-image-254628,.wp-image-254629,img[data-src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2018/04/icon-rank01-01-2.png"],img[data-src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2018/04/icon-rank01-02-2.png"],img[data-src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2018/04/icon-rank01-03-2.png"],img[data-src="https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2018/04/icon-rank01-04-1.png"]{
width:24px!important;
height:20px!important;
}
.wp-image-267096{
width:49px!important;
height:49px!important;
}
.wp-image-267089,.wp-image-267083{
width:49px!important;
height:50px!important;
}
.wp-image-267086,.wp-image-267085,.wp-image-267094,.wp-image-267092,.wp-image-267087,.wp-image-283443,.wp-image-267076,.wp-image-283443,.wp-image-267074,.wp-image-267083,.wp-image-304469,.wp-image-286518,.wp-image-304534,.wp-image-304537,.wp-image-304481,.wp-image-305252,.wp-image-305255,.wp-image-286342{
width:50px!important;
height:50px!important;
}
.wp-image-267076{
width:55px!important;
height:50px!important;
}
.rank-list-osusume dl dd span img {
width:45px!important;
height:45px!important;
}
.gsc-control-searchbox-only{
width:340px;
max-width:100%;
height:44px;
margin:0 auto;
box-sizing:border-box;
}
.gsc-control-searchbox-only .gsc-input-box {
padding-top:0;
padding-bottom:0;
}
section.site-search div + script + div{
width:340px;
max-width:100%;
height:44px;
margin:0 auto;
box-sizing:border-box;
}

/*------------------------------------------------------------
アプリ評価
-------------------------------------------------------------*/
.app-hyouka-wrap a:hover{
opacity: 0.7;
}
.app-hyouka-wrap{
border: 3px solid #1c1c1c;
position: relative;
}
.app-hyouka-wrap:before{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/line2.png) no-repeat center / contain;
position: absolute;
top: -1px;
right: -1px;
}
.app-hyouka-wrap:after{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/line-1.png) no-repeat center / contain;
position: absolute;
bottom: -1px;
left: -1px;
}
.app-hyouka-wrap p:empty{
display: none;
}
.app-hyouka-wrap .top-box{
border-bottom: 3px solid #1c1c1c;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.app-hyouka-wrap .left-box{
width: 24%;
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;
}
.app-hyouka-wrap .left-box img{
box-sizing: border-box;
width:  100px;
height: 100px;
border-radius: 10px;
border:1px solid #ccc;
}
.app-hyouka-wrap .right-box{
width: 76%;
position: relative;
margin-left: auto;
}
.app-hyouka-wrap .right-box > p{
margin: 0;
}
.app-hyouka-wrap .right-box a{
display: block;
height: 70px;
line-height: 70px;
font-size: 28px;
text-decoration: none;
font-weight: bold;
}
.app-hyouka-wrap .right-box a span{
font-size: 20px;
vertical-align: middle;
margin-right: 10px;
}
.app-hyouka-wrap .right-box .black-box{
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 8px 0px 5px 0px;
}
.app-hyouka-wrap .right-box .black-box .hosi-box{
width: 55%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.app-hyouka-wrap .right-box .black-box .hosi-box span{
color: #ffd401;
font-size: 44px;
line-height: 1;
}
.app-hyouka-wrap .right-box .black-box .hosi-box{
color: #ffd401;
font-size: 40px;
line-height: 1;
letter-spacing:10px;
}
.app-hyouka-wrap .right-box .black-box .hosi-box p:empty{
display:none;
}
.app-hyouka-wrap .right-box .black-box .hosi-box div.white{
color: #fff;
}
.app-hyouka-wrap .right-box .black-box .hosi-box span.white{
color: #fff;
}
.app-hyouka-wrap .right-box .black-box .num{
display: inline-block;
background: #ae173a;
color: #fff;
font-size: 30px;
padding: 0 40px;
height: 40px;
line-height: 40px;
font-weight: bold;
border-radius: 2px;
margin: 0 0 0 0;
}
.app-hyouka-wrap .middle-box{
padding: 20px 26px 10px 26px;
}
.app-hyouka-wrap .middle-box dl{
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 12px;
}
.app-hyouka-wrap .middle-box dt{
font-size: 22px;
font-weight: bold;
color: #333;
width: 24%;
line-height: 1;
padding-top: 4px;
}
.app-hyouka-wrap .middle-box dt .yellow{
background: #ffc700;
padding: 2px 5px 3px;
border-radius: 3px;
width: auto;
display: inline-block;
}
.app-hyouka-wrap .middle-box dd{
width: 72%;
line-height: 1;
margin: 0;
}
.app-hyouka-wrap .middle-box dd .graph{
width: 93%;
margin: 0 auto 4px auto;
position: relative;
}
.app-hyouka-wrap .middle-box dd .graph:after{
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #ffc700;
border:3px solid #ae173a;
position: absolute;
top:0;
bottom: 0;
margin: auto;
box-sizing:border-box;
}
.app-hyouka-wrap .middle-box dd .graph.one:after{
left: -9px;
}
.app-hyouka-wrap .middle-box dd .graph.one-point-five:after{
left: 10%;
}
.app-hyouka-wrap .middle-box dd .graph.two:after{
left: calc(25% - 9px);
}
.app-hyouka-wrap .middle-box dd .graph.two-point-five:after{
left: 35%;
}
.app-hyouka-wrap .middle-box dd .graph.three:after{
left: 0;
right: 3px;
}
.app-hyouka-wrap .middle-box dd .graph.three-point-five:after{
right: 35%;
}
.app-hyouka-wrap .middle-box dd .graph.four:after{
right:  calc(25% - 9px);
}
.app-hyouka-wrap .middle-box dd .graph.four-point-five:after{
right: 10%;
}
.app-hyouka-wrap .middle-box dd .graph.five:after{
right: -9px;
}
.app-hyouka-wrap .middle-box dd .graph tr{
border:0;
}
.app-hyouka-wrap .middle-box dd .graph td{
height: 16px;
padding: 0;
position: relative;
width: 25%;
border:0;
}
.app-hyouka-wrap .middle-box dd .graph{
border-left: 3px solid #002060;
border-right: 3px solid #002060;
}
.app-hyouka-wrap .middle-box dd .graph td:after{
content:'';
box-sizing:border-box;
display:block;
width:100%;
height:50%;
border-right: 3px solid #002060;
position:absolute;
}
.app-hyouka-wrap .middle-box dd .graph td:nth-of-type(2):after{
height: 100%;
}
.app-hyouka-wrap .middle-box dd .graph td:last-of-type:after{
border:0;
}
.app-hyouka-wrap .middle-box dd .graph tr:first-of-type{
border-bottom: 3px solid #002060;
}
.app-hyouka-wrap .middle-box dd .graph tr:first-of-type td:after{
bottom:0;
}
.app-hyouka-wrap .middle-box dd .graph tr:last-of-type td:after{
top:0;
}
.app-hyouka-wrap .middle-box dd .text-box ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 16px;
color: #333;
line-height: 1;
margin:0!important;
padding:0!important;
}
.app-hyouka-wrap .middle-box dd .text-box ul li{
line-height:1!important;
margin:0!important;
padding:0!important;
}
.app-hyouka-wrap .bottom-box{
background:#333;
padding: 10px;
}
.app-hyouka-wrap .bottom-box .innner{
background: #fff;
border-radius: 4px;
padding: 20px;
}
.app-hyouka-wrap .bottom-box .innner dl{
margin: 0;
}
.app-hyouka-wrap .bottom-box .innner dt{
color: #bb0542;
position: relative;
line-height: 1;
font-size: 20px;
padding-left: 20px;
margin-bottom: 20px;
}
.app-hyouka-wrap .bottom-box .innner dt:before{
content: '';
display: block;
width: 18px;
height: 18px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/hand.png) no-repeat center / contain;
position: absolute;
top:0;
bottom: 0;
left: 0;
margin: auto;
}
.app-hyouka-wrap .bottom-box .innner dd{
position: relative;
padding-left: 20px;
line-height: 1;
font-size: 14px;
margin: 0 0 14px 0;
}
.app-hyouka-wrap .bottom-box .innner dd:last-of-type{
margin: 0;
}
.app-hyouka-wrap .bottom-box .innner dd:before{
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #bb0542;
position: absolute;
top:0;
bottom: 0;
left: 4px;
margin: auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.app-hyouka-wrap:before{
width: 18px;
height: 18px;
}
.app-hyouka-wrap:after{
width: 18px;
height: 18px;
}
.app-hyouka-wrap .left-box img{
width: 70px;
height: 70px;
}
.app-hyouka-wrap .right-box .black-box{
padding: 7px 0px 4px 0px;
}
.app-hyouka-wrap .right-box a{
height: 50px;
line-height: 60px;
font-size: 24px;
}
.app-hyouka-wrap .right-box .black-box .hosi-box span{
font-size: 24px;
}
.app-hyouka-wrap .right-box .black-box .hosi-box{
font-size: 24px;
letter-spacing:4px;
}
.app-hyouka-wrap .right-box .black-box .num{
font-size: 24px;
padding: 0 20px;
height: 34px;
line-height: 34px;
}
.app-hyouka-wrap .middle-box {
padding: 16px 16px 4px 16px;
}
.app-hyouka-wrap .middle-box dt{
font-size: 18px;
width: 38%;
}
.app-hyouka-wrap .middle-box dd{
width: 62%;
}
.app-hyouka-wrap .middle-box dd .graph{
width: 92%;
}
.app-hyouka-wrap .middle-box dd .graph:after{
width: 14px;
height: 14px;
border: 2px solid #ae173a;
}
.app-hyouka-wrap .middle-box dd .graph.one:after{
left: -8px;
}
.app-hyouka-wrap .middle-box dd .graph.one-point-five:after{
left: 9%;
}
.app-hyouka-wrap .middle-box dd .graph.two:after{
left: calc(25% - 8px);
}
.app-hyouka-wrap .middle-box dd .graph.two-point-five:after {
left: 32%;
}
.app-hyouka-wrap .middle-box dd .graph.three:after{
left: 0;
right: 3px;
}
.app-hyouka-wrap .middle-box dd .graph.three-point-five:after {
right: 34%;
}
.app-hyouka-wrap .middle-box dd .graph.four:after{
right:  calc(25% - 7px);
}
.app-hyouka-wrap .middle-box dd .graph.four-point-five:after {
right: 8%;
}
.app-hyouka-wrap .middle-box dd .text-box{
font-size: 14px;
}
.app-hyouka-wrap .bottom-box {
padding: 10px;
}
.app-hyouka-wrap .bottom-box .innner {
padding: 15px;
}
.app-hyouka-wrap .bottom-box .innner dt{
font-size: 18px;
}
.app-hyouka-wrap .bottom-box .innner dt:before{
width: 16px;
height: 16px;
}
.app-hyouka-wrap .bottom-box .innner dd{
line-height: 1.4;
}
.app-hyouka-wrap .bottom-box .innner dd:before{
top: 7px;
bottom: auto;
}
}
@media ( max-width: 375px) {
.app-hyouka-wrap .left-box img {
width: 64px;
height: 64px;
}
.app-hyouka-wrap .right-box a{
height: 54px;
line-height: 54px;
}
.app-hyouka-wrap .right-box .black-box .num {
font-size: 22px;
padding: 0 18px;
height: 32px;
line-height: 32px;
}
.app-hyouka-wrap .right-box .black-box {
padding: 6px 14px 3px 14px;
}
.app-hyouka-wrap .right-box .black-box .hosi-box{
width: 60%;
}
.app-hyouka-wrap .right-box .black-box .hosi-box span {
font-size: 22px;
}
.app-hyouka-wrap .middle-box {
padding: 16px 14px 4px 14px;
}
.app-hyouka-wrap .bottom-box {
padding: 16px;
}
.app-hyouka-wrap .bottom-box .innner {
padding: 16px;
}
.app-hyouka-wrap .bottom-box .innner dt{
margin-bottom: 12px;
}
.app-hyouka-wrap .bottom-box .innner dd{
margin: 0 0 8px 0;
}
.app-hyouka-wrap .middle-box dd .graph.one-point-five:after {
left: 8%;
}
.app-hyouka-wrap .middle-box dd .graph.two-point-five:after {
left: 33%;
}
.app-hyouka-wrap .middle-box dd .graph.four-point-five:after {
right: 8%;
}
}
@media ( max-width: 360px) {
.app-hyouka-wrap .left-box img {
width: 60px;
height: 60px;
}
.app-hyouka-wrap .right-box .black-box {
padding: 6px 12px 3px 12px;
}
.app-hyouka-wrap .right-box .black-box .num{
font-size: 20px;
height: 30px;
line-height: 30px;
}
.app-hyouka-wrap .right-box a{
font-size: 22px;
}
.app-hyouka-wrap .middle-box {
padding: 16px 12px 4px 12px;
}
.app-hyouka-wrap .middle-box dt{
font-size: 16px;
}
.app-hyouka-wrap .bottom-box {
padding: 14px;
}
.app-hyouka-wrap .bottom-box .innner {
padding: 14px;
}
.app-hyouka-wrap .middle-box dd .graph.two:after {
left: calc(25% - 9px);
}
.app-hyouka-wrap .middle-box dd .graph.two-point-five:after {
left: 32%;
}
.app-hyouka-wrap .middle-box dd .graph.three:after{
right: 3px;
}
.app-hyouka-wrap .middle-box dd .graph.four:after {
right: calc(25% - 6px);
}
}

/*------------------------------------------------------------
app-genre-wrap
-------------------------------------------------------------*/
div.app-genre-wrap .box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.app-genre-wrap .box li{
width: 31%;
}
div.app-genre-wrap .box .koikatu{
background: #fffcfc;
box-shadow: 0 0 0px 3px #ff848d;
border-radius: 3px;
}
div.app-genre-wrap .box .konkatu{
background: #f8fffe;
box-shadow: 0 0 0px 3px #58b8a7;
border-radius: 3px;
}
div.app-genre-wrap .box .asobi{
background: #fffdf5;
box-shadow: 0 0 0px 3px #ffc23f;
border-radius: 3px;
}
div.app-genre-wrap dl{
margin: 0;
}
div.app-genre-wrap dt{
text-align: center;
padding: 18px 0;
line-height: 1;
font-size: 22px;
border-radius: 3px 3px 0 0;
}
div.app-genre-wrap .koikatu dt{
background: #ff5864;
color: #ffe9eb;
}
div.app-genre-wrap .konkatu dt{
background: #23aa92;
color: #d6fff8;
}
div.app-genre-wrap .asobi dt{
background: #ff9001;
color: #fff7ed;
}
div.app-genre-wrap dt .b{
display: block;
font-size: 32px;
color: #fff;
margin-bottom: 5px;
}
div.app-genre-wrap dd{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 14px 15px 5px 15px;
}
div.app-genre-wrap dd br{
display: none;
}
div.app-genre-wrap dd div{
display: inline-block;
line-height: 1;
width: 49%;
height: 84px;
}
div.app-genre-wrap dd a{
display: block;
}
div.app-genre-wrap dd a img{
display: block;
margin: 0 auto 3px auto;
width: 50px;
border-radius: 8px;
border-bottom: 2px solid #ccc;
}
div.app-genre-wrap dd a img.border{
border: 1px solid #cecece;
border-bottom: 2px solid #ccc;
}
div.app-genre-wrap dd a{
position: relative;
}
div.app-genre-wrap dd a .app-name{
color: #2188e0;
text-decoration: underline;
display: block;
text-align: center;
font-size: 10px;
line-height: 1.3;
}
div.app-genre-wrap dd a .app-name.ls-down{
letter-spacing: -1px;
}
div.app-genre-wrap dd a .app-name.position{
position: absolute;
width: 120%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
@media ( max-width: 415px) {
div.app-genre-wrap .box .koikatu{box-shadow: 0 0 0px 2px #ff848d;}
div.app-genre-wrap .box .konkatu{box-shadow: 0 0 0px 2px #58b8a7;}
div.app-genre-wrap .box .asobi{box-shadow: 0 0 0px 2px #ffc23f;}
div.app-genre-wrap dt{font-size: 18px;padding: 16px 0;}
div.app-genre-wrap dt .b{font-size: 24px;}
div.app-genre-wrap dd{padding: 10px 5px 0 5px;}
div.app-genre-wrap dd br{display: block;}
div.app-genre-wrap dd > br{display: none;}
div.app-genre-wrap dd div{height: 66px;}
div.app-genre-wrap dd a{position: relative;}
div.app-genre-wrap dd a img{width: 35px;margin: 0 auto 2px auto;}
div.app-genre-wrap dd a .app-name{
position: absolute;
width: 120%;
font-size: 10px;
left: 50%;
-webkit-transform: translate(-50%,0) scale(.8);
transform: translate(-50%,0) scale(.8);
}
div.app-genre-wrap dd a .app-name.ls-down{
letter-spacing: 0;
}
div.app-genre-wrap dd a .app-name.position{
-webkit-transform: translate(-50%,0) scale(.8);
transform: translate(-50%,0) scale(.8);
}
div.app-genre-wrap dd a .kaigyou{margin-top: -3px;}
}
@media ( max-width: 376px) {
div.app-genre-wrap dt{font-size: 16px;padding:12px 0; }
div.app-genre-wrap dt .b{font-size: 22px;}
div.app-genre-wrap dd div{height: 62px;}
div.app-genre-wrap dd a img{width: 32px;}
div.app-genre-wrap dd a .app-name.ls-downSP{letter-spacing: -1px;}
}


/*------------------------------------------------------------
kutikomi-box
-------------------------------------------------------------*/
.kutikomi-box{
border-radius: 5px;
background: #f2f2f2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 10px 10px 0;
margin-bottom: 20px;
}
.kutikomi-box p:empty{
display: none;
}
.kutikomi-box .left{
width:20%;
height:105px;
position: relative;
}
.kutikomi-box .left:before{
content: "";
height: 100%;
display: block;
width: 100%;
}
.kutikomi-box.man .left:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/man.png) center top/60% no-repeat;
}
.kutikomi-box.woman .left:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/woman.png) center top/60% no-repeat;
}
.kutikomi-box .left .age{
position: absolute;
display: block;
text-align: center;
width: 100%;
font-weight: bold;
bottom: 0;
font-size:14px;
}
.kutikomi-box .right{
width: 80%;
line-height:normal;
}
div.kutikomi-box p.hyouka{
display: inline-block;
height:25px;
line-height:25px;
font-size:14px;
color: #fff;
background: rgb(240 60 77);
width:100px;
text-align: center;
border-radius:3px 3px 0 0;
padding: 0;
}
div.kutikomi-box p.hyouka.badcolor{
display: inline-block;
height:25px;
line-height:25px;
font-size:14px;
color: #fff;
background: #7577a5;
width:100px;
text-align: center;
border-radius:3px 3px 0 0;
padding: 0;
}
.kutikomi-box .right p{
background: #fff;
position: relative;
margin:0;
padding: 10px 10px 40px;
line-height: 1.6;
border-radius:3px;
font-size:14px;
}
.kutikomi-box .right p .innyou{
position:absolute;
display:inline-block;
padding:0;
height:25px;
line-height:25px;
right:10px;
bottom:0;
font-size: 12px;
color:#999;
}
.kutikomi-box.woman.good .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/9a9b8304fe9014aa8810dd48a4a0d500.png) center top / 60% no-repeat;
}
.kutikomi-box.man.good .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/891ed7d599c6a69561687952543de8ac.png) center top / 60% no-repeat;
}
.kutikomi-box.woman.bad .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/7f40ba9c1a21e0d44e8799dffcb1fc05.png) center top / 60% no-repeat;
}
.kutikomi-box.man.bad .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/d14039b22dd584dd420d460d1ab767e8.png) center top / 60% no-repeat;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.kutikomi-box .left{
width: 28%;
height: 112px;
}
.kutikomi-box .right{
width: 72%;
}
.kutikomi-box.man .left:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/man.png) center top/70% no-repeat;
}
.kutikomi-box.woman .left:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/woman.png) center top/70% no-repeat;
}
.kutikomi-box .right p{
padding: 10px 10px 38px 10px;
font-size: 14px;
}
.kutikomi-box .right p .innyou{
font-size: 11px;
height: 24px;
line-height: 24px;
}
.kutikomi-box.woman.good .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/9a9b8304fe9014aa8810dd48a4a0d500.png) center top / 70% no-repeat;
}
.kutikomi-box.man.good .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/891ed7d599c6a69561687952543de8ac.png) center top / 70% no-repeat;
}
.kutikomi-box.woman.bad .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/7f40ba9c1a21e0d44e8799dffcb1fc05.png) center top / 70% no-repeat;
}
.kutikomi-box.man.bad .left:before {
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/d14039b22dd584dd420d460d1ab767e8.png) center top / 70% no-repeat;
}
}
@media ( max-width: 376px) {
.kutikomi-box .left{
height: 98px;
}
}
@media ( max-width: 361px) {
.kutikomi-box .left{
height: 95px;
}
}

/*------------------------------------------------------------
lgbt-list
-------------------------------------------------------------*/
.lgbt-list ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width:61px;
}
.lgbt-list ul li{
width: 30px;
height:30px;
margin-bottom:1px;
text-align:center;
background:#dedede;
color: #969696;
}
.lgbt-list ul li:nth-of-type(3),.lgbt-list ul li:nth-of-type(4){
margin: 0;
}
.lgbt-list ul li.color-on{
background:#ffd400;
font-weight: bold;
color: #444;
}
@media ( max-width: 415px) {
.lgbt-list ul{
width: 51px;
}
.lgbt-list ul li{
width: 25px;
height: 25px;
font-size: 14px;
}
}
@media ( max-width: 361px) {
.lgbt-list ul{
width: 49px;
}
.lgbt-list ul li{
width: 24px;
height: 24px;
font-size: 13px;
}
}


/*------------------------------------------------------------
app-sanpuzu
-------------------------------------------------------------*/
.app-sanpuzu{
margin-bottom: 20px;
}
.app-sanpuzu p:empty{
display: none;
}
.app-sanpuzu .box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.app-sanpuzu .koumokuY{
color: #067de2;
width: 40px;
position: relative;
margin-right: 5px;
}
.blogeditwrap .app-sanpuzu .koumokuY p{
line-height: 1;
margin: 0;
width: 100%;
text-align: center;
position: absolute;
}
.blogeditwrap .app-sanpuzu .koumokuY p:nth-of-type(1){
top: 5px;
}
.blogeditwrap .app-sanpuzu .koumokuY p:nth-of-type(3){
bottom: 10px;
}
.blogeditwrap .app-sanpuzu .koumokuY p.black{
top:0;
bottom:0;
height: 50px;
line-height: 50px;
margin: auto;
color: #444;
font-weight: bold;
font-size: 18px;
}
.app-sanpuzu .koumokuX{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 60px;
color: #ff3a72;
margin-top: 8px;
}
.blogeditwrap .app-sanpuzu .koumokuX p{
line-height: 1;
margin: 0;
}
.blogeditwrap .app-sanpuzu .koumokuX p.black{
color: #444;
font-weight: bold;
font-size: 18px;
}
.app-sanpuzu .app-area{
position: relative;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.blogeditwrap .app-sanpuzu .app-area p{
line-height: 1;
margin: 0;
z-index: 3;
position: relative;
}
.app-sanpuzu .app-area img{
width: 100%;
}
.app-sanpuzu .app-area div{
position: absolute;
z-index: 4;
text-align: center;
}
.app-sanpuzu .app-area div.with{
bottom: 30px;
left: 50px;
}
.app-sanpuzu .app-area div.omiai{
left: 130px;
bottom: 130px;
}
.app-sanpuzu .app-area div.pairs{
left: 130px;
bottom: 50px;
}
.app-sanpuzu .app-area div.match{
left: 220px;
bottom: 200px;
}
.app-sanpuzu .app-area div.engage{
left: 245px;
bottom: 70px;
}
.app-sanpuzu .app-area div.enmusubi{
bottom: 150px;
left: 340px;
}
.app-sanpuzu .app-area div.youbride{
left: 300px;
top: 10px;
}
.app-sanpuzu .app-area div.marissyu{
left: 400px;
top: 70px;
}
.app-sanpuzu .app-area div.sumarizzi{
right: 0;
top: 120px;
}
.app-sanpuzu .app-area div.blaidle{
bottom: 150px;
right: 66px;
}
.app-sanpuzu .app-area div.omiai img,.app-sanpuzu .app-area div.enmusubi img,.app-sanpuzu .app-area div.sumarizzi img{
border:1px solid #ccc;
}
.app-sanpuzu .app-area div a{
display: block;
}
.app-sanpuzu .app-area div a img{
box-sizing: border-box;
width: 50px;
height: 50px;
border-radius: 8px;
margin-bottom: 3px;
}
.app-sanpuzu .app-area div a .app-name{
color: #2188e0;
text-decoration: underline;
display: block;
text-align: center;
font-size: 12px;
line-height: 1.3;
}
.app-sanpuzu .app-area div a .app-name br{
display: none;
}
.app-sanpuzu .app-area table{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
margin: 0;
}
.app-sanpuzu .app-area table tr{
width: 25%;
border:0;
}
.app-sanpuzu .app-area table td{
width: 25%;
padding:0;
border: 1px solid #eaeaea;
}
.app-sanpuzu .app-area table tr:nth-of-type(1) td{
border-top:0;
}
.app-sanpuzu .app-area table tr:nth-of-type(4) td{
border-bottom:0;
}
.app-sanpuzu .app-area table td:nth-of-type(4){
border-right: 0;
}

@media ( max-width: 415px) {
.blogeditwrap .app-sanpuzu .koumokuY{
width: 54px;
}
.blogeditwrap .app-sanpuzu .koumokuX{
padding-left: 44px;
}
#container .blogeditwrap .app-sanpuzu .koumokuY p,.blogeditwrap .app-sanpuzu .koumokuX p{
font-size: 14px;
}
#container .blogeditwrap .app-sanpuzu .koumokuY p.black{
font-size: 15px;
bottom: 4px;
}
#container .blogeditwrap .app-sanpuzu .koumokuX p.black{
font-size: 15px;
}
.blogeditwrap .app-sanpuzu .app-area div a .app-name br{
display: block;
}
.blogeditwrap .app-sanpuzu .app-area div a img{
width: 35px;
height: 35px;
margin-bottom: 2px;
border-radius: 6px;
}
.blogeditwrap .app-sanpuzu .app-area div a .app-name{
font-size: 10px;
}
.blogeditwrap .app-sanpuzu .app-area div.with {
bottom: 20px;
left: 26px;
}
.blogeditwrap .app-sanpuzu .app-area div.pairs {
left: 74px;
bottom: 34px;
}
.blogeditwrap .app-sanpuzu .app-area div.omiai {
left: 74px;
bottom: 92px;
}
.blogeditwrap .app-sanpuzu .app-area div.match {
left: 130px;
bottom: 140px;
}
.blogeditwrap .app-sanpuzu .app-area div.engage {
left: 134px;
bottom: 70px;
}
.blogeditwrap .app-sanpuzu .app-area div.youbride {
left: 160px;
top: 5px;
}
.blogeditwrap .app-sanpuzu .app-area div.enmusubi {
bottom: 100px;
left: 196px;
}
.blogeditwrap .app-sanpuzu .app-area div.sumarizzi {
right: 0px;
top: 46px;
}
.blogeditwrap .app-sanpuzu .app-area div.marissyu {
left: 224px;
top: 30px;
}
.blogeditwrap .app-sanpuzu .app-area div.blaidle {
bottom: 88px;
right: 40px;
}
}
@media ( max-width: 376px) {
.blogeditwrap .app-sanpuzu .koumokuY{
width: 50px;
}
.blogeditwrap .app-sanpuzu .koumokuX{
margin-top: 6px;
}
.blogeditwrap .blogeditwrap .app-sanpuzu .koumokuY p,.blogeditwrap .app-sanpuzu .koumokuX p{
font-size: 12px;
}
.blogeditwrap .blogeditwrap .app-sanpuzu .koumokuY p.black{
font-size: 14px;
}
.blogeditwrap .blogeditwrap .app-sanpuzu .koumokuX p.black{
font-size: 14px;
}
.blogeditwrap .app-sanpuzu .app-area div a img {
width: 34px;
height: 34px;
margin-bottom: 1px;
}
.blogeditwrap .app-sanpuzu .app-area div a{
position: relative;
}
.blogeditwrap .app-sanpuzu .app-area div a .app-name{
position: absolute;
height: auto;
width: 300%;
left: 50%;
-webkit-transform: translate(-50%,0) scale(.8);
transform: translate(-50%,0) scale(.8);
}
.blogeditwrap .app-sanpuzu .app-area div.with {
bottom: 26px;
left: 24px;
}
.blogeditwrap .app-sanpuzu .app-area div.pairs {
left: 70px;
bottom: 36px;
}
.blogeditwrap .app-sanpuzu .app-area div.omiai {
left: 70px;
bottom: 88px;
}
.blogeditwrap .app-sanpuzu .app-area div.match {
left: 120px;
bottom: 130px;
}
.blogeditwrap .app-sanpuzu .app-area div.engage {
left: 130px;
bottom: 72px;
}
.blogeditwrap .app-sanpuzu .app-area div.enmusubi {
bottom: 98px;
left: 194px;
}
.blogeditwrap .app-sanpuzu .app-area div.blaidle {
bottom: 98px;
right: 32px;
}
.blogeditwrap .app-sanpuzu .app-area div.marissyu {
left: 214px;
top: 28px;
}
.blogeditwrap .app-sanpuzu .app-area div.sumarizzi {
right: 0px;
top: 46px;
}
}
@media ( max-width: 361px) {
.blogeditwrap .app-sanpuzu .koumokuY{
width: 52px;
}
.blogeditwrap .app-sanpuzu .app-area div.match{
left: 116px;
}
.blogeditwrap .app-sanpuzu .app-area div.youbride{
left: 146px;
}
.blogeditwrap .app-sanpuzu .app-area div.marissyu{
left: 198px;
}
.blogeditwrap .app-sanpuzu .app-area div.enmusubi{
left: 190px;
bottom: 96px;
}
.blogeditwrap .app-sanpuzu .app-area div.sumarizzi{
right: 0;
top: 42px;
}
.blogeditwrap .app-sanpuzu .app-area div.blaidle{
bottom: 96px;
}
}

.danjyo-table{
}
.danjyo-table td{
width:20%;
}
.danjyo-table td.danjyo-td{
width:80%;
}
.danjyo-graph{
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 20px 0 10px!important;
box-sizing:border-box;
}
.danjyo-graph:nth-of-type(2){
margin:10px 0 0px!important;
}
.danjyo-graph li:nth-of-type(1){
width:10%;
}
.danjyo-graph li:nth-of-type(2){
display:block;
margin:0 10px;
font-weight:bold;
font-size:14px;
width:8%;
}
.danjyo-graph li:nth-of-type(3){
width:82%;
box-sizing:border-box;
box-shadow:0 0 0 1px #dedede;
border-radius:3px;
}
.danjyo-graph li:nth-of-type(3) div{
background:#5abfe0;
height:30px;
}
.danjyo-graph:nth-of-type(2) li:nth-of-type(3) div{
background:#ef84ab;
height:30px;
}
@media ( max-width: 415px) {
.danjyo-table td{
width:30%;
}
.danjyo-graph{
padding:0 10px 0 0px!important;
}
.danjyo-table td.danjyo-td{
width:70%;
}
.danjyo-graph li:nth-of-type(1){
width:15%;
}
.danjyo-graph li:nth-of-type(2){
width:20%;
font-size:12px;
}
.danjyo-graph li:nth-of-type(3){
width:100%;
height:25px;
margin-top:5px;
}
.danjyo-graph li:nth-of-type(3) div{
background:#5abfe0;
height:25px;
}
.danjyo-graph:nth-of-type(2) li:nth-of-type(3) div{
background:#ef84ab;
height:25px;
}
.danjyo-graph{
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 10px 0 10px!important;
box-sizing:border-box;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
}
.danjyo-graph:nth-of-type(2){
margin:15px 0 0px!important;
}
}

/*------------------------------------------------------------
書いた人タブ
-------------------------------------------------------------*/
body .writer-tab-wrap {
width: 100%;
margin: 20px 0
}
body .writer-tab-wrap .waku-hannyou .wrap .cover{
padding: 20px 25px 20px;
}
#detailwrap .writer-tab-wrap .title{
font-size: 16px;
font-weight: bold;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#detailwrap .writer-tab-wrap .title .material-icons{
font-size: 22px;
margin-right: 2px;
}
body .writer-tab-wrap .tab_panel{
padding: 0;
}
body .writer-tab-wrap p:empty{
display: none;
}
body .writer-tab-wrap .waku-hannyou .cf p{
font-size: 0;
}
body .writer-tab-wrap input[type=radio] {
display: none
}
body .tab_area {
font-size: 0;
margin: 0 0 5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body .tab_area label,
body .tab_area label.tab2_label,
body .tab_area label.tab3_label {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
color: #000;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: ease 0.2s opacity;
margin: 0 10px 10px;
opacity:1
}
body .tab_area label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
line-height:165px;
border: 3px solid #fff;
border-left: 4px solid #fff;
}
body .tab_area label.tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab4_label {
background: url('https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/01/LiFe_LOGO-1.png') center no-repeat;
background-size: cover
}
body .tab_area label:hover {
opacity: .5
}
body .panel_area {
background: #fff;
margin-top: 34px;
}
body #main-contents .tab_panel,
body .tab_panel {
width: auto;
display: none;
box-sizing: border-box
}
body .tab_panel {
border-radius: 5px;
min-height: 80px;
}
body #main-contents .tab_panel {
padding: 10px;
border-radius: 5px;
min-height: 60px;
}
body #tab1:checked~.panel_area #panel1,
body #tab2:checked~.panel_area #panel2,
body #tab3:checked~.panel_area #panel3,
body #tab4:checked~.panel_area #panel4 {
display: block
}
body #main-contents .tab_panel p,
body .tab_panel p {
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-align: left;
line-height: normal
}
body #tab1:checked~ .tab1_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 3px solid #e1c788;
border-left: 4px solid #e1c788;
}
body #tab2:checked~ .tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 3px solid #e1c788;
border-left: 4px solid #e1c788;
}
body #tab3:checked~ .tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 3px solid #e1c788;
border-left: 4px solid #e1c788;
}
body #tab4:checked~ .tab4_label {
background: url('https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/01/LiFe_LOGO-1.png') center no-repeat;
background-size: cover;
opacity: 1;
border: 3px solid #e1c788;
border-left: 4px solid #e1c788;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:before{
content: '';
display: block;
border-right: 11px solid transparent;
border-bottom: 16px solid #fff;
border-left: 11px solid transparent;
position: absolute;
left: 38px;
top: -14px;
z-index: 2;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:after{
content: '';
display: block;
border-right: 11px solid transparent;
border-bottom: 16px solid #8d8d8d;
border-left: 11px solid transparent;
position: absolute;
left: 38px;
top: -16px;
z-index: 1;
}
body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 38px;
}
body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 134px;
}
body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 230px;
}
body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 328px;
}

body div.tab_area label.ken{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/06/4129d3e2a3c0b144ff357584e2feedc3.jpg) center no-repeat;
background-size: cover;
}
body div.tab_area label.kumi{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/04/4b28e538721cca639523d62e19adcdfa.jpg) center no-repeat;
background-size: cover;
}
body .tab_area #tab1:checked~ .ken,body .tab_area #tab2:checked~ .ken{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/06/4129d3e2a3c0b144ff357584e2feedc3.jpg) center no-repeat;
background-size: cover;
}
body .tab_area #tab1:checked~ .kumi,body .tab_area #tab2:checked~ .kumi{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/04/4b28e538721cca639523d62e19adcdfa.jpg) center no-repeat;
background-size: cover;
}

.ac-box{
position:relative;
margin:0;
}
.ac-box p:empty{
display: none;
}
.ac-check{
display: none;
}
.ac-check + br{
display: none;
}
.ac-box label{
background: #fbfbfb;
color: #626262;
display: block;
margin-bottom: 1px;
padding:3px 10px;
text-align:center;
border-radius:1px;
position:relative;
border:1px solid #e3e3e3;
}
.ac-check:checked + br + label{
position:absolute;
bottom:0;
width:100%;
box-sizing:border-box;
z-index:100;
}
.ac-check:checked + label{
position:absolute;
bottom:0;
width:100%;
box-sizing:border-box;
z-index:100;
}
.ac-small{
height: 0;
opacity: 0;
padding: 0 10px;
transition:0;
visibility: hidden;
overflow:hidden;
}
.ac-check:checked + label + .ac-small{
height:auto;
opacity: 1;
padding: 10px 0;
visibility: visible;
transition: .5s;
}
.ac-check:checked + label + p + .ac-small{
height:auto;
opacity: 1;
padding: 10px 0;
visibility: visible;
transition: .5s;
}
.ac-check:checked + br + label + p + .ac-small{
height:auto;
opacity: 1;
padding: 0 0 60px;
visibility: visible;
transition: .5s;
}
.waku-hannyou ul{
display: -webkit-flex;
display: flex;
justify-content: space-between;
justify-content: center;
margin:0!important;
}
.waku-hannyou ul .writwrap .imgcover .imgbox {
margin:auto;
display:block;
text-align:center;
}
.waku-hannyou ul .writwrap .imgcover{
margin:auto;
display:block;
text-align:center;
}
.waku-hannyou ul li{
text-align:center;
margin:auto;
}
.waku-hannyou ul li .cf-icon-txt{
text-align:center;
margin:auto;
}
.waku-hannyou ul li .cf-icon-txt{
color: #2188e0;
font-size:13px!important;
}
.ac-box label .ac-txt-in{
position:relative;
}
.ac-box label .ac-txt-in:before{
content:"▼";
}
.ac-check:checked + br + label .ac-txt-in:before{
content:"▲";
}
.ac-check:checked + label .ac-txt-in:before{
content:"▲";
}
@media only screen and (max-width : 414px){
body .panel_area {
margin-top: 30px;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover {
padding: 14px 20px 14px;
}
}
@media only screen and (max-width : 376px){
body .writer-tab-wrap .waku-hannyou .wrap .cover {
padding: 12px 18px 12px;
}
body .tab_area label, body .tab_area label.tab2_label, body .tab_area label.tab3_label{
margin: 0 10px 0 0;
}
body .panel_area {
margin-top: 34px;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:before {
border-right: 10px solid transparent;
border-bottom: 14px solid #fff;
border-left: 10px solid transparent;
top: -12px;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:after {
border-right: 10px solid transparent;
border-bottom: 14px solid #8d8d8d;
border-left: 10px solid transparent;
top: -14px;
}
body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:before, body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 28px;
}
body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:before, body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 116px;
}
body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:before, body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 202px;
}
body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:before, body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 290px;
}
}
@media only screen and (max-width : 361px){
body .tab_area label, body .tab_area label.tab2_label, body .tab_area label.tab3_label {
margin: 0 7px 0 0;
}
}
/*
body .writer-tab-wrap {
width: 100%;
margin: 20px 0
}
body .writer-tab-wrap input[type=radio] {
display: none
}
body .tab_area {
font-size: 0;
margin: 0 0 5px;
display: flex;
justify-content: left;
align-items: center
}
body .tab_area label,
body .tab_area label.tab2_label,
body .tab_area label.tab3_label {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
color: #000;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: ease 0.2s opacity;
margin: 0 10px 10px;
opacity:1
}
body .tab_area label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
line-height:165px;
}
body .tab_area label.tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230722825.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab4_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover
}
body .tab_area label:hover {
opacity: .5
}
body .panel_area {
background: #fff
}
body #main-contents .tab_panel,
body .tab_panel {
width: auto;
display: none;
box-sizing: border-box
}
body .tab_panel {
padding: 35px 0 0;
border-radius: 5px;
min-height: 80px;
}
body #main-contents .tab_panel {
padding: 10px;
border-radius: 5px;
min-height: 60px;
}
body #tab1:checked~.panel_area #panel1,
body #tab2:checked~.panel_area #panel2,
body #tab3:checked~.panel_area #panel3,
body #tab4:checked~.panel_area #panel4 {
display: block
}
body #main-contents .tab_panel p,
body .tab_panel p {
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-align: left;
line-height: normal
}
body #tab1:checked~.tab_area .tab1_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #000;
box-sizing: border-box
}
body #tab2:checked~.tab_area .tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #000;
box-sizing: border-box
}
body #tab3:checked~.tab_area .tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230722825.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #000;
box-sizing: border-box
}
body #tab4:checked~.tab_area .tab4_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #000;
box-sizing: border-box
}


.ac-box{
}
.ac-box p:empty{
display: none;
}
.ac-check{
display: none;
}
.ac-box label{
background: #fbfbfb;
color: #626262;
display: block;
margin-bottom: 1px;
padding:3px 10px;
text-align:center;
border-radius:1px;
position:relative;
border:1px solid #e3e3e3;
}
.ac-box label:before{
content:"";
position:absolute;
height:2px;
width:99%;
border:1px solid #e3e3e3;
border-top:0;
left:0;
right:0;
bottom:-4px;
margin:auto;
}
.ac-box label:after{
content:"";
position:absolute;
height:1px;
width:98%;
border:1px solid #e3e3e3;
border-top:0;
left:0;
right:0;
bottom:-7px;
margin:auto;
}
.ac-check:checked + label:before,.ac-check:checked + .ac-1:after{
display:none;
}
.ac-check:checked + br + label:before,.ac-check:checked + br + .ac-1:after{
display:none;
}
.ac-check:checked + br + label:after{
display:none;
}
.ac-small{
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.ac-check:checked + label + .ac-small{
height:auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.ac-check:checked + label + p + .ac-small{
height:auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.ac-check:checked + br + label + p + .ac-small{
height:auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.waku-hannyou ul{
display: -webkit-flex;
display: flex;
justify-content: space-between;
justify-content: center;
margin:0!important;
}
.waku-hannyou ul .writwrap .imgcover .imgbox {
margin:auto;
display:block;
text-align:center;
}
.waku-hannyou ul .writwrap .imgcover{
margin:auto;
display:block;
text-align:center;
}
.waku-hannyou ul li{
text-align:center;
margin:auto;
}
.waku-hannyou ul li .cf-icon-txt{
text-align:center;
margin:auto;
}
.waku-hannyou ul li .cf-icon-txt{
color: #2188e0;
font-size:13px!important;
}
.ac-box label .ac-txt-in{
position:relative;
}
.ac-box label .ac-txt-in:before{
content:"▼";
}
.ac-check:checked + br + label .ac-txt-in:before{
content:"▲";
}
.ac-check:checked + label .ac-txt-in:before{
content:"▲";
}
*/

/*------------------------------------------------------------
other
-------------------------------------------------------------*/
div.scroll{width:auto;}
.img-radius{
border-radius:8px;
}
div.blogeditwrap .ranknewTable tr:nth-of-type(n+5) td:nth-of-type(2) img{
width:45px!important;
height:45px!important;
}
.lineheight-normal{
line-height:normal!important;
}
.lineheight-12{
line-height:1.2!important;
}
.lineheight-14{
line-height:1.4!important;
}
.lineheight-16{
line-height:1.6!important;
}
.lineheight-18{
line-height:1.8!important;
}
.lineheight-20{
line-height:2.0!important;
}

/*------------------------------------------------------------
無料で使えるアプリのパターン4つ
-------------------------------------------------------------*/
.muryou-pattern-wrap{
border:4px solid #0352b1;
background: #8fbeea;
margin-bottom: 20px;
}
.blogeditwrap .muryou-pattern-wrap .midasi{
background: #1269d3;
color: #fff;
text-align: center;
padding: 22px 10px;
font-size: 36px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.muryou-pattern-wrap .midasi .yellow{
color: #fffc01;
}
.muryou-pattern-wrap .midasi .big{
font-size: 46px;
}
.blogeditwrap .muryou-pattern-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin:0;
padding: 14px 14px;
}
.muryou-pattern-wrap li{
background: #fff;
outline: 2px solid #8fbeea;
outline-offset: -4px;
width: 49%;
margin-bottom: 12px;
position: relative;
}
.muryou-pattern-wrap li:before{
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
color: #fff;
background: #146ad1;
position: absolute;
left: 2px;
top: 2px;
font-size: 16px;
font-weight: bold;
}
.muryou-pattern-wrap li:nth-of-type(1):before{
content: '1';
}
.muryou-pattern-wrap li:nth-of-type(2):before{
content: '2';
}
.muryou-pattern-wrap li:nth-of-type(3):before{
content: '3';
}
.muryou-pattern-wrap li:nth-of-type(4):before{
content: '4';
}
.muryou-pattern-wrap li:nth-of-type(n + 3){
margin: 0;
}
.blogeditwrap .muryou-pattern-wrap li .text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size:20px;
font-weight:bold;
line-height:1.3;
height: 80px;
padding:0 10px;
margin: 0;
text-align: center;
}
.muryou-pattern-wrap li .app-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 14px 14px 14px;
}
.muryou-pattern-wrap li .app-box a{
display: block;
width: 90px;
text-align: center;
}
.muryou-pattern-wrap li .app-box a:hover{
opacity: 0.6;
}
.muryou-pattern-wrap li .app-box a img{
box-sizing: border-box;
width: 50px;
height: 50px;
border-radius:8px;
}
.muryou-pattern-wrap li .app-box a img.border{
box-shadow: 0 0 0 1px #ccc;
}
.muryou-pattern-wrap li .app-box a .app-name{
display: block;
font-size: 13px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.muryou-pattern-wrap{
border: 2px solid #0352b1;
}
.blogeditwrap .muryou-pattern-wrap .midasi{
font-size: 22px;
padding: 14px 6px;
}
.muryou-pattern-wrap .midasi .big {
font-size: 30px;
}
.blogeditwrap .muryou-pattern-wrap ul{
padding: 14px 5px 8px 5px;
}
.muryou-pattern-wrap li{
margin-bottom: 14px;
padding-top: 4px;
}
.muryou-pattern-wrap li:before{
width: 22px;
height: 22px;
line-height: 22px;
top: -8px;
left: 0;
font-size: 12px;
z-index: 3;
}
.muryou-pattern-wrap li:after {
content: "";
display: block;
border-right: 2px solid transparent;
border-bottom: 8px solid #194f92;
border-left: 10px solid transparent;
position: absolute;
left: 12px;
top: -8px;
z-index: 2;
}
.blogeditwrap .muryou-pattern-wrap li .text{
height: 52px;
font-size: 14px;
}
.muryou-pattern-wrap li .app-box{
padding: 0px 6px 10px 6px;
}
.muryou-pattern-wrap li .app-box a{
width: 66px;
}
.muryou-pattern-wrap li .app-box a img{
width: 34px;
height: 34px;
border-radius: 6px;
}
.muryou-pattern-wrap li .app-box a .app-name{
font-size: 10px;
}
}
@media only screen and (max-width :375px){
.blogeditwrap .muryou-pattern-wrap .midasi{
font-size: 19px;
padding: 12px 0px;
}
.muryou-pattern-wrap .midasi .big {
font-size: 26px;
}
.muryou-pattern-wrap li .app-box a .app-name{
display: block;
width: 140%;
line-height: 1.6;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%,0) scale(.8);
transform: translate(-50%,0) scale(.8);
}
.muryou-pattern-wrap li .app-box a img{
width: 30px;
height: 30px;
}
.muryou-pattern-wrap li:before{
width: 20px;
height: 20px;
line-height: 20px;
top: -10px;
}
.muryou-pattern-wrap li:after{
top: -10px;
left: 10px;
border-bottom: 10px solid #194f92;
}
.muryou-pattern-wrap li .app-box {
padding: 0px 6px 24px 6px;
}
.muryou-pattern-wrap li .app-box a{
width: 60px;
position: relative;
}
}


/*------------------------
tableスクロール　2列固定
------------------------*/
.ranknewTable-wrap{
margin-bottom: 24px;
border: 1px solid #bbb;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable{
margin: 0;
}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th,.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) td{
border-top: 0;
}
.ranknewTable-wrap .ranknewTable tr:last-of-type th,.ranknewTable-wrap .ranknewTable tr:last-of-type td{
border-bottom: 0;
}
.ranknewTable-wrap .ranknewTable th,.ranknewTable-wrap .ranknewTable td{
white-space: normal;
text-align: center;
border: 0;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
z-index: 3;
}
.ranknewTable-wrap .ranknewTable td{
padding: 10px 5px;
}
.ranknewTable-wrap .ranknewTable th:first-child,.ranknewTable-wrap .ranknewTable th:nth-child(2),.ranknewTable-wrap .ranknewTable td:first-child,.ranknewTable-wrap .ranknewTable td:nth-child(2){
position: -webkit-sticky;
position: sticky;
}
.ranknewTable-wrap .ranknewTable th:first-child,.ranknewTable-wrap .ranknewTable td:first-child{
box-sizing: border-box;
left: 0;
width: 35px!important;
border-left: 0;
padding: 0;
z-index: 5;
}
.ranknewTable-wrap .ranknewTable th:first-child:after,.ranknewTable-wrap .ranknewTable td:first-child:after{
content:'';
position : absolute ;
top : 0 ;
left : 0 ;
width : 100% ;
height : 100% ;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.ranknewTable-wrap .ranknewTable th:nth-child(2):after,.ranknewTable-wrap .ranknewTable td:nth-child(2):after{
content:'';
position : absolute ;
top : 0 ;
left : 0 ;
width : 100% ;
height : 100% ;
border-bottom: 1px solid #bbb;
z-index: 2;
}
.ranknewTable-wrap .ranknewTable td:nth-child(2) a{
position: relative;
z-index: 3;
}
.ranknewTable-wrap .ranknewTable tr:last-of-type td:first-child:after,.ranknewTable-wrap .ranknewTable tr:last-of-type td:nth-child(2):after{
border-bottom: 0;
}
.ranknewTable-wrap .ranknewTable th:nth-child(2),.ranknewTable-wrap .ranknewTable td:nth-child(2){
box-sizing: border-box;
width: 80px!important;
left: 35px;
box-shadow: 1px 0 0px #bbb;
z-index: 4;
}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th:nth-of-type(3){width: 75px;}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th:nth-of-type(4){width: 95px;}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th:nth-of-type(5){width: 88px;}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th:nth-of-type(6){width: 90px;}
.ranknewTable-wrap .ranknewTable tr:nth-of-type(1) th:nth-of-type(7){width: 110px;}
.ranknewTable-wrap .ranknewTable th:last-child,.ranknewTable-wrap .ranknewTable td:last-child{
border-right: 0;
}
.ranknewTable-wrap .ranknewTable td:last-child{
padding-right: 7px;
}
.ranknewTable-wrap .ranknewTable td span{
font-size:12px!important;
}
.ranknewTable-wrap .ranknewTable td span a{
font-size:12px!important;
}
.ranknewTable-wrap .ranknewTable td:nth-of-type(2) a{
font-size:12px!important;
}

.blogeditwrap .ranknewTable-wrap .ranknewTable tr:first-of-type th{
padding:0;
font-size:13px;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable td:nth-of-type(2) img{
width:40px!important;
height:40px!important;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable td:nth-of-type(2){
padding:5px!important;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable td:nth-of-type(2) a.btn-dl {
width: 70px;
font-size: 10px!important;
margin: 5px auto 3px!important;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable td:nth-of-type(2) a.btn-syousai {
width: 70px;
font-size: 10px!important;
line-height: 18px!important;
margin: 4px auto!important;
}
.ranknewTable-wrap .ranknewTable td:nth-of-type(5) li,.ranknewTable-wrap .ranknewTable td:nth-of-type(6) li,.ranknewTable-wrap .ranknewTable td:nth-of-type(8) li{
line-height: 1.1!important;
}
.ranknewTable-wrap .ranknewTable td:nth-of-type(5) li:last-of-type,.ranknewTable-wrap .ranknewTable td:nth-of-type(6) li:last-of-type,.ranknewTable-wrap .ranknewTable td:nth-of-type(8) li:last-of-type{
margin-top: 8px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.ranknewTable-wrap{
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.blogeditwrap .ranknewTable-wrap .ranknewTable {
box-sizing: border-box;
width: 668px;
table-layout: fixed;
border-collapse: separate;
}
}

/*------------------------------------------------------------
編集部4人の評価
-------------------------------------------------------------*/
/*
div.blogeditwrap .hensyubu-hyouka-table{
box-shadow: 0 0 0 1px #b4b4b4;
}
div.blogeditwrap .hensyubu-hyouka-table td{
background: #d8f5ff;
border:0;
box-sizing: border-box;
width: 50%;
height: 150px;
padding: 10px;
}
div.blogeditwrap .hensyubu-hyouka-table td:first-of-type{
border-right: 1px solid #b4b4b4;
}
div.blogeditwrap .hensyubu-hyouka-table tr:first-of-type td{
border-bottom: 1px solid #b4b4b4;
}
.blogeditwrap .hensyubu-hyouka-table td.green{
background: #d9f0d9;
}
.blogeditwrap .hensyubu-hyouka-table td.yellow{
background: #fef2d3;
}
.blogeditwrap .hensyubu-hyouka-table td.female{
background: #ffe4ec;
}
.blogeditwrap .hensyubu-hyouka-table td .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .img-wrap{
min-width: 74px;
margin:0 10px 0 0;
}
.blogeditwrap .hensyubu-hyouka-table td img{
border-radius: 50%;
width: 74px;
height: 74px;
border: 2px solid #9ad4e7;
box-sizing: border-box;
}
.blogeditwrap .hensyubu-hyouka-table td.green img{
border-color: #a8dda7;
}
.blogeditwrap .hensyubu-hyouka-table td.yellow img{
border-color: #e8c996;
}
.blogeditwrap .hensyubu-hyouka-table td.female img{
border-color: #f0becd;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name{
font-size: 20px;
font-weight: bold;
color: #1b61b8;
margin-bottom: 5px;
}
.blogeditwrap .hensyubu-hyouka-table td.green .name{
color: #126610;
}
.blogeditwrap .hensyubu-hyouka-table td.yellow .name{
color: #8f5910;
}
.blogeditwrap .hensyubu-hyouka-table td.female .name{
color: #f03270;
}
.blogeditwrap .hensyubu-hyouka-table td .inner p{
line-height: 1.4;
margin: 0;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name + p{
background: #fff;
padding: 8px;
border-radius:4px;
font-size:14px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.blogeditwrap .hensyubu-hyouka-table td{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-bottom: 1px solid #b4b4b4;
}
div.blogeditwrap .hensyubu-hyouka-table tr:last-of-type td:last-of-type{
border:0;
}
div.blogeditwrap .hensyubu-hyouka-table td:first-of-type {
border-right: 0;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name{
font-size: 18px;
}
}
*/

/*------------------------------------------------------------
編集部4人の評価
-------------------------------------------------------------*/
div.blogeditwrap .hensyubu-hyouka-table{
box-shadow: 0 0 0 1px #b4b4b4;
}
div.blogeditwrap .hensyubu-hyouka-table tr{
border: 0;
}
div.blogeditwrap .hensyubu-hyouka-table td{
background: #ffeef3;
border:0;
box-sizing: border-box;
width: 50%;
height: 150px;
padding: 10px;
}
div.blogeditwrap .hensyubu-hyouka-table td:first-of-type{
border-right: 1px solid #b4b4b4;
}
div.blogeditwrap .hensyubu-hyouka-table tr:first-of-type td{
border-bottom: 1px solid #b4b4b4;
}
.blogeditwrap .hensyubu-hyouka-table td .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .img-wrap{
min-width: 74px;
margin:0 10px 0 0;
}
.blogeditwrap .hensyubu-hyouka-table td img{
border-radius: 50%;
width: 74px;
height: 74px;
border: 2px solid #f2d1db;
box-sizing: border-box;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name{
font-size: 18px;
font-weight: bold;
color: #e74e80;
margin-bottom: 5px;
}
.blogeditwrap .hensyubu-hyouka-table td .inner p{
line-height: 1.4;
margin: 0;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name + p{
background: #fff;
padding: 8px;
border-radius:4px;
font-size:14px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.blogeditwrap .hensyubu-hyouka-table td{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-bottom: 1px solid #b4b4b4;
height: auto;
}
div.blogeditwrap .hensyubu-hyouka-table tr:last-of-type td:last-of-type{
border:0;
}
div.blogeditwrap .hensyubu-hyouka-table td:first-of-type {
border-right: 0;
}
.blogeditwrap .hensyubu-hyouka-table td .inner .name{
font-size: 16px;
}
}
.table-komeTxt{
margin-top:-24px!important;
}




/*------------------------------------------------------------
アプリ評価2
-------------------------------------------------------------*/
.app-hyouka-wrap2 a:hover{
opacity: 0.7;
}
.app-hyouka-wrap2{
box-shadow:0 0 0 3px #1c1c1c;
position: relative;
width:99%;
margin:0 auto 50px;
}
.app-hyouka-wrap2:before{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/line2.png) no-repeat center / contain;
position: absolute;
top: -1px;
right: -1px;
}
.app-hyouka-wrap2:after{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/line-1.png) no-repeat center / contain;
position: absolute;
bottom: -1px;
left: -1px;
}
.app-hyouka-wrap2 p:empty{
display: none;
}
.app-hyouka-wrap2 .top-box{
border-bottom: 3px solid #1c1c1c;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:10px 0 13px;
}
.app-hyouka-wrap2 .left-box{
width: 15%;
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;
}
.app-hyouka-wrap2 .left-box img{
box-sizing: border-box;
width:55px;
height:55px;
border-radius: 10px;
box-shadow:0 0 0 1px #ccc;
}
.app-hyouka-wrap2 .right-box{
width:84%;
position: relative;
margin-left: auto;
}
.app-hyouka-wrap2 .right-box > p{
margin: 0;
line-height:1;
}
.app-hyouka-wrap2 .right-box a{
display: block;
height:auto;
line-height:normal;
font-size:20px;
text-decoration: none;
font-weight: bold;
}
.app-hyouka-wrap2 .right-box a span{
font-size: 20px;
vertical-align: middle;
margin-right: 10px;
}
.app-hyouka-wrap2 .right-box .black-box{
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 3px 0px 0;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box{
width:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box span{
color: #ffd401;
font-size: 44px;
line-height: 1;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box{
color: #ff8c01;
font-size:22px;
line-height:1;
letter-spacing:5px;
background:#FFF;
padding:2px 10px 3px 15px;
border-radius:50px;
display:inline-block;
margin-right:20px;
box-shadow:0 0 0 2px #f1f1f1;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box p:empty{
display:none;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box div.white{
color: #fff;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box span.white{
color: #fff;
}
.app-hyouka-wrap2 .right-box .black-box .num{
display: inline-block;
background: #ae173a;
color: #fff;
font-size: 18px;
padding: 0 20px;
height:30px;
line-height: 30px;
font-weight: bold;
border-radius: 2px;
margin: 0 0 0 0;
}
.app-hyouka-wrap2 .middle-box{
padding: 10px 10px 10px 10px;
background:#333333;
}
.app-hyouka-wrap2 .middle-box dl{
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 10px;
justify-content:space-between;
background:#fffef1;
padding:6px 15px;
border-radius:5px;
box-shadow:0 0 0 1px #ffefbd;
}
.app-hyouka-wrap2 .middle-box dl:last-of-type{
margin:0;
}
.blogeditwrap .app-hyouka-wrap2 .middle-box dl td,
.blogeditwrap .app-hyouka-wrap2 .middle-box dl th {
background:none;
}
.app-hyouka-wrap2 .middle-box dt{
font-size: 20px;
font-weight: bold;
color: #333;
width: 24%;
line-height:2;
padding-top: 4px;
padding-left:25px;
position:relative;
}
.app-hyouka-wrap2 .middle-box dt:before{
content:"";
width:13px;
height:13px;
border-radius:3px;
background:#d9d9d9;
position:absolute;
left:0px;
top:0;
bottom:0;
margin:auto;
}
.app-hyouka-wrap2 .middle-box dt .yellow{
background: #ffc700;
padding: 2px 5px 3px;
border-radius: 3px;
width: auto;
display: inline-block;
}
.app-hyouka-wrap2 .middle-box dd{
width: 65%;
line-height: 1;
margin: 0;
}
.app-hyouka-wrap2 .middle-box dd .graph{
width: 93%;
margin: 0 auto 4px auto;
position: relative;
}
.app-hyouka-wrap2 .middle-box dd .graph:after{
content: '';
display: block;
width: 14px;
height: 14px;
border-radius: 10%;
background: #ffde00;
box-shadow:0 0 0 3px #ae173a;
position: absolute;
top:0;
bottom: 0;
margin: auto;
box-sizing:border-box;
}
.app-hyouka-wrap2 .middle-box dd .graph.one:after{
left: -9px;
}
.app-hyouka-wrap2 .middle-box dd .graph.one-point-five:after{
left: 10%;
}
.app-hyouka-wrap2 .middle-box dd .graph.two:after{
left: calc(25% - 9px);
}
.app-hyouka-wrap2 .middle-box dd .graph.two-point-five:after{
left: 35%;
}
.app-hyouka-wrap2 .middle-box dd .graph.three:after{
left: 0;
right: 3px;
}
.app-hyouka-wrap2 .middle-box dd .graph.three-point-five:after{
right: 35%;
}
.app-hyouka-wrap2 .middle-box dd .graph.four:after{
right:  calc(25% - 9px);
}
.app-hyouka-wrap2 .middle-box dd .graph.four-point-five:after{
right: 10%;
}
.app-hyouka-wrap2 .middle-box dd .graph.five:after{
right: -9px;
}
.app-hyouka-wrap2 .middle-box dd .graph tr{
border:0;
}
.app-hyouka-wrap2 .middle-box dd .graph td{
height: 16px;
padding: 0;
position: relative;
width: 25%;
border:0;
}
.app-hyouka-wrap2 .middle-box dd .graph{
border-left: 3px solid #002060;
border-right: 3px solid #002060;
}
.app-hyouka-wrap2 .middle-box dd .graph td:after{
content:'';
box-sizing:border-box;
display:block;
width:100%;
height:50%;
border-right: 3px solid #002060;
position:absolute;
}
.app-hyouka-wrap2 .middle-box dd .graph td:nth-of-type(2):after{
height: 100%;
}
.app-hyouka-wrap2 .middle-box dd .graph td:last-of-type:after{
border:0;
}
.app-hyouka-wrap2 .middle-box dd .graph tr:first-of-type{
border-bottom: 3px solid #002060;
}
.app-hyouka-wrap2 .middle-box dd .graph tr:first-of-type td:after{
bottom:0;
}
.app-hyouka-wrap2 .middle-box dd .graph tr:last-of-type td:after{
top:0;
}
.app-hyouka-wrap2 .middle-box dd .text-box ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 16px;
color: #333;
line-height: 1;
margin:0!important;
padding:0!important;
}
.app-hyouka-wrap2 .middle-box dd .text-box ul li{
line-height:1!important;
margin:0!important;
padding:0!important;
color:#bb0542;
font-weight:bold;
font-size:12px;
}
.app-hyouka-wrap2 .bottom-box{
background:#bb0542;
padding: 10px;
}
.app-hyouka-wrap2 .bottom-box .innner{
background: #fff;
border-radius: 4px;
padding: 15px 15px;
}
.app-hyouka-wrap2 .bottom-box .innner dl{
margin: 0;
}
.app-hyouka-wrap2 .bottom-box .innner dt{
color: #bb0542;
position: relative;
line-height: 1;
font-size: 20px;
padding-left: 20px;
margin-bottom: 15px;
}
.app-hyouka-wrap2 .bottom-box .innner dt:before{
content: '';
display: block;
width: 18px;
height: 18px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/hand.png) no-repeat center / contain;
position: absolute;
top:0;
bottom: 0;
left: 0;
margin: auto;
}
.app-hyouka-wrap2 .bottom-box .innner dd{
position: relative;
padding-left: 20px;
line-height: 1;
font-size: 14px;
margin: 0 0 10px 0;
}
.app-hyouka-wrap2 .bottom-box .innner dd:last-of-type{
margin: 0;
}
.app-hyouka-wrap2 .bottom-box .innner dd:before{
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #bb0542;
position: absolute;
top:0;
bottom: 0;
left: 4px;
margin: auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.app-hyouka-wrap2:before{
width: 18px;
height: 18px;
}
.app-hyouka-wrap2:after{
width: 18px;
height: 18px;
}
.app-hyouka-wrap2 .left-box img{
width: 50px;
height: 50px;
}
.app-hyouka-wrap2 .left-box{
width: 25%;
}
.app-hyouka-wrap2 .right-box .black-box{
padding: 3px 0px 2px 0px;
}
.app-hyouka-wrap2 .right-box a{
height:auto;
line-height:27px;
font-size: 18px;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box span{
font-size: 24px;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box{
color: #ff8c01;
font-size:18px;
line-height:1;
letter-spacing:3px;
background:#FFF;
padding:3px 5px 4px 10px;
border-radius:50px;
display:inline-block;
margin-right:20px;
box-shadow:0 0 0 2px #f1f1f1;
}
.app-hyouka-wrap2 .right-box .black-box .num{
display: inline-block;
background: #ae173a;
color: #fff;
font-size: 16px;
padding: 0 15px;
height:28px;
line-height: 29px;
font-weight: bold;
border-radius:5px;
margin: 0 0 0 0;
}
.app-hyouka-wrap2 .top-box{
border-bottom: 3px solid #1c1c1c;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:6px 0;
}
.app-hyouka-wrap2 .middle-box {
padding: 10px 10px 10px 10px;
}
.app-hyouka-wrap2 .middle-box dt{
font-size: 15px;
width: 40%;
font-weight: bold;
color: #333;
line-height: 2.8;
padding-top: 4px;
padding-left: 15px;
position: relative;
}
.app-hyouka-wrap2 .middle-box dt:before{
content:"";
width:10px;
height:10px;
border-radius:2px;
background:#d9d9d9;
position:absolute;
left:-2px;
top:0;
bottom:0;
margin:auto;
}
.app-hyouka-wrap2 .middle-box dd .text-box ul li {
line-height: 1!important;
margin: 0!important;
padding: 0!important;
color: #bb0542;
font-weight: bold;
font-size: 12px;
}
.app-hyouka-wrap2 .middle-box dd{
width: 55%;
}
.app-hyouka-wrap2 .middle-box dd .graph{
width: 90%;
}
.app-hyouka-wrap2 .middle-box dd .graph:after{
width: 12px;
height: 12px;
box-shadow:0 0 0 2px #ae173a;
}
.app-hyouka-wrap2 .middle-box dd .graph.one:after{
left: -8px;
}
.app-hyouka-wrap2 .middle-box dd .graph.one-point-five:after{
left: 9%;
}
.app-hyouka-wrap2 .middle-box dd .graph.two:after{
left: calc(25% - 8px);
}
.app-hyouka-wrap2 .middle-box dd .graph.two-point-five:after {
left: 32%;
}
.app-hyouka-wrap2 .middle-box dd .graph.three:after{
left: 0;
right: 2px;
}
.app-hyouka-wrap2 .middle-box dd .graph.three-point-five:after {
right: 34%;
}
.app-hyouka-wrap2 .middle-box dd .graph.four:after{
right:  calc(25% - 7px);
}
.app-hyouka-wrap2 .middle-box dd .graph.four-point-five:after {
right: 8%;
}
.app-hyouka-wrap2 .middle-box dd .text-box{
font-size: 14px;
}
.app-hyouka-wrap2 .bottom-box {
padding: 10px;
}
.app-hyouka-wrap2 .bottom-box .innner {
padding: 10px 15px 10px;
}
.app-hyouka-wrap2 .bottom-box .innner dt{
font-size: 18px;
margin-bottom:10px;
}
.app-hyouka-wrap2 .bottom-box .innner dt:before{
width: 16px;
height: 16px;
}
.app-hyouka-wrap2 .bottom-box .innner dd{
line-height: 1.4;
margin-bottom:5px;
font-size:13px;
}
.app-hyouka-wrap2 .bottom-box .innner dd:before{
top: 7px;
bottom: auto;
}
.app-hyouka-wrap2 .middle-box dd .graph.five:after{
right: -8px;
}
}
@media ( max-width: 375px) {
.app-hyouka-wrap2 .left-box img {
width: 64px;
height: 64px;
}
.app-hyouka-wrap2 .right-box a{
height: 54px;
line-height: 54px;
}
.app-hyouka-wrap2 .right-box .black-box .num {
font-size: 22px;
padding: 0 18px;
height: 32px;
line-height: 32px;
}
.app-hyouka-wrap2 .right-box .black-box {
padding: 6px 14px 3px 14px;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box{
width: 60%;
}
.app-hyouka-wrap2 .right-box .black-box .hosi-box span {
font-size: 22px;
}
.app-hyouka-wrap2 .middle-box {
padding: 16px 14px 4px 14px;
}
.app-hyouka-wrap2 .bottom-box {
padding: 16px;
}
.app-hyouka-wrap2 .bottom-box .innner {
padding: 16px;
}
.app-hyouka-wrap2 .bottom-box .innner dt{
margin-bottom: 12px;
}
.app-hyouka-wrap2 .bottom-box .innner dd{
margin: 0 0 8px 0;
}
.app-hyouka-wrap2 .middle-box dd .graph.one-point-five:after {
left: 8%;
}
.app-hyouka-wrap2 .middle-box dd .graph.two-point-five:after {
left: 33%;
}
.app-hyouka-wrap2 .middle-box dd .graph.four-point-five:after {
right: 8%;
}
}
@media ( max-width: 360px) {
.app-hyouka-wrap2 .left-box img {
width: 60px;
height: 60px;
}
.app-hyouka-wrap2 .right-box .black-box {
padding: 6px 12px 3px 12px;
}
.app-hyouka-wrap2 .right-box .black-box .num{
font-size: 20px;
height: 30px;
line-height: 30px;
}
.app-hyouka-wrap2 .right-box a{
font-size: 22px;
}
.app-hyouka-wrap2 .middle-box {
padding: 16px 12px 4px 12px;
}
.app-hyouka-wrap2 .middle-box dt{
font-size: 14px;
}
.app-hyouka-wrap2 .bottom-box {
padding: 14px;
}
.app-hyouka-wrap2 .bottom-box .innner {
padding: 14px;
}
.app-hyouka-wrap2 .middle-box dd .graph.two:after {
left: calc(25% - 9px);
}
.app-hyouka-wrap2 .middle-box dd .graph.two-point-five:after {
left: 32%;
}
.app-hyouka-wrap2 .middle-box dd .graph.three:after{
right: 3px;
}
.app-hyouka-wrap2 .middle-box dd .graph.four:after {
right: calc(25% - 6px);
}
}

/*--------------------------------------------------------------
記事内で紹介している婚活アプリ
-------------------------------------------------------------*/
.introduction-konkatu-app{
margin-left: 240px;
margin-bottom: 20px;
}
.introduction-konkatu-app .inner-main{
text-align: center;
line-height: 1.4;
border:2px solid #999999;
}
.introduction-konkatu-app .gray{
background: #828282;
color: #fff;
font-weight: bold;
font-size: 20px;
padding: 10px 0;
}
.introduction-konkatu-app .app-wrap{
position: relative;
}
.introduction-konkatu-app .app-wrap.blue{
background: #f0fbff;
}
.introduction-konkatu-app .app-wrap.green{
background: #f0fff7;
}
.introduction-konkatu-app .app-wrap.red{
background: #fff0f5;
}
.introduction-konkatu-app .app-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
box-sizing: border-box;
padding: 8px 4px;
margin: 0;
}
.introduction-konkatu-app .app-wrap.red ul{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 114px;
}
.introduction-konkatu-app .app-wrap ul li{
width: 25%;
box-sizing: border-box;
}
.introduction-konkatu-app .app-wrap ul li a{
display: inline-block;
cursor: pointer;
position: relative;
}
.introduction-konkatu-app .app-wrap ul li img{
width: 56px;
box-sizing: border-box;
border-radius: 10px;
}
.introduction-konkatu-app .app-wrap ul li img.border{
border:1px solid #ccc;
}
.introduction-konkatu-app .app-wrap ul li .app-name{
display: block;
line-height:1.3;
font-size:13px;
margin-top: 2px;
}
.introduction-konkatu-app .app-wrap ul li .app-name.sp{
display: none;
}
.introduction-konkatu-app .categorize-wrap{
position: absolute;
width:240px;
left:-240px;
top: 0;
bottom: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogeditwrap .introduction-konkatu-app .categorize-wrap p{
margin: 0;
line-height: 1.4;
}
.blogeditwrap .introduction-konkatu-app .categorize-wrap .b{
margin-bottom: 5px;
font-size: 22px;
}
.introduction-konkatu-app .app-wrap.blue .categorize-wrap .b{
color: #207d9f;
}
.introduction-konkatu-app .app-wrap.green .categorize-wrap .b{
color: #0b8a46;
}
.introduction-konkatu-app .app-wrap.red .categorize-wrap .b{
color: #dc4879;
}
.introduction-konkatu-app .age-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 40px;
color: #207d9f;
line-height: 1;
margin-top: 5px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/04/arrow-1.jpg) no-repeat center top / contain;
}
.introduction-konkatu-app .age-wrap div:nth-of-type(2){
color: #333;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.introduction-konkatu-app {
margin-left: 140px;
}
.introduction-konkatu-app .gray{
font-size: 14px;
padding: 5px 0;
}
.introduction-konkatu-app .app-wrap ul{
height: 78px;
}
.introduction-konkatu-app .app-wrap.red ul{
height: 78px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.introduction-konkatu-app .app-wrap ul li{
padding: 0 2px;
}
.introduction-konkatu-app .app-wrap ul li a{
display: block;
}
.introduction-konkatu-app .app-wrap ul li img{
width: 40px;
border-radius: 8px;
}
.introduction-konkatu-app .app-wrap ul li .app-name{
font-size: 10px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%,0) scale(.8);
transform: translate(-50%,0) scale(.8);
width: 140%;
}
.introduction-konkatu-app .app-wrap ul li .app-name.nidan{
margin-top: 0;
}
.introduction-konkatu-app .categorize-wrap{
width: 140px;
left: -140px;
font-size: 12px;
box-sizing: border-box;
padding: 0 10px 0 0;
}
.blogeditwrap .introduction-konkatu-app .categorize-wrap .b{
font-size: 16px;
}
.introduction-konkatu-app .app-wrap.red .categorize-wrap .b{
line-height: 1.2;
}
.introduction-konkatu-app .age-wrap{
font-size: 13px;
padding-top: 26px;
}
}
@media ( max-width: 376px) {
.introduction-konkatu-app{
margin-left: 120px;
}
.introduction-konkatu-app .categorize-wrap{
width: 120px;
left: -120px;
}
.introduction-konkatu-app .gray{
font-size: 13px;
}
.introduction-konkatu-app .age-wrap{
font-size: 12px;
}
.blogeditwrap .introduction-konkatu-app .categorize-wrap .b {
font-size: 14px;
}
}

/*--------------------------------------------------------------
行間調整
-------------------------------------------------------------*/
div.blogeditwrap p{
margin: 0 0px 1.5em;
}

/*------------------------
見出し新デザイン
------------------------*/
div.blogeditwrap h2{
box-shadow: 0 0 0 2px #ff587a;
width: 99%;
margin: 2.5em auto 0.8em;
border: 0!important;
background: #fe7390;
padding: 12px 5px 12px 13px;
z-index:-1;
}
div.blogeditwrap h2:before{
border: 2px solid #ffd9e1;
}
div.blogeditwrap h2:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 18px 18px;
border-color: transparent transparent #ff587a transparent;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
div.blogeditwrap h3{
padding: 0.8vw 5px 10px 10px;
margin-top: 0.5em;
}
div.blogeditwrap h3:after{
background: #c29c46;
height: 4px;
border-radius: 10px;
}
@media ( max-width: 767px) {
div.blogeditwrap h2{
padding: 3.3vw 1.5vw;
}
div.blogeditwrap h3{
padding: 1vw 0 3.3vw 5px;
}
}


/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
}
.table-scroll th{
width:100%;
}
/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
}
.table-scroll-fix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-shadow: 1px 0 1px #dde4e6;
}
.table-scroll-fix td:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-shadow: 1px 0 1px #dde4e6;
}
.table-scroll-fix th{
width:100%;
}

/*------------------------
CVボタンデザイン
------------------------*/

.conve-bt-boxs{
position: relative;
}
div.conve-bt-boxs.youbride-cv {
background: #ffedd7;
}
.conve-bt-boxs:before {
content:"";
width: 90px;
height: 100%;
position:absolute;
z-index:1;
display:block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/f008ac2d8f4134dff521bc9bd40012c2.png) center no-repeat;
background-size: contain;
top: 0;
left: 35px;
}
.conve-bt-boxs:after {
content:"";
width: 88px;
height: 100%;
position:absolute;
z-index:1;
display:block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/712cbc87230aa5a107a6647529caae71.png) center no-repeat;
background-size: contain;
top: 0;
right: 35px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.conve-bt-boxs:before,.conve-bt-boxs:after{
display: none;
}
.conve-bt-boxs.pc-none{
width: 100%;
padding: 10px 0;
}
.conve-bt-boxs .bt-download-txt + p{
position: relative;
}
.conve-bt-boxs .bt-download-txt + p:before {
content:"";
position:absolute;
z-index:1;
display:block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/f008ac2d8f4134dff521bc9bd40012c2.png) center no-repeat;
background-size: contain;
width: 60px;
height: 120px;
top: 0;
bottom: 0;
left: 4px;
margin: auto;
}
.conve-bt-boxs .bt-download-txt + p:after {
content:"";
position:absolute;
z-index:1;
display:block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/712cbc87230aa5a107a6647529caae71.png) center no-repeat;
background-size: contain;
width: 60px;
height: 120px;
top: 0;
bottom: 0;
right: 4px;
margin: auto;
}
}
@media ( max-width: 376px) {
.conve-bt-boxs .bt-download-txt + p:before{
width: 44px;
}
.conve-bt-boxs .bt-download-txt + p:after{
width: 44px;
}
}
.link-hover-touka:hover{
opacity:0.7;
}


/*削除対応*/
.globalpagecategory ul{
display:flex;
}
.globalpagecategory ul li{
width:100%;
}
.globalpagecategory ul li.lbe{
border-right:0;
}
.globalpagecategory ul li.unjour{
display:none;
}
#topcontainer .halflistwrap .setlistbox{
margin:0px 10px 80px;
}
#topcontainer .halflistwrap .setlistbox:last-of-type{
display:none;
}
#topcontainer .halflistwrap {
display:flex;
}
#topcontainer .halflistwrap .dtcont {
min-height:150px;
}
.halflistwrap .sideby03box {
min-height:185px;
}
#slidenav .mainnav li.unjour{
display:none;
}
.globalpagecategory ul li.lbe a {
background: #000;
fill: #ffffff;
}
.globalpagecategory ul li.lbe a:hover{
background: #000;
fill: #ffffff;
}
.categorywrap .categorylist a[href="https://ieagent.jp/matchlife/jealousy/"]{
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
#topcontainer .halflistwrap {
display:block;
}
#topcontainer .halflistwrap .setlistbox{
margin:0px 0px 80px;
}
#topcontainer .halflistwrap .dtcont {
min-height:auto;
}
.halflistwrap .sideby03box {
min-height:auto;
}
}

/*------------------------
table調整
------------------------*/
.blogeditwrap .tableAdjustment td:first-of-type{
width: 22%;
position: relative;
}
.blogeditwrap .tableAdjustment td:nth-of-type(2){
width: 27%;
}
.blogeditwrap .tableAdjustment td:first-of-type:before{
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 0px;
left: 0px;
z-index: 2;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(2) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/1.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(3) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/2.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(4) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/3.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(5) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/4.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(6) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/5.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(7) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/6.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(8) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/7.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(9) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/8.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(10) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/9.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment tr:nth-of-type(11) td:first-of-type:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/10.png) no-repeat center / contain;
}
.blogeditwrap .tableAdjustment 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 #bbb;
z-index: 1;
}
.blogeditwrap .tableAdjustment td:first-of-type a{
position: relative;
z-index: 3;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.blogeditwrap .tableAdjustment{
font-size: 10px;
}
div.blogeditwrap .tableAdjustment tr:first-of-type{
font-size: 12px;
}
.blogeditwrap .tableAdjustment td{
padding: 10px 5px 7px;
}
.blogeditwrap .tableAdjustment td a img{
width: 40px!important;
height: 40px!important;
}
div.blogeditwrap .tableAdjustment a.btn-dl{
font-size: 11px!important;
}
div.blogeditwrap .tableAdjustment a.btn-dl:before{
width: 11px;
height: 11px;
margin-right: 3px;
}
div.blogeditwrap .tableAdjustment a.btn-syousai{
font-size: 11px!important;
}
div.blogeditwrap .tableAdjustment a.btn-syousai:before{
width: 11px;
height: 11px;
margin-right: 3px;
}
.blogeditwrap .tableAdjustment td:first-of-type{
width: 21%!important;
}
.blogeditwrap .tableAdjustment td:first-of-type:before{
width: 30px;
height: 30px;
}
}
@media ( max-width: 376px){
.blogeditwrap .tableAdjustment td:first-of-type {
width: 19%;
}
.blogeditwrap .tableAdjustment td:nth-of-type(2) {
width: 28%t;
}
.blogeditwrap .tableAdjustment td a img{
width: 38px!important;
height: 38px!important;
}
div.blogeditwrap .tableAdjustment a.btn-dl{
font-size: 10px!important;
font-weight: normal!important;
margin-bottom: -1px;
}
div.blogeditwrap .tableAdjustment a.btn-syousai {
font-size: 10px!important;
font-weight: normal!important;
margin-bottom: -1px;
}
}
@media ( max-width: 361px){
div.blogeditwrap .tableAdjustment tr:first-of-type{
font-size: 11px;
}
.blogeditwrap .tableAdjustment td {
padding: 10px 3px 7px;
}
.blogeditwrap .tableAdjustment td:first-of-type {
width: 16%!important;
}
.blogeditwrap .tableAdjustment td:nth-of-type(2) {
width: 29%!important;
}
.blogeditwrap .tableAdjustment td:first-of-type:before {
width: 30px;
height: 30px;
}
.blogeditwrap .tableAdjustment td a img {
width: 34px!important;
height: 34px!important;
}
div.blogeditwrap .tableAdjustment a{
font-size: 10px;
}
div.blogeditwrap .tableAdjustment a.btn-dl{
line-height: 22px!important;
}
div.blogeditwrap .tableAdjustment a.btn-dl:before {
width: 8px;
height: 8px;
margin-right: 2px;
}
div.blogeditwrap .tableAdjustment a.btn-syousai{
line-height: 22px!important;
}
div.blogeditwrap .tableAdjustment a.btn-syousai:before {
width: 9px;
height: 9px;
margin-right: 2px;
}
}
.pc-none{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pc-none{
display:block;
}
}


/*------------------------
診断ボタン　デザイン
------------------------*/
#diagnosis_setwrap .app_result_wrap .btnarea a {font-size: 15px;padding: 15px 20px;font-weight: bold;}

#diagnosis_setwrap .app_result_cover03 {
padding: 25px 55px;
}

#diagnosis_setwrap .stepbox .selectbox.cf{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:wrap;
text-align:center;
}

#diagnosis_setwrap .stepbox li{
width:46%;
box-sizing:border-box;
box-sizing: border-box;
margin: 0px 10px 10px;
}


#diagnosis_setwrap .stepbox li .item:after{
display:none;
}

#diagnosis_setwrap .stepbox li .item {
display:block;
margin:0px;
border-radius: 5px;
box-shadow: 2px 2px 4px -1px #bebebe;
font-weight:bold;
background-color: #38bba4;
color: #fff;
border:1px solid  #38bba4;
}
#diagnosis_setwrap .stepbox li .item.item:hover {
background-color: #fff;
border-color:  #00bd9c;
color:  #00bd9c;
}
#diagnosis_setwrap .stepbox li .item.done:before{
display: none;
}
#diagnosis_setwrap .stepbox li .item:hover::before,
#diagnosis_setwrap .stepbox li .item:hover::after {
width: 0;
background-color:  #00bd9c;
}

#diagnosis_back_btn_area{
text-align:center;
margin:0 auto;
}

#diagnosis_back_btn_area span{
width:150px;
position: relative;
background-color: #838383;
color: #fff;
display: inline-block;
text-align: center;
border: 1px solid #838383;
text-decoration: none;
transition: all .3s;
border-radius: 4px;
box-shadow: 2px 2px 4px -1px #bebebe;
font-size: 13px;
font-weight:bold;
}

#diagnosis_back_btn_area span:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
left: 20px;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right .3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(230deg);
}

#diagnosis_back_btn_area span:hover {
background: #fff;
color: #838383;
}
#diagnosis_back_btn_area span:hover::after {
left: 11px;
}

#diagnosis_setwrap .resetbtn .btn {
padding:6px 25px;
font-weight:bold;
}
@media ( max-width: 767px) {
#diagnosis_setwrap ul li .item {
padding: 10px;
}
#diagnosis_setwrap .app_result_cover03{
padding:0px 6px;
}
#diagnosis_setwrap .resetbtn .btn {
padding:15px 0px;
padding-right: 19px;
}
}

@media ( max-width: 414px) {
#diagnosis_setwrap .stepbox li{width: 47%;margin: 0px 5px 10px;}
#diagnosis_setwrap .stepbox .item{font-size:11px;padding: 5px;}
#diagnosis_setwrap .app_result_wrap .btnarea a {
font-size: 13px;
padding: 10px 20px;
}
#diagnosis_setwrap .resetbtn .btn {
padding:4px 0px;
padding-right: 24px;
margin-top:10px;
}
}

@media ( max-width: 375px) {
#diagnosis_setwrap .stepbox li{width: 47%;}
#diagnosis_setwrap .stepbox .item{
font-size:11px !important;
}
#diagnosis_setwrap .resetbtn .btn {
padding:4px 0px;
padding-right: 14px;
margin-top:10px;
}
}

/*------------------------------------------------------------
scroll-hint
-------------------------------------------------------------*/
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
z-index: 2;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 0;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}


/*------------------------------------------------------------
おすすめランキングボタンcustom
-------------------------------------------------------------*/
div.rank-list-osusume.cvbtn-custom {
padding: 10px 15px 10px;
}
.rank-list-osusume.cvbtn-custom dl:first-of-type dt{
display:block;
position:absolute;
top:-40px;
left:-3px;
background: rgba(255,36,116,1);
background: -moz-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,36,116,1)), color-stop(48%, rgba(255,0,94,1)), color-stop(100%, rgba(255,33,114,1)));
background: -webkit-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -o-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -ms-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: linear-gradient(to right, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing:border-box;
border-radius:5px;
color:#FFF;
font-weight:bold;
}
div.rank-list-osusume.cvbtn-custom dl dt{
background: none;
line-height:normal;
margin: 20px 0;
border-radius:0;
color: #FFF;
position: initial;
font-weight:bold;
text-decoration:none!important;
border-bottom:0px solid #af1010;
padding:0px 3px 5px;
display: -webkit-flex;
display: flex;
align-items: center;
}
div.rank-list-osusume.cvbtn-custom dl dt a{
text-decoration:none;
padding: 0 3px;
}
div.rank-list-osusume.cvbtn-custom dl dt img{
width: 28px!important;
height: 28px!important;
margin: 0 5px 0 0!important;
}
div.rank-list-osusume.cvbtn-custom dl dt br{
display:none;
}
div.rank-list-osusume.waku-gray.cvbtn-custom dl:first-of-type dt {
background: #8d8d8d;
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF;
display: block;
position: absolute;
top: -40px;
left: -3px;
}
div.rank-list-osusume.waku-gray.cvbtn-custom dl dt{
background: none;
line-height:normal;
margin: 20px 0;
border-radius:0;
color: #FFF;
position: initial;
font-weight:bold;
text-decoration:none!important;
border-bottom:0px solid #af1010;
padding:0px 3px 5px;
display: -webkit-flex;
display: flex;
align-items: center;
}
div.rank-list-osusume.waku-gray.cvbtn-custom dl dt a{
text-decoration:none;
padding: 0 3px;
}
div.rank-list-osusume.waku-gray.cvbtn-custom dl dt img{
width: 28px!important;
height: 28px!important;
margin: 0 5px 0 0!important;
}
div.rank-list-osusume.waku-gray.cvbtn-custom dl dt br{
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.cvbtn-custom .rankBtnLR .rankingBtn li a{
width:100%!important;
display:block!important;
line-height:16px!important;
padding:3px 15px!important;
margin:5px 0px 5px 10px!important;
}
.cvbtn-custom .rankBtnLR{
position:absolute;
right:29px;
}
.rank-list-osusume .rankBtnLR .rankingBtn li a{
width:50%!important;
margin:0!important;

}
}


/*------------------------------------------------------------
人気ランキング調整
-------------------------------------------------------------*/
section.widget-box ul.ninki-ranking-box li a:nth-of-type(1){
width: 34%;
}
ul.wpp-list.ninki-ranking-box img {
width: 90px;
height: 64px;
}
section.widget-box ul.ninki-ranking-box li a:nth-of-type(2){
width: 64%;
font-size: 13px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.widget-box ul.ninki-ranking-box {
padding: 0 10px;
margin-bottom: 10px;
}
.widget-box ul.ninki-ranking-box li{
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
margin: 0;
box-sizing: border-box;
}
.widget-box ul.ninki-ranking-box li:first-of-type{
border-top: 1px solid #bebebe;
}
section.widget-box ul.ninki-ranking-box li a:nth-of-type(1){
width: 40%;
}
ul.wpp-list.ninki-ranking-box img {
height: 95px;
width: 100%;
object-fit: cover;
margin: 0;
}
section.widget-box ul.ninki-ranking-box li a:nth-of-type(2){
font-weight: bold;
}
.widget-box ul.ninki-ranking-box li:nth-of-type(1):before,.widget-box ul.ninki-ranking-box li:nth-of-type(2):before,.widget-box ul.ninki-ranking-box li:nth-of-type(3):before,.widget-box ul.ninki-ranking-box li:nth-of-type(4):before,.widget-box ul.ninki-ranking-box li:nth-of-type(5):before,.widget-box ul.ninki-ranking-box li:nth-of-type(6):before,.widget-box ul.ninki-ranking-box li:nth-of-type(7):before,.widget-box ul.ninki-ranking-box li:nth-of-type(8):before,.widget-box ul.ninki-ranking-box li:nth-of-type(9):before,.widget-box ul.ninki-ranking-box li:nth-of-type(10):before{
top: 6px;
left: 6px;
}
}

/*------------------------------------------------------------
おすすめ人気記事調整
-------------------------------------------------------------*/
div#recommend_list .recommend_box .clearfix > p a{
color: #333;
}
div#recommend_list .recommend_box .clearfix > div a img{
height: 94.2px;
object-fit: contain;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div#recommend_list .recommend_box .clearfix > p a {
font-size: 13px;
font-weight: bold;
}
div#recommend_list .recommend_box{
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
margin: 0 10px;
}
div#recommend_list .recommend_box:first-of-type{
margin-top: 10px;
border-top: 1px solid #bebebe;
}
div#recommend_list .recommend_box:last-of-type{
border-bottom: 1px solid #bebebe;
}
#recommend_list .recommend_box .clearfix > div a {
padding:0;
}
#recommend_list .recommend_box .clearfix > div{
width: 40%;
}
#recommend_list .recommend_box .clearfix > p{
width: 60%;
}
div#recommend_list .recommend_box .clearfix > div a img {
height: 95px!important;
width: 100%!important;
object-fit: cover;
}
}


/*------------------------------------------------------------
app-categorizeTable
-------------------------------------------------------------*/
.app-categorizeTable .sp{
display: none;
}
table.app-categorizeTable tr{
border: 0;
}
table.app-categorizeTable th,table.app-categorizeTable td{
border: 1px solid #ccc;
padding: 10px 0;
text-align: center;
line-height: 1;
}
.app-categorizeTable .nenrei th{
background: #727272;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 1.8;
padding: 8px 7px;
width: 22%;
}
.app-categorizeTable .nenrei th:first-child{
width: 34%;
}
.app-categorizeTable .support th,.app-categorizeTable .kekkon th,.app-categorizeTable .koibito th{
background: #fff;
position: relative;
text-align: center;
line-height: 1.5;
font-weight: bold;
color: #333;
padding: 10px;
}
.app-categorizeTable .support td{
background: #ffecea;
}
.app-categorizeTable .kekkon td{
background: #e9fdff;
}
.app-categorizeTable .koibito td{
background: #e8ffed;
}
.app-categorizeTable .support th:before{
content: "";
border: solid 5px #ffecea;
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}
.app-categorizeTable .support th:after{
content: "";
border: 1px solid #bbb;
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height:100%;
}
.app-categorizeTable .kekkon th:before{
content: "";
border: solid 5px #e9fdff;
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}
.app-categorizeTable .kekkon th:after{
content: "";
border: 1px solid #bbb;
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height:100%;
}
.app-categorizeTable .koibito th:before{
content: "";
border: solid 5px #e8ffed;
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}
.app-categorizeTable .koibito th:after{
content: "";
border: 1px solid #bbb;
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height:100%;
}
.app-categorizeTable .red{
color: #e71d1d;
}
.app-categorizeTable td a{
font-size: 12px;
text-decoration: none;
display: inline-block;
}
.app-categorizeTable td a:hover{
opacity: 0.6;
}
.app-categorizeTable td a img{
width: 70px;
border-radius: 10px;
display: block;
margin: 0 auto 5px;
border: 2px solid #aaa;
}
.blogeditwrap .app-categorizeTable .download-btn{
display: block;
background: #ff0260;
width: 46%;
margin: 6px auto 0;
color: #fff;
border-radius: 50px;
line-height: 22px;
font-size: 11px;
}
.app-categorizeTable .download-btn:hover{
color:#fff;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.app-categorizeTable .pc{
display: none;
}
.app-categorizeTable .sp{
display: inline-block;
line-height: 1.2;
}
.app-categorizeTable .support th, .app-categorizeTable .kekkon th, .app-categorizeTable .koibito th{
font-size: 14px;
}
.app-categorizeTable td a img{
width: 50px;
}
.blogeditwrap .app-categorizeTable td a{
margin: 0;
font-size: 10px;
}
.app-categorizeTable .nenrei th{
font-size: 12px;
width: 21%;
padding: 8px 0;
}
.app-categorizeTable .nenrei th:first-child{
width: 37%;
}
table.app-categorizeTable td{
vertical-align:top;
}
.blogeditwrap .app-categorizeTable .download-btn{
width: 70%;
line-height: 20px;
min-width: 54px;
}
}
@media ( max-width: 376px) {
.app-categorizeTable .support th, .app-categorizeTable .kekkon th, .app-categorizeTable .koibito th {
font-size: 12px;
line-height: 1.4;
}
.app-categorizeTable td a img {
width: 44px;
}
}
@media ( max-width: 361px) {
.app-categorizeTable .nenrei th{
font-size: 11px;
}
}

.lineh-normal{
line-height:normal!important;
}
.lineh-small{
line-height:1.2!important;
}


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


/*------------------------------------------------------------
TOPNEW/love/
-------------------------------------------------------------*/
#topnewwrap h3{
color:#2169a2;
}

/*osusume*/

#topnewwrap section.top-osusume{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start;
}
#topnewwrap section.top-osusume h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width:99%;
margin:0 auto 20px;
border:0;
background: #fe7390;
padding: 5px 0px 5px 15px;
border-radius:1px;
z-index:-1;
}
#topnewwrap section.top-osusume h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
border-radius:1px;
}
#topnewwrap section.top-osusume article{
width:49%;
margin:0 0 20px;
}
#topnewwrap section.top-osusume article:hover{
opacity:0.6;
}
#topnewwrap section.top-osusume article a{
text-align:left;
line-height:normal;
display:block;
}
#topnewwrap section.top-osusume article a img{
}
#topnewwrap section.top-osusume article a h3{
padding:10px 0;
font-weight:bold;
font-size:16px;
}

/*news*/

#topnewwrap section.top-news{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start;
}
#topnewwrap section.top-news h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width:99%;
margin:0 auto 20px;
border:0;
background: #fe7390;
padding: 5px 0px 5px 15px;
border-radius:1px;
}
#topnewwrap section.top-news h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
border-radius:1px;
}
#topnewwrap section.top-news article{
width:32%;
margin:0 0 20px;
}
#topnewwrap section.top-news article:hover{
opacity:0.6;
}
#topnewwrap section.top-news article a{
text-align:left;
line-height:normal;
display:block;
}
#topnewwrap section.top-news article a img{
}
#topnewwrap section.top-news article a h3{
padding:10px 0 0;
margin-bottom:10px;
font-weight:bold;
font-size:13px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#topnewwrap section.top-news article a span{
text-align:right;
}
#topnewwrap section.top-news article a span time{
display:block;
font-size:11px;
color:#7f7f7f;
}


/*kuchikomi*/

#topnewwrap section.top-kuchikomi{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start;
margin-bottom:50px;
}
#topnewwrap section.top-kuchikomi h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width:99%;
margin:0 auto 20px;
border:0;
background: #fe7390;
padding: 5px 0px 5px 15px;
border-radius:1px;
}
#topnewwrap section.top-kuchikomi h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
border-radius:1px;
}
#topnewwrap section.top-kuchikomi article{
width:49%;
margin:0 0 20px;
}
#topnewwrap section.top-kuchikomi article:hover{
opacity:0.6;
}
#topnewwrap section.top-kuchikomi article a{
text-align:left;
line-height:normal;
display:block;
}
#topnewwrap section.top-kuchikomi article a img{
}
#topnewwrap section.top-kuchikomi article a h3{
padding:10px 0;
font-weight:bold;
font-size:16px;
}

/*unkvwrap*/

body #unkvwrap{
background:#ffe2e8;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
height:450px;
width:100%;
}
body #unkvwrap .firstwrap{
width:100%;
height:90%;
float:none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body #unkvwrap .firstwrap:hover{
opacity:0.9;
}
body #unkvwrap .box .backhovercover:hover{
opacity:none;
}
body #unkvwrap .firstwrap .box {
width:1000px;
height:100%;
display:block;
overflow:none;
position: relative;
margin:auto;
background:#FFF;
padding:20px 0 0;
box-sizing:border-box;
box-shadow: 0px 0px 5px 0px rgb(255 112 132 / 30%) inset;
border-radius:5px;
}
body #unkvwrap .box .backhovercover{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) inset;
position: absolute;
z-index: 5;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
width:100%;
height:90%;
padding:0;
display:block;
}
body #unkvwrap .box .bandtit {
font-size: 20px;
display: block;
width: 1000px;
border-radius: 0;
line-height: 1.5;
position: absolute;
z-index: 10;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
text-align: center;
box-sizing: border-box;
text-decoration: none;
background: rgb(0 0 0 / 75%);
padding: 20px 10px;
color: #fff;
border-radius: 1px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sbwrap{
display: none;
}
.top-kuchikomi-more{
text-align:center;
width:50%;
margin:auto;
display:block;
}
.top-kuchikomi-more a{
display: block;
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
background: #fff;
padding:5px 0;
cursor:pointer;
}
.top-kuchikomi-more a:hover{
background: #f5f5f5;
color: #000;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#topnewwrap{
padding: 0 10px;
}
#main #topnewwrap section article a h3 {
padding: 10px 0 0;
font-weight: bold;
font-size: 13px;
line-height:1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#main #topnewwrap section h2{
font-size: 18px;
}
body #unkvwrap{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
height:300px;
width:100%;
margin-bottom:20px;
}
body #unkvwrap .firstwrap{
width:100%;
height:90%;
float:none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body #unkvwrap .firstwrap:hover{
opacity:0.9;
}
body #unkvwrap .box .backhovercover:hover{
opacity:none;
}
body #unkvwrap .firstwrap .box {
width:90%;
height:100%;
display:block;
overflow:none;
position: relative;
margin:auto;
background:#FFF;
padding:15px 0 0;
box-sizing:border-box;
box-shadow: 0px 0px 5px 0px rgb(255 112 132 / 30%) inset;
border-radius:5px;
}
body #unkvwrap .box .backhovercover{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) inset;
position: absolute;
z-index: 5;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
width:100%;
height:75%;
padding:0;
display:block;
}
body #unkvwrap .box .bandtit {
font-size: 16px;
display: block;
width:95%;
border-radius:0;
line-height: 1.5;
position: absolute;
z-index: 10;
bottom:10px;
left: 0;
right:0;
margin:auto;
text-align:center;
box-sizing: border-box;
text-decoration: none;
background:rgb(0 0 0 / 75%);
padding:10px 10px;
color: #fff;
border-radius:5px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sbwrap{
display: none;
}
.top-kuchikomi-more{
text-align:center;
width:100%;
margin:auto;
display:block;
}


/*top-news*/

#topnewwrap section.top-news article{
width:100%;
margin:0 0 15px;
}
#topnewwrap section.top-news article:hover{
opacity:0.6;
}
#topnewwrap section.top-news article a{
text-align:left;
line-height:normal;
display:block;
display: -webkit-flex;
display: flex;
position:relative;
}
#main #topnewwrap section.top-news article a img{
width:40%;
}
#main #topnewwrap section.top-news article a h3{
width:60%;
padding:0 10px!important;
font-weight:bold;
font-size: 12px;
line-height:1.8!important;
-webkit-line-clamp: 5!important;
}
#main #topnewwrap section.top-news article a span{
position:absolute;
display:block;
right:0;
bottom:0;
font-size:11px;
color:#7f7f7f;
}

}



/*top修正*/
#topheader .headline h1.log {
position: absolute;
top:0;
left: 20px;
right:auto;
bottom:0;
margin:auto;
z-index: 10;
width: 46px;
height: 46px;
}
#topheader .headline h1.log a{
position: absolute;
top:0;
left:0;
right:auto;
bottom:0;
margin:auto;
z-index: 10;
width: 46px;
height: 46px;
display:block;
}
#topheader .headline .log {
position:relative;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
z-index:0;
}
#topheader .log svg{
width: 100%;
height: 51px;
position:absolute;
top:5px;
left:0;
right:0;
bottom:0;
margin:auto;
}
#topheader .log a{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index:2;
}
#topheader {
padding:0;
}
#topheader .headline {
min-height: 76px;
height: 76px;
box-sizing: border-box;
position:relative;
}
#topheader .headline .spmenubtn {
position: absolute;
top:0;
right:30px;
left:auto;
bottom:0;
margin:auto;
z-index:10;
height:23px;
}

/*unkvwrap*/

body #unkvwrap{
background:#ffe2e8;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
height:450px;
width:100%;
}
body #unkvwrap .firstwrap{
width:100%;
height:90%;
float:none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body #unkvwrap .firstwrap:hover{
opacity:0.9;
}
body #unkvwrap .box .backhovercover:hover{
opacity:none;
}
body #unkvwrap .firstwrap .box {
width:1000px;
height:100%;
display:block;
overflow:none;
position: relative;
margin:auto;
background:#FFF;
padding:20px 0 0;
box-sizing:border-box;
box-shadow: 0px 0px 5px 0px rgb(255 112 132 / 30%) inset;
border-radius:5px;
}
body #unkvwrap .box .backhovercover{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) inset;
position: absolute;
z-index: 5;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
width:100%;
height:90%;
padding:0;
display:block;
}
body #unkvwrap .box .bandtit {
font-size: 20px;
display: block;
width: 1000px;
border-radius: 0;
line-height: 1.5;
position: absolute;
z-index: 10;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
text-align: center;
box-sizing: border-box;
text-decoration: none;
background: rgb(0 0 0 / 75%);
padding: 20px 10px;
color: #fff;
border-radius: 1px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sbwrap{
display: none;
}
.top-kuchikomi-more{
text-align:center;
width:50%;
margin:auto;
display:block;
}
.top-kuchikomi-more a{
display: block;
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
background: #fff;
padding:5px 0;
cursor:pointer;
}
.top-kuchikomi-more a:hover{
background: #f5f5f5;
color: #000;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#topnewwrap{
padding: 0 10px;
}
#main #topnewwrap section article a h3 {
padding: 10px 0 0;
font-weight: bold;
font-size: 13px;
line-height:1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#main #topnewwrap section h2{
font-size: 18px;
}
body #unkvwrap{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
height:300px;
width:100%;
margin-bottom:20px;
}
body #unkvwrap .firstwrap{
width:100%;
height:90%;
float:none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body #unkvwrap .firstwrap:hover{
opacity:0.9;
}
body #unkvwrap .box .backhovercover:hover{
opacity:none;
}
body #unkvwrap .firstwrap .box {
width:90%;
height:100%;
display:block;
overflow:none;
position: relative;
margin:auto;
background:#FFF;
padding:15px 0 0;
box-sizing:border-box;
box-shadow: 0px 0px 5px 0px rgb(255 112 132 / 30%) inset;
border-radius:5px;
}
body #unkvwrap .box .backhovercover{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) inset;
position: absolute;
z-index: 5;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
width:100%;
height:75%;
padding:0;
display:block;
}
body #unkvwrap .box .bandtit {
font-size: 16px;
display: block;
width:95%;
border-radius:0;
line-height: 1.5;
position: absolute;
z-index: 10;
bottom:10px;
left: 0;
right:0;
margin:auto;
text-align:center;
box-sizing: border-box;
text-decoration: none;
background:rgb(0 0 0 / 75%);
padding:10px 10px;
color: #fff;
border-radius:5px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sbwrap{
display: none;
}
.top-kuchikomi-more{
text-align:center;
width:100%;
margin:auto;
display:block;
}
}


/*------------------------
アプリダウンロードボックス
------------------------*/
.app-dl-box{
display: -webkit-flex;
display: flex;
align-items: flex-start;
margin:0 0 10px;
}
.blogeditwrap .app-dl-box img{
width:60px;
margin:0 15px 0 5px;
}
.blogeditwrap .app-dl-box dl{
margin:0;
padding:0;
}
.blogeditwrap .app-dl-box dl dt{
margin:0;
padding:0;
line-height:normal;
}
.blogeditwrap .app-dl-box dl dd{
margin:0;
padding:0;
text-align:center;
}
.blogeditwrap .app-dl-box p:empty{
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.app-dl-box{
margin:0 0 10px;
}
.blogeditwrap .app-dl-box img{
width:55px;
margin:0 10px 0 0px;
max-width: 55px;
}
.blogeditwrap .app-dl-box dl{
margin:0!important;
padding:0!important;
}
div.blogeditwrap .app-dl-box a.btn-dl {
margin-top: 5px!important;
}
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main div.blogeditwrap .tableAdjustment{
font-size:12px!important;
}
#main .blogeditwrap .tableAdjustment td:first-of-type a{
font-size:12px!important;
}
#main .blogeditwrap .tableAdjustment td:first-of-type span{
font-size:12px!important;
}
#main .blogeditwrap .tableAdjustment td span{
font-size:12px!important;
}
#main div.blogeditwrap .tableAdjustment a.btn-dl,#main div.blogeditwrap .tableAdjustment a.btn-syousai{
font-size:10px!important;
}
}


/*-----------------------------------
目的別30代向けNo.1マッチングアプリtable
--------------------------------------*/
.blogeditwrap .mokutekibetu-no1table th:last-child,.blogeditwrap .mokutekibetu-no1table td:last-child{
padding-right: 7px;
}
.mokutekibetu-no1table tr:last-child td span{
margin-left: 6px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.mokutekibetu-no1table tr:last-child td{
line-height: 1;
}
.mokutekibetu-no1table tr:last-child td span{
display: block;
margin-top: 4px;
margin-bottom: -1px;
margin-left: 0;
}
.mokutekibetu-no1table tr:last-child td span:last-of-type{
margin-bottom: 0;
}
}

article div.blogeditwrap a.btn-syousai{
background: #2f9ac6!important;
border-radius: 50px!important;
box-shadow: 0 2px 0 0 #2680a5!important;
}
article div.blogeditwrap a.btn-syousai:before{
display: none;
}

/*--------------------------------------------------------
おすすめランキング枠(ul)
--------------------------------------------------------*/
div.rank-list-osusume-ul {
display: block;
position: relative;
border: 3px solid #8d8d8d;
padding: 22px 15px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}
div.rank-list-osusume-ul .rank-list-osusume-ul-midasi {
background: #8d8d8d;
padding: 0 26px;
line-height: 40px;
font-weight: bold;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF;
display: block;
position: absolute;
top: -40px;
left: -3px;
}
div.rank-list-osusume-ul ul{
margin-bottom: 14px;
}
div.rank-list-osusume-ul li{
margin-top: 15px;
}
div.rank-list-osusume-ul li a{
text-decoration: none;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
div.rank-list-osusume-ul li a img{
width: 45px;
height: 45px;
margin-right: 5px;
border: 1px solid #efefef;
border-radius: 8px;
}
div.rank-list-osusume-ul li br{
display: none;
}
div.rank-list-osusume-ul li a.btn-dl{
width: 165px;
text-align:center;
}
div.rank-list-osusume-ul li p{
margin-bottom: 10px;
margin-top: 3px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.rank-list-osusume-ul li a.btn-dl{
width: 50%;
margin: 0!important;
}
div.rank-list-osusume-ul li p {
margin-bottom: 5px;
margin-top: 5px;
line-height: 1.6;
}
}



/*------------------------------------------------------------
タイトルなしテーブル
-------------------------------------------------------------*/
.blogeditwrap .sc_frame_wrap.blue .sc_frame{
padding: 10px 10px 10px;
}
.blogeditwrap .sc_frame_wrap.blue .sc_frame_htxt{
font-weight:bold;
padding-left:10px;
background:#70b8f1;
border-radius:3px;
color:#FFF;
margin-bottom:10px;
}
.blogeditwrap .sc_frame_wrap.pink .sc_frame{
padding: 10px 10px 10px;
}
.blogeditwrap .sc_frame_wrap.pink .sc_frame_htxt{
font-weight:bold;
padding-left:10px;
background:#ff8178;
border-radius:3px;
color:#FFF;
margin-bottom:10px;
}
.blogeditwrap .sc_frame_wrap.yellow .sc_frame{
padding: 10px 10px 10px;
}
.blogeditwrap .sc_frame_wrap.yellow .sc_frame_htxt{
font-weight:bold;
padding-left:10px;
background:#c29c46;
border-radius:3px;
color:#FFF;
margin-bottom:10px;
}

/*writer_side*/

#side .writerlist{
}
#side .writerlist li{
display: -webkit-flex;
display: flex;
width:100%;
}
#side .writerlist li .imgcover{
width:30%;
display: -webkit-flex;
display: flex;
align-items:center;
}
#side .writerlist li .imgcover .imgbox{
width:60px;
height:60px;
background-size:auto 100%;
background-position:center;
border-radius:50%;
box-shadow:0 0 2px #ccc;
}
#side .writerlist li .txt{
width:70%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0;
padding:0;
}
#side .writerlist li .userName{
font-weight:bold;
width:100%;
text-align:left;
margin-bottom:3px;
font-size:13px;
}
#side .writerlist li .userDescription{
width:100%;
font-size:12px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-align:left;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#side .writerlist li .imgcover{
width:22%;
}
#side .writerlist li .txt{
width:78%;
}
}

/*footer_categorylist*/

#footer .categorylist{
width:80%;
display:block;
margin:20px auto 10px;
text-align: center;
}
#footer .categorylist a{
padding:5px 10px;
border-radius:8px;
line-height:normal;
font-size:12px;
background:#f5f5f5;
}

/*footer-navi-box*/

.footer-navi-wrap{
display: block;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 100;
display: -webkit-flex;
display: flex;
opacity: 0.8;
width:auto;
height:auto;
box-sizing: border-box;
}
.footer-navi-wrap ul li.f-navi-mokuji{
display: block;
background: #000000;
font-size: 10px;
border-radius: 50px;
margin:0 5px;
width: 55px;
height: 55px;
line-height: 75px;
text-align: center;
color: #FFF;
letter-spacing: 2px;
position:relative;
}
.footer-navi-wrap ul li.f-navi-mokuji a{
line-height:38px;
}
.footer-navi-wrap ul li.f-navi-mokuji:before{
content: "";
display: block;
position: absolute;
top: 8px;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 20px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/f468002119acb5f6f3a0229d6cfedabe.png)no-repeat;
background-size: 100%;
}
.footer-navi-wrap ul li.f-navi-ptop{
display: none;
background: #000000;
font-size: 10px;
border-radius: 50px;
margin:0 5px;
width: 55px;
height: 55px;
line-height: 75px;
text-align: center;
color: #FFF;
letter-spacing: 2px;
position:relative;
}
.footer-navi-wrap ul li.f-navi-ptop a{
line-height:38px;
}
.footer-navi-wrap ul li.f-navi-ptop:before{
content: "";
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 18px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/3e82518db10b0b7ec0b3d02389c5d736.png)no-repeat;
background-size: 100%;
}
.footer-navi-wrap ul li.f-navi-ranking{
display: block;
background: #000000;
font-size: 10px;
border-radius: 50px;
margin:0 5px;
width: 55px;
height: 55px;
line-height: 75px;
text-align: center;
color: #FFF;
letter-spacing: 2px;
position:relative;
}
.footer-navi-wrap ul li.f-navi-ranking a{
line-height:38px;
letter-spacing:-1.5px
}
.footer-navi-wrap ul li.f-navi-ranking:before{
content: "";
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
width: 18px;
height: 18px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/01/7bfa418e3c61c16c1d71f9104caa9f93.png)no-repeat;
background-size: 100%;
}
.footer-navi-wrap ul li.f-navi-ranking:after{
content:"NEW";
position: absolute;
top: -5px;
left: 0;
right: -30px;
margin:auto;
width: 35px;
height: 15px;
line-height:15px;
background:rgb(255 6 80 / 95%);
font-size:10px;
border-radius:50px;
letter-spacing:-1px
}
.footer-navi-wrap ul li.f-navi-mokuji a:before{
display:none;
}
.footer-navi-wrap ul li.f-navi-ptop a:before{
display:none;
}
.footer-navi-wrap ul li.f-navi-ranking a:before{
display:none;
}



/*--------------------------------------------------------------
サイドナビ
-------------------------------------------------------------*/
div#slidenav{
box-sizing: border-box;
overflow-y: scroll;
}
#slidenav .leftbodertit {
margin: 0 0 20px;
}
div#slidenav a.clsebtn{
left: -60px;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
line-height: 36px;
font-size: 30px;
top: 20px;
color: #333;
}
#slidenav > section{
margin: 20px 30px 0;
}
#slidenav > section:first-of-type{
margin-top: 30px;
}
#slidenav > section:last-of-type{
margin-bottom: 30px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div#slidenav{
padding: 20px 0;
}
div#slidenav a.clsebtn{
left: -14vw;
width: 11vw;
height: 11vw;
line-height: 10vw;
}
#slidenav > section{
margin: 0 5px 5px;
}
#slidenav > section:first-of-type{
margin: 0 5px 5px;
}
#slidenav > section:last-of-type{
margin: 0 5px 0;
}
}
@media only screen and (max-width: 415px){
#slidenav #sidemenu-applist ul.applist-box li img {
width: 75px!important;
height: 75px!important;
}
}
@media only screen and (max-width: 376px){
#slidenav #sidemenu-applist ul.applist-box li img {
width: 75px!important;
height: 75px!important;
}
}
@media only screen and (max-width: 361px){
#slidenav #sidemenu-applist ul.applist-box li img {
width: 75px!important;
height: 75px!important;
}
}

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


/*TOPLOGO*/
#topheader .headline {
padding: 3.6vw 3.4vw;
height: 16.5vw;
box-sizing: border-box;
min-height: auto;
}
#topheader .headline .lifelog {
width: 11vw;
height: 11vw;
left: 3vw;
}
#topheader .headline .log {
display: inline-block;
}
#topheader .headline .spmenubtn {
position: absolute;
top: 5.4vw;
right: 3.4vw;
bottom: auto;
}
#topheader .headline .log svg {
width: 31.8vw;
height: 12vw;
}
.lbe #topheader .headline .log svg {
width: 23vw;
height: 10vw;
margin: -0.3vw 0 0;
}
}


/*------------------------------------------------------------
ライター紹介
-------------------------------------------------------------*/
.writer-profWrap{
box-shadow: 0 0 0 1px #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:flex-start;
width: calc(100% - 2px);
}
.writer-profWrap .left-box{
width: 28%;
box-sizing:border-box;
padding:10px;
}
.writer-profWrap .img-box{
background: url(img/writer_rep.png) repeat top left;
width: 120px;
height: 120px;
background-size: 4px;
position: relative;
border-radius: 100%;
margin: 0 auto 30px;
top: 15px;
left: 0px;
}
.writer-profWrap .img-box img{
width: 120px;
height: 120px;
border: 1px solid #000;
position: absolute;
top: -5px;
left: -7px;
border-radius: 100%;
}
.writer-profWrap .link-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width: 94px;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.writer-profWrap .link-box img{
height: 20px;
}
.writer-profWrap .right-box{
width: 72%;
box-sizing:border-box;
padding: 16px;
margin: 0;
padding-left: 0;
}
.writer-profWrap .right-box dt{
line-height: 1.4;
font-size: 20px;
color: #333;
margin-bottom: 4px;
}
.writer-profWrap .right-box dd{
margin: 0;
line-height:1.7;
color: #333;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.writer-profWrap .left-box{
width: 30%;
}
.writer-profWrap .img-box{
width: 88px;
height: 88px;
top: 4px;
left: 6px;
margin: 0 auto 25px;
}
.writer-profWrap .img-box img{
width: 88px;
height: 88px;
top: -4px;
left: -6px;
}
.writer-profWrap .link-box{
width: 80px;
}
.writer-profWrap .link-box img{
height: 18px;
}
.writer-profWrap .right-box{
padding: 14px;
padding-left: 0;
width: 70%;
}
.writer-profWrap .right-box dt{
font-size: 18px;
}
.writer-profWrap .right-box dd{
font-size: 14px;
line-height:1.5;
}
}
@media only screen and (max-width: 376px){
.writer-profWrap .right-box {
padding: 10px;
padding-left: 6px;
}
.writer-profWrap .img-box{
width: 80px;
height: 80px;
top: 8px;
left: 6px;
}
.writer-profWrap .img-box img{
width: 80px;
height: 80px;
top: -4px;
left: -6px;
}
}


/*------------------------------------------------------------
ライター紹介
-------------------------------------------------------------*/
.writer-profWrap{
box-shadow: 0 0 0 1px #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:flex-start;
width: calc(100% - 42px);
margin: 0 auto 20px;
}
.writer-profWrap:first-of-type{
margin-top: 1px;
}
.writer-profWrap .left-box{
width: 22%;
box-sizing:border-box;
padding:10px;
}
.writer-profWrap .img-box{
background: url(img/writer_rep.png) repeat top left;
width: 120px;
height: 120px;
background-size: 4px;
position: relative;
border-radius: 100%;
margin: 0 auto 30px;
top: 15px;
left: 0px;
}
.writer-profWrap .img-box img{
width: 120px;
height: 120px;
border: 1px solid #000;
position: absolute;
top: -5px;
left: -7px;
border-radius: 100%;
float: none;
margin: 0;
}
.writer-profWrap .link-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#writerwrap .writerlist .writer-profWrap .link-box li{
margin: 0 12px 0 0;
}
#writerwrap .writerlist .writer-profWrap .link-box li:last-of-type{
margin: 0;
}
.writer-profWrap .link-box img{
width: 24px;
}
.writer-profWrap .link-box img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/icon-2.png"]{
width: 20px;
}
.writer-profWrap .link-box img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/icon-1.png"]{
width: 21px;
}
.writer-profWrap .right-box{
width: 78%;
box-sizing:border-box;
padding: 16px;
margin: 0;
padding-left: 0;
}
.writer-profWrap .right-box dt{
line-height: 1.4;
font-size: 20px;
color: #333;
margin-bottom: 4px;
font-weight: bold;
}
.writer-profWrap .right-box dd{
margin: 0;
line-height:1.7;
color: #333;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.writer-profWrap{
width: calc(100% - 2px);
}
.writer-profWrap .left-box{
width: 30%;
}
.writer-profWrap .img-box{
width: 88px;
height: 88px;
top: 4px;
left: 6px;
margin: 0 auto 25px;
}
.writer-profWrap .img-box img{
width: 88px;
height: 88px;
top: -4px;
left: -6px;
}
#writerwrap .writerlist .writer-profWrap .link-box li{
float: none;
width: auto;
margin: 0 10px 0 0;
}
.writer-profWrap .link-box img{
width: 22px;
}
.writer-profWrap .link-box img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/icon-2.png"]{
width: 18px;
}
.writer-profWrap .link-box img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/icon-1.png"]{
width: 19px;
}
.writer-profWrap .right-box{
padding: 14px;
text-align: left;
width: 70%;
}
.writer-profWrap .right-box dt{
font-size: 18px;
}
.writer-profWrap .right-box dd{
font-size: 14px;
line-height:1.5;
}
}
@media only screen and (max-width: 376px){
.writer-profWrap .left-box{
padding: 10px 0 0 6px;
}
.writer-profWrap .right-box {
padding: 12px;
}
.writer-profWrap .img-box{
width: 80px;
height: 80px;
top: 8px;
left: 6px;
}
.writer-profWrap .img-box img{
width: 80px;
height: 80px;
top: -4px;
left: -6px;
}
#writerwrap .writerlist .writer-profWrap .link-box li{
margin: 0 7px 0 0;
}
}


/*------------------------
見出し関連記事
------------------------*/

#recommend_list .recommend_midasi {
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width: 99%;
margin: 50px auto 30px;
border: 0!important;
background: #fe7390;
padding: 12px 5px 12px 13px;
line-height: 1.4;
}
#recommend_list .recommend_midasi:before{
border: 2px solid #ffd9e1;
content: "";
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
#recommend_list .recommend_midasi:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 18px 18px;
border-color: transparent transparent #ff587a transparent;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.recommend_lead{
text-align: left;
padding:0;
margin: 20px 0;
letter-spacing: -0.3px;
font-size: 16px;
line-height: 2;
color: #626262;
}

@media ( max-width: 767px) {
#recommend_list .recommend_midasi{
padding: 3.3vw 10px;
font-size: 5.2vw;
text-align:left;
width:94%!important;
margin: 50px auto 20px;
}
.recommend_lead{
text-align: left;
padding:0 3vw;
margin: 20px 0;
letter-spacing: -0.3px;
font-size: 4.0vw;
line-height: 2;
color: #626262;
}
}

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


/*--------------------------------------------------------------
ライター紹介
-------------------------------------------------------------*/
#author_in_wrap{
text-align: left;
color: #626262;
max-width: 800px;
margin: 0 auto;
}
#author_in_wrap p{
margin: 0 0px 1.5em;
line-height: 2;
}
#author_in_wrap h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
line-height: 1.4;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width: 99%;
margin: 2.5em auto 1.5em;
border: 0!important;
background: #fe7390;
padding: 12px 5px 12px 13px;
}
#author_in_wrap h2:before{
content: "";
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
border: 2px solid #ffd9e1;
}
#author_in_wrap h2:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 18px 18px;
border-color: transparent transparent #ff587a transparent;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
#author_in_wrap h2 span{
display: -webkit-flex;
display: flex;
align-items: center;
}
#author_in_wrap .title {
text-align: left;
line-height: 1.7;
color: #1a1a1a;
}
#author_in_wrap .waku-hannyou dt a.name {
text-decoration: none;
color: #333;
}
#author_in_wrap .waku-hannyou dt a.name:hover{
color: #666;
}
#author_in_wrap .waku-hannyou .title:before{
content:"";
width:23px;
height:23px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/12/icon-create.png)no-repeat center center;
background-size:100% 100%;
position:absolute;
left:10px;
top:0;
bottom:0;
margin:auto;
}
#author_in_wrap .waku-hannyou .cf p {
margin: 0;
}
#author_in_wrap table{
border-collapse: collapse;
margin: 0 0 24px 0;
width: 100%;
}
#author_in_wrap td{
border: 1px solid #bbb;
padding: 10px 7px 7px;
line-height: 2.2;
background: #fff;
}
#author_in_wrap a{
color: #2188e0;
text-decoration: underline;
}
#author_in_wrap a:hover{
text-decoration: none;
}
@media (max-width: 767px){
#author_in_wrap{
font-size: 4.0vw;
-webkit-text-size-adjust: 100%;
}
#author_in_wrap h2{
padding: 3.3vw 1.5vw;
font-size: 4.8vw;
letter-spacing: -0.3px;
}
#author_in_wrap p {
letter-spacing: -0.3px;
}
#author_in_wrap table{
font-size: 3.7vw;
margin: 0 0 24px 0;
}
#author_in_wrap table a{
margin: 0 0 24px 0;
font-size: 12px;
}
}
@media only screen and (max-width: 414px){
#author_in_wrap h2{
padding-left: 10px;
}
#author_in_wrap h2:before{
content: "";
width: 100%;
height: 100%;
box-sizing:border-box;
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 0px;
margin: auto;
}
}


/*--------------------------------------------------------
おすすめランキング枠(ol用)
--------------------------------------------------------*/
.rank-list-osusume div.rank-osusume-title{
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;
font-weight:bold;
}
.rank-list-osusume ol.rank-ol-snippet br{
display:none;
}
.rank-list-osusume ol.rank-ol-snippet p:empty{
display:none;
}
.rank-list-osusume ol.rank-ol-snippet {
list-style:none;
margin:25px 0 10px;
padding:0;
}
.rank-list-osusume ol.rank-ol-snippet li:before {
display:none;
}
.rank-list-osusume ol.rank-ol-snippet li{
margin-bottom:20px;
}
.rank-list-osusume ol.rank-ol-snippet li:last-of-type{
margin-bottom:0;
}

.rank-list-osusume ol.rank-ol-snippet a.rank-a-link{
text-decoration:none;
display:flex;
align-items:center;
}
.rank-list-osusume ol.rank-ol-snippet a.rank-a-link .rank-apptitle{
font-weight:bold;
border-bottom:1px solid;
line-height:1.5;
}
.rank-list-osusume ol.rank-ol-snippet a.rank-a-link img{
margin-right:5px;
}
.rank-list-osusume ol.rank-ol-snippet li .rank-apptxt{
display:block;
line-height: 1.6;
}
.rank-list-osusume ol.rank-ol-snippet div.rankDownload a{
padding: 0px;
text-decoration: none;
width: 150px;
text-align:center;
display: block;
background: #ff0260;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
font-size: 11px;
line-height: 25px;
margin: 4px 0;
}
.rank-list-osusume ol.rank-ol-snippet div.rankDownload a:hover{
opacity:0.6;
}

/*------------------------基礎style------------------------*/
.PRrank-icon2 th,
.PRrank-icon3 th {
text-align: center;
background: #f2f2f2;
font-size: 14px;
color: #383737de;
position: sticky;
}
.PRrank-icon2 tr:nth-of-type(n+2) th:first-of-type,
.PRrank-icon3 tr:nth-of-type(n+2) th:first-of-type {
}
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type,
.PRrank-icon3 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type {
background-color: #fff;
}
img.PRrank-iconimg {
margin-bottom: -5px !important;
}
th.table_koikatsu {
background-color: #fadee2;
}
th.table_konnkatsu {
background-color: #daf7da;
}
th.table_date {
background-color: #f8dda6;
}
table.PRrank-icon2 li {
font-size: 12px;
}
table.PRrank-icon2 ul .PRrank-icon_li_ttl {
font-size: 13px;
font-weight: bold;
color: #ff0000;
}
/*------------------------ランキングタグ------------------------*/
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+21) 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(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-1.png);
}
.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-2.png);
}
.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-3.png);
}
.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-4.png);
}
.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-5.png);
}
.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-6.png);
}
.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-7.png);
}
.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-8.png);
}
.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-9.png);
}
.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-10.png);
}
.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-11.png);
}
.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-12.png);
}
.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-13.png);
}
.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-14.png);
}
.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-15.png);
}
.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-16.png);
}
.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-17.png);
}
.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-18.png);
}
.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-19.png);
}
.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-20.png);
}
/*------------------------111ランキングタグ------------------------*/
.PRrank-icon3 tr:nth-child(n+2):nth-child(-n+21) 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-icon3 tr:nth-of-type(2) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-1.png);
}
.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-1.png);
}
.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:before {
background:url(/matchlife/wp/wp-content/uploads/2021/09/pr-osusume-1.png);
}
.PRrank-icon3 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:after {
top:35px;
left:-3px;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
/*
.PRrank-icon3 tr:nth-of-type(2) th:first-of-type:after {
content:"恋活";
color: #da5c5c;
}
.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:after {
content:"婚活";
color: #31b931;
}
.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:after {
content:"遊び";
color: #ffbc00;
}
*/

@media screen and (max-width: 720px) {
.sb-type-life > .sb-subtype-a > .sb-content > .sb-speech-bubble, .sb-type-life > .sb-subtype-b > .sb-content > .sb-speech-bubble {
font-size: 3.5vw;
}
}
.sb-type-life > .sb-subtype-b > .sb-content:before {
border-width: 13px;
border-color: transparent #bdbdbd;
right: -10px;
}
.sb-type-life > .sb-subtype-a > .sb-content:before {
border-width: 13px;
border-color: transparent #bdbdbd;
left: -10px;
}

/*------------------------------------------------------------
TOP-おすすめ結婚相談所記事
-------------------------------------------------------------*/
#topnewwrap section.marriage_agency{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start;
margin-bottom:50px;
}
#topnewwrap section.marriage_agency h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #ff587a;
width:99%;
margin:0 auto 20px;
border:0;
background: #fe7390;
padding: 5px 0px 5px 15px;
border-radius:1px;
}
#topnewwrap section.marriage_agency h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
border-radius:1px;
}
#topnewwrap section.marriage_agency article{
width:49%;
margin:0 0 20px;
}
#topnewwrap section.marriage_agency article:hover{
opacity:0.6;
}
#topnewwrap section.marriage_agency article a{
text-align:left;
line-height:normal;
display:block;
}
#topnewwrap section.marriage_agency article a h3{
padding:10px 0;
font-weight:bold;
font-size:16px;
}
.top-marriage_agency-more{
text-align:center;
width:50%;
margin:auto;
display:block;
}
.top-marriage_agency-more a{
display: block;
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
background: #fff;
padding:5px 0;
cursor:pointer;
}
.top-marriage_agency-more a:hover{
background: #f5f5f5;
color: #000;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.top-marriage_agency-more{
text-align:center;
width:100%;
margin:auto;
display:block;
}
}

/*------------------------------------------------------------
↑新規追加は上
追加修正は下↓
-------------------------------------------------------------*/
.blogeditwrap h2 span{
z-index:2;
}
div.blogeditwrap h3{
margin-bottom:0.8em ;
font-weight:bold;
}
div.blogeditwrap h4{
margin-top: 0.5em;
margin-bottom: 0.8em;
font-weight:bold;
}
.writerswrap .morebtnarea{
width: 250px;
}
.writerswrap .morebtnarea .nagi{
font-size: 14px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

.writerswrap .morebtnarea {
width: 85vw;
}
.writerswrap .morebtnarea  .nagi{
font-size: 14px;
}
}

.testcss-abcd-1234{
background:#ccc;
padding: 30px;
}

iframe.map-img{
width:100%;
}
iframe[data-src^="https://www.google.com/maps/"]
{
width:100%;
}

/*------------------------------------------------------------
h4調整案
-------------------------------------------------------------*/
div.blogeditwrap h4:after {
content: '';
width: 4px;
border-radius:25px;
height: 75%;
background: #c29c46;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 4px;
}
div.blogeditwrap h4 {
background:#fff8ea;
border-radius:3px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.blogeditwrap h4:after {
left: 3px;
}
}

/*--------------------------------------------------------------
テーブルアコーディオン
-------------------------------------------------------------*/
.accordion_table_wrap{
position: relative;
}
.accordion_table{
display: block;
overflow: hidden;
}
.accordion_table tbody{
display: table;
}
div.blogeditwrap .acd-more-btn{
z-index: 1;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
height: 150px;
background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,1));
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogeditwrap .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;
}
.blogeditwrap .acd-more-btn a:hover{
color: #fff;
}
.accordion_table.on{
height: 100%!important;
}
.accordion_table.on + .acd-more-btn{
display: none;
}


/*--------------------------------------------------------------
目次アコーディオン
-------------------------------------------------------------*/
div#toc_container{
position: relative;
}
#toc_container .more_btn_div,#toc_container .close_btn_div{
z-index: 1;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
height: 100px!important;
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;
}
#toc_container .close_btn_div{
height: 90px!important;
}
#toc_container .more_btn_div button,#toc_container .close_btn_div button{
width: 40%;
background-color: #aaa;
border-radius: 6px;
height: 34px;
line-height: 34px;
color: white;
border: 0;
cursor: pointer;
touch-action: manipulation;
}
.toc_list_hidden{
display: none;
}
#toc_container .toc_list_hidden:last-of-type{
margin-bottom: 70px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#toc_container .more_btn_div,#toc_container .close_btn_div{
height: 100px!important;
}
#toc_container .close_btn_div{
height: 80px!important;
}
}

/*--------------------------------------------------------------
ランクアイコン
-------------------------------------------------------------*/
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+36) th:first-of-type {
background-color: #fff;
}
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+36) 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(22) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/d2455acce6308ddc11bb831d7af6561c.png);
}
.PRrank-icon2 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/d03db92456463090c0ba2785fe6efc4b.png);
}
.PRrank-icon2 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/8aaa866887c22c059ab5ed97ca9db794.png);
}
.PRrank-icon2 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/8c177879f09f793dd7c401c7ae05a089.png);
}
.PRrank-icon2 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/05a7e1c0d7722384d2d325e730b2aaeb.png);
}
.PRrank-icon2 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/b973d11ac62cf3554478408d0520c087.png);
}
.PRrank-icon2 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/12863fd1eb9ef42332804c59a6e4a07d.png);
}
.PRrank-icon2 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/26fd6ca3189e98429b9060b193065039.png);
}
.PRrank-icon2 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/610f16eb43b828471f08f060f3a61eda.png);
}
.PRrank-icon2 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/3f5e752f385016c950e2a2a928f1c166.png);
}
.PRrank-icon2 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/70457e306227db341912f55e04168f1f.png);
}
.PRrank-icon2 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/bea7d9a6bbb8e24450f0a804186e1eb7.png);
}
.PRrank-icon2 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/673be7870dbc3219e1972683f674474f.png);
}
.PRrank-icon2 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/a5f495357605ea8f0686fc4c9787a4c1.png);
}
.PRrank-icon2 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/11/a0b78dab71d139580e13581ff882318b.png);
}


/*------------------------
テーブル-ボタン調整
------------------------*/
.PRrank-icon2.table-btn-adjustment th:first-of-type:before{
display: none;
}
div.blogeditwrap .table-btn-adjustment td:last-of-type .btn-wrap,div.blogeditwrap .PRrank-icon3 td:last-of-type .btn-wrap,div.blogeditwrap .PRrank-icon2 td:last-of-type .btn-wrap{
margin: 0;
}
div.blogeditwrap .table-btn-adjustment td:last-of-type .btn-dl,div.blogeditwrap .PRrank-icon3 td:last-of-type .btn-dl,div.blogeditwrap .PRrank-icon2 td:last-of-type .btn-dl{
text-align: center;
position: relative;
width: 74%;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.blogeditwrap .table-btn-adjustment td:last-of-type .btn-dl,div.blogeditwrap .PRrank-icon3 td:last-of-type .btn-dl,div.blogeditwrap .PRrank-icon2 td:last-of-type .btn-dl{
width: 100%;
}
div.blogeditwrap .table-btn-adjustment td:last-of-type .btn-wrap,div.blogeditwrap .PRrank-icon3 td:last-of-type .btn-wrap,div.blogeditwrap .PRrank-icon2 td:last-of-type .btn-wrap{
padding-right: 7px;
}
}

body .f-navi-mokuji_modal .mokuzi_contents li{
display:block;
}


/*--------------------------------------------------------
おすすめランキング枠
--------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-contents .osusume-list-box{
padding:15px 10px 0;
}
}
.osusume-list-box{
display: block;
position: relative;
border: 3px solid #e05a8b;
padding: 10px 10px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}
.osusume-list-box dl:first-of-type{
margin-top:24px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl{
margin-top:15px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl dt{
display:block;
position:absolute;
top:-40px;
left:-3px;
background: rgba(255,36,116,1);
background: -moz-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,36,116,1)), color-stop(48%, rgba(255,0,94,1)), color-stop(100%, rgba(255,33,114,1)));
background: -webkit-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -o-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: -ms-linear-gradient(left, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
background: linear-gradient(to right, rgba(255,36,116,1) 0%, rgba(255,0,94,1) 48%, rgba(255,33,114,1) 100%);
padding: 0 26px;
line-height: 40px;
margin:20px 0;
box-sizing:border-box;
border-radius:5px;
color:#FFF;
}
.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 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:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/03/icon.png) no-repeat center;
background-size:13px;
width:13px;
height:13px;
display:inline-block;
margin-left:10px;
}

/*------------------------------------------------------------
口込みボックス2
-------------------------------------------------------------*/
.kutikomi-box2{
border-radius: 5px;
background: #f2f2f2;
padding: 20px;
margin-bottom: 20px;
}
.kutikomi-box2 .midashi-wrap{
margin-bottom: 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.kutikomi-box2 .midashi-wrap:before{
content: '';
display: inline-block;
width: 60px;
height: 60px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/man.png) no-repeat center / contain;
margin-right: 10px;
}
.kutikomi-box2 .midashi{
font-size: 16px;
font-weight: bold;
margin: 0;
line-height: 1.6;
max-width: calc(100% - 70px);
}
.kutikomi-box2 .text{
background: #fff;
border-radius: 5px;
line-height: 1.6;
padding: 14px;
margin: 0;
}
.kutikomi-slide2 .kutikomi-box2.kk-good.man .midashi-wrap:before{
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/891ed7d599c6a69561687952543de8ac.png) no-repeat center top / contain;
}
.kutikomi-slide2 .kutikomi-box2.kk-bad.man .midashi-wrap:before{
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/d14039b22dd584dd420d460d1ab767e8.png) no-repeat center top / contain;
}
.kutikomi-slide2 .kutikomi-box2.kk-good.woman .midashi-wrap:before{
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/9a9b8304fe9014aa8810dd48a4a0d500.png) no-repeat center top / contain;
}
.kutikomi-slide2 .kutikomi-box2.kk-bad.woman .midashi-wrap:before{
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/06/7f40ba9c1a21e0d44e8799dffcb1fc05.png)no-repeat center top / contain;
}
	@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.kutikomi-box2{
padding: 14px;
}
.kutikomi-box2 .midashi-wrap{
margin-bottom: 10px;
}
.kutikomi-box2 .text{
padding: 10px;
}
}
@media only screen and (max-width: 376px){
.kutikomi-box2 .midashi-wrap:before{
width: 50px;
height: 50px;
}
.kutikomi-box2 .midashi{
max-width: calc(100% - 60px);
}
}

/*------------------------------------------------------------
口込みスライド
-------------------------------------------------------------*/
.kutikomi-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
margin-bottom: 20px;
padding-bottom: 10px;
}
.kutikomi-slide .kutikomi-box{
min-width: 450px;
max-width: 450px;
margin-right: 20px;
margin-bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.kutikomi-slide .kutikomi-box:last-of-type{
margin-right: 0;
}
.kutikomi-slide .kutikomi-box .left{
width: 26%;
height: 94px;
}
.kutikomi-slide .kutikomi-box .right{
width: 74%;
}
.kutikomi-slide .kutikomi-box .right p{
font-size: 13px;
}
.kutikomi-slide .kutikomi-box .left .age{
font-size: 13px;
}
.kutikomi-slide div.kutikomi-box p.hyouka{
font-size: 13px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.kutikomi-slide .kutikomi-box{
min-width: 76vw;
max-width: 76vw;
margin-right: 16px;
}
.kutikomi-slide .kutikomi-box .left{
height: 82px;
}
}
@media only screen and (max-width: 376px){
.kutikomi-slide .kutikomi-box .left{
height: 76px;
}
}

/*------------------------------------------------------------
口込みスライド2
-------------------------------------------------------------*/
.kutikomi-slide2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
margin-bottom: 20px;
padding-bottom: 10px;
}
.kutikomi-slide2 .kutikomi-box2{
min-width: 450px;
max-width: 450px;
margin-right: 20px;
margin-bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
box-sizing: border-box;
}
.kutikomi-slide2 .kutikomi-box2:last-of-type{
margin-right: 0;
}
.kutikomi-slide2 .kutikomi-box2 .midashi-wrap{
margin-bottom: 22px;
}
.kutikomi-slide2 .kutikomi-box2.kk-good .midashi-wrap,.kutikomi-slide2 .kutikomi-box2.kk-bad .midashi-wrap{
margin-bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.kutikomi-slide2 .kutikomi-box2.kk-good .midashi-wrap:before,.kutikomi-slide2 .kutikomi-box2.kk-bad .midashi-wrap:before{
height: 82px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/01/man.png) no-repeat center top / contain;
}
.kutikomi-slide2 .kutikomi-box2 .midashi{
font-size: 14px;
}
.kutikomi-slide2 .kutikomi-box2 .text{
font-size: 14px;
}
.kutikomi-slide2 .kutikomi-box2.kk-good .midashi:before,.kutikomi-slide2 .kutikomi-box2.kk-bad .midashi:before{
content:'';
display:block;
width:90px;
text-align:center;
height:22px;
line-height:22px;
font-size:13px;
font-weight: normal;
color:#fff;
border-radius:3px;
margin-bottom:8px;
}
.kutikomi-slide2 .kutikomi-box2.kk-good .midashi:before{
content:'Good';
background: rgb(240 60 77);
}
.kutikomi-slide2 .kutikomi-box2.kk-bad .midashi:before{
content:'Bad';
background: #7577a5;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.kutikomi-slide2 .kutikomi-box2{
min-width: 76vw;
max-width: 76vw;
margin-right: 16px;
}
.kutikomi-slide2 .kutikomi-box2 .midashi{
font-size: 13px;
max-width: calc(100% - 64px);
}
.kutikomi-slide2 .kutikomi-box2 .text{
font-size: 13px;
}
.kutikomi-slide2 .kutikomi-box2 .midashi-wrap:before{
width: 54px;
height: 54px;
}
.kutikomi-slide2 .kutikomi-box2 .midashi-wrap{
margin-bottom: 28px;
}
.kutikomi-slide2 .kutikomi-box2.kk-good .midashi-wrap:before, .kutikomi-slide2 .kutikomi-box2.kk-bad .midashi-wrap:before{
height: 74px;
}
}

/*------------------------------------------------------------
おすすめ新デザイン
-------------------------------------------------------------*/

div.blogeditwrap .osusume-list-box.osusume_newlayout .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;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout a{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout:hover{
opacity:0.6;
cursor:pointer;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout div{
display:block;
line-height:1.35;
color:#333;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout .osusume_apptitle div:first-of-type{
font-weight:bold;
font-size:20px;
color:#2188e0;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout .osusume_apptitle div:last-of-type{
border-bottom:2px solid #ff0260;
box-sizing:border-box;
font-size:15px;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout .osusume_apptitle{
padding:0 10px;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout a.btn-dl{
padding:6px!important;
font-size:16px!important;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout p:empty{
display:none;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout br{
display:none;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout + p{
display:none;
}
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout .osusume_apptitle + p{
display:none;
}

/*------------------------------------------------------------
マーカー
-------------------------------------------------------------*/
.blogeditwrap .markergreen {
background: linear-gradient(transparent 55%, #adffb8 20%);
}

/*CVボタン修正*/
.conve-bt-boxs.youbride-cv.DLcolor2 p.bt-download-txt a {
color:#da0e24!important;
}
.conve-bt-boxs .bt-download-txt+p:after, .conve-bt-boxs .bt-download-txt+p:before {
display:none!important;
}
.conve-bt-boxs:before {
display:none!important;
}
.conve-bt-boxs:after {
display:none!important;
}

/*------------------------
テーブル調整
------------------------*/
table.PRrank-icon3.Adjustment2 li {
font-size: 12px;
}
.PRrank-icon2.table-btn-adjustment.Adjustment2 .aligncenter + br,.PRrank-icon2.Adjustment2 .aligncenter + br,.PRrank-icon3.Adjustment2 .aligncenter + br{
display: none;
}
.PRrank-icon2.Adjustment2 th:first-of-type,.PRrank-icon3.Adjustment2 th:first-of-type{
width: 35%;
font-size: 12px;
}
.PRrank-icon2.Adjustment2 tr:first-of-type th:first-of-type,.PRrank-icon3.Adjustment2 tr:first-of-type th:first-of-type{
font-size: 14px;
}
.blogeditwrap .PRrank-icon2.Adjustment2 th,.blogeditwrap .PRrank-icon3.Adjustment2 th{
line-height: 1.8;
}
.PRrank-icon2.Adjustment2 .iconsize-50,.PRrank-icon3.Adjustment2 .iconsize-50,.PRrank-icon2.Adjustment2 .imgBorder,.PRrank-icon3.Adjustment2 .imgBorder{
width: 60px!important;
height: 60px!important;
}
.PRrank-icon2.table-btn-adjustment.Adjustment2 .iconsize-50,.PRrank-icon2.table-btn-adjustment.Adjustment2 .imgBorder{
width: 65px!important;
height: 65px!important;
}
.PRrank-icon2.Adjustment2 img.PRrank-iconimg,.PRrank-icon3.Adjustment2 img.PRrank-iconimg,.PRrank-icon2.Adjustment2 .iconsize-50,.PRrank-icon3.Adjustment2 .iconsize-50,.PRrank-icon2.Adjustment2 .imgBorder,.PRrank-icon3.Adjustment2 .imgBorder{
margin-bottom: 0!important;
}
.blogeditwrap .PRrank-icon2.Adjustment2 li,.blogeditwrap .PRrank-icon3.Adjustment2 li{
line-height: 1.8!important;
}
div.blogeditwrap .PRrank-icon2.Adjustment2 td:last-of-type a.btn-dl,div.blogeditwrap .PRrank-icon3.Adjustment2 td:last-of-type a.btn-dl{
    margin-top: 4px !important;
    font-size: 15px !important;
    padding: 7px 0px !important;
}
div.blogeditwrap .PRrank-icon2.table-btn-adjustment.Adjustment2 td:last-of-type a.btn-dl{
line-height: 28px!important;
font-size: 13px!important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
body div.blogeditwrap .PRrank-icon2.Adjustment2 td:last-of-type a.btn-dl,body div.blogeditwrap .PRrank-icon3.Adjustment2 td:last-of-type a.btn-dl{
width: 100%;
    padding:9px 0px !important;
    font-size: 16px !important;
}
body div.blogeditwrap .PRrank-icon2.Adjustment2 td:last-of-type a.btn-dl.btn_free.btn_arrow.icon_arrow {
    padding: 9px 0 9px 18px !important;
}
body div.blogeditwrap .PRrank-icon2.table-btn-adjustment.Adjustment2 td:last-of-type a.btn-dl{
width: 100%;
}
.PRrank-icon2.Adjustment2 .kaigyou-text{
display:inline-block;
line-height: 1.2;
margin-top: 4px;
}
}

/*------------------------
PRrank-icon外す
------------------------*/
.remove-PRrank-icon tr th:first-of-type:before{
display: none;
}


/*--------------------------------------------------------
色変更
-------------------------------------------------------*/
.blogeditwrap .sc_frame_wrap.yellow div.sc_frame_title {
background-color: #9f9f9f;
}
.blogeditwrap .sc_frame_wrap.yellow div.sc_frame {
border-color: #9f9f9f;
}
.blogeditwrap .sc_frame_wrap.yellow p.sc_frame_htxt{
background:#9f9f9f;
}

/*-------------------------------------------------------
イラストスライダー調整
-------------------------------------------------------*/
.illustSliderWrap.slick-initialized .slick-slide{
margin-top: 0!important;
}
.blogeditwrap div.illustSliderWrap img{
margin-top: 0;
}
.blogeditwrap div.illustSliderWrap.imgborder img{
margin-top: 0;
border:1px solid #ccc;
}

/*-------------------------------------------------------
オーバーレイアクション
-------------------------------------------------------*/
.cv-over-bt{display:none;}
.cv-over-bt br{display:none}
.cv-over-bt p:empty{display: none;}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.cv-over-bt{
position:fixed;
bottom:-1px;
text-align: right;
z-index:999999999;
font-size: 0;
left: 0;
-webkit-transform:none;
transform:none;
display:block;
}
.cv-over-bt input {
display:none;
}
.cv-over-bt label:before {
content:'';
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/02/ed1cc5ee0fe5fc78b1c574cc20c6d831.png) no-repeat center / 11px rgb(255 255 255 / 95%);
display: inline-block;
border-radius:50px;
height: 23px;
width: 23px;
position:relative;
bottom:0px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.cv-over-bt input:checked ~ label:before{
display:none;
}
.cv-over-bt input:checked ~ .cv-over-in {
opacity:0;
transition:0.8s;
display:none;
}
.cv-over-bt .cv-over-in a{
text-decoration: none;
}
.cv-over-bt .cv-over-in img{
margin: 0;
max-width: 100%;
width: 100%;
}
}


/*------------------------------------------------------------
スライダー動画高さ調整
-------------------------------------------------------------*/
.slide-iviv .illustSliderWrap .slick-slide video,.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/d946e7f3a5cebfece0474e48f2fd6d7d.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/5c6a108a80ee83f5a4e62ede270f5afd.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/43f73c3273c5556bc867ba97dbf8d2b1.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/ebb27a4018bfa563498010ffa11e3e9f.jpg"]{
height: 312px;
width: auto;
box-sizing: border-box;
}
.slide-poiboy .illustSliderWrap .slick-slide video{
height: 310px;
border: 0;
}
.slide-youbride .illustSliderWrap .slick-slide video{
height: 310px;
}
.slide-dine .illustSliderWrap .slick-slide video{
height: 312px;
border: 0;
}
.slide-crossme .illustSliderWrap .slick-slide video{
height: 312px;
border: 0;
}
.slide-ikinaridate .illustSliderWrap .slick-slide video{
height: 308px;
width: auto;
box-sizing: border-box;
}
.slide-with .illustSliderWrap .slick-slide video{
height: 319.05px;
border: 0;
}
.slide-tapple .illustSliderWrap .slick-slide video{
height: 316px;
border: 0;
}
.slide-marish .illustSliderWrap .slick-slide video{
height: 312px;
border: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.slide-iviv .illustSliderWrap .slick-slide video,.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/d946e7f3a5cebfece0474e48f2fd6d7d.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/5c6a108a80ee83f5a4e62ede270f5afd.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/43f73c3273c5556bc867ba97dbf8d2b1.jpg"],.slide-iviv .illustSliderWrap .slick-slide img[data-src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/10/ebb27a4018bfa563498010ffa11e3e9f.jpg"]{
height: calc((100vw - 66px) * 0.565 );
}
.slide-poiboy .illustSliderWrap .slick-slide video{
height: auto;
}
.slide-poiboy .illustSliderWrap .slick-slide img{
height: calc((100vw - 63px) * 0.56498 );
}
.slide-youbride .illustSliderWrap .slick-slide video{
height: auto;
}
.slide-dine .illustSliderWrap .slick-slide video{
height: auto;
}
.slide-crossme .illustSliderWrap .slick-slide video{
height: auto;
border: 0;
}
.slide-ikinaridate .illustSliderWrap .slick-slide video{
height: calc((100vw - 67px) * 0.49087 );
}
.slide-with .illustSliderWrap .slick-slide video{
height: calc((100vw - 62px) * 0.50483 );
}
.slide-tapple .illustSliderWrap .slick-slide video{
height: calc((100vw - 68px) * 0.5 );
}
.slide-marish .illustSliderWrap .slick-slide video{
height: auto;
}
.slide-marish .illustSliderWrap .slick-slide img{
height: calc((100vw - 68px) * 0.52188 );
}
}


/*------------------------------------------------------------
スライダー左右見切れ調整
-------------------------------------------------------------*/
.mikire-tyousei .illustSliderWrap .slick-slide,.slide-tapple .illustSliderWrap .slick-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mikire-tyousei .illustSliderWrap .slick-slide.slick-center,.slide-tapple .illustSliderWrap .slick-slide.slick-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mikire-tyousei .illustSliderWrap .slick-slide.slick-center + .slick-slide,.slide-tapple .illustSliderWrap .slick-slide.slick-center + .slick-slide{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mikire-tyousei .illustSliderWrap .slick-slide img,.slide-tapple .illustSliderWrap .slick-slide img{
margin-left: 0;
margin-right: 0;
}

/*-------------------------------------------------------
アコーディオン（＋－）
-------------------------------------------------------*/
.accordion-pulus{
margin: 5px 0;
}
.accordion-pulus .acdp-check{
display: none;
}
.accordion-pulus .acdp-label{
border: 1px solid #000;
color: #000;
border-radius: 3px;
margin: 0 0 10px;
padding: 0 0 0 10px;
font-weight: bold;
height: 40px;
line-height: 40px;
text-align: left;
background: #fff;
cursor: pointer;
font-size: 14px;
display: block;
position: relative;
box-sizing: border-box;
box-shadow: 0 1px 0 1px #c7c7c7;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label{
border: 1px solid #000;
background: #fffdf3;
margin: 0 0 0px!important;
box-shadow: none;
border-radius: 3px 3px 0 0;
color: #444;
box-sizing: border-box;
}
.accordion-pulus .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/21308e709dc5b44538805840c71f0810.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://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/af83b8065eaf0e5b7bd5f071e7c06ba9.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 #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background: #FFF;
padding: 10px;
margin: 0 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #333;
line-height: 1.7;
letter-spacing: 0.5px;
box-sizing: border-box;
font-size: 15px;
}
.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;
}
}

/*-------------------------------------------------------
table調整
-------------------------------------------------------*/
.blogeditwrap th li,.blogeditwrap td li{
line-height:1.5!important;
font-size: 13px;
}
div.blogeditwrap th,div.blogeditwrap td{
line-height:1.5;
font-size: 13px;
}


/*-------------------------------------------------------
ペアーズicon調整
-------------------------------------------------------*/
img.img-radius.imgBorder.aligncenter.iconsize-50.PRrank-iconimg.lazyloaded,img[src="https://img.koesiru.jp/koesiru/uploads/2022/03/2022y03m07d_1242278141.jpg"][style="display: block; margin-left: auto; margin-right: auto;"],img[class="img-radius imgBorder aligncenter size-full wp-image-267086 lazyloaded "][src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/50656a9b1affc14c84bf89a89c41ef9b.jpg"],img[class="img-radius imgBorder alignnone size-full wp-image-267086 lazyloaded PRrank-iconimg "][src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/50656a9b1affc14c84bf89a89c41ef9b.jpg"]{
margin-bottom: 0 !important;
margin-top:0 !important;
}

/*-------------------------------------------------------
app-hyouka-rbox
-------------------------------------------------------*/
.app-hyouka-rbox aside + br{
display: none;
}
.app-hyouka-rbox .new-h-rank{
position: relative;
width: calc(100% - 4px);
}
.app-hyouka-rbox .new-h-rank:before{
content: '';
display: block;
width: 46px;
height: 46px;
position: absolute;
left: -2px;
top: -6px;
z-index: 3;
}
.app-hyouka-rbox.h-i-no1 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/1fe72d1cc701bd403f0463a584ebd8dd.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no2 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8893c1dd7333fe16ac20f426e4b96f0a.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no3 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/edfa7b3d69ddb10d7f6d2a714f038aee.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no4 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8b4806ab2766ba646872c7abfc8ec7d6.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no5 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8d8fd372fa16ab4e1e811a1831e8f811.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no6 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/07712ab794ccb8f62e8018dd9a008707.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no7 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/92eb7470d982d97e4aca633a98b82cf2.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no8 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/f8f7f8295a340d0b7c6659723fba0c13.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no9 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/990837af86d2316e431f53f4ca747330.png) no-repeat center / contain;
}
.app-hyouka-rbox.h-i-no10 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8fdcb830bdec643e785b757de430ee3d.png) no-repeat center / contain;
}
.app-hyouka-rbox .new-h-rank:after{
content: '';
display: block;
width: 100%;
height: 100%;
background: #333333;
position: absolute;
left: 4px;
top: 4px;
z-index: 1;
}
.app-hyouka-rbox .new-h-rank div{
position: relative;
z-index: 2;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
padding: 13px 10px 10px 60px;
}
.app-hyouka-rbox .new-h-rank div:before{
content: '';
display: block;
width: 91%;
height: 2px;
background: #000;
position: absolute;
right: 0;
top: 0;
}
.app-hyouka-rbox .new-h-rank div:after{
content: '';
display: block;
height: 40%;
width: 2px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
.app-hyouka-rbox .new-h-rank div h2{
color: #fff;
padding: 0;
margin: 0;
font-size: 24px;
line-height: 1;
background:none;
box-shadow:none;
}
.app-hyouka-rbox .new-h-rank div h2:before{
display: none;
}
.app-hyouka-rbox .new-h-rank div h2:after{
display: none;
}
.app-hyouka-rbox .new-h-rank div p{
color: #ccc;
font-size: 14px;
line-height: 1;
margin: 8px 0 0;
}
.app-hyouka-rbox .slick-dots li button:before{
color: #333;
}
.app-hyouka-rbox .sougouhyouka{
border: 2px solid #000;
border-radius: 10px;
padding: 40px 20px 20px;
position: relative;
margin: 48px 0 20px;
}
.app-hyouka-rbox .sougouhyouka .sougouhyouka-midasi{
position: absolute;
left: 0;
right: 0;
height: 42px;
top: -21px;
margin: auto;
text-align: center;
}
.app-hyouka-rbox .sougouhyouka .sougouhyouka-midasi img{
height: 100%;
}
.app-hyouka-rbox .sougouhyouka .img-wrap{
margin-bottom: 14px;
text-align: center;
}
.accordion-minnano-hyouka .acdp-check{
display: none;
}
.accordion-minnano-hyouka > br{
display: none;
}
.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;
}
.accordion-minnano-hyouka .acdp-check:checked ~ .acdp-label{
border-bottom: 0;
border-radius: 4px 4px 0 0;
}
.accordion-minnano-hyouka .acdp-label img{
width: 20px;
vertical-align: middle;
margin-right: 18px;
position: relative;
bottom: 1px;
}
.accordion-minnano-hyouka .acdp-label:before{
content: "";
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 2px;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.accordion-minnano-hyouka .acdp-label:after{
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: auto;
width: 98%;
height: 1px;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.accordion-minnano-hyouka .acdp-check:checked ~ .acdp-label:before,.accordion-minnano-hyouka .acdp-check:checked ~ .acdp-label:after{
display: none;
}
.accordion-minnano-hyouka .acdp-cont{
visibility: hidden;
height: 0;
opacity: 0;
box-sizing: border-box;
transition: 0.3s ;
}
.accordion-minnano-hyouka .acdp-cont img{
border-right: 1px solid #000;
border-left: 1px solid #000;
box-sizing: border-box;
}
.accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont{
visibility: visible;
height: auto;
opacity: 1;
}
.accordion-minnano-hyouka p:empty{
display: none;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.accordion-minnano-hyouka .acdp-label img{
width: 18px;
margin-right: 14px;
}
.app-hyouka-rbox .sougouhyouka .img-wrap img{
max-width: 60%;
}
.app-hyouka-rbox .sougouhyouka .sougouhyouka-midasi{
height: 36px;
top: -18px;
}
.app-hyouka-rbox .sougouhyouka{
padding: 36px 18px 18px;
}
.app-hyouka-rbox .new-h-rank:before{
width: 40px;
height: 40px;
left: -2px;
top: -4px;
}
.app-hyouka-rbox .new-h-rank div{
padding: 13px 0px 10px 46px;
}
.app-hyouka-rbox .new-h-rank div:before{
width: 87%;
}
.app-hyouka-rbox .new-h-rank div h3{
font-size: 20px;
}
.app-hyouka-rbox .new-h-rank div p{
font-size: 11px;
}
.accordion-minnano-hyouka .acdp-label{
font-size: 13px;
}
}




/*-------------------------------------------------------
フローチャート
-------------------------------------------------------*/
.flowchart-wrap .midasi-wrap{
position: relative;
border-right: 8px solid #ff94b8;
border-left: 8px solid #ff94b8;
border-radius: 4px;
padding: 4px 0;
margin-bottom: 18px;
}
.flowchart-wrap .midasi-wrap:before{
content: '';
display: block;
width: 90px;
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
left: -8px;
top: 0;
}
.flowchart-wrap .midasi-wrap:after{
content: '';
display: block;
width: calc(100% - 90px);
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
right: -8px;
top: 0;
}
div.flowchart-wrap .midasi-wrap h3{
position: static;
background: #ffe6f1;
text-align: center;
margin: 0;
font-size: 24px;
line-height: 60px;
padding: 0;
height: 60px;
}
.flowchart-wrap .midasi-wrap h3:before{
content: '';
display: block;
width: 90px;
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
right: -8px;
bottom: 0;
}
.flowchart-wrap .midasi-wrap h3:after{
content: '';
display: block;
width: calc(100% - 90px);
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
left: -8px;
bottom: 0;
}
.flowchart-wrap .chart-cont{
position: relative;
}
.flowchart-wrap .chart-cont p{
margin: 0;
}
.flowchart-wrap .chart-cont p br{
display: none;
}
.flowchart-wrap .icon-wrap{
position: absolute;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 98%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.flowchart-wrap .icon-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 31%;
}
.flowchart-wrap .icon-box ul{
width: 46%;
margin: 0;
}
.flowchart-wrap .icon-box li{
line-height: 1!important;
height: 116px;
}
.flowchart-wrap .icon-box li a{
display: block;
text-align: center;
}
.flowchart-wrap .icon-box li img{
width: 70px;
height: 70px;
border-radius: 10px;
box-shadow:0 0 0 1px #ccc;
}
.flowchart-wrap .icon-box .app-name{
display: block;
line-height: 1.3;
margin-top: 5px;
font-size: 12px;
padding: 0 4px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.flowchart-wrap .midasi-wrap{
padding: 3px 0;
}
div.flowchart-wrap .midasi-wrap h3{
padding: 0;
font-size: 20px;
}
.flowchart-wrap .midasi-wrap:before{
height: 6px;
width: 70px;
}
.flowchart-wrap .midasi-wrap:after{
width: calc(100% - 70px);
height: 6px;
}
.flowchart-wrap .midasi-wrap h3:before{
height: 6px;
width: 70px;
}
.flowchart-wrap .midasi-wrap h3:after{
width: calc(100% - 70px);
height: 6px;
}
.flowchart-wrap .icon-box li{
height: calc(100vw * 0.2);
}
.flowchart-wrap .icon-box li img {
width: calc(100vw * 0.1);
height: calc(100vw * 0.1);
border-radius: 6px;
}
.flowchart-wrap .icon-box .app-name{
font-size: 10px;
transform: scale(0.8);
width: calc(100% + 20px);
box-sizing: border-box;
margin-left: -10px;
margin-top: 1px;
line-height: 1.4;
}
}

/*-------------------------------------------------------
ランキング表
-------------------------------------------------------*/
.rank-hyo-wrap .midasi-wrap{
position: relative;
border-right: 8px solid #ff94b8;
border-left: 8px solid #ff94b8;
border-radius: 4px;
padding: 4px 0;
margin-bottom: 18px;
}
.rank-hyo-wrap .midasi-wrap:before{
content: '';
display: block;
width: 90px;
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
left: -8px;
top: 0;
}
.rank-hyo-wrap .midasi-wrap:after{
content: '';
display: block;
width: calc(100% - 90px);
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
right: -8px;
top: 0;
}
div.rank-hyo-wrap .midasi-wrap h3{
position: static;
background: #ffe6f1;
text-align: center;
margin: 0;
font-size: 24px;
line-height: 60px;
padding: 0;
height: 60px;
}
.rank-hyo-wrap .midasi-wrap h3:before{
content: '';
display: block;
width: 90px;
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
right: -8px;
bottom: 0;
}
.rank-hyo-wrap .midasi-wrap h3:after{
content: '';
display: block;
width: calc(100% - 90px);
height: 8px;
background: #ff94b8;
border-radius: 4px;
position: absolute;
left: -8px;
bottom: 0;
}
.hyo-cont{
display: -webkit-flex;
display: flex;
align-items: center;
box-shadow:0 0 0 1px #ccc;
padding:10px;
margin:10px 0;
border-radius:10px;
position: relative;
}
.hyo-cont:before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 90px 0 0 60px;
border-color: transparent transparent transparent #ffe9f3;
position: absolute;
left: 5px;
top: 5px;
z-index: 1;
}
.hyo-cont + .hyo-cont:before{
border-color: transparent transparent transparent #e8f9ff;
}
.hyo-cont + .hyo-cont + .hyo-cont:before{
border-color: transparent transparent transparent #eff7df;
}
.hyo-cont dl{
border-right:1px solid #ccc;
margin:0 10px 0 0!important;
padding: 10px 10px 10px 0;
width: 190px;
position: relative;
z-index: 2;
}
.hyo-cont dl dt{
margin:0 0 5px;
}
.hyo-cont dl dt img{
height: 34px;
}
.hyo-cont dl dd{
line-height: 1.5em;
margin:0;
padding:0;
font-size: 14px;
}
.rank-hyo-wrap .hyo-cont ul{
display: -webkit-flex;
display: flex;
align-items: center;
margin:0 auto;
}
.hyo-cont ul li{
position:relative;
margin-right: 10px;
line-height: 1!important;
}
.hyo-cont ul li:last-of-type{
margin-right: 0;
}
.hyo-cont ul li a{
display: block;
color: #dd4679;
}
.hyo-cont ul li a:hover{
color: #dd4679;
}
.hyo-cont ul li img{
width: 60px;
border-radius: 8px;
box-shadow:0 0 0 1px #ccc;
}
.hyo-cont .osusume-icon{
position: absolute;
left: -15px;
top: -14px;
font-size:12px;
text-align: center;
width: calc(100% + 30px);
}
.hyo-cont .osusume-icon:before,.hyo-cont .osusume-icon:after{
content: '';
width: 10px;
height: 1px;
background: #dd4679;
display: inline-block;
transform: rotate(45deg);
position: relative;
bottom: 3px;
}
.hyo-cont .osusume-icon:after{
transform: rotate(-45deg);
}
.osusume-3-box{
background: #fff2ae;
border-radius: 10px;
padding: 36px 30px 20px;
}
.rank-hyo-wrap .osusume-3-box dl{
background: #fff;
border-radius: 10px;
margin: 0;
position: relative;
}
.rank-hyo-wrap .osusume-3-box dt{
position: absolute;
left: 0;
right: 0;
text-align: center;
height: 40px;
line-height: 40px;
width: 300px;
background: #fff;
border-radius: 30px;
margin: auto;
top: -20px;
}
.rank-hyo-wrap .osusume-3-box dt img{
vertical-align: middle;
height: 30px;
}
.rank-hyo-wrap .osusume-3-box dd{
margin: 0;
}
.rank-hyo-wrap .osusume-3-box dd ul{
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 34px 0 14px;
}
.rank-hyo-wrap .osusume-3-box dd ul img{
width: 70px;
height: 70px;
border-radius: 10px;
box-shadow:0 0 0 1px #ccc;
}
.rank-hyo-wrap .osusume-3-box dd li{
margin-right: 10px;
}
.rank-hyo-wrap .osusume-3-box dd li:last-of-type{
margin: 0;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.rank-hyo-wrap .midasi-wrap{
padding: 3px 0;
}
div.rank-hyo-wrap .midasi-wrap h3{
padding: 0;
font-size: 20px;
}
.rank-hyo-wrap .midasi-wrap:before{
height: 6px;
width: 70px;
}
.rank-hyo-wrap .midasi-wrap:after{
width: calc(100% - 70px);
height: 6px;
}
.rank-hyo-wrap .midasi-wrap h3:before{
height: 6px;
width: 70px;
}
.rank-hyo-wrap .midasi-wrap h3:after{
width: calc(100% - 70px);
height: 6px;
}
.hyo-cont dl dt img {
height: 16px;
}
.hyo-cont dl dt{
line-height: 1;
}
.hyo-cont dl dd{
font-size: 12px;
}
.hyo-cont .osusume-icon{
font-size: 10px;
}
.rank-hyo-wrap .osusume-3-box dd ul img{
width: 50px;
height: 50px;
}
.rank-hyo-wrap .osusume-3-box dt{
width: 226px;
}
.rank-hyo-wrap .osusume-3-box dt img{
height: 24px;
}
.rank-hyo-wrap .hyo-cont ul{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(100% - 100px);
}
.hyo-cont ul li{
width: calc(100% / 5 - 5px);
margin: 0 10px 0 0;
}
.hyo-cont ul li:last-of-type{
margin:0;
}
.hyo-cont ul li img{
width: 100%;
}
.hyo-cont dl{
width: 83px;
}
.hyo-cont .osusume-icon{
width: calc(100% + 60px);
left: -30px;
transform: scale(0.8);
}
}

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


/*-------------------------------------------------------
ランキング-横並び
-------------------------------------------------------*/
.blogeditwrap .ranking-verYOKO{
padding: 30px 15px!important;
background: #EBF1F2;
text-align: center;
position: relative;
z-index: 1;
}
.blogeditwrap .ranking-verYOKO dd{
line-height:1.5;
}
.blogeditwrap .ranking-verYOKO .title-ue{
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000;
}
.blogeditwrap .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;
}
.blogeditwrap .ranking-verYOKO .title-sita:before,.ranking-verYOKO .title-sita:after{
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 16px;
background: url(https://www.recme.jp/careerhigh/wp-content/uploads/2022/02/f09fafba30247f737d5696bc139dada8.png) no-repeat center / contain;
top: 1px;
bottom: 0;
margin: auto;
left: -22px;
}
.blogeditwrap .ranking-verYOKO .title-sita:after{
background: url(https://www.recme.jp/careerhigh/wp-content/uploads/2022/02/18405757622ca9503270bc55fdde4eb7.png) no-repeat center / contain;
left: auto;
right: -22px;
}
.blogeditwrap 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;
}
.blogeditwrap div.ranking-verYOKO div.title-sita .b{
font-size: 26px;
margin: 0;
}
.blogeditwrap .ranking-verYOKO-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 8px);
position: relative;
margin: 0;
padding: 45px 0 14px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 0 0 1px #DDE4E6;;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a{
color: #3399FF;
display: inline-block;
text-align: center;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a:hover p{
opacity: 0.6;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a img{
margin: 0;
border-radius:5px;
box-shadow:0 0 0 1px #ccc;
}
.blogeditwrap .ranking-verYOKO .top5tag{
position: absolute;
width: 60px;
padding: 5px 0;
color: #fff;
background: #000;
left: 0;
top: -15px;
right: 0;
margin: auto;
font-size: 14px;
}
.blogeditwrap .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;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(1) .top5tag .num{
font-size: 18px;
color: #f1eb4f;
margin-left: -4px;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(2) .top5tag .num{
color: #2ca3bb;
font-size: 18px;
margin-left: -4px;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(3) .top5tag .num{
color: #71b938;
font-size: 18px;
margin-left: -4px;
}
.blogeditwrap .ranking-verYOKO .top5tag:after{
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #000;
position: absolute;
left: 4px;
top: 4px;
z-index: 1;
box-sizing: border-box;
}
.blogeditwrap .ranking-verYOKO dl{
margin:0!important;
}
.blogeditwrap .ranking-verYOKO dd{
margin:10px auto 0!important;
color: #444444;
font-size: 13px;
padding: 0 10px;
text-align: left;
}
.blogeditwrap .ranking-verYOKO .ribon{
background: #FFDEE8;
margin-left: -3px;
font-size: 13px;
font-weight: bold;
color: #CC0000;
text-align: center;
line-height: 1.4;
padding: 9px 5px 7px;
margin-bottom: 8px;
margin-top: 6px;
position: relative;
}
.blogeditwrap .ranking-verYOKO dd:last-of-type{
margin-bottom: 12px;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a + p{
display: none;
}
.blogeditwrap .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;
}
.blogeditwrap .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;
}
.blogeditwrap .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;
}
.blogeditwrap .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){
.blogeditwrap .ranking-verYOKO{
padding: 20px 10px;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 5px);
padding: 28px 0 12px;
}
.blogeditwrap .ranking-verYOKO .top5tag{
width: 54px;
padding: 5px 0 1px;
}
.blogeditwrap .ranking-verYOKO .top5tag p{
font-size: 11px;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap{
width: calc(100vw / 7);
height: calc(100vw / 7);
margin-bottom: 2px!important;
}
.blogeditwrap .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);
}
.blogeditwrap .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;
}
}
/*------------------------------------------------------------
アコーディオンの中コンテンツ
-------------------------------------------------------------*/
.accordion-minnano-hyouka .acdp-cont{
padding:20px 0 0;
border-radius:5px;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume{
width:100%;
margin:0 0 20px!important;
padding:10px 10px 10px 10px!important;
font-size:16px!important;
background:#FFF;
box-sizing:border-box;
border-radius:5px;
position:relative;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume:last-child{
width:100%;
margin-bottom:0;
border-bottom:0;
padding-bottom:0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume a{
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom:10px;
padding:0 0 0 40px;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume img{
width:45px;
border:0;
box-shadow:0 0 0 1px #ebebeb;
border-radius:6px;
display:block;
margin:0 10px 0 0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume ul{
background:#f9f9f9;
padding:15px 15px 15px!important;
margin:0;
border-radius:5px;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume li{
font-size:14px;
padding:0 0 0 20px;
margin:0;
line-height:1.6;
position:relative;
text-align:left;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume li span.b-red{
font-size:16px;
font-weight: bold;
color: #d2150f!important;
line-height: normal;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume li:before{
display: block!important;
content: '';
position: absolute;
top:0.70em;
left:0;
width:8px;
height:8px;
background-color: #d2150f!important;
border-radius: 100%;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-1{
background: #ceaf43;
width: 32px;
font-size: 18px;
padding: 6px 0 4px;
top: -4px;
display: inline-block;
position: absolute;
left: 8px;
z-index: 1;
text-align: center;
line-height: 2.5;
color: #fff;
font-weight: 700;
margin: -4px 0 0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-1:before {
position: absolute;
content: "";
top: 0;
border: none;
right: -6px;
border-bottom: 8px solid #9d7a00;
border-right: 6px solid transparent;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-1:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 16px solid #ceaf43;
border-right: 16px solid #ceaf43;
border-bottom: 10px solid transparent;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span + br{
display:none;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-2{
background: #4994b9;
width: 32px;
font-size: 18px;
padding: 6px 0 4px;
top: -4px;
display: inline-block;
position: absolute;
left: 8px;
z-index: 1;
text-align: center;
line-height: 2.5;
color: #fff;
font-weight: 700;
margin: -4px 0 0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-2:before {
position: absolute;
content: "";
top: 0;
border: none;
right: -6px;
border-bottom: 8px solid #1e5875;
border-right: 6px solid transparent;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-2:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 16px solid #4994b9;
border-right: 16px solid #4994b9;
border-bottom: 10px solid transparent;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-3{
background: #be5724;
width: 32px;
font-size: 18px;
padding: 6px 0 4px;
top: -4px;
display: inline-block;
position: absolute;
left: 8px;
z-index: 1;
text-align: center;
line-height: 2.5;
color: #fff;
font-weight: 700;
margin: -4px 0 0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-3:before {
position: absolute;
content: "";
top: 0;
border: none;
right: -6px;
border-bottom: 8px solid #7c310c;
border-right: 6px solid transparent;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume span.rank_icon-r-3:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 16px solid #be5724;
border-right: 16px solid #be5724;
border-bottom: 10px solid transparent;
}

.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume ul.danjyo-listbox{
margin:0;
padding:10px 0 10px!important;
background:#FFF;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume ul.danjyo-listbox li{
padding:0 0 0 35px;
line-height: 1.6!important;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume ul.danjyo-listbox li.danicon{
margin:0 0 15px;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume li.danicon:before{
display:block!important;
content:'';
position:absolute;
top:0px;
bottom:0px;
left:0;
margin:auto;
width:28px;
height:28px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/04cde6be117ae3c43b4e6b8ace28803f.png)no-repeat!important;
background-size:100%!important;
background-position:center;
border-radius:0;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume li.jyoicon:before{
display:block!important;
content:'';
position:absolute;
top:0px;
bottom:0px;
left:0;
margin:auto;
width:28px;
height:28px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/9ff280d86e021df0a48201fb4f16b320.png)no-repeat!important;
background-size:100%!important;
background-position:center;
border-radius:0;
}


/*------------------------------------------------------------
アコーディオンの中コンテンツ(一時)
-------------------------------------------------------------*/
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume a .name{
display: block;
text-align: left;
text-decoration: underline;
line-height: 1.5;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume a .hosi{
display: flex;
align-items: center;
color: #333;
font-size: 14px;
font-weight: bold;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume a .hosi img{
display: inline-block;
margin: 0 10px 0 0;
box-shadow: none;
width: 100px;
position: relative;
bottom: 2px;
}
.accordion-minnano-hyouka .acdp-cont .ac-conte-osusume a{
text-decoration: none;
}


/*-------------------------------------------------------
おすすめ枠
-------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #ffdee8;
position: relative;
padding: 25px 20px;
border-radius: 10px;
margin: 30px auto 20px auto;
width: calc(100% - 8px);
box-sizing: border-box;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-user_box .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ff417c;
font-weight:bold;
}
div.osusume-user_box ul{
margin: 0;
}
div.osusume-user_box li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#ffdee8;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:5px solid #feb4ca;
box-sizing: border-box;
}
.osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
}
.osusume-user_box li a img{
vertical-align: middle;
}
.osusume-user_box p:last-of-type{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi div{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
div.osusume-user_box li{
margin-bottom: 10px;
position: relative;
padding: 0 0 0 25px;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
border:4px solid #feb4ca;
}
}

/*-------------------------------------------------------
CVボタン調整
-------------------------------------------------------*/
.btnred:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #ffffff;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
@media (min-width: 768px){
.btnred:after{
border-width: 8px 0 8px 13px;
right: 24px;
}
}
@media (max-width: 767px){
.btnred:after{
border-width: 1.4vw 0 1.4vw 2.4vw;
right: 3.2vw;
}
}

/*-------------------------------------------------------
CVボタンオレンジ
-------------------------------------------------------*/
div.blogeditwrap .btnorange{
display: block;
padding: 14px 0px 10px;
border-radius: 5px;
border: 0;
background: #F76839;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height: 1.4;
box-shadow: 0px 3px 0px 0px #e05e33;
position: relative;
color: #fff;
text-decoration: none;
}
div.blogeditwrap .btnorange:after{
content: '';
position: absolute;
right: 16px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff;
font-size: 20px;
display: block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/7b867c86ad1744a843c3b16a8b15689c.png) center no-repeat rgba(255,255,255,0);
background-size: 15px;
}
div.blogeditwrap .btnorange:hover{
color: #fff;
opacity: 0.6;
}
@media (max-width: 767px){
div.blogeditwrap .btnorange:after{
right: 10px;
}
}
.sougouhyouka + p img{
width:100%!important;
}


/*-------------------------------------------------------
CVボタン赤
-------------------------------------------------------*/
.cta-link-box{
text-align: center;
text-align: center;
margin: 0 auto;
background: #ffedd7;
padding: 5px 25px;
width: 440px;
box-sizing: border-box;
line-height: 1;
}
.cta-link-box .ctaText{
position: relative;
font-size: 16px;
text-align: center;
font-weight: bold;
display: inline-block;
padding: 0 0 2px;
padding-top: 10px;
color: #da0e24;
}
.cta-link-box .ctaText:before {
content: "";
width: 16px;
height: 18px;
display: inline-block;
border-left: 3px solid #da0e24;
transform: rotate(-30deg);
}
.cta-link-box .ctaText:after {
border-right: 3px solid #da0e24;
transform: rotate(30deg);
content: "";
width: 16px;
height: 18px;
display: inline-block;
}
.cta-link-box .cta-link-button{
width: 90%;
font-size:110%;
display: block;
margin: 10px auto 15px auto;
padding: 13px;
border: 0;
background: #da0e24;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0px 5px #a90c1d;
position:relative;
line-height:1.5;
text-decoration:none;
}
.cta-link-box .cta-link-button:after{
content: '';
position: absolute;
right: 14px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff;
font-size: 20px;
display: block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/14f2ab52fa5d74d8dab6cdec89318cf7.png) center no-repeat rgba(255,255,255,0);
background-size: 15px;
}
.cta-link-box .cta-link-button:hover{
color: #fff;
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.cta-link-box{
padding: 10px 15px;
width: 100%;
}
.cta-link-box .cta-link-button:after{
right: 8px;
}
}

/*-------------------------------------------------------
余白調整
-------------------------------------------------------*/
div.blogeditwrap table + p[style="text-align: right;"]{
margin-top: -24px;
margin-bottom:5px;
}

.blogeditwrap img.fullsize{
width:90%!important;
}

/*-----------------------------------------------------
table調整
-------------------------------------------------------*/
@media only screen and (max-width : 420px){
.PRrank-icon2.Adjustment2 tr:first-of-type th,.PRrank-icon3.Adjustment2 tr:first-of-type th{
width: auto!important;
}
.PRrank-icon2.Adjustment2 tr:first-of-type ~ tr > th:first-child,.PRrank-icon2.Adjustment2 tr:first-of-type ~ tr > td:first-child,.PRrank-icon3.Adjustment2 tr:first-of-type ~ tr > th:first-child,.PRrank-icon3.Adjustment2 tr:first-of-type ~ tr > td:first-child{
width: 30%!important;
padding-left: 0;
padding-right: 0;
}
.PRrank-icon2.Adjustment2 tr:first-of-type ~ tr td,.PRrank-icon3.Adjustment2 tr:first-of-type ~ tr td{
padding-right: 0;
}
}

.blogeditwrap .table-scroll-fix th:first-of-type img{
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0!important;
}
.table-scroll-fix th:first-of-type img + br,.table-scroll-fix th:first-of-type img + span > br:first-child{
display: none;
}


/*-------------------------------------------------------
診断結果
-------------------------------------------------------*/

.test-sinndann-box .app_result_wrap{
position:relative;
z-index:-1;
padding:30px 0 0;
}
.test-sinndann-box .app_result_wrap:before{
content:"";
top:-30px;
left:0;
right:0;
margin:auto;
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/c7dfff1ffd81e3188bf62331acf70ced.png)no-repeat;
background-size:100%;
width:80px;
height:80px;
z-index:10;
}
.test-sinndann-box .app_result_wrap .choiceapptit{
display:none;
}
.test-sinndann-box .app_result_wrap aside{
margin:20px 0 0;
}
.test-sinndann-box .app_result_wrap aside div.conve-bt-boxs.youbride-cv {
background: #F2F2F2;
border-radius: 50px;
}
.test-sinndann-box .app_result_wrap aside .conve-bt-boxs.youbride-cv.DLcolor2 p.bt-download-txt {
line-height: 1.6;
display:none;
}
.test-sinndann-box .app_result_wrap aside .conve-bt-boxs p.bt-download-txt + p {
position: relative;
padding-bottom: 0px;
margin: 0!important;
}
.test-sinndann-box .app_result_wrap aside .happymail span:first-of-type{
display:none;
}
.test-sinndann-box .app_result_wrap aside .happymail span:last-of-type{
display:none;
}
.test-sinndann-box .app_result_wrap aside .conve-bt-boxs.youbride-cv.DLcolor2 .happymail {
display: block;
overflow: hidden;
position: relative;
width: 70%;
height:auto;
padding: 10px 0 13px;
border-radius: 3px;
text-align: center;
margin: 5px auto;
cursor: pointer;
background: #F9540b;
border-radius: 10px;
background-size: 200%;
box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
border-bottom: solid 5px #af1414;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
text-decoration: none!important;
}
.test-sinndann-box .resetbtn span.btn{
text-align: center;
margin:auto;
display:block;
position:relative;
}
.test-sinndann-box .resetbtn span.btn:before{
content:"";
position:absolute;
width:20px;
height:20px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/c023fdd4b56e8aa5ecf38944786c6346.png)no-repeat;
background-size:100%;
top:7px;
left:-170px;
right:0;
margin:auto;
z-index:10;
}




/*-------------------------------------------------------
診断
-------------------------------------------------------*/
.test-sinndann-box div#diagnosis_setwrap .stepbox .selectbox.cf{
margin-bottom: 0;
}
.test-sinndann-box #sindan-quesiton-step{
width: 100%;
height: 26px;
background: #eaeaea;
border-radius: 4px;
position: relative;
}
.test-sinndann-box #sindan-quesiton-stepIn{
background: #3daef4;
height: 26px;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
}
.test-sinndann-box #sindan-quesiton-step p:empty{
display: none;
}
.test-sinndann-box #sindan_area{
border: 6px solid #ff1a61;
border-top: 0;
padding: 40px 20px 30px;
border-radius: 0 0 10px 10px;
position:relative;
margin:calc(-1.5em - 10px) 0 30px 0;
}
.test-sinndann-box #sindan_area:before{
content:"";
position:absolute;
width:100%;
height:20px;
background:#ff1a61;
top:-10px;
left:0;
right:0;
margin:auto;
z-index:-10;
}
.test-sinndann-box #sindan-start-btn{
text-indent: 1000px;
overflow: hidden;
width: 400px;
height: 110px;
line-height: 200px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8d6065bc9b451c1c1b7a85f62d8ad28f.png) no-repeat center / contain;
display: block;
line-height: 100px;
margin: 0 auto;
cursor: pointer;
}
.test-sinndann-box #sindan-start-btn:hover{
opacity: 0.6;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox{
text-align: center;
margin-bottom: 0;
}
.test-sinndann-box div#diagnosis_setwrap{
padding-top: 80px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .qtit{
font-size: 22px;
position: relative;
color: #333;
padding-bottom: 10px;
border-bottom: 1px solid #666;
padding-left: 0;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox li{
margin-bottom: 20px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .selectbox li .item{
border-radius: 30px;
background: #17a38b;
padding: 4px 5px;
font-size: 16px;
border: 0;
border-bottom: 3px solid #076654;
box-shadow: 0 2px 0 0 #076654;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .selectbox li .item:hover{
background: #007cba;
color: #fff;
border-bottom: 3px solid #fff;
box-shadow: 0 2px 0 0 #007cba;
}
.test-sinndann-box div#diagnosis_back_btn_area span{
background: none;
width: auto;
color: #666;
border: 0;
box-shadow: none;
font-weight: normal;
border-radius: 0;
font-size: 16px;
}
.test-sinndann-box div#diagnosis_back_btn_area span:after{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/c023fdd4b56e8aa5ecf38944786c6346.png) no-repeat center / contain;
top: 0;
bottom: 0;
margin: auto;
border: 0;
transform: none;
width: 18px;
height: 16px;
left: -30px;
}
.test-sinndann-box div#diagnosis_back_btn_area span:hover::after {
left: -30px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .qtit:before{
content: '';
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/f1c8f47c46fada2b290abfdb923dcaa8.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: -50px;
width: 50px;
height: 40px;
margin: auto;
}

@media only screen and (orientation:landscape) and (max-width : 927px),(orientation:portrait) and (max-width : 753px){
.test-sinndann-box #sindan-start-btn{
width: calc(100% - 40px);
height: calc((94vw - 80px) * 0.276);
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .qtit{
font-size: 18px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .qtit:before{
top: -40px;
width: 42px;
height: 32px;
}
.test-sinndann-box div#diagnosis_setwrap {
padding-top: 60px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox li {
margin: 0 0 14px;
width: calc(50% - 5px);
}
.test-sinndann-box div#diagnosis_setwrap .stepbox li:nth-of-type(1),.test-sinndann-box div#diagnosis_setwrap .stepbox li:nth-of-type(3){
margin-right: 10px;
}
.test-sinndann-box div#diagnosis_setwrap .stepbox .selectbox li .item{
font-size: 14px;
}
.test-sinndann-box #sindan_area{
border: 4px solid #ff1a61;
padding: 30px 20px 20px;
}

}


/*-------------------------------------------------------
table調整
-------------------------------------------------------*/
.ranknewTable-wrap .accordion_table.table-scroll-fix.PRrank-icon2 tbody{
border-collapse: separate;
}
.ranknewTable-wrap .accordion_table.table-scroll-fix.PRrank-icon2 th,.ranknewTable-wrap .accordion_table.table-scroll-fix.PRrank-icon2 td{
border-top: 0;
border-left: 0;
}
.ranknewTable-wrap .accordion_table.table-scroll-fix.PRrank-icon2 th:first-child{
box-shadow: none;
}

/*-----------------------------------------------------
もっと見るボックス
-------------------------------------------------------*/
.mottomiru_box{
transition: all 0.6s;
overflow: hidden;
height: 1000px;
padding-top:40px;
position: relative;
margin-bottom: 40px;
}
.mottomiru_box.motto_open{
height: 100%;
transition: all 0.6s;
overflow: auto;
margin-bottom: 10px;
}
.motomiru_bt{
text-align: center;
position: absolute;
width: 100%;
height: 150px;
padding-top: 100px;
box-sizing: border-box;
bottom:0;
z-index:2;
background: #fff;
background: -moz-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: -webkit-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: linear-gradient(to bottom, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
}
.motomiru_bt div.mottotxt_bt{
padding: 0;
display: block;
border-radius: 5px;
margin: auto;
background:#fff;
color: #333;
border:1px solid #333;
font-weight: normal;
cursor: pointer;
width: 40%;
border-radius: 6px;
height: 40px;
line-height: 40px;
}
.motomiru_bt div.mottotxt_bt div{
position: relative;
font-size: 16px;
}
.motomiru_bt div.mottotxt_bt div:after{
content: '＋';
background: #ff7192;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
position: absolute;
right: 12px;
bottom: 0;
top: 0;
margin: auto;
color: #fff;
font-size: 14px;
}
.mottomiru_box.motto_open .motomiru_bt{
display: none;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank:before{
left: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.motomiru_bt div.mottotxt_bt{
width: 60%;
}
.motomiru_bt div.mottotxt_bt div{
font-size: 15px;
}
.mottomiru_box{
margin-bottom:40px;
margin-top:0px;
padding-top:20px;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank div h2{
padding-top:50px;
margin-top:-50px;
}
}


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

@media only screen and (max-width : 429px){
.mottomiru_box{
height: 750px;
}
}
@media only screen and (max-width : 421px){
.mottomiru_box{
height: 740px;
}
}
@media only screen and (max-width : 415px){
.mottomiru_box{
height: 740px;
}
}
@media only screen and (max-width : 391px){
.mottomiru_box{
height: 720px;
}
}
@media only screen and (max-width : 376px){
.mottomiru_box{
height: 710px;
}
}



/*------------------------------------------------------------
会社概要　スライダー調整
-------------------------------------------------------------*/
.company-jyusyou .pc  .cop-company-jyusyou-slider-wrap{
margin-right: 140px;
margin-left: 140px;
}
.pc .cop-company-jyusyou-slider-area .slider-prev{
left: 70px;
}
.pc .cop-company-jyusyou-slider-area .slider-next{
right: 70px;
}



/*-------------------------------------------------------
診断結果
-------------------------------------------------------*/

.sindan_new_box .app_result_wrap{
position:relative;
padding:30px 0 0;
}
.sindan_new_box #diagnosis_setwrap .app_result_wrap{
margin:0 0 0;
}
.sindan_new_box .result-box #diagnosis_setwrap:before{
content:"";
top:5px;
left:0;
right:0;
margin:auto;
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/c7dfff1ffd81e3188bf62331acf70ced.png)no-repeat;
background-size:100%;
width:80px;
height:80px;
z-index:10;
}
.sindan_new_box .app_result_wrap .choiceapptit{
display:none;
}
.sindan_new_box .app_result_wrap aside{
margin:20px 0 0;
}
.sindan_new_box .app_result_wrap aside div.conve-bt-boxs.youbride-cv {
background: #F2F2F2;
border-radius: 50px;
}
.sindan_new_box .app_result_wrap aside .conve-bt-boxs.youbride-cv.DLcolor2 p.bt-download-txt {
line-height: 1.6;
display:none;
}
.sindan_new_box .app_result_wrap aside .conve-bt-boxs p.bt-download-txt + p {
position: relative;
padding-bottom: 0px;
margin: 0!important;
}
.sindan_new_box .app_result_wrap aside .happymail span:first-of-type{
display:none;
}
.sindan_new_box .app_result_wrap aside .happymail span:last-of-type{
display:none;
}
.sindan_new_box .app_result_wrap aside .conve-bt-boxs.youbride-cv.DLcolor2 .happymail {
display: block;
overflow: hidden;
position: relative;
width: 70%;
height:auto;
padding: 10px 0 13px;
border-radius: 3px;
text-align: center;
margin: 5px auto;
cursor: pointer;
background: #F9540b;
border-radius: 10px;
background-size: 200%;
box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
border-bottom: solid 5px #af1414;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
text-decoration: none!important;
}
.sindan_new_box .resetbtn span.btn{
text-align: center;
margin:auto;
display:block;
position:relative;
}
.sindan_new_box #diagnosis_setwrap .resetbtn .btn {
padding:0;
background:none;
box-shadow:none;
border:0px;
border-radius: 6px;
font-size: 18px;
color: #7e7e7e;
display: inline-block;
cursor: pointer;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.blogeditwrap .sindan_new_box p.sinndann-eyecatch {
margin: 0 0px 1.5em;
line-height: 2;
}
.blogeditwrap .sindan_new_box p:empty{
display: none;
}
.sindan_new_box #diagnosis_setwrap .app_result_wrap::before,
.sindan_new_box #diagnosis_setwrap .app_result_cover01::before,
.sindan_new_box #diagnosis_setwrap .app_result_cover02::before,
.sindan_new_box #diagnosis_setwrap .app_result_cover03::before {
content: '';
display:none;
}
.sindan_new_box #diagnosis_setwrap .app_result_wrap::after,
.sindan_new_box #diagnosis_setwrap .app_result_cover01::after,
.sindan_new_box #diagnosis_setwrap .app_result_cover02::after,
.sindan_new_box #diagnosis_setwrap .app_result_cover03::after {
content: '';
display:none;
}
.sindan_new_box #diagnosis_setwrap .app_result_cover03 {
padding:0px;
}
/*-------------------------------------------------------
診断進行
-------------------------------------------------------*/
#sindan-quesiton-step[style="display: none;"] + #diagnosis_setwrap{
margin-top: 10px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .selectbox.cf{
margin-bottom: 0;
}
.sindan_new_box #sindan-quesiton-step{
width: 100%;
height: 15px;
background: #eaeaea;
border-radius: 6px;
position: relative;
}
.sindan_new_box #sindan-quesiton-stepIn{
background: #ffc54d;
height: 15px;
border-radius: 6px;
position: absolute;
left: 0;
top: 0;
}
.sindan_new_box #sindan-quesiton-step p:empty{
display: none;
}
.sindan_new_box #sindan_area{
border: 6px solid #ff1a61;
border-top: 0;
padding: 40px 20px 30px;
border-radius: 0 0 10px 10px;
position:relative;
margin:calc(-1.5em - 10px) 0 30px 0;
}
.sindan_new_box #sindan_area:before{
content:"";
position:absolute;
width:100%;
height:20px;
background:#ff1a61;
top:-10px;
left:0;
right:0;
margin:auto;
z-index:-10;
}
.sindan_new_box #sindan-start-btn{
text-indent: 1000px;
overflow: hidden;
width: 400px;
height: 110px;
line-height: 200px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8d6065bc9b451c1c1b7a85f62d8ad28f.png) no-repeat center / contain;
display: block;
line-height: 100px;
margin: 0 auto;
cursor: pointer;
}
.sindan_new_box #sindan-start-btn:hover{
opacity: 0.6;
}
.sindan_new_box div#diagnosis_setwrap .stepbox{
text-align: center;
margin-bottom: 0;
}
.sindan_new_box div#diagnosis_setwrap{
background:none;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .qtit{
font-size: 22px;
position: relative;
color: #333;
padding-bottom: 10px;
border-bottom: 1px solid #666;
padding-left: 0;
padding:80px 0 10px 0;
}
.sindan_new_box div#diagnosis_setwrap .stepbox li{
margin-bottom: 20px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .selectbox li .item{
border-radius: 30px;
background: #1a65b7;
padding: 4px 5px;
font-size: 16px;
border: 0;
border-bottom: 3px solid #1e4875;
box-shadow: 0 2px 0 0 #1e4875;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .selectbox li.sindan_selected .item{
background: #8aa0aa;
color: #fff;
border-bottom: 3px solid #fff;
box-shadow: 0 2px 0 0 #8aa0aa;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .selectbox li .item:hover{
background: #8aa0aa;
color: #fff;
border-bottom: 3px solid #fff;
box-shadow: 0 2px 0 0 #8aa0aa;
}
.sindan_new_box div#diagnosis_back_btn_area span{
background: none;
width: auto;
color: #666;
border: 0;
box-shadow: none;
font-weight: normal;
border-radius: 0;
font-size: 16px;
}
.sindan_new_box div#diagnosis_back_btn_area span:after{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/c023fdd4b56e8aa5ecf38944786c6346.png) no-repeat center / contain;
top: 0;
bottom: 0;
margin: auto;
border: 0;
transform: none;
width: 18px;
height: 16px;
left: -30px;
}
.sindan_new_box div#diagnosis_back_btn_area span:hover::after {
left: -30px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .qtit:before{
content: '';
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/f1c8f47c46fada2b290abfdb923dcaa8.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: 30px;
width: 50px;
height: 40px;
margin: auto;
}

@media only screen and (orientation:landscape) and (max-width : 927px),(orientation:portrait) and (max-width : 753px){
#sindan-quesiton-step[style="display: none;"] + #diagnosis_setwrap{
margin-top: 30px;
}
.sindan_new_box #sindan-start-btn{
width: calc(100% - 40px);
height: calc((94vw - 80px) * 0.276);
}
.sindan_new_box div#diagnosis_setwrap .stepbox .qtit{
font-size: 18px;
padding-top: 0px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .qtit:before{
top: -40px;
width: 42px;
height: 32px;
}
.sindan_new_box div#diagnosis_setwrap {
padding-top: 60px;
}
.sindan_new_box .result-box div#diagnosis_setwrap {
padding-top: 0px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox li {
margin: 0 0 14px;
width: calc(50% - 5px);
}
.sindan_new_box div#diagnosis_setwrap .stepbox li:nth-of-type(1),div#diagnosis_setwrap .stepbox li:nth-of-type(3){
margin-right: 10px;
}
.sindan_new_box div#diagnosis_setwrap .stepbox .selectbox li .item{
font-size: 12px;
}
.sindan_new_box #sindan_area{
border: 4px solid #ff1a61;
padding: 30px 20px 20px;
}
.sindan_new_box .app_result_wrap aside div.conve-bt-boxs.youbride-cv {
padding:10px 0 10px;
}
}

/*-------------------------------------------------------
1分でわかる
-------------------------------------------------------*/
.minute-box{
margin:20px 0;
}
.minute-box .minute-box-in{
padding:0px;
border:#ffdae1 solid 5px;
border-top:0;
border-radius:0 0 10px 10px;
}
.minute-box .minute-ac{
display: block;
margin:auto;
width:75%;
padding:10px;
border:#3F3F3F solid 3px;
border-radius:10px;
position:relative;
margin:50px auto 30px;
}
.minute-box .minute-ac .minute-h-2{
width:130px;
background:#FFF;
padding:0 10px;
position:absolute;
top:-16px;
left:0;
right:0;
margin:auto;
}
.minute-box .minute-ac .minute-hyouka-3{
display: block;
margin:25px auto 25px;
text-align:center;
}
.minute-box .minute-ac .minute-hyouka-3 img{
width:250px;
}
@media only screen and (orientation:landscape) and (max-width : 927px),(orientation:portrait) and (max-width : 753px){
.minute-box .minute-ac{
width:77%;
padding:0 10px;
margin:40px auto 20px;
}
.minute-box .minute-ac .minute-h-2{
width:25%;
}
.minute-box .minute-ac .minute-hyouka-3 img{
width:45%;
}
.minute-box .minute-ac .minute-hyouka-3 {
margin: 10px auto 10px;
position:relative;
z-index:100;
}
.minute-box .minute-ac .accordion-minnano-hyouka .acdp-label {
font-size: 11px!important;
}
.minute-box .minute-ac .accordion-minnano-hyouka .acdp-label img {
width: 18px;
margin-right: 10px;
}
}
div.blogeditwrap .minute-box-in .simple-hyouka-box {
margin:0;
background:none;
padding:0;
border-top:0;
}
div.blogeditwrap .minute-box-in .simple-hyouka-box .minute-hyouka-3{
margin:0 0 20px;
}
div.blogeditwrap .minute-box .minute-h{
padding:15px 15px 0;
border:#ffdae1 solid 5px;
border-bottom:0;
border-radius:10px 10px 0 0;
text-align:center;
font-size: 30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
font-weight:bold;
color:#333;
}
.h-app-txt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.h-app-txt:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/9ac5e0fe408ae6fc3018bbc00f67b02f.jpg) no-repeat;
background-size:100%;
width:40px;
height:40px;
display:inline-block;
box-shadow: 0 0 0 1px #ccc;
border-radius:5px;
margin:0 15px 0 0;
}
.h-app-txt.withIcon:before {
content: "";
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/with.jpg) 0 0/100% no-repeat;
width: 40px;
height: 40px;
display: inline-block;
box-shadow: 0 0 0 1px rgb(204 204 204 / 30%);
border-radius: 5px;
margin: 0 15px 0 0
}

.h-tokutyou-txt{
color:#ff9000;
margin:0 0 0 5px;
}
.minute-h-sub{
text-align:center;
border-radius:50px 50px 0 0;
background:#768899;
width:150px;
height:30px;
line-height:30px;
font-weight:bold;
margin:0 auto 0;
padding:1px 0 0;
color:#FFF;
position:relative;
}
.minute-h-sub:before{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/cad5c9085c700b39a91ed4f66944678f.png) no-repeat;
background-size:100%;
width:20px;
height:25px;
left:-15px;
top:-10px;
}
.minute-h-sub:first-letter{
font-size:22px;
}
div.blogeditwrap .minute-box .minute-h:before,
div.blogeditwrap .minute-box .minute-h:after {
content: "";
height: 3px;
flex-grow: 1;
background-color: #fe7390;
}
div.blogeditwrap .minute-box .minute-h:before {
margin-right:20px;
}
div.blogeditwrap .minute-box .minute-h:after {
margin-left: 20px;
}
div.blogeditwrap .minute-box .s-box-osusumenahito{
position:relative;
margin:100px auto 20px;
padding:30px 0 20px;
box-shadow:0 0 0 1px #ffdae1;
box-sizing: border-box;
width:100%;
border-radius: 5px;
background:#ffdae1;
position:relative;
}
div.blogeditwrap .minute-box .s-box-osusumenahito:before{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/a1c5ba543a740b4fa68a3e601f2f6ee3.png) no-repeat;
background-size:100%;
width:90px;
height:90px;
left:0;
right:0;
top:-85px;
margin:auto;
}
div.blogeditwrap .minute-box .s-box-osusumenahito dt{
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
text-align: center;
padding:0;
background:#FFF;
box-shadow:0 0 0 1px #ffdae1;
color:#333;
width:200px;
border-radius: 50px;
}
div.blogeditwrap .minute-box .s-box-osusumenahito dd{
margin:0 auto;
padding:0;
text-align: left;
color:#333;
font-size:16px;
font-weight:bold;
width:70%;
position:relative;
}
div.blogeditwrap .minute-box .s-box-osusumenahito dd:before{
content:"";
position:absolute;
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/9418240977415aa70518923ad50a7241.png) no-repeat;
background-size:100%;
width:10px;
height:20px;
left:-20px;
top:12px;
}
div.blogeditwrap .minute-box .simple-hyouka-box .simple-hyouka-in {
padding: 10px 10px 25px;
}
@media only screen and (orientation:landscape) and (max-width : 927px),(orientation:portrait) and (max-width : 753px){
div.blogeditwrap .minute-box .s-box-osusumenahito dd{
margin:0 auto;
padding:0;
text-align: left;
color:#333;
font-size:16px;
font-weight:bold;
width:75%;
position:relative;
}
div.blogeditwrap .minute-box .minute-h:before,
div.blogeditwrap .minute-box .minute-h:after {
content: "";
height: 3px;
flex-grow: 1;
background-color: #fe7390;
}
div.blogeditwrap .minute-box .minute-h:before {
margin-right:10px;
}
div.blogeditwrap .minute-box .minute-h:after {
margin-left: 10px;
}
div.blogeditwrap .minute-box .minute-h{
font-size: 22px;
}
.h-app-txt:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/9ac5e0fe408ae6fc3018bbc00f67b02f.jpg) no-repeat;
background-size:100%;
width:33px;
height:33px;
display:inline-block;
box-shadow: 0 0 0 1px #ccc;
border-radius:5px;
margin:0 10px 0 0;
}
div.blogeditwrap .minute-box .s-box-osusumenahito {
margin: 100px auto 20px;
}
div.blogeditwrap .minute-box .s-hbox-zakkuri {
margin: 40px auto 15px;
}
}


/*-------------------------------------------------------
シンプル評価
-------------------------------------------------------*/
.simple-hyouka-box{
margin:50px 0;
background:#ffdae1;
padding:24px 10px 10px;
position:relative;
}
.blogeditwrap .simple-hyouka-box .s-hbox-h{
position:relative;
z-index:1;
background:none;
color:#333;
font-weight:bold;
border:0;
box-shadow:none;
margin:-80px 0 15px;
padding:80px 0 0 15px;
font-size:22px;
box-sizing: border-box;
}
.blogeditwrap .simple-hyouka-box .s-hbox-h:before,.blogeditwrap .simple-hyouka-box h2:after{
display:none;
}
.blogeditwrap .simple-hyouka-box .s-hbox-hicon{
position:absolute;
top:-15px;
left:20px;
padding:0px 25px;
background:#fe7390;
color:#FFF;
border-radius: 50px;
}
.simple-hyouka-box .simple-hyouka-in{
padding:15px 15px 25px;
background:#FFF;
box-sizing: border-box;
margin:auto;
}
.simple-hyouka-box .s-hbox-ss{
box-shadow:0 0 0 1px #eee;
box-sizing: border-box;
width:100%;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri{
position:relative;
margin:50px auto 40px;
padding:10px;
box-shadow:0 0 0 1px #ff9000;
box-sizing: border-box;
width:100%;
border-radius: 5px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri dt{
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
text-align: center;
padding:0;
background:#ff9000;
color:#FFF;
width:200px;
border-radius: 50px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri dd{
margin:0;
padding:20px 10px 10px;
text-align: center;
color:#ff9000;
font-size:24px;
font-weight:bold;
}
.blogeditwrap .simple-hyouka-box table{
table-layout: fixed;
margin:0 0 30px 0;
}
.blogeditwrap .simple-hyouka-box table tr{
border:0;
}
.blogeditwrap .simple-hyouka-box table th{
width:30%;
background: #fffbfc;
font-weight: bold;
box-shadow:0 0 0 1px #cadce0;
border:0;
text-align: center;
padding:10px 0;
box-sizing: border-box;
}
.blogeditwrap .simple-hyouka-box table td{
width:70%;
box-shadow:0 0 0 1px #cadce0;
border:0;
padding:10px;
box-sizing: border-box;
}
.blogeditwrap .simple-hyouka-box table tr:first-of-type th{
border-radius: 5px 0 0 0;
}
.blogeditwrap .simple-hyouka-box table tr:last-of-type th{
border-radius: 0 0 0 5px;
}
.blogeditwrap .simple-hyouka-box table tr:first-of-type td{
border-radius: 0 5px 0 0;
}
.blogeditwrap .simple-hyouka-box table tr:last-of-type td{
border-radius: 0 0 5px 0;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu{
display: -webkit-flex;
display: flex;
align-items:baseline;
padding:0 10px;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p:first-of-type{
margin:0 10px 0 0;
padding:0 10px 0 0;
font-size:26px;
font-weight:bold;
position: relative;
color:#fe7390;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p:first-of-type:after {
content: '';
position: absolute;
top: 50%;
right:-15px;
display: inline-block;
width: 30px;
height: 1px;
background-color: black;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu div{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu div:first-of-type{
margin:0 10px 0 0;
padding:0 10px 0 0;
font-size:26px;
font-weight:bold;
position: relative;
color:#fe7390;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu div:first-of-type:after {
content: '';
position: absolute;
top: 50%;
right:-15px;
display: inline-block;
width: 30px;
height: 1px;
background-color: black;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}

.blogeditwrap .simple-hyouka-box .hlist-box .acdp-cont{
padding:0;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka{
margin:0 0 10px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label {
text-align: center;
border: 1px solid #e5e5e5;
border-radius: 4px;
height: 30px;
line-height: 30px;
cursor: pointer;
display: block;
font-size: 14px;
position: relative;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label:before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 2px;
border-bottom: 1px solid #e8e8e8;
border-left: 0px solid #e8e8e8;
border-right: 0px solid #e8e8e8;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: auto;
width: 98%;
height: 1px;
border-bottom: 1px solid #e8e8e8;
border-left: 0px solid #e8e8e8;
border-right: 0px solid #e8e8e8;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label img {
width: 18px;
vertical-align: middle;
margin-right: 10px;
position: relative;
bottom: 1px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-cont img {
border-right: 1px solid #000;
border-left: 0px solid #000;
box-sizing: border-box;
}
.blogeditwrap .simple-hyouka-box .riyou-mokuteki-list{
display: -webkit-flex;
display: flex;
align-items:baseline;
padding:0;
}
.blogeditwrap .simple-hyouka-box .riyou-mokuteki-list li{
padding:5px 20px;
margin:0 10px 0 0;
background:#fe7390;
border-radius:5px;
color:#FFF;
}
.blogeditwrap .simple-hyouka-box .riyou-mokuteki-list li.icon-off{
background:#f4e1e7;
color:#e2acbb;
}
.blogeditwrap .simple-hyouka-box .nennreizou-list{
display: -webkit-flex;
display: flex;
align-items:baseline;
padding:0;
}
.blogeditwrap .simple-hyouka-box .nennreizou-list li{
padding:5px 20px;
margin:0 10px 0 0;
background:#fe7390;
border-radius:5px;
color:#FFF;
}
.blogeditwrap .simple-hyouka-box .nennreizou-list li.icon-off{
background:#f4e1e7;
color:#e2acbb;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list{
display: -webkit-flex;
display: flex;
padding:0;
align-items:center;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul{
display: -webkit-flex;
display: flex;
padding:0;
align-items:center;
margin:0 10px 0 0;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul li{
width:25px;
margin:0 6px 0 0;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul li.icon-off{
opacity:0.3
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list p{
padding:0;
margin:0;
font-size:16px;
font-weight:bold;
}
.blogeditwrap .simple-hyouka-box .anzensei-list{
display: -webkit-flex;
display: flex;
padding:0;
align-items:center;
padding:0;
}
.blogeditwrap .simple-hyouka-box .anzensei-list li{
width:25px;
margin:0 6px 0 0;
}
.blogeditwrap .simple-hyouka-box .anzensei-list li.icon-off{
opacity:0.3
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list{
padding:0;
margin:0;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li{
padding:10px 10px 10px 33px;
margin:0;
position:relative;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li:first-of-type:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/f6f9138a7cdb7d8dc072909a5b0a39ef.png)no-repeat center;
background-size:100%;
width:25px;
height:25px;
display:block;
position:absolute;
top:0;
bottom:0;
left:0px;
margin:auto;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li:last-of-type:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/0b48cf9b5700287136cc48a9e31efa64.png)no-repeat;
background-size:100%;
width:25px;
height:25px;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}

.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list{
padding:0;
margin:0;
position:relative;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li{
padding:10px 10px 10px 33px;
margin:0;
position:relative;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li:first-of-type:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/a2d347ae52533e72165847afb3b64a62.png)no-repeat center;
background-size:100%;
width:25px;
height:25px;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li:last-of-type:before{
content:"";
background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/bf71e71abdfc5130e039de9667d37cb6.png)no-repeat;
background-size:100%;
width:25px;
height:25px;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt a{
color:#FFF;
text-decoration:none;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt a{
display: block;
padding: 14px 0px 10px;
border-radius: 5px;
border: 0;
background: #F76839;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height: 1.4;
box-shadow: 0px 3px 0px 0px #e05e33;
position: relative;
color: #fff;
text-decoration: none;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt a:after{
content: '';
position: absolute;
right: 16px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff;
font-size: 20px;
display: block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/7b867c86ad1744a843c3b16a8b15689c.png) center no-repeat rgba(255,255,255,0);
background-size: 15px;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt a:hover{
color: #fff;
opacity: 0.6;
}
.s-hbox-h.sub-txt-in{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
}
.s-hbox-h.sub-txt-in span{
width:100%;
display:block;
}
.s-hbox-h.sub-txt-in .sub-h-txt-1{
display:block;
margin:0 0 3px;
width:100%;
}
.s-hbox-h.sub-txt-in .sub-h-txt-2{
display:block;
width:100%;
font-size:15px;
color:#8f767b;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt.on-yaji a:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2020/03/icon_arrows.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)
}
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.simple-hyouka-box{
margin:30px 0;
padding:20px 10px 10px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-h{
margin:-80px 0 10px;
padding:80px 0 0 10px;
font-size:18px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-hicon{
top:-13px;
left:20px;
padding:0px 20px;
font-size:13px;
}
.simple-hyouka-box .simple-hyouka-in{
padding:10px 10px 15px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri{
margin:30px auto 15px;
padding:5px;
width:100%;
border-radius: 5px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri dt{
position:absolute;
top:-15px;
width:150px;
border-radius: 50px;
font-size:13px;
}
.blogeditwrap .simple-hyouka-box .s-hbox-zakkuri dd{
padding:10px 0px 0px;
font-size:18px;
}
.blogeditwrap .simple-hyouka-box table{
margin:0 0 15px 0;
}
.blogeditwrap .simple-hyouka-box table tr{
border:0;
}
.blogeditwrap .simple-hyouka-box table th{
width:25%;
padding:8px 0;
font-size:12px;
}
.blogeditwrap .simple-hyouka-box table td{
width:75%;
padding:8px;
}
.blogeditwrap .simple-hyouka-box table tr:first-of-type th{
border-radius: 5px 0 0 0;
}
.blogeditwrap .simple-hyouka-box table tr:last-of-type th{
border-radius: 0 0 0 5px;
}
.blogeditwrap .simple-hyouka-box table tr:first-of-type td{
border-radius: 0 5px 0 0;
}
.blogeditwrap .simple-hyouka-box table tr:last-of-type td{
border-radius: 0 0 5px 0;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu{
display: -webkit-flex;
display: flex;
align-items:baseline;
padding:0 0px;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p:first-of-type{
margin:0 10px 0 0;
padding:0 10px 0 0;
font-size:26px;
font-weight:bold;
position: relative;
color:#fe7390;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p:first-of-type:after {
content: '';
position: absolute;
top: 50%;
right:-15px;
display: inline-block;
width: 30px;
height: 1px;
background-color: black;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.blogeditwrap .simple-hyouka-box .hlist-box .acdp-cont{
padding:0;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka{
margin:0 0 5px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label {
height: 25px;
line-height: 25px;
font-size: 10px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label:before {
bottom: -3px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label:after {
bottom: -6px;
}
.blogeditwrap .simple-hyouka-box .hlist-box .accordion-minnano-hyouka .acdp-label img {
width: 15px;
vertical-align: middle;
margin-right: 5px;
position: relative;
bottom: 1px;
}
.blogeditwrap .simple-hyouka-box .riyou-mokuteki-list li{
padding:3px 0;
margin:0 5px 0 0;
font-size: 12px;
width:50px;
text-align: center;
}
.blogeditwrap .simple-hyouka-box .nennreizou-list li{
padding:3px 0px;
margin:0 5px 0 0;
font-size: 12px;
width:50px;
text-align: center;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list{
display: -webkit-flex;
display: flex;
padding:0;
align-items:center;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul{
margin:0 5px 0 0;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul li{
width:18px;
margin:0 3px 0 0;
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list ul li.icon-off{
opacity:0.3
}
.blogeditwrap .simple-hyouka-box .kaiinnsuuu-list p{
padding:0;
margin:0;
font-size:12px;
}
.blogeditwrap .simple-hyouka-box .anzensei-list li{
width:18px;
margin:0 3px 0 0;
}
.blogeditwrap .simple-hyouka-box .anzensei-list li.icon-off{
opacity:0.3
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list{
padding:0;
margin:0;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li{
padding:5px 5px 5px 25px;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li:first-of-type:before{
width:20px;
height:20px;
}
.blogeditwrap .simple-hyouka-box .ryoukinnicon-list li:last-of-type:before{
width:20px;
height:20px;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li{
padding:5px 5px 5px 25px;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li:first-of-type:before{
width:20px;
height:20px;
}
.blogeditwrap .simple-hyouka-box .hyoubandannjyo-list li:last-of-type:before{
width:20px;
height:20px;
}
.blogeditwrap .simple-hyouka-box .new-hyouka-cvbt a:after{
right: 10px;
}
.s-hbox-h.sub-txt-in .sub-h-txt-2{
font-size:13px;
}
.mottomiru_box.s-hbox-moto.motto_open {
height: 100%;
transition: all 0.6s;
overflow: auto;
margin-bottom: 10px;
}
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.mottomiru_box.s-hbox-moto{
height: 720px;
}
}
@media only screen and (max-width : 429px){
.mottomiru_box.s-hbox-moto{
height: 700px;
}
}
@media only screen and (max-width : 421px){
.mottomiru_box.s-hbox-moto{
height: 700px;
}
}
@media only screen and (max-width : 415px){
.mottomiru_box.s-hbox-moto{
height: 700px;
}
}
@media only screen and (max-width : 391px){
.mottomiru_box.s-hbox-moto{
height: 680px;
}
}
@media only screen and (max-width : 376px){
.mottomiru_box.s-hbox-moto{
height: 670px;
}
}


/*-------------------------------------------------------
コンテンツ_修正案
-------------------------------------------------------*/

#re-newbox{
}
.blogeditwrap .ranking-verYOKO{
padding: 20px 15px 10px!important;
background: #f7f7f7;
text-align: center;
position: relative;
z-index: 1;
border-radius:2px;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 8px);
position: relative;
margin: 0;
padding: 45px 0 14px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 0 0 1px #DDE4E6;
border-radius:5px;
}
.blogeditwrap .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;
}
.blogeditwrap .ranking-verYOKO .top5tag{
position: absolute;
width: 65px;
padding: 3px 10px 0;
color: #fff;
background: #6a6a6a;
left: 0;
top: -15px;
right: 0;
margin: auto;
font-size: 14px;
border-radius:5px;
}
.blogeditwrap .ranking-verYOKO .top5tag:after{
content: '';
display: block;
width: 100%;
height: 100%;
border: 0px solid #656565;
position: absolute;
left: 2px;
top: 2px;
z-index: 1;
box-sizing: border-box;
border-radius:5px;
}
.blogeditwrap .ranking-verYOKO .title-sita{
display: inline-block;
margin-bottom: 50px;
border-bottom: 2px solid #000;
line-height: 1;
margin-top: 0px;
padding-bottom: 1px;
position: relative;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(1) .top5tag .num{
font-size: 18px;
color: #fff280;
margin-left: -4px;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(2) .top5tag .num{
color: #85daff;
font-size: 18px;
margin-left: -4px;
}
.blogeditwrap .ranking-verYOKO li:nth-of-type(3) .top5tag .num{
color: #aade88;
font-size: 18px;
margin-left: -4px;
}
#re-newbox .accordion-minnano-hyouka .acdp-cont .ac-conte-osusume ul{
background:#fffef2;
padding:15px 15px 15px!important;
margin:0;
border-radius:5px;
}
body .writer-tab-wrap {
width: 100%;
margin: 20px auto 20px;
padding:5px 0px 20px;
box-sizing:border-box;
border-radius:10px;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover{
padding: 15px 25px 15px;
box-sizing: border-box;
width: 100%;
background: #fcfcfc;
border:0;
position: relative;
border-radius:2px;
box-shadow: 0 0 0 1px #f7f7f7;
}
body .waku-hannyou .wrap {
background:#fff;
margin:0;
padding:0;
}
body .writer-tab-wrap .title{
font-size: 14px;
font-weight: bold;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
margin:20px 0px 10px;
color:#555;
border-radius:2px;
padding:5px 0;
}
body .writer-tab-wrap .title:before,
body .writer-tab-wrap .title:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #555;
}

body .writer-tab-wrap .title:before {
margin-right: 1rem;
}

body .writer-tab-wrap .title:after {
margin-left: 1rem;
}
body .waku-hannyou dt a.name {
text-decoration: none;
display: inline-block;
margin: 0 6px 0 0;
color: #555;
position:relative;
}
body .waku-hannyou dt a.name:before{
content:"";
background:#69c6f4;
bottom:-3px;
left:0;
margin:auto;
height:1px;
width:100%;
border-radius: 10px;
position:absolute;
}

body .writer-tab-wrap .title .material-icons{
font-size: 18px;
margin-right: 8px;
display:none;
}
body .writer-tab-wrap .tab_panel{
padding: 0;
}
body .writer-tab-wrap p:empty{
display: none;
}
body .writer-tab-wrap .waku-hannyou .cf p{
font-size: 0;
}
body .writer-tab-wrap input[type=radio] {
display: none
}
body .tab_area {
font-size: 0;
margin: 0 0 5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body .tab_area label,
body .tab_area label.tab2_label,
body .tab_area label.tab3_label {
width: 55px;
height: 55px;
border-radius: 50%;
display: inline-block;
color: #000;
text-align: center;
font-size: 12px;
cursor: pointer;
transition: ease 0.2s opacity;
margin: 0 10px 10px;
opacity:1
}
body .tab_area label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
line-height:140px;
border:0px;
}
body .tab_area label.tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab4_label {
background: url('https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/01/LiFe_LOGO-1.png') center no-repeat;
background-size: cover
}
body .tab_area label:hover {
opacity: .5
}
body .panel_area {
background: #fff;
margin-top: 34px;
}
body #main-contents .tab_panel,
body .tab_panel {
width: auto;
display: none;
box-sizing: border-box
}
body .tab_panel {
border-radius: 5px;
min-height: 80px;
}
body #main-contents .tab_panel {
padding: 10px;
border-radius: 5px;
min-height: 60px;
}
body #tab1:checked~.panel_area #panel1,
body #tab2:checked~.panel_area #panel2,
body #tab3:checked~.panel_area #panel3,
body #tab4:checked~.panel_area #panel4 {
display: block
}
body #main-contents #re-newbox .tab_panel p,
body .tab_panel p {
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-align: left;
line-height: normal
}
body #tab1:checked~ .tab1_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_230142746.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 0px;
box-shadow: 0 0 0 2px #69c6f4;
}
body #tab2:checked~ .tab2_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231633449.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 0px;
box-shadow: 0 0 0 2px #69c6f4;
}
body #tab3:checked~ .tab3_label {
background: url('https://xk3otuup.user.webaccel.jp/wp/wp-content/uploads/2020/08/2020y08m06d_231925048.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 0px;
box-shadow: 0 0 0 2px #69c6f4;
}
body #tab4:checked~ .tab4_label {
background: url('https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/01/LiFe_LOGO-1.png') center no-repeat;
background-size: cover;
opacity: 1;
border: 0px;
box-shadow: 0 0 0 1px #ffdae1;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:before{
content: '';
display: block;
border-right: 11px solid transparent;
border-bottom: 16px solid #fcfcfc;
border-left: 11px solid transparent;
position: absolute;
left: 38px;
top: -14px;
z-index: 2;
}
body .writer-tab-wrap .waku-hannyou .wrap .cover:after{
content: '';
display: block;
border-right: 11px solid transparent;
border-bottom: 16px solid #f7f7f7;
border-left: 11px solid transparent;
position: absolute;
left: 38px;
top: -16px;
z-index: 1;
}
body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab1:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 25px;
}
body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab2:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 100px;
}
body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab3:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 175px;
}
body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:before,body #tab4:checked~.panel_area .waku-hannyou .wrap .cover:after {
left: 328px;
}
body .ranking-verYOKO .accordion-minnano-hyouka .acdp-label{
text-align: center;
border: 1px solid #d6d6d6;
border-radius: 4px;
height: 36px;
line-height: 36px;
cursor: pointer;
display: block;
font-size: 16px;
position: relative;
background:#ffffff;
}
body .accordion-minnano-hyouka .acdp-label:before{
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 2px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
body .accordion-minnano-hyouka .acdp-label:after{
content: "";
position: absolute;
bottom: -6px;
left: 0;
right: 0;
margin: auto;
width: 98%;
height: 1px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
div.blogeditwrap h3{
padding:15px 5px 14px 20px;
position:relative;
color:#444;
background: #f0f0f0;
border-radius:3px;
margin:40px 0 15px;
}
div.blogeditwrap h3:before{
content:"";
background: #ff76a0;
top:0;
bottom:0;
left:6px;
margin:auto;
height:80%;
width:5px;
border-radius: 10px;
position:absolute;
}
div.blogeditwrap h3:after{
display:none;
}
div.blogeditwrap h4:after {
content:'';
width:10px;
border-radius:3px 3px 0 0;
height:15px;
background: #b6cbd4;
display: block;
position: absolute;
top:-15px;
bottom:0;
margin:auto;
left:0;
}
div.blogeditwrap h4:before {
content:'';
width:10px;
border-radius:0 0 3px 3px;
height:15px;
background: #a0b0b7;
display: block;
position: absolute;
top:0;
bottom:-15px;
margin:auto;
left:0;
}
div.blogeditwrap h4 {
background:none;
border-radius:3px;
padding:8px 5px 8px 18px;
font-weight:bold;
border-radius:5px;
color:#444;
margin:35px 0 15px;
position:relative;
}
div.blogeditwrap .title-img-keturon{
margin:5px 0 30px;
}
div.blogeditwrap .title-img-keturon img{
width:50%;
}
div.blogeditwrap table th{
border-color: #cadce0;
}
div.blogeditwrap thead th {
border-color: #cadce0;
}
div.blogeditwrap table td{
border-color: #cadce0;
}
.ranknewTable-wrap{
border: 0px solid #cadce0;
box-shadow:0 0 0 1px #cadce0;
box-sizing: border-box;
width:99%;
margin:0 auto 24px;
}
div.blogeditwrap img.fullsize {
width:100%!important;
}
div.blogeditwrap p img.imgBorder {
border: 0px solid #cadce0;
box-shadow:0 0 0 1px #cadce0;
box-sizing: border-box;
width:99.5%!important;
margin:0 auto 0;
border-radius:2px;
}
div.blogeditwrap #toc_container {
padding: 15px 20px;
border: 1px solid #cadce0;
margin: 30px 0 0;
border-radius:2px;
}

/*-------------------------------------------------------
アコーディオン（＋－）
-------------------------------------------------------*/
div.blogeditwrap .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;
}
div.blogeditwrap .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;
}
div.blogeditwrap .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;
}
div.blogeditwrap .accordion-pulus .acdp-check:checked ~ .acdp-label:after{
display:none;
}
div.blogeditwrap .accordion-pulus .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/cb5326a159ae0d4f66c051e2319f0b54.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
div.blogeditwrap .accordion-pulus .acdp-check:checked ~ .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/af83b8065eaf0e5b7bd5f071e7c06ba9.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
div.blogeditwrap .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;
}
.keturon-best-box{
}
.keturon-best-box p.keturon-txt-1{
padding:0!important;
margin:0!important;
font-size:22px;
font-weight:bold;
line-height:normal;
}
.keturon-best-box p.keturon-best{
padding:0!important;
margin:-10px 0 0!important;
display: -webkit-flex;
display: flex;
line-height:normal;
justify-content: center;
align-items:baseline;
}
.keturon-best-box p.keturon-best .keturon-txt-2{
font-size:22px;
font-weight:bold;
}
.keturon-best-box p.keturon-best .keturon-txt-3{
font-size:34px;
font-weight:bold;
color: #ff025e;
position:relative;
}
.keturon-best-box p.keturon-best .keturon-txt-3:before{
content:"";
position: absolute;
top:-1px;
right:-8px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/a3322b7294c2a0d74acaed0eef687921.png)no-repeat;
background-size: 100%;
width:13px;
height:13px;
}

div.blogeditwrap .simple-hyouka-box{
margin:50px 0 20px;
background:#ffdae1;
padding:20px 10px 10px;
position:relative;
border-top:solid 8px #fe7390;
}
div.blogeditwrap .simple-hyouka-box .s-hbox-hicon{
position:absolute;
top:-22px;
left:20px;
padding:0px 25px;
background:#fe7390;
color:#FFF;
border-radius: 50px;
}
div.blogeditwrap .s-hbox-h.sub-txt-in .sub-h-txt-1 {
font-size:24px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.blogeditwrap h4:after {
left:0;
}
div.blogeditwrap .title-img-keturon img{
width:85%;
}
div.blogeditwrap img.fullsize {
width: 100%!important;
}
.keturon-best-box p.keturon-txt-1{
font-size:18px;
}
.keturon-best-box p.keturon-best .keturon-txt-2{
font-size:18px;
}
.keturon-best-box p.keturon-best .keturon-txt-3{
font-size:27px;
}
.s-hbox-h.sub-txt-in .sub-h-txt-1{
font-size:22px;
}
div.blogeditwrap .simple-hyouka-box .s-hbox-hicon{
top: -18px;
left: 20px;
padding: 0px 20px;
font-size: 13px;
}
div.blogeditwrap .simple-hyouka-box {
padding: 15px 10px 10px;
margin-bottom: 16px;
}
}
div.blogeditwrap #re-newbox #toc_container + #toc_container{
display:none;
}
div.blogeditwrap h2:after{
display:none;
}

/*-------------------------------------------------------
おすすめ枠-ol
-------------------------------------------------------*/
div.osusume-user_box ol{
list-style: none;
margin: 0;
}
div.osusume-user_box ol li:before{
left: 0;
border: 0;
background: #ff417c;
color: #fff;
font-size: 10px;
text-align: center;
line-height: 20px;
width: 20px;
height: 20px;
}
div.osusume-user_box ol li:nth-of-type(1):before{
content: '1';
}
div.osusume-user_box ol li:nth-of-type(2):before{
content: '2';
}
div.osusume-user_box ol li:nth-of-type(3):before{
content: '3';
}
div.osusume-user_box ol li:nth-of-type(4):before{
content: '4';
}
div.osusume-user_box ol li:nth-of-type(5):before{
content: '5';
}
div.osusume-user_box ol li:nth-of-type(6):before{
content: '6';
}
div.osusume-user_box ol li:nth-of-type(7):before{
content: '7';
}
div.osusume-user_box ol li:nth-of-type(8):before{
content: '8';
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.osusume-user_box ol li:before{
line-height: 18px;
width: 18px;
height: 18px;
}
}

.blogeditwrap .ranking-verYOKO .ribon{
padding:5px 0;
margin:4px 0 0!important;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki{
font-size: 12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
margin:0px;
color:#ff7272;
border-radius:2px;
position:relative;
padding:0 8px;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:before,
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #ff7272;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:before {
margin-right: 1rem;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:after {
margin-left: 1rem;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-txt{
display:block;
}
.blogeditwrap .ranking-verYOKO .top5tag {
padding: 2px 10px 0;
line-height: 25px;
top: -13px;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li {
margin: 0;
padding: 20px 0 10px;
}
ul.ranking-verYOKO-content dt {
    line-height: 1.8;
}
.blogeditwrap .ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap {
margin: 0 auto!important;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.blogeditwrap .ranking-verYOKO {
padding: 10px 10px 0px!important;
}
ul.ranking-verYOKO-content dt {
line-height: 1.1;
}
div.blogeditwrap .title-img-keturon{
margin:5px 0 25px;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:before {
margin-right: 3px;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki:after {
margin-left: 3px;
}
.blogeditwrap .ranking-verYOKO .ribon .ribon-mokuteki{
font-size: 11px;
}
}

.blogeditwrap a.koushiki-bt-link{
display:block;
font-size:12px;
width:50px;
background:#ff74a7;
padding:1px 0 0;
border-radius:50px;
text-decoration:none;
height:25px;
line-height: 25px;
color:#FFF;
box-shadow:0 1px 0px 0px #f74e8c;
margin:0;
}
.blogeditwrap a.shyousai-bt-link{
display:block;
font-size:12px;
width:50px;
background:#6c95aa;
padding:1px 0 0;
border-radius:50px;
text-decoration:none;
height:25px;
line-height: 25px;
color:#FFF;
box-shadow:0 1px 0px 0px #4c7184;
margin:0;
}
.blogeditwrap a.koushiki-bt-link + a.shyousai-bt-link{
margin:5px 0 0;
}

/*-------------------------------------------------------
外国人向け ポジショニングマップ
-------------------------------------------------------*/
.foreigner_positioning-map {
position: relative;
}
.foreigner_positioning-map__icon-wrap {
width: 570px;
height: 570px;
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-content: space-between;
position: absolute;
top: 50%;
left: 50%;
margin-top: -285px;
margin-left: -285px;
}
.foreigner_positioning-map__l-top,
.foreigner_positioning-map__r-top,
.foreigner_positioning-map__l-bottom,
.foreigner_positioning-map__r-bottom {
width: calc(50% - 28px);
height: calc(50% - 28px);
position: relative;
}
.foreigner_positioning-map__icon-wrap li a {
display: block;
text-align: center;
width: fit-content;
position: relative;
}
.foreigner_positioning-map__icon-wrap li img {
width: 70px;
height: 70px;
border: solid 2px #fff;
border-radius: 10px;
box-sizing: border-box;
box-shadow: 2px 2px 0 0 rgba(0,0,0,.2);
}
.foreigner_positioning-map__icon-wrap .app-name {
display: block;
line-height: 1.3;
margin-top: 5px;
font-size: 12px;
}
.foreigner_positioning-map__l-top li,
.foreigner_positioning-map__r-top li,
.foreigner_positioning-map__l-bottom li {
position: absolute;
}
.foreigner_positioning-map__l-top li:nth-child(1){
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.foreigner_positioning-map__l-top li:nth-child(2){
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.foreigner_positioning-map__l-top li:nth-child(3){
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.foreigner_positioning-map__r-top li:nth-child(1){
top: 0;
right: 0;
}
.foreigner_positioning-map__r-top li:nth-child(2){
bottom: 0;
left: 0;
}
.foreigner_positioning-map__l-bottom li:nth-child(1){
top: 0;
left: 0;
}
.foreigner_positioning-map__l-bottom li:nth-child(2){
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.foreigner_positioning-map__l-bottom li:nth-child(3){
right: 0;
bottom: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.foreigner_positioning-map__icon-wrap {
width: 100%;
height: 100%;
justify-content: space-evenly;
align-content: space-evenly;
position: absolute;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
}
.foreigner_positioning-map__l-top,
.foreigner_positioning-map__r-top,
.foreigner_positioning-map__l-bottom,
.foreigner_positioning-map__r-bottom {
width: 39%;
height: 39%;
}
.foreigner_positioning-map__icon-wrap li img {
width: calc(100vw * 0.1);
height: calc(100vw * 0.1);
border: solid 1px #fff;
border-radius: 6px;
}
.foreigner_positioning-map__icon-wrap .app-name {
font-size: 10px;
transform: scale(0.8);
margin-top: 2px;
}
}



/*-------------------------------------------------------
シンプル評価-icon
-------------------------------------------------------*/
div[class*="rank-no"].simple-hyouka-box .s-hbox-hicon{
display: none;
}
.blogeditwrap div[class*="rank-no"].simple-hyouka-box .s-hbox-h{
padding-left: 70px;
}
div.blogeditwrap div[class*="rank-no"] .s-hbox-h.sub-txt-in .sub-h-txt-1{
position: relative;
}
div.blogeditwrap div[class*="rank-no"] .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
content: '';
display: block;
width: 58px;
height: 58px;
position: absolute;
top: 0;
left: -68px;
}
div.blogeditwrap div.rank-no1 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/64bd492c085aeb3db8fcf8acab00ae9e.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no2 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/e9f66c6290dc0578bf3ce0bb31707eee.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no3 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/b5659a5331289de7fb2c64b7653b653d.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no4 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/300f27c3d156bd03b9098c489bc94135.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no5 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/8d796e4bbb2818a0c6dedc33670dfcc2.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no6 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/e609adf210647462464e35b4d7921316.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no7 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/253d006455391af94fc4f774eeb62931.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no8 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/8dc21282687b3871b96f09077a04cc92.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no9 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/7a60d522305a97474a9a37b5dd94351c.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no10 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/890f3b31e64c423b21de7a7feab3b6ed.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no11 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/08e6423a294aa2407e886272dad3339f.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no12 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/f90b22ab681abf4feea4e28a15426804.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no13 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/a08a87c9f52663429f25677d9aade5f9.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no14 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/c60718f369a627175cf119aa65343b03.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no15 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/cdd26f448b1144c2acddccea060e3d07.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no16 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/10515dd423dacf7c1bdd7e084696b74a.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no17 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/26a986afdbf9dd28d800a5b385cb50b5.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no18 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/f2e8abbd5b2f5db12c8ca2a1977a2185.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no19 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/957bd48151eb6b7083b78a5dc9cddf35.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no20 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/6685a1d445d682b1440e57833d15a39f.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no21 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/23d64123bbde29b0572afdee02ca1cb1.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no22 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/3a59c690e4ecde5d2f1900423d110318.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no23 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/dc6848506734b7adf06e98e31c356583.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no24 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/11c81fe54ed5941b3aa73f55428c7515.png) no-repeat center / contain;
}
div.blogeditwrap div.rank-no25 .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/04/38eff2851f36c8a785b3f98fad1662e9.png) no-repeat center / contain;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.blogeditwrap div[class*="rank-no"].simple-hyouka-box .s-hbox-h{
padding-left: 62px!important;
}
div.blogeditwrap div[class*="rank-no"] .s-hbox-h.sub-txt-in .sub-h-txt-1:before{
width: 54px;
height: 54px;
left: -62px;
}
}

/*------------------------------------------------------------
リンクポリシー
-------------------------------------------------------------*/
.privacypolicy{
text-align: left;
color: #626262;
}
.privacypolicy p{
margin: 0 0px 1em;
line-height: 2;
color: #444;
font-size: 16px;
}
.privacypolicy h1{
font-size: 13px;
line-height: 1.3;
border-left: 3px solid #e05a8b;
padding: 0 0 0 13px;
margin: 0 0 45px;
color: #444;
}
.privacypolicy h1:before{
content: 'LINK POLICY';
display: inline;
font-size: 22px;
margin: 0 8px 0 0;
font-family: 'Libre Baskerville', serif;
}
.privacypolicy h2{
background: #000;
padding: 10px 10px 10px 15px;
color: #fff;
margin: 20px 0 20px 0;
line-height: 2;
font-size: 16px;
}
.privacypolicy h3{
background: #ccc;
padding: 5px 10px 5px 10px;
font-weight: bold;
margin: 20px 0 20px 0;
font-size: 16px;
line-height: 2;
color: #444;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.privacypolicy h1{
font-size: 2.8vw;
border-left: 0;
padding: 0;
margin: 0 0 6vw;
text-align: center;
position: relative;
}
.privacypolicy h1:before{
display: block;
font-size: 7.3vw;
line-height: 1.2;
margin:0 0 32px;
font-family: 'Oswald', sans-serif;
}
.privacypolicy h1:after{
content: '';
display: block;
border-top: 0.6vw solid #e05a8b;
box-sizing: border-box;
width: 18vw;
height: 2.1vw;
position: absolute;
right: 0;
left: 0;
bottom: 28px;
margin: auto;
}
}

/*-------------------------------------------------------
SPフォント変更(最下部固定)
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.blogeditwrap h2{
font-size: 5.3vw;
}
div.blogeditwrap h3{
font-size: 4.8vw;
}
div.blogeditwrap h4{
font-size: 4.3vw;
}
div.blogeditwrap p{
font-size: 4.2vw;
}
#detailwrap .title {
font-size: 5.1vw;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p:first-of-type {
font-size: 26px!important;
}
.blogeditwrap .simple-hyouka-box .hlist-box-tensuu p {
font-size: 18px!important;
}
.blogeditwrap .sc_frame_text p {
font-size: 3.9vw;
}
}

/*------------------------------------------------------------
コンテンツポリシー
-------------------------------------------------------------*/
.contentpolicy-wrap{
text-align: left;
color: #626262;
}
.contentpolicy-wrap a{
text-decoration: underline;
}
.contentpolicy-wrap a:hover{
text-decoration: none;
}
.contentpolicy-wrap h2{
box-shadow: 0 0 0 2px #ff587a;
width: 99%;
margin: 2.5em auto 0.8em;
border: 0!important;
background: #fe7390;
padding: 12px 5px 12px 13px;
z-index: -1;
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
line-height: 1.4;
}
.contentpolicy-wrap > h2:first-of-type{
margin-top: 0;
}
.contentpolicy-wrap h2:before{
content: "";
border: 2px solid #ffd9e1;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.contentpolicy-wrap h2 span{
display: -webkit-flex;
display: flex;
align-items: center;
z-index: 2;
}
.contentpolicy-wrap h3{
font-size: 22px;
line-height: 1.4;
}
.contentpolicy-wrap table{
margin: 0 0 24px 0;
border-collapse: collapse;
width: 100%;
}
.contentpolicy-wrap tr{
border-bottom: 1px solid #eee;
}
.contentpolicy-wrap td{
border: 1px solid #bbb;
padding: 10px 7px 7px;
background: #fff;
}
.contentpolicy-wrap th{
background: #f2f2f2;
font-weight: bold;
border: 1px solid #bbb;
padding: 10px 7px 7px;
}
.contentpolicy-wrap h3 + aside{
margin-top: 24px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#detailwrap.contentpolicy-wrap{
padding: 0;
margin: 0;
}
}


/*-------------------------------------------------------
h3男女アイコン
-------------------------------------------------------*/
h3.jyoseimuke:before,h3.danseimuke:before{
display: none;
}
h3 .jyoseimuke-icon{
background: #fc95bb;
top:-110%;
bottom:0;
left: 0px;
margin: auto;
height: 24px;
line-height: 24px;
width: 95px;
border-radius: 20px 50px 50px 0 ;
position: absolute;
font-size:13px;
text-align:center;
color:#FFF;
}
h3 .danseimuke-icon{
background: #69c6f4;
top:-110%;
bottom:0;
left: 0px;
margin: auto;
height: 24px;
line-height: 24px;
width: 95px;
border-radius: 20px 50px 50px 0 ;
position: absolute;
font-size:13px;
text-align:center;
color:#FFF;
}

/*-------------------------------------------------------
ウィジェット調整
-------------------------------------------------------*/
aside#side .widget-box.applistwrap{
margin-top: 40px;
}
aside#side .tagslistwrap{
margin-top: 30px;
}

/*-------------------------------------------------------
accordion-minnano-hyouka調整
-------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.blogeditwrap .ranking-verYOKO .accordion-minnano-hyouka .acdp-cont{
padding-bottom: 10px;
}
.ranking-verYOKO .accordion-minnano-hyouka .acdp-cont .ac-conte-osusume:last-child{
margin-bottom: 0!important;
}
}

/*-------------------------------------------------------
TOP調整
-------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
main#main #topnewwrap section.top-news article{
width: 49%;
margin: 0 0 20px;
}
div#topnewwrap section.top-news article a{
display: block;
}
main#main #topnewwrap section.top-news article a img {
width: 100%;
}
main#main #topnewwrap section.top-news article a h3 {
padding: 10px 0 0!important;
font-weight: bold;
font-size: 13px;
line-height: 1.4!important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3!important;
width: 100%;
}
main#main #topnewwrap section.top-news article a span{
position: static;
}
div#topnewwrap section.top-osusume article{
width: 100%;
margin: 0 0 15px;
}
div#topnewwrap section.top-osusume article a{
display: -webkit-flex;
display: flex;
position:relative;
}
#topnewwrap section.top-osusume article a img{
width: 40%;
}
#main #topnewwrap section.top-osusume article a h3{
width: 60%;
padding: 0 10px;
font-weight: bold;
font-size: 12px;
line-height: 1.8;
-webkit-line-clamp: 5;
}
}

/*-------------------------------------------------------
タブ
-------------------------------------------------------*/
.tab-change-area .tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 20px;
}
.tab-change-area .tab-list li{
width: calc(100% / 4 - 8px);
margin-right: 10px;
}
.tab-change-area .tab-list li:last-of-type{
margin-right: 0;
}
.tab-change-area .tab-list li a{
display: block;
width: 100%;
text-decoration: none;
text-align: center;
line-height: 30px;
background: #999;
border-radius: 30px;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.tab-change-area .tab-list li.tab-active a{
background: #63afdd;
}
.tab-change-area .tab_content{
width: calc(100% - 4px);
position: relative;
left: 2px;
box-sizing: border-box;
padding:20px 0;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.tab-change-area .tab-list{
margin-bottom: 16px;
}
.tab-change-area .tab-list li{
width: calc(100% / 4 - 5px);
margin-right: 6px;
}
.tab-change-area .tab-list li a{
line-height: 30px;
font-size: 13px;
}
.tab-change-area .tab_content{
padding: 12px;
}
}

/*-------------------------------------------------------
アコーディオン調整
-------------------------------------------------------*/
.accordion-pulus .acdp-cont > aside .illustSliderWrap{
margin-bottom: 50px;
}


/*------------------------------------------------------------
男性無料アプリ早見表
-------------------------------------------------------------*/
.free-app-hayami{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.free-app-hayami-cont{
width: calc(100% / 2 - 10px);
position: relative;
}
.free-app-hayami-cont:nth-of-type(2n){
margin-left: auto;
}
.free-app-hayami-cont:nth-of-type(2) ~ .free-app-hayami-cont{
margin-top: 10px;
}
div.free-app-hayami-cont ul{
position: absolute;
left: 0;
top: 110px;
right: 0;
margin: auto;
width: 87%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
div.free-app-hayami-cont:nth-of-type(3) ul{
width: 72%;
}
.free-app-hayami-cont li{
text-align: center;
width: calc(100% / 3);
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.free-app-hayami-cont li img{
height: 80px;
}
.free-app-hayami-cont li a{
display: inline-block;
}
.free-app-hayami-cont li a:hover{
opacity: 0.6;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.free-app-hayami{
margin-bottom: 16px;
}
.free-app-hayami-cont{
width: calc(100% / 2 - 4px);
}
.free-app-hayami-cont:nth-of-type(2) ~ .free-app-hayami-cont{
margin-top: 2px;
}
div.free-app-hayami-cont ul{
position: absolute;
left: 0;
top: 2px;
right: 0;
bottom: 0;
width: 91%;
height: 60px;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
div.free-app-hayami-cont:nth-of-type(3) ul{
width: 82%;
}
.free-app-hayami-cont li{
margin: 0;
}
.free-app-hayami-cont li img{
height: 60px;
}
}

@media only screen and (max-width: 376px){
div.free-app-hayami-cont ul{
top: 3px;
width: 88%;
height: 54px;
}
.free-app-hayami-cont li img{
height: 54px;
}
}


/*------------------------------------------------------------
男性無料アプリ早見表_new
-------------------------------------------------------------*/
.free-app-hayami_new{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.free-app-hayami-cont_new{
width: calc(100% / 2 - 6px);
height:292px;
position: relative;
}
.free-app-hayami-cont_new:nth-of-type(2n){
margin-left: auto;
}
.free-app-hayami-cont_new:nth-of-type(2) ~ .free-app-hayami-cont_new{
margin-top: 10px;
}
div.free-app-hayami-cont_new ul{
position: absolute;
left: 0;
top: 89px;
right: 0;
margin: auto;
width: 80%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding:10px;
}
.free-app-hayami-cont_new li{
text-align: center;
width: calc((100% / 3) - 18px);
}
div.free-app-hayami-cont_new:nth-of-type(2) ul{
width: 62%;
}
div.free-app-hayami-cont_new:nth-of-type(2) ul li{
width: 48%;
}
div.free-app-hayami-cont_new:nth-of-type(3) ul{
width: 62%;
}
div.free-app-hayami-cont_new:nth-of-type(3) ul li{
width: 48%;
}
div.free-app-hayami-cont_new:nth-of-type(4) ul{
width: 40%;
}
div.free-app-hayami-cont_new:nth-of-type(4) ul li{
width: 100%;
}
.free-app-hayami-cont_new li a{
display: inline-block;
}
.free-app-hayami-cont_new li a:hover{
opacity: 0.6;
}
.free-app-hayami-bg_new{
position:relative;
height:593px;
width:100%;
margin-bottom: 20px;
}
.free-app-hayami-img_new{
position:absolute;
}


@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.free-app-hayami-bg_new{
height: auto;
}
.free-app-hayami_new{
margin-bottom: 16px;
}
.free-app-hayami-cont_new{
width: calc(100% / 2 - 4px);
height: calc((94vw / 2) - 25px );
}
.free-app-hayami-cont_new:nth-of-type(2) ~ .free-app-hayami-cont_new{
margin-top: 2px;
}
div.free-app-hayami-cont_new ul{
position: absolute;
left: 0;
top: 43px;
right: 0;
bottom: auto;
width: 81%;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
div.free-app-hayami-cont_new:nth-of-type(2) ul{
width: 64%;
top: 43px;
}
div.free-app-hayami-cont_new:nth-of-type(2) ul li {
width: 50%;
}
div.free-app-hayami-cont_new:nth-of-type(3) ul{
width: 64%;
top: 48px;
}
div.free-app-hayami-cont_new:nth-of-type(3) ul li {
width: 50%;
}
div.free-app-hayami-cont_new:nth-of-type(4) ul {
width: 43%;
top: 48px;
}
.free-app-hayami-cont_new li{
margin: 0;
width: calc((100% / 3) - 6px);
}
}

@media only screen and (max-width: 376px){
div.free-app-hayami-cont_new ul{
top: 40px;
width: 83%;
}
div.free-app-hayami-cont_new:nth-of-type(2) ul{
top: 45px;
}
div.free-app-hayami-cont_new:nth-of-type(3) ul{
top: 45px;
}
div.free-app-hayami-cont_new:nth-of-type(4) ul{
top: 45px;
}
}


/*-----------------------------------------------------
見出しデザイン変更div
-------------------------------------------------------*/
div.blogeditwrap .h-change-wrap h4{
padding: 15px 5px 14px 20px;
position: relative;
color: #444;
background: #f0f0f0;
border-radius: 3px;
margin: 40px 0 15px;
font-weight: bold;
font-size: 22px;
}
div.blogeditwrap .h-change-wrap h4:before{
content:"";
background: #ff76a0;
top:0;
bottom:0;
left:6px;
margin:auto;
height:80%;
width:5px;
border-radius: 10px;
position:absolute;
}
div.blogeditwrap .h-change-wrap h4:after{
display: none;
}
div.h-change-wrap h5{
background: none;
border-radius: 3px;
padding: 8px 5px 8px 18px;
font-weight: bold;
border-radius: 5px;
color: #444;
margin: 35px 0 15px;
position: relative;
font-size: 20px;
}
div.h-change-wrap h5:after {
content:'';
width:10px;
border-radius:3px 3px 0 0;
height:15px;
background: #b6cbd4;
display: block;
position: absolute;
top:-15px;
bottom:0;
margin:auto;
left:0;
}
div.h-change-wrap h5:before {
content:'';
width:10px;
border-radius:0 0 3px 3px;
height:15px;
background: #a0b0b7;
display: block;
position: absolute;
top:0;
bottom:-15px;
margin:auto;
left:0;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.blogeditwrap .h-change-wrap h4{
font-size: 4.8vw;
letter-spacing: -0.3px;
}
div.h-change-wrap h5{
font-size: 4.3vw;
letter-spacing: -0.3px;
}
}

/*-------------------------------------------------------
TOPスライダー
-------------------------------------------------------*/
body.bae #unkvwrap.cf{
display: block;
height: auto;
background: none;
}
.top-fv-slider{
margin-bottom: 50px;
position: relative;
}
.top-fv-slider .slick-list{
background: #fff;
}
.top-fv-slider-cont{
width: 992px;
margin: 4px;
box-shadow: 0 0 0 4px #E66882;
opacity: 0.6;
}
.slick-center{
opacity: 1;
}
.top-fv-slider-cont-in{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width: 100%;
height: 100%;
}
.slick-center{
transition: 0.5s;
}
.slick-center:hover{
opacity:0.6;
}
.top-fv-slider-cont .img-wrap-link{
width: 50%;
overflow: hidden;
}
.top-fv-slider-cont .img-wrap{
height: 100%;
}
.top-fv-slider-cont .img-wrap img{
width: 100%;
height: 354px;
object-fit: cover;
}
.top-fv-slider-cont .text-wrap-link{
width: 50%;
box-sizing: border-box;
}
.top-fv-slider-cont .text-wrap{
height: 100%;
background: #FEE5EA;
padding: 25px 0;
box-sizing: border-box;
}
.top-fv-slider-cont .text-wrap-in{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 30px;
height: 100%;
background: #fff;
box-sizing: border-box;
}
.top-fv-slider-cont .text-wrap .tag{
background: #E66882;
color: #fff;
border-radius: 50px;
line-height: 32px;
padding: 0 16px;
font-size: 16px;
margin-bottom: 10px;
}
.top-fv-slider-cont .text-wrap .title{
color: #E66882;
font-weight: bold;
font-size: 22px;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 6px;
text-align: left;
}
.top-fv-slider-cont .text-wrap .text{
color: #444444;
font-size: 18px;
line-height: 1.5;
text-align: left;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.top-fv-slider-cont .text-wrap .date{
margin-left: auto;
color:#7F7F7F;
font-size: 16px;
}
.top-fv-slider-in .slick-dots li button:before{
font-size: 12px;
opacity: 1;
width: auto;
color: #BBBBBB;
position: static;
}
.top-fv-slider-in .slick-dots li.slick-active button:before{
color: #E66882;
}
.top-fv-slider-in .slick-dots li button{
padding: 0;
touch-action: manipulation;
}
.top-fv-slider-in .slick-dots li{
margin: 0 4px;
}
.top-fv-slider-in .slick-dots{
bottom: -42px;
}
.top-fv-slider .slider-arrow{
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
.top-fv-slider .slider-arrow.slider-prev{
left: 50%;
margin-left: -525px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/arrow_left.png) no-repeat left 16px center / 13px rgba(0,0,0,.7);
}
.top-fv-slider .slider-arrow.slider-next{
right: 50%;
margin-right: -525px;
background:url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/arrow_right.png) no-repeat right 16px center / 13px rgba(0,0,0,.7);
}
.top-fv-slider .slider-arrow:before{
display: none;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.top-fv-slider{
margin-bottom: 26px;
}
.top-fv-slider div.top-fv-slider-in{
background: #FEE5EA;
padding: 8px 0 26px;
margin-bottom: 0;
}
.top-fv-slider .slick-list{
background: none;
}
.top-fv-slider-cont{
width: 100%;
height: auto;
margin: 0;
box-shadow: none;
opacity: 1;
margin: 0 8px;
}
.top-fv-slider-cont-in{
display: block;
}
.top-fv-slider-cont a{
display:block;
}
.top-fv-slider-cont .img-wrap-link {
width: 90%;
margin: 0 auto;
position: relative;
z-index: 1;
}
.top-fv-slider-cont .img-wrap{
width: 100%;
}
.top-fv-slider-cont .img-wrap img{
height: calc(((80vw - 16px) * 0.9) * 0.7143);
}
.top-fv-slider-cont .text-wrap-link{
width: 100%;
margin-top: -10px;
position: relative;
z-index: 2;
}
.top-fv-slider-cont .text-wrap{
width: 100%;
display: block;
padding: 10px;
text-align: left;
border-radius: 4px;
background: rgba(255,255,255,0.9);
}
.top-fv-slider-cont .text-wrap-in{
padding: 0;
}
.top-fv-slider-in .slick-dots{
right: 0;
}
.top-fv-slider-cont .text-wrap .tag,.top-fv-slider-cont .text-wrap .text,.top-fv-slider-cont .text-wrap .date{
display: none;
}
.top-fv-slider-cont .text-wrap .title{
font-size: 16px;
-webkit-line-clamp: 2;
margin: 0;
-webkit-text-size-adjust: 100%;
}
.top-fv-slider-in .slick-dots li button:before{
font-size: 10px;
}
.top-fv-slider-in .slick-dots li{
margin: 0 2px;
}
.top-fv-slider-in .slick-dots{
bottom: -2px;
}
.top-fv-slider .slider-arrow{
width: 32px;
height: 32px;
}
.top-fv-slider .slider-arrow.slider-prev{
margin-left:-15px;
left: 10%;
background:url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/arrow_left.png) no-repeat right 13px center / 9px rgba(0,0,0,.7);
}
.top-fv-slider .slider-arrow.slider-next{
margin-right: -15px;
right: 10%;
background:url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/arrow_right.png) no-repeat left 13px center / 9px rgba(0,0,0,.7);
}
.top-fv-slider .slick-track{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.top-fv-slider-cont-in:hover .img-wrap img,.top-fv-slider-cont-in:hover .text-wrap-in *{
transform: none;
}
body.bae #unkvwrap.cf{
margin-bottom: 0;
}
}

/*-----------------------------------------------------
見出しtest
-------------------------------------------------------*/
article div.blogeditwrap .midasi-test1 h3:before,article div.blogeditwrap .midasi-test2 h3:before,article div.blogeditwrap .midasi-test3 h3:before{
background: #10adbd;
}
article div.blogeditwrap .midasi-test1 h2{
background: #10adbe;
box-shadow: none;
border-radius: 5px;
font-weight:bold;
}
article div.blogeditwrap .midasi-test1 h2:before{
border: 0;
height: 7px;
bottom: auto;
border-bottom: 2px dashed #c4e3e8;
width: calc(100% - 10px);
width: calc((100% / 0.8) - 10px);
left: 4px;
transform: scale(0.8);
transform-origin: left;
}
article div.blogeditwrap .midasi-test1 h2:after{
border: 0;
height: 7px;
border-top: 2px dashed #c4e3e8;
content: "";
width: calc((100% / 0.8) - 10px);
box-sizing: border-box;
display: block;
position: absolute;
left: 4px;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
transform: scale(0.8);
transform-origin: left;
}
article div.blogeditwrap .midasi-test2 h2{
background: #10adbe;
border: 2px solid #fff!important;
box-shadow: 0 0 0 1px #00d6cf;
font-weight:bold;
position:unset;
}
article div.blogeditwrap .midasi-test2 h2:before{
width: 20px;
height: 20px;
left: -2px;
top: -2px;
right: auto;
bottom: auto;
border: 0;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/bafb325db25a966bc656b51a5ca3be89.png) no-repeat center / contain;
}
article div.blogeditwrap .midasi-test2 h2:after{
display: block;
width: 20px;
height: 20px;
left: auto;
top: auto;
right: -2px;
bottom: -2px;
border: 0;
content: "";
z-index: 1;
position: absolute;
box-sizing: border-box;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/ed08be1592ef014d9f84eb059930fdc6.png) no-repeat center / contain;
}
article div.blogeditwrap .midasi-test3 h2{
background: #fff;
border-top: 3px solid #10adbe!important;
border-bottom: 3px solid #10adbe!important;
box-shadow: none;
color: #1a1a1a;
font-weight:bold;
}
article div.blogeditwrap .midasi-test3 h2:before{
display: none;
}


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

/*------------------------------------------------------------
おすすめ枠 checkマーク オレンジ
-------------------------------------------------------------*/
.osusume-user_box_check.orange{
box-shadow: 0 0 0 4px #ffeaaf;
}
.osusume-user_box_check.orange .midasi div{
color: #ff7600;
}
.osusume-user_box_check.orange li:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/a37c75142783d330e0657bb6e9feb6b6.png) no-repeat center / contain;
}

/*------------------------------------------------------------
table修正
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.ranknewTable-wrap .accordion_table_wrap .accordion_table.table-scroll-fix{
margin-bottom: 0;
}
}

/*------------------------------------------------------------
サムネスクロール枠(1)
-------------------------------------------------------------*/
.blogeditwrap .thumbnail-scrollbox_01{
padding:10px;
background:#FFF;
border-radius: 3px;
box-sizing:border-box;
width:100%;
margin:auto;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox{
border:0 solid #bebebe;
overflow: hidden;
padding:0;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover {
padding: 0px 0px 10px;
}
.thumbnail-scrollbox_01 p:empty{
display: none;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover .imgbox {
width: 168px;
height: 120px;
}
@media (max-width: 767px){
.blogeditwrap .thumbnail-scrollbox_01{
padding:0;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover {
padding: 0px 0px 5px;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover .imgbox {
width: 34vw;
height: 24vw;
}
}

/*------------------------------------------------------------
サムネスクロール枠(2)
-------------------------------------------------------------*/
.blogeditwrap .thumbnail-scrollbox_02{
padding:10px;
background:#FFF;
border-radius: 3px;
box-shadow: 0 0 0 5px #f0f6fa;
box-sizing:border-box;
width:98%;
margin:auto;
}
.blogeditwrap .thumbnail-scrollbox_02 > .insertbox{
border:0 solid #bebebe;
overflow: hidden;
padding:0;
}
.blogeditwrap .thumbnail-scrollbox_02 > .insertbox .linkcover {
padding: 0px 0px 10px;
border-bottom:1px solid #f0f6fa;
}
.thumbnail-scrollbox_02 p:empty{
display: none;
}
@media (max-width: 767px){
.blogeditwrap .thumbnail-scrollbox_02{
padding:10px 10px 0;
}
}
/*------------------------------------------------------------
サムネスクロール
-------------------------------------------------------------*/
.thumbnail-scroll{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
margin:10px 0 0;
padding:0 0 10px;
}
div.thumbnail-scroll .insertbox{
-webkit-box-flex:0;
-ms-flex:0 0 168px;
flex:0 0 168px;
border: 0;
margin-right: 20px;
}
div.thumbnail-scroll .insertbox:last-of-type{
margin-right: 0;
}
div.thumbnail-scroll .insertbox .linkcover{
padding: 0;
}
div.thumbnail-scroll .insertbox .linkcover .textarea{
padding: 0;
}
div.thumbnail-scroll .insertbox .linkcover .imgbox{
float: none;
border: 1px solid #d6e1e6;
box-sizing: border-box;
width: 168px;
height: 120px;
}
div.thumbnail-scroll .insertbox .linkcover .textarea .intit{
margin: 4px 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 1.5;
}
.thumbnail-scroll .scroll-hint-icon{
top: calc(50% - 40px);
}
@media (max-width: 767px){
div.thumbnail-scroll .insertbox{
-webkit-box-flex:0;
-ms-flex:0 0 35vw;
flex:0 0 35vw;
margin-right: 14px;
}
div.thumbnail-scroll .insertbox .linkcover .textarea .intit{
font-size: 12px;
}
div.thumbnail-scroll .insertbox .linkcover .imgbox{
width: 34vw;
height: 23vw;
}
}
/*------------------------------------------------------------
例文テンプレボックス
-------------------------------------------------------------*/
.reibun-tenpurebox{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
margin-bottom: 20px;
padding-bottom: 10px;
}
.reibun-tenpurebox-cont{
-webkit-box-flex:0;
-ms-flex:0 0 325px;
flex:0 0 325px;
border: 0;
margin: 0 auto;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/f4707100552545231e33a5b4f59b10f2.png) no-repeat center top / 325px;
padding: 70px 34px 20px;
box-sizing: border-box;
max-height: 652px;
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://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/d30d7a71d41b0decdca591c145237643.png) no-repeat center top / contain;
position: absolute;
left: 0;
top: 5px;
}
.reibun-tenpurebox-cont .b{
font-size: 14px;
font-weight: bold;
background: none;
}
.blogeditwrap .reibun-tenpurebox-cont p{
font-size: 14px;
line-height: 1.4;
margin-bottom: 20px;
}
.blogeditwrap .reibun-tenpurebox-cont p:last-child{
margin-bottom: 0;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .midasi,.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .b{
display: none;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont{
margin-left: 20px;
}

@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 94vw;
flex:0 0 94vw;
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/06/f4707100552545231e33a5b4f59b10f2.png) no-repeat center top / cover;
padding: 20vw 10vw 20px;
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;
}
.reibun-tenpurebox-cont .b{
font-size: 15px;
}
.blogeditwrap .reibun-tenpurebox-cont p{
font-size: 15px;
line-height: 1.4;
}
.blogeditwrap .reibun-tenpurebox-cont p:last-child{
margin-bottom: 0;
}
}

@media only screen and (max-width: 375px){
.blogeditwrap .reibun-tenpurebox-cont p {
margin-bottom: 16px;
}
}

/*-----------------------------------------------------
アイコン上寄せ
-------------------------------------------------------*/
.align-top{
vertical-align:top;
}

/*------------------------------------------------------------
TOP改修
-------------------------------------------------------------*/
div#sidemenu-applist ul.applist-box li span{
color: #2169a2;
}
#topnewwrap .top-news article a > img{
height: 153px;
object-fit: cover;
}
.recentTopUser{
position: relative;
display: block;
padding-left: 46px;
}
.recentTopUser .userImgBox{
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 34px;
height: 34px;
box-shadow: 0 0 0 1px #eaeaea;
border-radius: 50px;
}
.recentTopUser .userImgBox img{
width: 100%;
border-radius: 50%;
}
.recentTopUser time{
display: block;
text-align: left;
}
#topnewwrap .recentTopUser .userNames{
display: block;
text-align: left;
font-size: 13px;
}
div#topnewwrap section.top-news article a h3{
margin-bottom: 7px;
padding-top: 7px;
}
div#topnewwrap section.top-news article a h3:last-child{
margin-bottom: 0;
}
div#topnewwrap section.top-news article{
margin-bottom: 22px;
}
#sidemenu-applist .applist-box:first-of-type{
margin-bottom: 10px;
}
.inner.cf.footer-info{
font-size: 11px;
color: #626262;
}
#side .writerswrap .spinner{
margin-top: 40px;
}
#side .site-search{
margin-top: 40px;
}
#footer{
background: #eee;
}
footer#footer .frmenu{
background: none;
max-width: 1000px;
margin: 0 auto 130px;
position: relative;
padding-left: 220px;
box-sizing: border-box;
}
#footer div.categorylist{
margin: 6px auto 0;
text-align: left;
width: auto;
}
#footer .categorylist a:hover{
opacity: 0.6;
}
#footer .tagslistwrap{
width: 100%;
margin:0 auto;
text-align: left;
}
#footer .tagslistwrap .spl{
font-weight: bold;
}
#footer div.frmenu ul{
position: absolute;
bottom: -80px;
margin: 0 auto;
width: 100%;
left: 0;
right: 0;
}
.inner.cf.footer-info{
font-size: 10px;
color: #626262;
position: absolute;
left: 0;
top: 35px;
width: 200px;
text-align: left;
background: url(/matchlife/wp/wp-content/themes/Life/img/tousyou-logo-img.jpg) no-repeat center top / 65px;
padding-top: 90px;
}
#topnewwrap section.top-news.koikatu-topcontents article,#topnewwrap section.top-news.konkatu-topcontents article,#topnewwrap section.top-news.jyoban-topcontents article{
width: 49%;
}
#topnewwrap .top-news.koikatu-topcontents article a > img,#topnewwrap .top-news.konkatu-topcontents article a > img,#topnewwrap .top-news.jyoban-topcontents article a > img{
height: 234px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main div#topnewwrap section.top-news article{
width: 100%;
}
div#topnewwrap section.top-news article a{
position: relative;
padding-left: 0;
overflow: hidden;
}
main#main #topnewwrap section.top-news article a > img{
width: 33%;
height: calc(((100vw - 20px) * 0.33) * 0.714);
float: left;
}
main#main div#topnewwrap section.top-news article a h3{
box-sizing: border-box;
padding:0 0 0 10px!important;
float: right;
width: 67%;
}
main#main #topnewwrap section.top-news article .recentTopUser{
position: relative;
box-sizing: border-box;
padding-left: 46px;
float: right;
width: 67%;
}
div#topnewwrap section.top-news article a span time{
font-size: 10px;
}
#main #topnewwrap section.top-news article a .userNames{
font-size: 10px;
color: #333;
}
.recentTopUser .userImgBox{
width: 28px;
height: 28px;
left: 10px;
box-shadow: 0 0 0 1px #eaeaea;
border-radius: 50px;
}
main#main div#topnewwrap section.top-news.hikaku-topcontents article,main#main div#topnewwrap section.top-news.koikatu-topcontents article,main#main div#topnewwrap section.top-news.konkatu-topcontents article{
width: 49%;
}
div#topnewwrap section.top-news.hikaku-topcontents article a,div#topnewwrap section.top-news.koikatu-topcontents article a,div#topnewwrap section.top-news.konkatu-topcontents article a{
padding: 0;
}
main#main #topnewwrap section.top-news.hikaku-topcontents article a > img,main#main #topnewwrap section.top-news.koikatu-topcontents article a > img,main#main #topnewwrap section.top-news.konkatu-topcontents article a > img{
width: 100%;
position: static;
float: none;
}
main#main div#topnewwrap section.top-news.hikaku-topcontents article a h3,main#main div#topnewwrap section.top-news.koikatu-topcontents article a h3,main#main div#topnewwrap section.top-news.konkatu-topcontents article a h3{
padding: 8px 0 0 0!important;
float: none;
width: 100%;
}
div#topnewwrap section.top-news.jyoban-topcontents article a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
main#main #topnewwrap section.top-news.jyoban-topcontents article a > img{
position: static;
display: block;
float: none;
}
main#main div#topnewwrap section.top-news.jyoban-topcontents  article a h3{
float: none;
}
div#sidemenu-applist ul.applist-box li{
width: 25%;
}
div#sidemenu-applist ul.applist-box li img{
width: auto!important;
height: auto!important;
max-width: calc(100% - 10px);
}
.koikatu-topcontents{
margin-top: 10px;
}
#footer .tagslistwrap .spl {
display: block;
border-bottom: 1px solid #e05a8b;
}
#footer .tagslistwrap{
width: 100%;
}
footer#footer .frmenu{
padding: 10px 10px 0;
margin: 0;
}
#footer div.frmenu ul{
position: static;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0;
}
footer#footer .frmenu li a{
line-height: 1;
padding-left: 0;
padding-right: 20px;
}
.inner.cf.footer-info{
position: relative;
background: none;
padding: 10px 0 10px 110px;
width: 100%;
box-sizing: border-box;
top: auto;
font-size: 12px;
}
.inner.cf.footer-info:before{
content: '';
display: block;
width: 100px;
height: 80px;
background: url(/matchlife/wp/wp-content/themes/Life/img/tousyou-logo-img.jpg) no-repeat center / contain;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
footer#footer p.copy{
font-size: 10px;
}
main#main #topnewwrap .top-news.koikatu-topcontents article a > img,main#main #topnewwrap .top-news.konkatu-topcontents article a > img,main#main #topnewwrap section.top-news.hikaku-topcontents article a > img{
height: calc(((100vw - 20px) * 0.49) * 0.714) ;
object-fit: cover;
}
#side section.widget-box ul.ninki-ranking-box li a:nth-of-type(1){
width: 36%;
box-sizing: border-box;
}
.widget-box ul.wpp-list.ninki-ranking-box img{
height: calc(((100vw - 32px) * 0.36) * 0.714);
}
section.widget-box ul.ninki-ranking-box li a:nth-of-type(2){
box-sizing: border-box;
}
}
@media only screen and (max-width: 391px){
main#main #topnewwrap section.top-news article a > img{
width: 35%;
height: calc(((100vw - 20px) * 0.35) * 0.714);
}
main#main div#topnewwrap section.top-news article a h3,main#main #topnewwrap section.top-news article .recentTopUser{
width: 65%;
}
}
@media only screen and (max-width: 376px){
main#main #topnewwrap section.top-news article a > img{
width: 37%;
height: calc(((100vw - 20px) * 0.37) * 0.714);
}
main#main div#topnewwrap section.top-news article a h3,main#main #topnewwrap section.top-news article .recentTopUser{
width: 63%;
}
}
#sidemenu-applist h3{
line-height:2;
padding: 0;
font-size: 14px;
font-weight:bold;
background: #f5f5f5;
box-sizing: border-box;
margin: 0 auto 10px;
border-radius: 3px;
position: relative;
width: 100%;
text-align: left;
padding-left: 20px;
color:#6f6f6f;
}
#sidemenu-applist h3:before,#sidemenu-applist h3:after {
position: absolute;
top: 45%;
display: inline-block;
width: 65px;
height: 2px;
background-color: #d9d9d9;
border-radius: 50px;
color: #444;
}
#sidemenu-applist h3:before {
left:5%;
display:none;
}
#sidemenu-applist h3:after {
right:5%;
width: 150px;
}
#sidemenu-applist div.applist-h3{
line-height:2;
padding: 0;
font-size: 14px;
font-weight:bold;
background: #f5f5f5;
box-sizing: border-box;
margin: 0 auto 10px;
border-radius: 3px;
position: relative;
width: 100%;
text-align: left;
padding-left: 20px;
color:#6f6f6f;
}
#sidemenu-applist div.applist-h3:before,#sidemenu-applist div.applist-h3:after {
position: absolute;
top: 45%;
display: inline-block;
width: 65px;
height: 2px;
background-color: #d9d9d9;
border-radius: 50px;
color: #444;
}
#sidemenu-applist div.applist-h3:before {
left:5%;
display:none;
}
#sidemenu-applist div.applist-h3:after {
right:5%;
width: 150px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#sidemenu-applist h3{
margin: 20px auto 15px;
width: 97%;
padding-left: 18px;
color: #444;
}
#sidemenu-applist h3:after {
width: calc(100% - 130px);
}
#sidemenu-applist h3:first-of-type{
margin: 0px auto 15px;
}
#sidemenu-applist div.applist-h3{
margin: 20px auto 15px;
width: 97%;
padding-left: 18px;
color: #444;
}
#sidemenu-applist div.applist-h3:after {
width: calc(100% - 130px);
}
#sidemenu-applist div.applist-h3:first-of-type{
margin: 0px auto 15px;
}
ul.applist-box{
margin: 0px auto 15px;
}
.bae #topheader .log svg{
width: 200px;
height: 40px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.bae #topheader .log a{
width: 200px;
height: 40px;
position:absolute;
top:0;
left:0;
right:20px;
bottom:0;
margin:auto;
z-index:2;
}
}
@media only screen and (max-width: 414px){
#sidemenu-applist h3:after {
width: calc(100% - 120px);
}
}
#topnewwrap section.top-news{
margin:0 0 20px;
}
/*------------------------------------------------------------
TOP改修（ボタン）
-------------------------------------------------------------*/
.top-kuchikomi-more{
text-align:center;
width:60%;
margin:auto;
display:block;
border-radius: 50px;
background: #ebebeb;
box-shadow: 2px 2px 10px #a7bed0,-2px -2px 10px #ffffff;
margin:20px auto 40px;
}
.top-kuchikomi-more a{
display: block;
width: 100%;
border: 0px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #FFF;
position: relative;
background: #2169a2;
padding:8px 0;
cursor:pointer;
border-radius: 50px;
}
.top-kuchikomi-more a:hover{
background: #5daff0;
color: #FFF;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.top-kuchikomi-more{
text-align:center;
width:85%;
margin:auto;
display:block;
border-radius: 50px;
background: #ebebeb;
box-shadow: 2px 2px 10px #a7bed0,-2px -2px 10px #ffffff;
margin:10px auto 20px;
}
.top-kuchikomi-more a{
display: block;
width: 100%;
border: 0px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #FFF;
position: relative;
background: #2169a2;
padding:5px 0;
cursor:pointer;
border-radius: 50px;
}
.top-kuchikomi-more a:hover{
background: #2169a2;
color: #FFF;
}
#sidemenu-applist h3{
border-radius: 2px;
}
#sidemenu-applist div.applist-h3{
border-radius: 2px;
}
}
.app-other-link{
text-align:right;
width:auto;
width: 100%;
}
.app-other-link a{
width:auto;
font-size:12px;
color:#2169a2;
font-weight:bold;
padding:0 5px;
margin:0 10px;
box-sizing: border-box;
position:relative;
display:inline-block;
}
.app-other-link a:before{
content:"";
width:100%;
height:1px;
background:rgb(33 105 162 / 20%);
bottom:0;
left:0;
right:0;
margin:auto;
position:absolute;
}
.app-other-link a:hover{
opacity:0.6;
}
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more{
text-align:center;
width:60%;
margin:auto;
display:block;
border-radius: 50px;
background: #ebebeb;
box-shadow: 2px 2px 10px #a7bed0,-2px -2px 10px #ffffff;
margin:20px auto 40px;
}
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more a{
display: block;
width: 100%;
border: 0px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #FFF;
position: relative;
background: #2169a2;
padding:8px 0;
cursor:pointer;
border-radius: 50px;
}
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more a:hover{
background: #5daff0;
color: #FFF;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more{
text-align:center;
width:85%;
margin:auto;
display:block;
border-radius: 50px;
background: #ebebeb;
box-shadow: 2px 2px 10px #a7bed0,-2px -2px 10px #ffffff;
margin:10px auto 20px;
}
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more a{
display: block;
width: 100%;
border: 0px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #FFF;
position: relative;
background: #2169a2;
padding:5px 0;
cursor:pointer;
border-radius: 50px;
}
#topnewwrap section.jyoban-topcontents.top-news .top-kuchikomi-more a:hover{
background: #2169a2;
color: #FFF;
}
}

/*------------------------------------------------------------
TOP改修（色&デザイン）
-------------------------------------------------------------*/
#topnewwrap section.top-news h2{
font-size: 24px;
font-weight: 300;
color: #FFF;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
box-shadow: 0 0 0 2px #333;
width:99%;
margin:0 auto 20px;
border:0;
background: #333;
padding: 5px 0px 5px 15px;
border-radius:1px;
z-index: 0;
}
#topnewwrap section.top-news h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
border-radius:1px;
}
.top-fv-slider-cont{
box-shadow: 0 0 0 4px #FFF;
}
.top-fv-slider-cont .text-wrap{
background: #cbd3da;
}
.top-fv-slider-cont .text-wrap .tag{
background: #ea4f6f;
color: #fff;
}
.top-fv-slider-cont .text-wrap .title{
color: #2169a2;
}
.top-fv-slider-in .slick-dots li.slick-active button:before{
color: #2169a2;
}
.top-fv-slider-in .slick-dots li button:before {
color: #cbd3da;
}
#side .site-search{
margin-top:0;
}
.leftbodertit .tit {
font-size: 15px;
margin: 0 8px 0 0;
display: inline;
}
.changegf {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;
}
#side .leftbodertit {
border-left: 0px solid #e7141a;
border-top:2px solid #333;
border-bottom:2px solid #333;
text-align: left;
padding: 10px 0 10px 5px;
line-height: 1.3;
margin:0 0 20px;
background:#FFF;
border-radius:1px;
font-weight:bold;
color:#333;
box-shadow: 0 0 0 0px #fff;
}
div.blogeditwrap h2{
box-shadow: 0 0 0 2px #333;
width: 99%;
margin: 2.5em auto 1.5em;
border: 0!important;
background: #333;
padding: 12px 5px 12px 13px;
z-index:-1;
}
div.blogeditwrap h2:before{
border: 2px solid #ffffff;
}
div.blogeditwrap h2:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 18px 18px;
border-color: transparent transparent #2a2a2a transparent;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
div.blogeditwrap h3{
padding:13px 5px 12px 20px;
position:relative;
color:#000;
background: #d8d8d8;
border-radius:3px;
margin:40px 0 15px;
font-weight:bold;
}
div.blogeditwrap h3:before{
content:"";
background: #ebebeb;
top:0;
bottom:0;
left:6px;
margin:auto;
height:80%;
width:5px;
border-radius: 10px;
position:absolute;
}
div.blogeditwrap h3:after{
display:none;
}
div.blogeditwrap h4 {
background:none;
border-radius:3px;
padding:8px 5px 8px 18px;
font-weight:bold;
border-radius:5px;
color:#000;
margin:35px 0 15px;
position:relative;
}
div.blogeditwrap h4:after {
content:'';
width:10px;
border-radius:3px 3px 0 0;
height:15px;
background: #616d72;
display: block;
position: absolute;
top:-15px;
bottom:0;
margin:auto;
left:0;
}
div.blogeditwrap h4:before {
content:'';
width:10px;
border-radius:0 0 3px 3px;
height:15px;
background: #3e4548;
display: block;
position: absolute;
top:0;
bottom:-15px;
margin:auto;
left:0;
}
#side .site-search {
margin: 0 0 40px;
}
.bae .morebtnarea a {
display: block;
width: 100%;
border: 0px solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #333;
position: relative;
background: #f2f2f2;
font-size: 13px;
padding:9px;
line-height:1;
font-weight:bold;
box-shadow: 0 0 0 1px #dbdbdb;
border-radius:50px;
}
.gsc-input-box {
border: 1px solid #dfe1e5!important;
background: #fff;
box-sizing: border-box;
border-radius:2px 0px 0px 2px;
-moz-border-radius:2px 0px 0px 2px;
-webkit-border-radius:2px 0px 0px 2px;
}
.site-search .gsc-search-box-tools .gsc-search-box table.gsc-input{
height:38px;
border-radius:50px;
}
.site-search .gsc-search-box-tools .gsc-search-box .gsc-input td {
padding:0;
}
.site-search .gsc-search-box-tools .gsc-search-box .gsc-input input{
height:100%!important;
width:100%!important;
box-sizing: border-box;
padding:0 10px!important;
}
.site-search .gsst_a {
cursor: pointer;
padding: 0;
position:relative;
top:3px;
right:10px;
}
.site-search .cse .gsc-search-button-v2, .site-search .gsc-search-button-v2 {
font-size: 0px;
height:40px!important;
width:50px!important;
line-height:35;
padding:0;
width: auto;
vertical-align: middle;
border: 0px solid #666666;
border-radius:0px 2px 2px 0;
-moz-border-radius:0px 2px 2px 0;
-webkit-border-radius:0px 2px 2px 0;
border-color:none;
background-color: #000000;
background-image: linear-gradient(top,#000,#000);
cursor:pointer;
margin:0;
touch-action: manipulation;
}
.site-search .cse .gsc-search-button-v2:hover, .site-search .gsc-search-button-v2:hover{
background-color: #808080;
}
div#slidenav{
background:#FFF;
}
div#slidenav .leftbodertit .tit {
font-size: 15px;
margin: 0 8px 0 0;
display: inline;
}
div#slidenav .leftbodertit {
border-left: 0px solid #e7141a;
border-top:2px solid #333;
border-bottom:2px solid #333;
text-align: left;
padding: 10px 0 10px 5px;
line-height: 1.3;
margin:0 0 20px;
background:#FFF;
border-radius:1px;
font-weight:bold;
color:#333;
box-shadow: 0 0 0 0px #fff;
}
div#slidenav .spcommontit .tit:after{
display:none;
}
#detailwrap .dtcont .flarea span.cate a{
line-height: 1.2;
}
#sidemenu-applist ul.applist-box li img{
border:0px solid #ccc;
box-shadow: 0 0 0 1px #ebebeb;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#side .leftbodertit {
border-left: 0px solid #e7141a;
border-top:2px solid #333;
border-bottom:2px solid #333;
text-align: left;
padding: 10px 0 10px 5px;
line-height: 1.3;
margin:0 0 20px;
background:#FFF;
border-radius:1px;
font-weight:bold;
color:#333;
box-shadow: 0 0 0 0px #fff;
}
#side .leftbodertit .tit {
font-size: 18px;
margin: 0 8px 0 0;
display: inline;
}
.bae #side .spcommontit .tit:after {
display:none;
}
#sidemenu-applist h3{
line-height:2;
padding: 0;
font-size: 15px;
font-weight:bold;
background: #f5f5f5;
box-sizing: border-box;
margin: 0 auto 10px;
border-radius: 3px;
position: relative;
width: 100%;
text-align: left;
padding-left: 20px;
color:#6f6f6f;
}
#sidemenu-applist div.applist-h3{
line-height:2;
padding: 0;
font-size: 15px;
font-weight:bold;
background: #f5f5f5;
box-sizing: border-box;
margin: 0 auto 10px;
border-radius: 3px;
position: relative;
width: 100%;
text-align: left;
padding-left: 20px;
color:#6f6f6f;
}
.widget-box,.site-search{
padding: 0 3vw;
}
.widget-box ul.ninki-ranking-box {
padding:0;
margin-bottom:0;
}
#footer .tagslistwrap .spl {
display: block;
border-bottom: 1px solid #1a1a1a;
margin-bottom:10px;
}
#footer div.frmenu ul li a{
font-size:14px;
padding:8px;
}
.top-fv-slider div.top-fv-slider-in{
background: #cbd3da;
}
.top-fv-slider-cont{
box-shadow: 0 0 0 0px #fff;
}
.top-fv-slider-cont .text-wrap{
background: rgba(255,255,255,1);
}
.top-fv-slider-in .slick-dots li button:before {
color: #e7eef4;
}
.top-fv-slider-cont .text-wrap-in{
background:none;
}
div#slidenav .tagslistwrap .leftbodertit {
display:block;
margin:20px 0;
}
div#slidenav .tagslistwrap .categorylist {
margin: 0 0 7vw;
text-align:left;
}
div#slidenav ul.applist-box:last-of-type{
margin: 0px auto 0;
}
.app-list.top-news .app-other-link{
text-align: center;
width: 85%;
margin: 10px auto 20px;
display: block;
border-radius: 50px;
background: #ebebeb;
box-shadow: 2px 2px 10px #a7bed0, -2px -2px 10px #fff;
}
.app-list.top-news .app-other-link a{
font-size: 16px;
font-weight:normal;
display: block;
width: 100%;
border: 0 solid #000;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: #fff;
position: relative;
background: #2169a2;
padding: 5px 0;
margin:0 auto;
cursor: pointer;
border-radius: 50px;
}
.app-list.top-news .app-other-link a:before {
display:none;
}
body #container .pcinner aside#side{
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
body #container .pcinner aside#side section:nth-of-type(1){
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
margin:40px 0 0 ;
}
body #container .pcinner aside#side section:nth-of-type(2){
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
body #container .pcinner aside#side section:nth-of-type(3){
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
body.detail #container .pcinner main#main.lower-area + aside#side{
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
body.detail #container .pcinner main#main.lower-area + aside#side section:nth-of-type(1){
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
box-ordinal-group: 4;
margin:40px 0 0 ;
}
body.detail #container .pcinner main#main.lower-area + aside#side section:nth-of-type(2){
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
body.detail #container .pcinner main#main.lower-area + aside#side section:nth-of-type(3){
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
body.detail #container .pcinner main#main.lower-area + aside#side section:nth-of-type(4){
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
}
}

/*-----------------------------------------------------
sidemenu-applist 調整
-------------------------------------------------------*/
@media only screen and (max-width: 415px){
#slidenav #sidemenu-applist ul.applist-box li img {
width: auto!important;
height: auto!important;
}
}


/*------------------------------------------------------------
ロゴ調整
-------------------------------------------------------------*/
#topheader .headline h1.log {
position: absolute;
top:0;
left: 20px;
right:auto;
bottom:0;
margin:auto;
z-index: 10;
width: 46px;
height: 46px;
}
#topheader .headline h1.log a{
position: absolute;
top:0;
left:0;
right:auto;
bottom:0;
margin:auto;
z-index: 10;
width: 46px;
height: 46px;
display:block;
}
#topheader .headline .log {
position:relative;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
z-index:0;
}
.bae #topheader .log svg{
width: 235px;
height: 50px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.bae #topheader .log a{
width: 235px;
height: 50px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index:2;
}
#topheader {
padding:0;
}
#topheader .headline {
min-height: 76px;
height: 76px;
box-sizing: border-box;
position:relative;
}
#topheader .headline .spmenubtn {
position: absolute;
top:0;
right:25px;
left:auto;
bottom:0;
margin:auto;
z-index:10;
height:23px;
}
body.bae #underheader .unheader {
min-height: 76px;
height: 76px;
box-sizing: border-box;
position: relative;
}
body.bae #underheader .unheader .log{
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
z-index: 0;
}
body.bae #underheader .unheader .log a{
width: 235px;
height: 50px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
body.bae #underheader .unheader .log svg{
width: 235px;
height: 50px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
#underheader div.unheader .spmenubtn{
position: absolute;
top: 4px;
right: 25px;
left: auto;
bottom: 0;
margin: auto;
z-index: 10;
height: 23px;
}
#topheader div.headline .spmenubtn{
top: 4px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.bae #topheader .log svg{
width: 200px;
height: 40px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.bae #topheader .log a{
width: 200px;
height: 40px;
position:absolute;
top:0;
left:0;
right:20px;
bottom:0;
margin:auto;
z-index:2;
}
body.bae #underheader .unheader .log a{
width: 200px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 20px;
bottom: 0;
margin: auto;
z-index: 2;
}
body.bae #underheader .unheader .log svg{
width: 200px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
}

/*------------------------------------------------------------
関連記事見出し
-------------------------------------------------------------*/
#recommend_list .recommend_midasi{
box-shadow: 0 0 0 2px #333;
margin: 2.5em auto 1.5em;
background: #333;
}
#recommend_list .recommend_midasi:after{
display: none;
}
#recommend_list .recommend_midasi:before{
border: 2px solid #ffffff;
}

/*------------------------------------------------------------
TOPFVスライダー修正
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.top-fv-slider .slick-center{
transition: none;
}
}

/*------------------------------------------------------------
見出し
-------------------------------------------------------------*/
div.blogeditwrap h3{
border-radius: 0;
background: #eaeaea;
border-left: 6px solid #333333;
padding-left: 14px;
}
div.blogeditwrap h3:before{
display: none;
}
div.blogeditwrap h4:before,div.blogeditwrap h4:after{
border-radius: 0;
}

/*------------------------------------------------------------
TOPサムネ調整
-------------------------------------------------------------*/
#topnewwrap .top-news article a > img{
border: 1px solid #ccc;
box-sizing: border-box;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.widget-box ul.wpp-list.ninki-ranking-box img{
border: 1px solid #ccc;
box-sizing: border-box;
}
}

/*-----------------------------------------------------
アイコン調整
-------------------------------------------------------*/
#slidenav #sidemenu-applist ul.applist-box li{
width: 25%;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#slidenav #sidemenu-applist ul.applist-box li{
width: 33.3%;
}
}



/*-------------------------------------------------------
app-hyouka-rbox2
-------------------------------------------------------*/
.app-hyouka-rbox2 aside + br{
display: none;
}
.app-hyouka-rbox2 .new-h-rank{
position: relative;
width: calc(100% - 4px);
}
.app-hyouka-rbox2 .new-h-rank:before{
content: '';
display: block;
width: 46px;
height: 46px;
position: absolute;
left: -2px;
top: -6px;
z-index: 3;
}
.app-hyouka-rbox2.h-i-no1 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/1fe72d1cc701bd403f0463a584ebd8dd.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no2 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8893c1dd7333fe16ac20f426e4b96f0a.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no3 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/edfa7b3d69ddb10d7f6d2a714f038aee.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no4 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8b4806ab2766ba646872c7abfc8ec7d6.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no5 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8d8fd372fa16ab4e1e811a1831e8f811.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no6 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/07712ab794ccb8f62e8018dd9a008707.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no7 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/92eb7470d982d97e4aca633a98b82cf2.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no8 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/f8f7f8295a340d0b7c6659723fba0c13.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no9 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/990837af86d2316e431f53f4ca747330.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no10 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/8fdcb830bdec643e785b757de430ee3d.png) no-repeat center / contain;
}

.app-hyouka-rbox2.h-i-no11 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/07/32292d0f00733146ba3f996ca042a011.png) no-repeat center / contain;
}

.app-hyouka-rbox2.h-i-no12 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/07/2898654271679fcad44e302d271895dc.png) no-repeat center / contain;
}

.app-hyouka-rbox2.h-i-no13 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/07/772ef42e8182a998a96863479e978d0d.png) no-repeat center / contain;
}
.app-hyouka-rbox2 .new-h-rank:after{
content: '';
display: block;
width: 100%;
height: 100%;
background: #333333;
position: absolute;
left: 4px;
top: 4px;
z-index: 1;
}
.app-hyouka-rbox2 .new-h-rank div{
position: relative;
z-index: 2;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
padding: 13px 10px 10px 60px;
}
.app-hyouka-rbox2 .new-h-rank div:before{
content: '';
display: block;
width: 91%;
height: 2px;
background: #000;
position: absolute;
right: 0;
top: 0;
}
.app-hyouka-rbox2 .new-h-rank div:after{
content: '';
display: block;
height: 40%;
width: 2px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
.app-hyouka-rbox2 .new-h-rank div h2,
.app-hyouka-rbox2 .new-h-rank div h3 {
color: #fff;
padding: 0;
margin: 0;
font-size: 24px !important;
line-height: 1;
background:none;
box-shadow:none;
border-left:none;
font-weight: 100;
}
.app-hyouka-rbox2 .new-h-rank div h2:before,
.app-hyouka-rbox2 .new-h-rank div h3:before {
display: none;
}
.app-hyouka-rbox2 .new-h-rank div h2:after,
.app-hyouka-rbox2 .new-h-rank div h3:after {
display: none;
}
.app-hyouka-rbox2 .new-h-rank div p{
color: #ccc;
font-size: 14px;
line-height: 1;
margin: 8px 0 0;
}
.app-hyouka-rbox2 .slick-dots li button:before{
color: #333;
}
.app-hyouka-rbox2 .sougouhyouka{
border: 1px solid #000;
border-radius: 10px;
padding: 20px 20px 25px;
position: relative;
margin: 40px 0 20px;
}
.app-hyouka-rbox2 .sougouhyouka .sougouhyouka-midasi{
position: absolute;
left: 0;
right: 0;
height: 42px;
top: -21px;
margin: auto;
text-align: center;
}
.app-hyouka-rbox2 .sougouhyouka .sougouhyouka-midasi img{
height: 100%;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap{
margin-bottom:0;
text-align: center;
}
.app-hyouka-rbox2 .sougouhyouka .accordion-minnano-hyouka .acdp-cont {
padding:0px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-in aside .slick-dots {
bottom: -35px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.app-hyouka-rbox2 .sougouhyouka .img-wrap img{
max-width: 60%;
}
.app-hyouka-rbox2 .sougouhyouka .sougouhyouka-midasi{
height: 36px;
top: -18px;
}
.app-hyouka-rbox2 .sougouhyouka{
padding: 36px 18px 18px;
}
.app-hyouka-rbox .new-h-rank:before{
width: 40px;
height: 40px;
left: -2px;
top: -4px;
}
.app-hyouka-rbox2 .new-h-rank div{
padding: 13px 0px 10px 46px;
}
.app-hyouka-rbox2 .new-h-rank div:before{
width: 87%;
}
.app-hyouka-rbox2 .new-h-rank div h3{
font-size: 20px;
}
.app-hyouka-rbox2 .new-h-rank div p{
font-size: 14px;
line-height: 1.1em;
margin-top: 3px;
}
}

.app-hyouka-rbox2 .new-h-rank:before{
width: 46px;
height: 46px;
left: 8px;
top: 0;
bottom: 0;
margin: auto;
}
.app-hyouka-rbox2.h-i-no1 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no1.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no2 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no2.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no3 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no3.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no4 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no4.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no5 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no5.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no6 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no6.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no7 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no7.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no8 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no8.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no9 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no9.png) no-repeat center / contain;
}
.app-hyouka-rbox2.h-i-no10 .new-h-rank:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-no10.png) no-repeat center / contain;
}
.app-hyouka-rbox2 .new-h-rank:after,.app-hyouka-rbox2 .new-h-rank div:before,.app-hyouka-rbox2 .new-h-rank div:after{
display: none;
}
.app-hyouka-rbox2 .new-h-rank div h2,
.app-hyouka-rbox2 .new-h-rank div h3 {
padding: 0!important;
}
.app-hyouka-rbox2 .new-h-rank div{
border: 0;
background: #333333;
padding-left: 62px;
}
.app-hyouka-rbox2 .new-h-rank{
width: 100%;
}
.app-hyouka-rbox2-in{
background: #f9f9f9;
padding: 20px 0;
}
.app-hyouka-rbox2 .sougouhyouka{
background: #fff;
margin-left: 20px;
margin-right: 20px;
}
.app-hyouka-rbox2 .sougouhyouka .sougouhyouka-midasi{
width: 245px;
height: 32px;
line-height: 32px;
background: rgb(249,249,249);
background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
color: #000;
font-size: 28px;
top: -16px;
font-weight: bold;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap{
position: relative;
z-index: 1;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .b{
font-size: 90px;
color: #fe1b63;
position: relative;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .b:after{
content: '';
display: block;
width: 230px;
height: 130px;
position: absolute;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-sougouhyouka-maru.png) no-repeat center / contain;
z-index: -1;
top: -5px;
left: -32px;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .slassyu{
font-size: 70px;
color: #585858;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .s{
color: #585858;
font-size: 48px;
font-weight: bold;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl{
border: 1px solid #000;
margin: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl + dl{
border-top: 0;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dt{
background: #666666;
color: #fff;
width: 180px;
box-sizing: border-box;
font-size: 24px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
padding: 10px 0;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dt:before{
content: '';
display: inline-block;
width: 46px;
height: 24px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-app.png) no-repeat center / contain;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl + dl dt:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-android.png) no-repeat center / contain;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd{
margin: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
width: calc(100% - 180px);
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .hosi-wrap{
width: calc(100% - 140px);
text-align: center;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .hosi-wrap img{
width: 80%;
border: 0;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap{
position: relative;
padding: 10px 0;
width: 140px;
text-align: center;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap:before{
content: '';
display: block;
width: 1px;
height: calc(100% - 10px);
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: #000;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .b{
font-size: 30px;
color: #fe1b63;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .slassyu{
font-size: 30px;
color: #585858;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .s{
color: #585858;
font-size: 18px;
vertical-align: baseline;
font-weight: bold;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail{
margin: 0 20px;
padding-left: 8px;
font-size: 16px;
color: #000;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dl:first-of-type{
border-top: 1px solid #000;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dt{
width: 110px;
background: #fefff1;
padding: 10px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dt:before{
content: '';
display: block;
width: 8px;
height:calc(100% - 4px);
position: absolute;
left: -8px;
top: 0;
bottom: 0;
margin: auto;
background: #66656a;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd{
background: #fff;
width: calc(100% - 110px);
margin: 0;
padding: 10px;
box-sizing: border-box;
position: relative;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd:before{
content: '';
display: block;
width: 1px;
height:calc(100% - 10px);
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: #000;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd ul{
margin: 0;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd li{
padding-left: 1em;
text-indent: -1em;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd li:before{
content: '・';
font-weight: bold;
display: inline;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .gray{
font-size: 12px;
color: #9c9c9c;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .gray.sura-mg{
margin:0 2px;
font-size: 15px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .men{
display: block;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .women{
display: block;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .men:before{
content: '男性';
display: inline-block;
padding: 5px 10px;
border-radius: 30px;
text-align: center;
background: #16a7b8;
color: #fff;
line-height: 1;
margin-right: 10px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .women:before{
content: '女性';
display: inline-block;
padding: 5px 10px;
border-radius: 30px;
text-align: center;
background: #f85598;
color: #fff;
line-height: 1;
margin-right: 10px;
}
.app-hyouka-rbox2 .hyouban-matome-wrap{
box-shadow: 0 0 0 7px #017bba;
border-radius: 10px;
margin: 50px 30px 32px;
text-align: center;
padding: 26px 32px 32px;
position: relative;
font-weight: bold;
}
.app-hyouka-rbox2 .hyouban-matome-wrap:before{
content: '';
display: block;
width: 58px;
height: 54px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-yaji-blue.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: -43px;
margin: auto;
}
.app-hyouka-rbox2 .hyouban-matome-title{
display: inline-block;
font-size: 28px;
color: #000;
position: relative;
background: linear-gradient(transparent 0 70%, #d4f4ff 70% 100%);
line-height: 1.2;
padding: 0 40px;
margin-bottom: 30px;
}
.app-hyouka-rbox2 .hyouban-matome-title:before{
content: '';
display: block;
width: 20px;
height: 20px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-tenten-left.png) no-repeat center / contain;
position: absolute;
left: 20px;
top: -12px;
}
.app-hyouka-rbox2 .hyouban-matome-title:after{
content: '';
display: block;
width: 20px;
height: 20px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-tenten-right.png) no-repeat center / contain;
position: absolute;
right: 20px;
top: -12px;
}
.app-hyouka-rbox2 .hyouban-man,.app-hyouka-rbox2 .hyouban-woman{
text-align: left;
color: #000;
font-size: 22px;
line-height: 1.4;
margin: 0;
position: relative;
padding-left: 110px;
}
.app-hyouka-rbox2 .hyouban-man:after,.app-hyouka-rbox2 .hyouban-woman:after{
content: '';
display: block;
width: 100px;
height: 60px;
position: absolute;
left: 0;
top: -14px;
}
.app-hyouka-rbox2 .hyouban-man:after{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-man.png) no-repeat left top / contain;
}
.app-hyouka-rbox2 .hyouban-woman:after{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-icon-woman.png) no-repeat left top / contain;
}
.app-hyouka-rbox2 .hyouban-man ~ .hyouban-man,.app-hyouka-rbox2 .hyouban-man ~ .hyouban-woman,.app-hyouka-rbox2 .hyouban-woman ~ .hyouban-man,.app-hyouka-rbox2 .hyouban-woman ~ .hyouban-woman{
margin-top: 38px;
}
.app-hyouka-rbox2 .osusumenahito-wrap{
margin: 0 23px;
position: relative;
text-align: center;
font-weight: bold;
}
.app-hyouka-rbox2 .osusumenahito-title{
display: inline-block;
font-size: 28px;
color: #000;
position: relative;
height: 80px;
line-height: 68px;
width: 300px;
z-index: 2;
margin: 0;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-h-hukidasi.png) no-repeat center / contain;
}
.app-hyouka-rbox2 .osusumenahito-title:before{
content: '';
display: block;
width: 44px;
height: 42px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-yaji-yellow.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: -30px;
margin: auto;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul{
position: relative;
z-index: 1;
padding: 50px 60px 20px;
margin-top: -32px;
margin-bottom: 0;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-bg-nakawaku.png) repeat-y top / 100%;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul:before{
content: '';
display: block;
width: 100%;
height: 24px;
position: absolute;
left: 0;
top: -23px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-bg-topwaku.png) no-repeat bottom / 100%;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul:after{
content: '';
display: block;
width: 100%;
height: 24px;
position: absolute;
left: 0;
bottom: -23px;
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/rank-bg-bottomwaku.png) no-repeat top / 100%;
}
.app-hyouka-rbox2 .osusumenahito-wrap li{
text-align: left;
color: #000;
font-size: 22px;
margin-bottom: 10px;
line-height: 1.4!important;
position: relative;
padding-left: 30px;
}
.app-hyouka-rbox2 .osusumenahito-wrap li:last-of-type{
margin: 0;
}
.app-hyouka-rbox2 .osusumenahito-wrap li:before{
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #000;
position: absolute;
left: 0;
top: 6px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.app-hyouka-rbox2 .new-h-rank div{
padding-left: 52px;
}
.app-hyouka-rbox2 .new-h-rank:before{
width: 40px;
height: 40px;
left: 6px;
}
.app-hyouka-rbox2-in{
padding: 10px 0;
}
.app-hyouka-rbox2 .sougouhyouka{
margin-left: 10px;
margin-right: 10px;
padding: 15px 12px 20px;
}
.app-hyouka-rbox2 .sougouhyouka .sougouhyouka-midasi{
width: 190px;
height: 30px;
line-height: 30px;
font-size: 22px;
top: -15px;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .b{
font-size: 60px;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .b:after{
width: 180px;
height: 88px;
top: -5px;
left: -36px;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .slassyu{
font-size: 50px;
}
.app-hyouka-rbox2 .sougouhyouka .img-wrap .s{
font-size: 38px;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dt{
width: 110px;
font-size: 16px;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dt:before{
width: 30px;
height: 16px;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd{
width: calc(100% - 110px);
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .hosi-wrap{
width: 60%;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .hosi-wrap img{
width: 90%;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap{
padding: 10px 0;
width: 40%;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .b{
font-size: 20px;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .slassyu{
font-size: 20px;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap .s{
font-size: 13px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail{
margin: 0 10px;
padding-left: 6px;
font-size: 13px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dt{
width: 23%;
padding: 6px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dt:before{
width: 6px;
left: -6px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd{
width: 77%;
padding: 6px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .gray{
font-size: 12px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .gray.sura-mg{
margin:0 2px;
font-size: 13px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .men:before,.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd .women:before{
padding: 4px 8px;
margin-right: 5px;
}
.app-hyouka-rbox2 .hyouban-matome-wrap{
box-shadow: 0 0 0 6px #017bba;
border-radius: 8px;
margin: 40px 6px 32px;
padding: 20px 16px 22px;
}
.app-hyouka-rbox2 .hyouban-matome-title{
font-size: 20px;
padding: 0 30px;
margin-bottom: 25px;
}
.app-hyouka-rbox2 .hyouban-matome-title:before{
width: 14px;
height: 14px;
left: 20px;
top: -12px;
}
.app-hyouka-rbox2 .hyouban-matome-title:after{
width: 14px;
height: 14px;
right: 20px;
top: -12px;
}
.app-hyouka-rbox2 .hyouban-man,.app-hyouka-rbox2 .hyouban-woman{
font-size: 16px;
padding-left: 80px;
}
.app-hyouka-rbox2 .hyouban-man:after,.app-hyouka-rbox2 .hyouban-woman:after{
width: 74px;
height: 48px;
}
.app-hyouka-rbox2 .hyouban-man ~ .hyouban-man,.app-hyouka-rbox2 .hyouban-man ~ .hyouban-woman,.app-hyouka-rbox2 .hyouban-woman ~ .hyouban-man,.app-hyouka-rbox2 .hyouban-woman ~ .hyouban-woman{
margin-top: 30px;
}
.app-hyouka-rbox2 .osusumenahito-wrap{
margin: 0;
}
.app-hyouka-rbox2 .osusumenahito-title{
font-size: 20px;
height: 60px;
line-height: 52px;
width: 190px;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul{
padding: 40px 30px 23px;
margin-top: -32px;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul:before{
height: 24px;
top: -23px;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul:after{
height: 24px;
bottom: -23px;
}
.app-hyouka-rbox2 .osusumenahito-wrap li{
font-size: 16px;
margin-bottom: 10px;
padding-left: 20px;
}
.app-hyouka-rbox2 .osusumenahito-wrap li:before{
border-width: 6px 0 6px 10px;
top: 5px;
}
.app-hyouka-rbox2 .hyouban-matome-wrap:before{
width: 47px;
height: 45px;
top: -34px;
}
.app-hyouka-rbox2 .osusumenahito-title:before{
width: 40px;
height: 38px;
top: -28px;
}
}
@media only screen and (max-width : 376px){
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .hosi-wrap{
width: 58%;
}
.app-hyouka-rbox2 .accordion-minnano-hyouka .acdp-check:checked ~ .acdp-cont dl dd .num-wrap{
width: 42%;
}
.app-hyouka-rbox2 .hyouban-matome-wrap{
padding: 20px 10px 22px;
}
.app-hyouka-rbox2 .osusumenahito-wrap ul {
padding: 43px 20px 23px;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dt{
width: 25%;
}
.app-hyouka-rbox2 .app-hyouka-rbox2-detail dd{
width: 75%;
}
}

/*-------------------------------------------------------
テーブルアイコンデザイン
-------------------------------------------------------*/
.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:#fff1e5fe5;
overflow:hidden;
text-indent:50px;
}
.iconNijyumaru:before{
content:"";
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%)translateX(-50%);
margin: auto;
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width:10px;
height:10px;
border-radius:50%;
margin:auto;
}
.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%;
}

/*------------------------------------------------------------
固定ページ(アプリ一覧)
-------------------------------------------------------------*/
.app-kijilist .blogeditwrap td,.app-kijilist .blogeditwrap th {
border: 1px solid #bbb;
padding: 10px 7px 7px;
line-height: 2.2;
background: #fff;
}
.app-kijilist .blogeditwrap tr {
border-bottom: 1px solid #eee;
}
.app-kijilist .blogeditwrap table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.app-kijilist .blogeditwrap {
text-align: left;
color: #626262;
margin: 0 0 50px;
padding:0;
}
.app-kijilist .imgBorder {
border: 1px solid #bebfc1;
box-sizing: border-box;
}
.app-kijilist .blogeditwrap .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.app-kijilist .blogeditwrap img[class*="align"]{
height: auto;
max-width: 100%;
width: auto;
}
.app-kijilist .blogeditwrap td br{
display: none;
}
.app-kijilist div.blogeditwrap table th{
border-color: #cadce0;
}
.app-kijilist div.blogeditwrap thead th {
border-color: #cadce0;
}
.app-kijilist div.blogeditwrap table td{
border-color: #cadce0;
}
.app-kijilist .ranknewTable-wrap{
border: 0px solid #cadce0;
box-shadow:0 0 0 1px #cadce0;
box-sizing: border-box;
width:99%;
margin:0 auto 24px;
}
.app-kijilist .blogeditwrap .insertbox {
border: 0 solid #bebebe;
}
.app-kijilist .blogeditwrap .thumbnail-scrollbox_01 > .insertbox{
border:0 solid #bebebe;
}
.app-kijilist .blogeditwrap h1, .blogeditwrap h2, .blogeditwrap h3, .blogeditwrap h4, .blogeditwrap h5, .blogeditwrap h6 {
clear: both;
line-height: 1.2;
line-height: 1.4;
margin: 2.5em 0 1.5em;
}
.app-kijilist .blogeditwrap h2 {
font-size:24px;
font-weight: 300;
color: #FFF;
border: 0px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
}
.app-kijilist .blogeditwrap h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.app-kijilist div.blogeditwrap h2:before {
border: 2px solid #ffffff;
}
.app-kijilist .blogeditwrap .insertbox {
overflow: hidden;
}
.app-kijilist .blogeditwrap .insertbox .linkcover {
display: block;
text-decoration: none;
color: #000;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .imgbox {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
float: left;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea {
overflow: hidden;
line-height: 1.5;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .intit {
color: #55acee;
line-height: 1.6;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .intxt {
line-height: 1.7;
color: #a7a7a7;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover {
display: -webkit-flex;
display: flex;
align-items: center;
}
@media ( min-width: 768px) {
.app-kijilist .blogeditwrap .insertbox .linkcover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea {
padding: 0 0 0 13px;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .intit {
font-size: 17px;
margin: 3px 0 3px;
}
.app-kijilist .blogeditwrap div.thumbnail-scroll .insertbox .linkcover .textarea .intit {
font-size: 14px;
}
}
@media ( max-width: 767px) {
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea {
padding: 0 0 0 3.2vw;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .intit {
font-size: 3.6vw;
margin: 0.2vw 0 0.2vw;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .intxt {
display: none;
font-size: 3.2vw;
-webkit-line-clamp: 1;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .spmoretxt {
color: #979797;
font-size: 2.8vw;
display: block;
text-align: right;
margin: 0 1vw 0 0;
}
.app-kijilist .blogeditwrap .insertbox .linkcover .textarea .spmoretxt i {
font-size: 4.2vw;
font-style: normal;
vertical-align: text-top;
}
.app-kijilist .blogeditwrap div.thumbnail-scroll .insertbox .linkcover .textarea .intit{
font-size: 12px;
}
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.app-kijilist .blogeditwrap table {
margin:0 0 24px 0;
font-size: 12px;
}
.app-kijilist .blogeditwrap table a{
margin:0 0 24px 0;
font-size: 12px;
}
.app-kijilist .blogeditwrap table td a.freeDl-bt{
margin:0 0 5px 0;
}
.app-kijilist .blogeditwrap table td a.syousai-bt{
margin:0 0 5px 0;
}
.app-kijilist .blogeditwrap table td .freeDl-bt + .syousai-bt{
margin:0 0 0 0;
}
.app-kijilist .blogeditwrap td br{
display:block;
}
.app-kijilist .blogeditwrap h2 {
padding-left: 10px!important;
}
.app-kijilist .blogeditwrap h2::before {
content: "";
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-width: 1px;
border-style: solid;
border-color: rgb(255, 255, 255);
border-image: initial;
padding: 0px;
margin: auto;
}
.app-kijilist .blogeditwrap h2 {
font-weight: 300;
color: #FFF;
border: 0px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
}
.app-kijilist .blogeditwrap h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.app-kijilist div.blogeditwrap h2:before {
border: 2px solid #ffffff;
}
.app-kijilist div.blogeditwrap h2 {
font-size: 5.3vw;
}
#detailwrap.app-kijilist div.blogeditwrap h1 {
font-size: 6.1vw;
padding:0;
border:0;
margin: 0 0 3vw;
font-weight: bold;
text-align: left;
line-height: 1.7;
color: #1a1a1a;
}
.app-kijilist .blogeditwrap td{
line-height: 1.3;
}
.app-kijilist .blogeditwrap td img.img-radius.imgBorder.aligncenter.iconsize-50.PRrank-iconimg.lazyloaded{
margin-bottom:5px !important;
}
.blogeditwrap .thumbnail-scrollbox_01 > .insertbox .linkcover {
display:block;
}
}


/*------------------------------------------------------------
LINE風テンプレボックス
-------------------------------------------------------------*/
.line-message-box .reibun-tenpurebox-cont{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/line-mock.png) no-repeat center top / 325px;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 70px 28px 36px 56px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blogeditwrap .line-message-box .line-you,.blogeditwrap .line-message-box .line-me{
border-radius: 12px;
position: relative;
box-sizing: border-box;
max-width: 78%;
font-size: 11px;
padding: 8px 10px;
margin-bottom: 8px;
color: #121212;
display: inline-block;
}
.blogeditwrap .line-message-box .line-you{
background: #fff;
}
.blogeditwrap .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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-man.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-woman.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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/hukidasi-y.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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/hukidasi-m.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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/line-mock.png) no-repeat center top / cover;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 20vw 8vw 30px 17vw;
}
.blogeditwrap .line-message-box .line-you,.blogeditwrap .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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-man.png) no-repeat center bottom / 30px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-woman.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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-man.png) no-repeat center bottom / 28px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-woman.png) no-repeat center bottom / 28px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.9);
left: -24px;
}
}

@media screen and (max-width : 390px){
.blogeditwrap .line-message-box .line-you,.blogeditwrap .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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-man.png) no-repeat center bottom / 24px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-woman.png) no-repeat center bottom / 24px #fff;
}
}

@media screen and (max-width : 375px){
.blogeditwrap .line-message-box .line-you,.blogeditwrap .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://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-man.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://ieagent.jp/matchlife/wp/wp-content/themes/Life/img/icon-line-woman.png) no-repeat center bottom / 22px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.8);
left: -23px;
}
}


/*------------------------------------------------------------
LINE風テンプレボックス　背景全表示
-------------------------------------------------------------*/
.line-message-box.full-size .reibun-tenpurebox-cont{
height: 652px;
}
@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(94vw * 2);
}
}

/*-------------------------------------------------------
コピーボタン
-------------------------------------------------------*/
div.blogeditwrap .osusume-list-box.osusume_newlayout .osusume_app_layout{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 15px;
}
.osusume-list-box.osusume_newlayout dl dd:first-of-type{
border-top: 2px dashed #c6c6c6;
padding-top: 10px;
}
.osusume-list-box.osusume_newlayout dl dd:last-child{
border-top: 0;
padding-top: 0;
}
.txt-copy-area .copy-btn{
background: #e9e9e9;
color: #2188e0;
border-radius: 30px;
border: 0;
display: inline-block;
padding: 6px 13px;
font-size: 16px;
margin-left: 8px;
cursor: pointer;
line-height: 1;
vertical-align: middle;
}
.txt-copy-area br{
display: none;
}
.txt-copy-area .copy-txt{
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0px 6px;
color: #333;
background: #fff;
min-width: 212px;
max-width: 70%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
box-sizing: border-box;
font-size: 16px;
vertical-align: middle;
}
.txtcopy_done:before{
content: 'コピーしました';
display: block;
width: 200px;
height: 100px;
line-height: 100px;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
font-size: 16px;
}

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

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

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

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

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

@media screen and (max-width : 361px){
table .txt-copy-area .copy-txt {
max-width: 120px;
}
table .txt-copy-area .copy-btn{
font-size: 12px;
margin-left: 6px;
}
}

/*-------------------------------------------------------
追加コンテンツ用
-------------------------------------------------------*/
.mtopnone{
margin-top:0px!important;
}
.bgcolor-blue{
background: #def6ff!important;
border-top: solid 8px #73cbfe!important;
}
.simple-hyouka-box.other-de-tag span.mce_SELRES_start{
display: none!important;
}
.simple-hyouka-box.other-de-tag span.mce_SELRES_end{
display: none!important;
}
.simple-hyouka-box.other-de-tag table{
margin:0 0 10px;
}



/*------------------------------------------------------------
もろもろ調整
-------------------------------------------------------------*/
.bae .shinglethumbnail img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2023/02/fe061a5816c0086f7402ca3f5e86d8cc.png"],.bae .shinglethumbnail img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2023/02/3f3de0baf8a1e9483443e34510b52831.png"],.bae .shinglethumbnail img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2023/02/cbb16b1ed245de1c60f7e886df94f42b.jpg"],.bae .shinglethumbnail img[src="https://ieagent.jp/matchlife/wp/wp-content/uploads/2023/02/6ef072472f78e675fc6a27ac50c78d78.png"]{
height: auto!important;
}
.keturon-box,.pink-box{
padding: 30px!important;
}
.keturon-box > p:first-child span{
font-size: 20px!important;
}
.keturon-box > p{
margin-bottom: 14px!important;
}
.blogeditwrap .kousikiBtn a.btn-dl{
max-width: 420px;
text-align: center;
margin: 0 auto!important;
font-size: 20px!important;
height: 44px;
line-height: 44px!important;
}
.mb-0 > p{
margin-bottom: 0!important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.keturon-box,.pink-box{
padding: 20px!important;
}
}
@media screen and (max-width : 375px){
.keturon-box > p:first-child span{
font-size: 19px!important;
}
}

/*-------------------------------------------------------
フッターのサイトマップ一時非表示
-------------------------------------------------------*/
footer#footer li:nth-child(4) {
display: none;
}

/*------------------------------------------------------------
無料記事早見表調整
-------------------------------------------------------------*/
div.free-app-hayami-cont_new:nth-of-type(2) ul {
width: 40%;
}
div.free-app-hayami-cont_new:nth-of-type(2) ul li {
width: auto;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.free-app-hayami-cont_new:nth-of-type(2) ul {
width: 43%;
top: 48px;
}
}

@media only screen and (max-width: 391px){
div.free-app-hayami-cont_new:nth-of-type(2) ul {
top: 42px;
}
}

@media only screen and (max-width: 376px){
div.free-app-hayami-cont_new:nth-of-type(2) ul {
top: 41px;
}
}

/*------------------------------------------------------------
フォーム調整
-------------------------------------------------------------*/
.joboffer-wrap form{margin:0 auto;display:inline-block;text-align:left;background:#f8f8f8;padding: 40px;font-weight:bold;}
.mwform-radio-field-text{
font-weight:bold;
}
.joboffer-wrap form input{margin-bottom:15px;}
.joboffer-wrap form input:nth-child(13){
width:99%;
}
.joboffer-wrap form input[type="submit"][name="submitConfirm"]{
padding:15px 70px;
border:none;
background: #2169a2;
color:#fff !important;
border-radius:10px;
text-align:center !important;
display:block;
margin:0 auto;
margin-top:20px;
}
.joboffer-wrap form input[type="submit"][name="submitConfirm"]:hover{
opacity:0.7;
cursor:pointer;
}
.joboffer-wrap form textarea{
width:99%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.joboffer-wrap form input{
width: 100%;
}
.joboffer-wrap form input[type="radio"]{
width: 6%;
}
.joboffer-wrap form {
padding: 20px;
}
}

/*------------------------------------------------------------
ライター募集
-------------------------------------------------------------*/
.blogeditwrap.saiyoupege-wrapp h2 {color: #FFF;box-sizing: border-box;background: #333;position: relative;display: flex;align-items: center;
padding: 12px 5px 12px 13px;
font-size: 24px;
}
.blogeditwrap.saiyoupege-wrapp h3{
font-size: 22px;
}
.blogeditwrap.saiyoupege-wrapp h4{
font-size: 20px;
}
.blogeditwrap.saiyoupege-wrapp h2:before {
content: "";
border: 2px solid #fff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.blogeditwrap.saiyoupege-wrapp{
text-align:left;
}
/* ---------------------------------------------- */
.blogeditwrap.saiyoupege-wrapp .alignright {
float:right;
}
.blogeditwrap.saiyoupege-wrapp .alignleft {
float:left;
}
.blogeditwrap.saiyoupege-wrapp .aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:7px;
}
.blogeditwrap.saiyoupege-wrapp blockquote.alignleft,
.blogeditwrap.saiyoupege-wrapp img.alignleft {
margin:7px 24px 7px 0;
}
.blogeditwrap.saiyoupege-wrapp .wp-caption.alignleft {
margin:7px 14px 7px 0;
}
.blogeditwrap.saiyoupege-wrapp blockquote.alignright,
.blogeditwrap.saiyoupege-wrapp img.alignright {
margin:7px 0 7px 24px;
}
.blogeditwrap.saiyoupege-wrapp .wp-caption.alignright {
margin:7px 0 7px 14px;
}
.blogeditwrap.saiyoupege-wrapp blockquote.aligncenter,
.blogeditwrap.saiyoupege-wrapp img.aligncenter,
.blogeditwrap.saiyoupege-wrapp .wp-caption.aligncenter {
margin-top:7px;
margin-bottom:7px;
}
/* image */
.blogeditwrap.saiyoupege-wrapp img[class*="align"],
.blogeditwrap.saiyoupege-wrapp img[class*="wp-image-"],
.blogeditwrap.saiyoupege-wrapp img[class*="attachment-"],
.blogeditwrap.saiyoupege-wrapp img.size-full,
.blogeditwrap.saiyoupege-wrapp img.size-large,
.blogeditwrap.saiyoupege-wrapp .wp-post-image,
.blogeditwrap.saiyoupege-wrapp img {
height:auto;
max-width:100%;
width: auto;
}
/* list */
.blogeditwrap.saiyoupege-wrapp dt,
.blogeditwrap.saiyoupege-wrapp dd {
line-height:2.2;
}
.blogeditwrap.saiyoupege-wrapp li{
line-height:2!important;
}
.blogeditwrap.saiyoupege-wrapp ul,
.blogeditwrap.saiyoupege-wrapp ol,
.blogeditwrap.saiyoupege-wrapp dl {
margin-bottom:24px;
}
.blogeditwrap.saiyoupege-wrapp ol {
list-style:decimal outside none;
margin-left:1.5em;
}
.blogeditwrap.saiyoupege-wrapp ul {
list-style:circle outside none;
}
.blogeditwrap.saiyoupege-wrapp li > ul,
.blogeditwrap.saiyoupege-wrapp li > ol {
margin-bottom:0;
}
.blogeditwrap.saiyoupege-wrapp dt {
font-weight:bold;
}
.blogeditwrap.saiyoupege-wrapp dd {
margin-bottom:1em;
}
/* table */
.blogeditwrap.saiyoupege-wrapp table {
margin:0 0 24px 0;
width:100% !important;
}
.blogeditwrap.saiyoupege-wrapp td,
.blogeditwrap.saiyoupege-wrapp th {
border:1px solid #bbb;
padding:10px 7px 7px;
line-height:2.2;
background:#fff;
}
.blogeditwrap.saiyoupege-wrapp th {
background:#f2f2f2;
font-weight:bold;
}
.blogeditwrap.saiyoupege-wrapp td {
}
.blogeditwrap.saiyoupege-wrapp p img{
width: 80% !important;
}
.blogeditwrap.saiyoupege-wrapp{
width:670px !important;
margin:0 auto;
}
.blogeditwrap.blogeditwrap .btnorange {
padding: 14px 0px 10px;
border-radius: 5px;
border: 0;
background: #F76839;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height: 1.4;
box-shadow: 0px 3px 0px 0px #e05e33;
position: relative;
color: #fff;
text-decoration: none;
margin:0 auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.blogeditwrap.saiyoupege-wrapp{
width:100% !important;
margin:0 auto;
padding:0px !important;
}
.blogeditwrap.saiyoupege-wrapp h2 {
font-size: 5.3vw;
}
.blogeditwrap.saiyoupege-wrapp h3 {
font-size: 4.8vw;
}
.blogeditwrap.saiyoupege-wrapp h4 {
font-size: 4.3vw;
}
}

/*------------------------------------------------------------
記事ページの内容固定ページへ移すとき用
-------------------------------------------------------------*/
.blogeditwrap-substitute{
text-align: left;
color: #626262;
padding-bottom: 60px;
}
.blogeditwrap-substitute p {
margin: 0 0px 1.5em;
line-height: 2;
}
.blogeditwrap-substitute h2 {
font-size: 24px;
font-weight: 300;
color: #FFF;
border: 0px;
border: 2px solid #000!important;
box-sizing: border-box;
padding: 14px 5px 10px 13px;
background: #000;
position: relative;
display: flex;
align-items: center;
clear: both;
line-height: 1.4;
box-shadow: 0 0 0 2px #333;
width: 99%;
margin: 2.5em auto 1.5em;
border: 0!important;
background: #333;
padding: 12px 5px 12px 13px;
z-index: -1;
}
.blogeditwrap-substitute h2:first-child{
margin-top: 0;
}
.blogeditwrap-substitute h2:before {
content: "";
border: 2px solid #ffffff;
padding: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.blogeditwrap-substitute table {
border-collapse: collapse;
width: 100%;
margin: 0 0 24px 0;
}
.blogeditwrap-substitute tr {
border-bottom: 1px solid #eee;
}
.blogeditwrap-substitute td, .blogeditwrap-substitute th {
border: 1px solid #bbb;
padding: 10px 7px 7px;
background: #fff;
line-height: 1.5;
font-size: 13px;
}
.blogeditwrap-substitute td{
border-color: #cadce0;
}
.blogeditwrap-substitute.gaibusoushin-kiritsu td{
width: 50%;
}
.blogeditwrap-substitute ul, .blogeditwrap-substitute ol {
margin: 0 0 1.5em;
padding: 0;
}
.blogeditwrap-substitute ol {
counter-reset: item;
list-style: decimal outside none;
margin-left: 1.5em;
}
.blogeditwrap-substitute ul, .blogeditwrap-substitute ol, .blogeditwrap-substitute dl {
margin-bottom: 24px;
}
.blogeditwrap-substitute li {
line-height: 2!important;
}
.blogeditwrap-substitute ol li {
display: block;
position: relative;
}
.blogeditwrap-substitute ol li:before {
content: counter(item);
counter-increment: item;
font-weight: 800;
left: -1.5em;
position: absolute;
}
.blogeditwrap-substitute h3 {
clear: both;
line-height: 1.4;
font-size: 22px;
margin: 40px 0 15px;
font-weight: bold;
padding: 13px 5px 12px 20px;
position: relative;
color: #000;
border-radius: 0;
background: #eaeaea;
border-left: 6px solid #333333;
padding-left: 14px;
}
.blogeditwrap-substitute a {
color: #2188e0;
text-decoration: underline;
}

@media (min-width: 768px){
.blogeditwrap-substitute a:hover{
text-decoration: none;
}
}

@media (max-width: 767px){
div.blogeditwrap-substitute {
font-size: 3.9vw;
margin: 0;
padding-bottom: 0;
-webkit-text-size-adjust: 100%;
}
.blogeditwrap-substitute h2{
letter-spacing: -0.3px;
}
.blogeditwrap-substitute h3 {
letter-spacing: -0.3px;
}
.blogeditwrap-substitute p {
letter-spacing: -0.3px;
}
.blogeditwrap-substitute table{
font-size: 3.7vw;
}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.blogeditwrap-substitute h2{
font-size: 5.3vw;
}
.blogeditwrap-substitute h3 {
font-size: 4.8vw;
}
.blogeditwrap-substitute p {
font-size: 4.2vw;
}
.blogeditwrap-substitute table{
margin: 0 0 24px 0;
}
}

@media only screen and (max-width: 414px){
.blogeditwrap-substitute h2{
padding-left: 10px;
}
}


/*---PRロゴ設置CSS---*/
#detailwrap .dtcont  {
position: relative;
}
.pr-icon {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
background: #ccc;
color: #fff;
font-size: 11px;
font-weight:bold;
padding:0;
border-radius:50px;
height:28px;
width:28px;
line-height:29px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pr-icon{
font-size: 10px;
font-weight:bold;
padding:0;
height:23px;
width:23px;
line-height:23px;
text-align:center;
}
}
/*PC表示の場合埋め込みを中央寄せに-20231005追加*/
.twitter-tweet {
display: block!important;
margin: 0 auto !important;
width: 550px !important;
margin-bottom: 20px !important;
}
.twitter-tweet iframe {
width:550px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.twitter-tweet {
display:flex!important;
width: 100% !important;
flex-wrap: wrap;
}
.blogeditwrap blockquote.twitter-tweet {
padding: 27px 3px 0;
}
blockquote.twitter-tweet p {
font-size: 13px;
}
.acdp-cont blockquote.twitter-tweet{
padding: 27px 2px 0;
overflow: hidden;
}
.accordion-pulus .acdp-cont blockquote.twitter-tweet p {
font-size: 12px;
}
}


/*------------------------------------------------------------
オワタボタン
-------------------------------------------------------------*/
div .btn-content_owt p:first-child {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px;
}
#main .btn-content_owt{
    font-size: 14px;
    line-height: 1.8;
    table-layout: auto;
}
#main .btn-content_owt a.btn-content_owt_btn{
    line-height: 28px;
    font-size: 18px;
    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: 0 auto;
    -webkit-transition: opacity .3s, background-color .3s;
    transition: opacity .3s, background-color .3s;

}
#main a.btn-content_owt_btn:hover{
    opacity: 0.6;
}

#main .btn-content_owt a.btn-content_owt_btn:before{
content: "";
width: 12px;
height: 12px;
background: url(https://img.match-apps.jp/altema/uploads/2022/10/2022y10m21d_1939267529.png) center / 100% 100% no-repeat;
display: inline-block;
margin: 0 6px 0 0;
top: 1px;
position: relative;
z-index: 0;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
#main .btn-content_owt a.btn-content_owt_btn{
    width: 95%;
}
}

/*------------------------------------------------------------
東証ロゴ、KTAAロゴ
-------------------------------------------------------------*/
footer#footer .frmenu{
padding-left: 0;
display: flex;
flex-direction: column-reverse;
}
.tosyo-ktaa-wrap{
display: flex;
margin-bottom: 30px;
}
.footer-information__tosyo, .footer-information__ktaa {
display: flex;
align-items: center;
gap: 8px;
text-align: left;
font-size: 10px;
color: #626262;
width: 50%;
}
.footer-information__tosyo img{
width: 60px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
footer#footer .frmenu{
padding: 10px 10px 0;
display: block;
}
.tosyo-ktaa-wrap {
display: block;
margin: 10px 0 20px;
}
.footer-information__tosyo, .footer-information__ktaa {
width: auto;
}
.footer-information__tosyo{
margin-bottom: 10px;
}
}
/*------------------------------------------------------------
ボタンデザイン追加
-------------------------------------------------------------*/
a.btn-dl.btn_arrow {
    position: relative;
}
a.btn_free:before {
    display: inline-block !important;
    content: '無料'!important;
    background: #ffffff!important;
    color: #ff0260!important;
    padding: 1px 5px 0px 5px!important;
    border-radius: 11px!important;
    font-weight: bold;
    position: absolute!important;
    font-size: 12px!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    left: 3%!important;
    z-index: 51;
    animation: none !important;
}
a.btn_arrow:after{
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    margin: auto;
    z-index: 50;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
a.btn_free:before {
    font-size: 11px;
    top: 49%;
}}
/*--------------------------------------------------------------
フッターに運営会社リンク
-------------------------------------------------------------*/
.footer-company_wrap {
    background-color: #b2b2b2;
    color: #fff;
    padding: 15px 0;
}
.footer-company {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.footer-company_list {
    display: flex;
    vertical-align: middle;
    font-size: 13px;
    justify-content: flex-end;
}
ul.footer-company_list li {
  margin-left: 30px;
}
footer#footer ul.footer-company_list li:nth-child(4) {
	display:list-item;
}
ul.footer-company_list li a {
    text-decoration: none;
    color: #fff;
}
ul.footer-company_list li a:hover {
    color: #fff;
}
p.footer-company_copyright {
    font-size: 11px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
	.footer-company{
        width: auto;
		height:auto;
    line-height: 45px;
    flex-direction: column;
    padding-right: 0px;
    align-items: center;
        padding: 25px 0;
	}
	.footer-company_logo {
    position: initial;
    margin: 0 auto;
		width:auto;
}
	ul.footer-company_list {
    flex-direction: column;
    align-items: center;
        margin: 15px 0;
	}
	ul.footer-company_list li {
    margin-left: 0px;
    line-height: 32px;
}
	p.pc-display.footer-company_copyright {
	display:none;
	}
	p.sp-display.footer-company_copyright {
		display:block;
    font-size: 10px;
}
}


/*-----ボタンに矢印アニメーション--------*/
.btn-wrap a.btn-dl.icon_arrow{
	position:relative;
}
.btn-wrap a.btn-dl.icon_arrow:before{
    content: "";
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/10/4d60c646b80896f22200c102d1d92e95.png)no-repeat center / 100% 100%;
    width: 28px;
    height: 28px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 9px;
    left: 35px;
    position: absolute;
    animation: icon_rotate 0.64s linear infinite alternate;
}
@keyframes icon_rotate {
 0% {
 transform: rotate(15deg);
}
 100% {
 transform: rotate(55deg);
}
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.btn-wrap a.btn-dl.icon_arrow:before{
    top: 16px;
    left: 0px;
	}
	}

/*---無料アイコンなどで疑似要素が競合する場合---*/
p.btn-wrap:has(a.icon_arrow.btn_free) {
    position: relative;
}
p.btn-wrap:has(a.icon_arrow.btn_free):before {
    content: '';
    background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/10/4d60c646b80896f22200c102d1d92e95.png) no-repeat center / 100% 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 99999;
    top: 31%;
    left: 51px;
    animation: icon_rotate 0.64s linear infinite alternate;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
p.btn-wrap:has(a.icon_arrow.btn_free):before {
        top: 23px;
        left: -8px;
	}
	}

/* =============================================
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;
  }
  .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;
  transition: .3s;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button:hover {
    box-shadow: #dc440c 0px 2px 0px 0px;
    opacity: initial;
	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;
  }
  .pc_followingCTA.sticky {
    position: fixed;
    top: 75px;
    width: 270px;
}
.pc_followingCTA_ttl span {
    color: #ff5393;
  background: linear-gradient(transparent 60%, #ffe5ec 60%);
}

@media screen and (max-width: 680px) {
  .pc-display {
    display: none !important;
  }
}
/*--ボタン下フキダシ--*/
.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;
    margin-top: 11px;
}
}
#main .button_fukidashi p {
    margin: 0;
    line-height: 1.5em;
}
.icon_fukidashi {
    text-align: center;
    margin-right: 20px;
    font-size: 11px;
}
.button_fukidashi .icon_fukidashi img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
#main .button_fukidashi .icon_fukidashi p {
    font-size: 10px;
}
#main p.text_fukidashi{
    font-size: 13px;
    margin: 0 !important;
}
.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_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: 97%;
        padding: 6px 4px;
}
#main .button_fukidashi .icon_fukidashi p {
    font-size: 9px;
}
.icon_fukidashi {
        margin-right: 5px;
        width: 45px !important;
}
#main p.text_fukidashi{
    font-size: 12px;
        margin: 0 !important;
        line-height: 1.7em;
}
.icon_buttontext {
    margin-right: 18px;
}
.text_buttontext {
    font-size: 12px;
}
}


/*--アイコン付きボタン--*/
.btn-wrap a.btn-dl.icon_in_btn:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 7px;
    left: 25px;
    position: absolute;
    animation: none;
    border-radius: 5px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div#container a.btn-dl.icon_in_btn {
    font-size: 14px !important;
}
.btn-wrap a.btn-dl.icon_in_btn:before {
	width: 23px;
    height: 23px;
    top: 9px;
    left: 10px;
}
}

.btn-wrap a.btn-dl.icon_in_btn.tapple:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/05/9ac5e0fe408ae6fc3018bbc00f67b02f.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.with:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/with.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.pairs:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/50656a9b1affc14c84bf89a89c41ef9b.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.pcmax:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/03/4c53dccc0051852f864308c23cd403a2.png) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.wakuwaku:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/11/8fe42d9d6f2b5c7180ab5c7ff878e589.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.happymail_icon:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/11/dc38833f39489107b85f293fc24463ff.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.jmail:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/07/8e2e991bd5bd31c15c8066344bf21df8.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.hananokai:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/12/b5fb921f3c69ab8beae9dc8b9cd26869.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.ikukuru:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2022/11/eaa57738844224e2860058c633423bee.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.tinder:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/09/Tinder.png) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.resally:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/9e9a409ed9b08299b2a977843ccefe3e.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.dine:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/09/0c51cb0132754fd17238c02abcb2c561.png) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.enmusubi:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/08322dd0fda595e7f366518a73b6dadb.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.dramatch:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2021/07/7ef99b40917db3f799a089666fdaeebc.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.omiai:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/omiai.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.marrish:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/93c3f758016c43e92baa93e783545afe.jpg) no-repeat center / 100% 100%;
}
.btn-wrap a.btn-dl.icon_in_btn.youbride:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/afc263471e657486de7715d7fce14a41.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.tantan:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/78496c9de70a3bcfeed01f98599a9d92.png) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.couplink:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2019/09/18d7b6db096bc923c52c520736214ac1.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.match:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/Match.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.gorgeous:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/05/9d0873cff60066e8fab4026498282d6f.png) no-repeat center / 100% 100%;
border: 1px #fff solid;
}
.btn-wrap a.btn-dl.icon_in_btn.tocale:before {
background: url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2018/12/5a0ff2acaa320d7b2b5bd2fea3c5abfb.jpg) no-repeat center / 100% 100%;
border: 1px #fff solid;
}

.btn-wrap a.btn-dl.icon_in_btn.icon_arrow:after {
    content: "";
	background:url(https://ieagent.jp/matchlife/wp/wp-content/uploads/2024/10/a00da210bfcbc74016eb6133371ef5f3.png)no-repeat center / 100% 100%;
    width: 28px;
    height: 28px;
    color: #fff;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 6px;
    right: 15px;
    animation: icon_rotate_reverse 0.64s linear infinite alternate;
    position: absolute;
}
@keyframes icon_rotate_reverse {
 0% {
 transform: rotate(-15deg);
}
 100% {
 transform: rotate(-55deg);
}
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.btn-wrap a.btn-dl.icon_in_btn.icon_arrow:after {
	width: 25px;
    height: 25px;
    top: 8px;
    right: 6px;
}
}

/*------------------------------------------------------------
レクタングルバナー調整
-------------------------------------------------------------*/
a.banner-rectangle {
    display: block;
    margin-top: 30px;
}

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