@charset "utf-8";

/* リセット
---------------------------------------------------------- */

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; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size:14px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* ベースフォント
---------------------------------------------------------- */
body{
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color:#333;
    line-height:1.4em;
    text-align:left;
    -webkit-text-size-adjust: 100%;
    counter-reset: cnt cnt3 cnt4 cnt5 cnt6;
}

body.impD.lowerPage {
    /*display: flex;
    flex-direction: column;
    min-height: 100vh;*/
}

body.impD.lowerPage > #wrapper {
    /*min-height: calc(100vh - 140px);*/
}

body.follow-often_visit-list2.copyrightFixed > #wrapper {
	min-height: calc(100vh - 182px);
}

@media (max-width: 540px) {
	body.follow-often_visit-list2.copyrightFixed > #wrapper {
		min-height: calc(100vh - 166px);
	}
}

body.affiliate {
    line-height: 1.6em;
}

body.cashback {
    line-height: 1.6em;
}

input, textarea {
    font-family : inherit;
    font-size : 100%;
}

@media (max-width: 480px) {
    body{font-size: 12px;}
}



/* 汎用セレクタ
---------------------------------------------------------- */

/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}


.menuOpen{}
.menuClose{display: none;}

/*font*/
.fwB{font-weight:bold !important;}
.fs10{font-size:10px !important;line-height:1.5em;}
.fs11{font-size:11px !important;line-height:1.5em;}
.fs12{font-size:12px !important;line-height:1.5em;}
.fs14{font-size:14px !important;line-height:1.5em;}
.fs15{font-size:15px !important;line-height:1.5em;}
.fs16{font-size:16px !important;line-height:1.5em;}
.fs18{font-size:18px !important;line-height:1.5em;}
.fs20{font-size:20px !important;line-height:1.5em;}
.fs26{font-size:26px !important;line-height:1.5em;}
.fs30{font-size:30px !important;line-height:1.5em;}
.fsS{font-size:80% !important;line-height:1.5em;}
.fsL{font-size:120% !important;line-height:1.5em;}

.fs07rem{font-size:0.7rem !important;}
.fs10rem{font-size:1.0rem !important;line-height:1.5em;}
.fs11rem{font-size:1.1rem !important;line-height:1.5em;}
.fs12rem{font-size:1.2rem !important;line-height:1.5em;}
.fs14rem{font-size:1.4rem !important;line-height:1.5em;}
.fs16rem{font-size:1.6rem !important;line-height:1.5em;}
.fs18rem{font-size:1.8rem !important;line-height:1.5em;}
.fs20rem{font-size:2.0rem !important;line-height:1.5em;}

.fs10em{font-size:1.0em !important;line-height:1.5em;}
.fs11em{font-size:1.1em !important;line-height:1.5em;}
.fs12em{font-size:1.2em !important;line-height:1.5em;}
.fs13em{font-size:1.3em !important;line-height:1.5em;}
.fs14em{font-size:1.4em !important;line-height:1.5em;}
.fs16em{font-size:1.6em !important;line-height:1.5em;}
.fs18em{font-size:1.8em !important;line-height:1.5em;}
.fs20em{font-size:2.0em !important;line-height:1.5em;}


@media (max-width: 480px) {
    .fsS{font-size:11px !important;}
}
@media (max-width: 380px) {
    .fsS{font-size:10px !important;}
}
/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

.flL{float:left !important;}
.flR{float:right !important;}

.text-red{color:#F57D7F;}
.text-twitter{color:#1EA1F2 !important;}
.text-youtube{color:#FF0202 !important;}
.text-blog{color:#43aaec !important;}
.text-instagram{color:#DA3275 !important;}
.index_sns_icon {
	width: 57px;
}
@media (max-width: 480px) {
	.index_sns_icon {
		width: 44px;
	}
}
.text-suzuri{
    color: #fff !important;
    background-color: #000;
    padding: 17px 8px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
}
@media (max-width: 480px) {
    .text-suzuri{
        font-size: .6rem;
        padding: 13px 2px;
    }
}

body{
    background:#FFFFFF;
}


img{max-width: 100%;}


a:link{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:visited{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:hover{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:active{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}


/*=================================
  回り込み解除
=================================*/

.c_both{
    clear:both;
}

/*=================================
  全体のボックス
=================================*/

#wrapper{
    margin:0 auto;
    padding: 42px 0 0px 0;
    text-align:left;
}
#wrapper.noHeader{
    margin:0 auto;
    padding: 0;
    text-align:left;
}

.cashback #wrapper {
    padding: 0;
}

@media (max-width: 480px) {
    #wrapper{padding:42px 0 0 0;}
}

.wrapper{
    margin:0 auto;
    padding:42px 0 0 0;
    min-width: 320px;
    max-width: 640px;
    text-align:left;
}
@media (max-width: 480px) {
    .wrapper{padding:42px 0 0 0;}
}

.container{max-width: 900px;min-width: 320px;margin:auto;}
.container-small{max-width: 900px;min-width: 270px;margin:auto;}

/*=================================
  ヘッダー
=================================*/
#header:not(.affiliate2){
    position:fixed;
    text-align:left;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index:100;
    width:100%;
    background-color: #3DA9EE;
    background-position: bottom;
    background-size:100%;
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    height:42px;
    color:#FFFFFF;
}
.headerTitle{font-size:20px;margin: 6px 5px 8px;}
.headerTitle.threadTtl {padding: 0 30px; font-size: 18px;}

@media (max-width: 480px) {
    .headerTitle {
        font-size: 15px;
        margin: 10px 5px 8px;
    }
    .headerTitle.threadTtl {
        font-size: 15px;
    }
}

/*=================================
  パンクズ
=================================*/
#breadcrumb{padding:5px;margin:0 auto 0;}
#breadcrumb ul li{float:left;padding:3px;font-size:12px;}
#breadcrumb ul li a,#breadcrumb ul li span{word-break: break-all;}

/*=================================
  開くメニュー
=================================*/

.menu_btn_box{margin:3px 10px;padding:0px 0px 0px 0px;float: right;overflow: hidden;}

@media (max-width: 480px) {
.menu_btn_box{margin:10px 10px 3px;padding:0px 0px 0px 0px;float: right;}
}



/*=================================
  フッター
=================================*/

#footer{
    clear:both;
    margin:0 2%;
    padding: 0;
    width:96%;
}

.footer_menu{
    margin:30px 0px;
    padding:0;
    text-align:left;
    background: #FFFFFF;
    border: 2px solid #3A3AB1;
    border-radius:5px;
}

#copyright {}




.p5{padding:0.5%;}
.p10{padding:1%;}
.p15{padding:1.5%;}
.p20{padding:2%;}
.p30{padding:3%;}
.p40{padding:4%;}
.p2010{padding:2% 1%;}
.p1020{padding:1% 2%;}
.p10-0{padding:1% 0%;}
.p5px {padding: 5px;}
.p6px {padding: 6px;}
.p7px {padding: 7px;}
.pl10 {padding-left: 1%;}
.pl10px {padding-left: 10px;}
.pl10vh {padding-left: 1vh;}
.pl20 {padding-left: 2%;}
.pl20vh {padding-left: 2vh;}
.pl30 {padding-left: 3%;}
.pl20px {padding-left: 20px;}
.pl30px {padding-left: 30px;}
.pr3 {padding-right: 3px;}
.pr5 {padding-right: 5px;}
.pr6 {padding-right: 6px;}
.pr10 {padding-right: 1%;}
.pr10px {padding-right: 10px;}
.pr20 {padding-right: 2%;}
.pr30 {padding-right: 3%;}
.p10px {padding:10px;}
.p20px {padding:20px;}
.p30px {padding:30px;}
.p40px {padding:40px;}
.p1020px {padding: 10px 20px;}
.p1510px {padding: 15px 10px;}
.p0_10px {padding: 0 10px;}

.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb10{padding-bottom:1%;}
.pb20{padding-bottom:2%;}
.pb30{padding-bottom:3%;}
.pb40{padding-bottom:4%;}

.pt10px{padding-top:10px;}
.pt50px{padding-top:50px;}
.pt100px{padding-top:100px;}
.pb10px{padding-bottom:10px;}
.pb20px{padding-bottom:20px;}
.pb30px{padding-bottom:30px;}

.mb-10{margin-bottom:-2% !important;}
.mt-10{margin-top:-2% !important;z-index:3;position: relative;}
.mt-20{margin-top:-4% !important;}
.mt-30{margin-top:-6% !important;}
.mt-40{margin-top:-8% !important;}
.mt-15{margin-top:-3% !important;}
.mt5{margin-top:1% !important;}
.mt10{margin-top:2% !important;}
.mt20{margin-top:4% !important;}
.mt30{margin-top:6% !important;}
.mt50{margin-top:10% !important;}
.mt70{margin-top:14% !important;}
.mt5px{margin-top:5px !important;}
.mt10px{margin-top:10px !important;}
.mt20px{margin-top:20px !important;}
.mb0{margin-bottom:0% !important;}
.mb5{margin-bottom:1% !important;}
.mb10{margin-bottom:2% !important;}
.mb20{margin-bottom:4% !important;}
.mb30{margin-bottom:6% !important;}
.mb40{margin-bottom:8% !important;}
.mb50{margin-bottom:10% !important;}
.mlr10{margin-left:2% !important;margin-right:2% !important;}
.mr10{margin-right:2% !important;}
.mr20{margin-right:4% !important;}
.mr5{margin-right:1% !important;}
.mlr5{margin-left:1% !important;margin-right:1% !important;}
.mlr20{margin-left:4% !important;margin-right:4% !important;}
.ml0{margin-left: 0% !important;}
.ml20{margin-left: 4% !important;}
.ml40{margin-left: 6% !important;}
.mr10px{margin-right:10px !important;}

.mb1px{margin-bottom:1px !important;}
.mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;}
.mb20px{margin-bottom:20px !important;}
.mb30px{margin-bottom:30px !important;}
.mb40px{margin-bottom:40px !important;}
.mb50px{margin-bottom:50px !important;}
.mb60px{margin-bottom:60px !important;}
.mb70px{margin-bottom:70px !important;}
.mb80px{margin-bottom:80px !important;}

@media (max-width: 959px) {
    .spmb10{margin-bottom:2% !important;}
    .spmb10px{margin-bottom:10px !important;}
}

.mbEntry{margin-bottom:49px !important;}
.mbEntry.regist_btn{margin-bottom: 100px !important;}
@media (max-width: 770px) {
    .mbEntry{margin-bottom:73px !important;}
}
@media (max-width: 410px) {
    .mbEntry{margin-bottom:49px !important;}
}
@media (max-width: 350px) {
    .mbEntry{margin-bottom:49px !important}
}
@media (max-width: 420px) {
    .mbEntry.regist_btn{margin-bottom:52px !important;}
}
@media (max-width: 350px) {
    .mbEntry.regist_btn{margin-bottom: 40px !important;}
    .mbEntry.regist_btn.lp{margin-bottom: 45px !important;}
}


.w1{max-width:1%;}
.w2{max-width:2%;}
.w3{max-width:3%;}
.w4{max-width:4%;}
.w5{max-width:5%;}
.w6{max-width:6%;}
.w7{max-width:7%;}
.w8{max-width:8%;}
.w9{max-width:9%;}
.w10{max-width:10%;}
.w11{max-width:11%;}
.w12{max-width:12%;}
.w13{max-width:13%;}
.w14{max-width:14%;}
.w15{max-width:15%;}
.w16{max-width:16%;}
.w17{max-width:17%;}
.w18{max-width:18%;}
.w19{max-width:19%;}
.w20{max-width:20%;}
.w21{max-width:21%;}
.w22{max-width:22%;}
.w23{max-width:23%;}
.w24{max-width:24%;}
.w25{max-width:25%;}
.w26{max-width:26%;}
.w27{max-width:27%;}
.w28{max-width:28%;}
.w29{max-width:29%;}
.w30{max-width:30%;}
.w31{max-width:31%;}
.w32{max-width:32%;}
.w33{max-width:33%;}
.w34{max-width:34%;}
.w35{max-width:35%;}
.w36{max-width:36%;}
.w37{max-width:37%;}
.w38{max-width:38%;}
.w39{max-width:39%;}
.w40{max-width:40%;}
.w41{max-width:41%;}
.w42{max-width:42%;}
.w43{max-width:43%;}
.w44{max-width:44%;}
.w45{max-width:45%;}
.w46{max-width:46%;}
.w47{max-width:47%;}
.w48{max-width:48%;}
.w49{max-width:49%;}
.w50{max-width:50%;}
.w51{max-width:51%;}
.w52{max-width:52%;}
.w53{max-width:53%;}
.w54{max-width:54%;}
.w55{max-width:55%;}
.w56{max-width:56%;}
.w57{max-width:57%;}
.w58{max-width:58%;}
.w59{max-width:59%;}
.w60{max-width:60%;}
.w61{max-width:61%;}
.w62{max-width:62%;}
.w63{max-width:63%;}
.w64{max-width:64%;}
.w65{max-width:65%;}
.w66{max-width:66%;}
.w67{max-width:67%;}
.w68{max-width:68%;}
.w69{max-width:69%;}
.w70{max-width:70%;}
.w71{max-width:71%;}
.w72{max-width:72%;}
.w73{max-width:73%;}
.w74{max-width:74%;}
.w75{max-width:75%;}
.w76{max-width:76%;}
.w77{max-width:77%;}
.w78{max-width:78%;}
.w79{max-width:79%;}
.w80{max-width:80%;}
.w81{max-width:81%;}
.w82{max-width:82%;}
.w83{max-width:83%;}
.w84{max-width:84%;}
.w85{max-width:85%;}
.w86{max-width:86%;}
.w87{max-width:87%;}
.w88{max-width:88%;}
.w89{max-width:89%;}
.w90{max-width:90%;}
.w91{max-width:91%;}
.w92{max-width:92%;}
.w93{max-width:93%;}
.w94{max-width:94%;}
.w95{max-width:95%;}
.w96{max-width:96%;}
.w97{max-width:97%;}
.w98{max-width:98%;}
.w99{max-width:99%;}
.w100{max-width:100%;}
.w1p{width:1%;}
.w2p{width:2%;}
.w3p{width:3%;}
.w4p{width:4%;}
.w5p{width:5%;}
.w6p{width:6%;}
.w7p{width:7%;}
.w8p{width:8%;}
.w9p{width:9%;}
.w10p{width:10%;}
.w11p{width:11%;}
.w12p{width:12%;}
.w13p{width:13%;}
.w14p{width:14%;}
.w15p{width:15%;}
.w16p{width:16%;}
.w17p{width:17%;}
.w18p{width:18%;}
.w19p{width:19%;}
.w20p{width:20%;}
.w21p{width:21%;}
.w22p{width:22%;}
.w23p{width:23%;}
.w24p{width:24%;}
.w25p{width:25%;}
.w26p{width:26%;}
.w27p{width:27%;}
.w28p{width:28%;}
.w29p{width:29%;}
.w30p{width:30%;}
.w31p{width:31%;}
.w32p{width:32%;}
.w33p{width:33%;}
.w34p{width:34%;}
.w35p{width:35%;}
.w36p{width:36%;}
.w37p{width:37%;}
.w38p{width:38%;}
.w39p{width:39%;}
.w40p{width:40%;}
.w41p{width:41%;}
.w42p{width:42%;}
.w43p{width:43%;}
.w44p{width:44%;}
.w45p{width:45%;}
.w46p{width:46%;}
.w47p{width:47%;}
.w48p{width:48%;}
.w49p{width:49%;}
.w50p{width:50%;}
.w51p{width:51%;}
.w52p{width:52%;}
.w53p{width:53%;}
.w54p{width:54%;}
.w55p{width:55%;}
.w56p{width:56%;}
.w57p{width:57%;}
.w58p{width:58%;}
.w59p{width:59%;}
.w60p{width:60%;}
.w61p{width:61%;}
.w62p{width:62%;}
.w63p{width:63%;}
.w64p{width:64%;}
.w65p{width:65%;}
.w66p{width:66%;}
.w67p{width:67%;}
.w68p{width:68%;}
.w69p{width:69%;}
.w70p{width:70%;}
.w71p{width:71%;}
.w72p{width:72%;}
.w73p{width:73%;}
.w74p{width:74%;}
.w75p{width:75%;}
.w76p{width:76%;}
.w77p{width:77%;}
.w78p{width:78%;}
.w79p{width:79%;}
.w80p{width:80%;}
.w81p{width:81%;}
.w82p{width:82%;}
.w83p{width:83%;}
.w84p{width:84%;}
.w85p{width:85%;}
.w86p{width:86%;}
.w87p{width:87%;}
.w88p{width:88%;}
.w89p{width:89%;}
.w90p{width:90%;}
.w91p{width:91%;}
.w92p{width:92%;}
.w93p{width:93%;}
.w94p{width:94%;}
.w95p{width:95%;}
.w96p{width:96%;}
.w97p{width:97%;}
.w98p{width:98%;}
.w99p{width:99%;}
.w100p{width:100%;}

.w80px {width: 80px;}
.w100px {width: 100px;}
.w220px {width: 220px;}

.h100vh {min-height: 100vh}

.bgBlue{background: #3DA9EE;color:#FFFFFF;}
.bgPink{background: #FEB4CF;color:#FFFFFF;}
.bgGreen{background: #1CB1D3;}
.bgGreen2{background: #a0d706;}
.bgRed{background: #F57D7F;}
.bgOrange{background: #f99e4d;}
.bgOrange2{background: #ffcea6;}

.bgLightBlue{background:#BFE1FB;}
.bgLightBlue2{background:#eff6ff;}
.bgBlue{background:#64b5f7;}
.bgBlue2{background:#1a76d2;}
.bgBlue3{background:#3fadea;}
.bgBlue4{background: #98d0e7;color:#333;}
.bgBlue5{background: #2CB4FF;}
.bgBlue6{background: #96C3FA;}
.bgBlue7{background: #f3fcff;}
.bgBlue8{background: #5995ea;}
.bgGrey{background:#F2F2F2;}
.bgGrey2{background:#595959;}
.bgGrey3{background:#F0F0F0;}
.bgGrey4{background:#616161;}
.bgGrey5{background:#e2e2e2;}
.bgGrey6{background:#eee;}
.bgWhite{background:#FFFFFF;}
.bgPink2{background: #FEF3F3;}
.bgPink3{background: #FE4A6D;}
.bgPink4{background: #FFB0D3;}
.bgPink5{background: #fff6ff;}
.bgYellow{background: #FFFFDD;}
.bgYellow2{background: #ffe83d;}
.bgGreen3{background: #f0f7dc;}

.bgSecurity{background:#efefef;}


.bg1{background:url(../img/bg/bg1.png);}
.bg2{background:url(../img/bg/bg2.png);}
.bg3{background:url(../img/bg/bg3.png);}
.bg4{background:url("../img/bg/bg4.png");}
.bg5{background:url("../img/bg/bg5.png");}
.bg6{background:url("../img/bg/bg6.png");}
.bg7{background:url("../img/bg/bg7.png");}
.bg8{background:url("../img/bg/bg8.png");}

.bgRedStripe{background:url(../img/bg/bg_red_stripe.png);}
.bgRedStripe2{background:url(../img/bg/bg_red_stripe2.png);}
.bgGreenStripe2{background:url(../img/bg/bg_green_stripe2.png);}

.bgTitle1{background:url(../img/bg/bg_title1.png);color:#FFFFFF;font-size:120%;line-height: 1.5em;padding:1%;border-radius: 100px;text-align: center;}
.title2{
    background-image:url(../img/bg/bg_title2_parts1.png),url(../img/bg/bg_title2.png);
    background-repeat: no-repeat,repeat;
    background-position:center right,left;
    color:#FFFFFF;font-size:120%;line-height: 1.5em;padding:1%;text-align: center;position: relative;
    margin:0 0 15px 0;
}
.title2:after{
    content: "";
    background-image:url(../img/bg/bg_title2_parts2.png);
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    bottom:-10px;
    width:20px;
    height:10px;
}

.title3{
    background-image:url(../img/bg/bg_title3_parts1.png),url(../img/bg/bg_title3.png);
    background-repeat: no-repeat,repeat;
    background-position:center right,left;
    color:#FFFFFF;font-size:120%;line-height: 1.5em;padding:1%;text-align: center;position: relative;
    margin:0 0 15px 0;
}
.title3:after{
    content: "";
    background-image:url(../img/bg/bg_title3_parts2.png);
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    bottom:-10px;
    width:20px;
    height:10px;
}

.title4 {
    position: relative;
    padding: .75em 1em .75em 1.5em;
    border: 1px solid #ccc;
}

.title4:after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #3498db;
    border-radius: 4px;
}

.title5 {
    position: relative;
    padding: .5em .75em;
    background-color: #3DA9EE;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.title5:after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #3DA9EE;
}

.title6 {
    position: relative;
    padding: .5em .75em;
    background-color: #FE8BB4;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.title6:after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FE8BB4;
}

.title7 {
    position: relative;
    color: white;
    background: #69bfba;
    line-height: 1.4;
    padding: 0.5em 0.5em 0.5em 1.8em;
    font-weight: bold;
}

.title7:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    left : 0.5em;
    top: 0.5em;
}

.title8 {
    background: #000;
    color: #fff;
}
.title9{
    background-image:url(../img/bg/bg_title9_parts1.png),url(../img/bg/bg_title9.png);
    background-repeat: no-repeat,repeat;
    background-position:center right,left;
    color:#FFFFFF;font-size:120%;line-height: 1.5em;padding:1%;text-align: center;position: relative;
    margin:0 0 15px 0;
}
.title9:after{
    content: "";
    background-image:url(../img/bg/bg_title9_parts2.png);
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    bottom:-10px;
    width:20px;
    height:10px;
}


.iconTitle{max-width:10%;}


.contents_menu ul li{background:#FFFFFF;margin:0 0 15px 0;padding:15px;border: 2px solid #FD92BA;}
.contents_menu ul li a{display: block;position: relative;}
.contents_menu ul li a:after{
    display: block;
    content: "";
    position: absolute;
    color:#FD92BA;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 3px #FD92BA;
    border-right: solid 3px #FD92BA;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 400px) {
    .contents_menu ul li a:after{
        right: 10px;
    }
}


.borderBlue{border:2px solid #3DA9EE;}
.borderBlue2{border:2px solid #3fadea;}
.borderBlue3{border:1px solid #3DA9EE;}
.borderBlue4{border:2px solid #599ff4;}
.borderBlue5{border:4px solid #b0dffc;}
.borderRed{border:2px solid #F57D7F;}
.borderGreen{border:2px solid #1CB1D3;}
.borderPink{border:2px solid #FEB4CF;}
.borderPink2{border:2px solid #FC3EB3;}
.borderPink3{border:2px solid #ff6766;}
.borderPink4{border:2px solid #ff82b7;}
.borderPink5{border:4px solid #FEB4CF;}
.borderPink6{border:4px solid #fcb0b0;}
.borderGrey{border:2px solid #CCCCCC;}
.borderGreyDashed{border:2px dashed #CCCCCC;}
.borderGreyDashed1{border:1px dashed #CCCCCC;}
.borderGrey2{border:2px solid #D8D8D8;}
.borderGrey3{border:1px solid #D8D8D8;}
.borderOrange{border:1px solid #ffcea6;}
.borderOrange2{border:2px solid #ffcea6;}


.btWhite{border-top:2px solid #FFFFFF;}
.btGrey{border-top:1px solid #e6e6e6;}
.btGreyDashed{border-top:1px dashed #e6e6e6;}

.bbWhite{border-bottom:2px solid #FFFFFF;}
.bbPink{border-bottom:2px solid #FEB4CF;}
.bbBlue{border-bottom:2px solid #3DA9EE;}
.bbGrey{border-bottom:2px solid #e6e6e6;}
.bbGrey2{border-bottom:1px solid #cecece;}
.bbGrey3{border-bottom:1px solid #999999;}
.bbGrey4{border-bottom:1px solid #D8D8D8;}
.bbGrey5{border-bottom:1px solid #e6e6e6;}
.bbBlack{border-bottom:1px solid #000000;}

.brWhite{border-right:2px solid #FFFFFF;}
.brPink{border-right:2px solid #FEB4CF;}

.blWhite {border-left:2px solid #FFFFFF;}

@media (max-width: 480px) {
    .spNone{display: none;}
    .spBlock{display: block;}
}

.fixPagetop{position:fixed;bottom:0;margin:0;width:100px;z-index:10;
            right : -webkit-calc(50% - 550px) ;
            right : calc(50% - 550px) ;
}
@media (max-width:  1100px) {
    .fixPagetop{right:0;}
}

.entryfix{
    position: fixed;bottom:0;left:0;width:100%;z-index:300;/*background: #fff;border-top: 1px solid #f2f2f2;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.entryfix2{
    padding: 10px 0;
    position: fixed;bottom:0;left:0;width:100%;z-index:300;/*background: #fff;border-top: 1px solid #f2f2f2;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.fixPagetopDown{display: none;}
.fixPagetopUp{display: none;}

.rounded{border-radius:10px;}
.roundedUp{border-radius: 10px 10px 0 0;}
.roundedDown{border-radius: 0 0 10px 10px;}
.roundedUp7{border-radius: 7px 7px 0 0;}
.roundedDow7{border-radius: 0 0 7px 7px;}
.roundedLeftDown0{border-radius: 15px 15px 0 15px;}
.roundedRightDown0{border-radius: 15px 15px 15px 0;}
.roundedS{border-radius:5px;}
.roundedL{border-radius:30px;}
.bbdotted{border-bottom: 1px dotted #888888;}
.posiRelative{position: relative;}
.dispBlock{display: block;}
.dispInlineBlock{display: inline-block;}

.verticalMiddle{vertical-align: middle;}
.verticalTop{vertical-align: top !important;}
.verticalBottom{vertical-align: bottom !important;}

.overhidden{overflow: hidden;}

.text-white{color:#FFFFFF !important;}
.text-pink{color:#FD92B9 !important;}
.text-pink2{color:#FC3EB3 !important;}
.text-pink3{color:#f8618a !important;}
.text-pink4{color:#ff2979 !important;}
.text-pink5{color:#FF6766 !important;}
.text-pink6{color:#fe6287 !important;}
.text-pink7{color:#ff82b7 !important;}
.text-pink8{color:#FEB4CF !important;}
.text-pink9{color:#da4260 !important;}
.text-blue{color:#3DA9EE !important;}
.text-blue2{color:#32ACE0 !important;}
.text-blue3{color:#32ACE0 !important;}
.text-blue4{color:#C2F0FC !important;}
.text-blue5{color:#599ff4 !important;}
.text-red{color:#F57D7F !important;}
.text-green{color:#1CB1D3 !important;}
.text-green2{color:#bcff7e !important;}
.text-green3{color:#66E88C !important;}
.text-green4{color:#80c4a0 !important;}
.text-orange{color:#F2835F !important;}
.text-grey{color:#999999 !important;}
.text-gre2{color:#535353 !important;}
.text-grey3{color:#999999 !important;}
.text-black{color: #000 !important;}
.text-default{color: #333 !important;}
.text-yellow{color:#FFFF00 !important;}
.text-yellow2{color:#EDC72F !important;}
.text-purple{color:#2C3093 !important;}
.text-purple2{color:#66547f !important;}
.text-gold{color:#e0b700 !important;}
.text-silver{color:#a8a8a8 !important;}
.text-bronze{color:#dd9954 !important;}
.underline{text-decoration:underline !important;}

.nowrap{white-space: nowrap;}
.pointer{cursor: pointer;}

button{background: none;border:none;}
.scrollBox {overflow: scroll;}


.titleBlue{width:100%;margin:0 auto;text-align: center; position: relative;}
.titleBlue.txt {width: auto;display: inline-block;padding: 0 55px;color: #3DA9EC;font-size: 50px; text-align: center; margin: 0 auto;}
.titleBlue.txt:before, .titleBlue.txt:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: #3DA9EC;}
.titleBlue.txt:before {left:0;}
.titleBlue.txt:after {right: 0;}
.subtitleBlue{color: #3DA9EC;font-size: 18px;}
@media (max-width: 500px) {
    .titleBlue.txt{font-size: 35px;}
}
@media (max-width: 420px) {
    .titleBlue.txt{font-size: 25px;}
}
@media (max-width: 350px) {
    .titleBlue.txt{font-size: 25px;}
    .subtitleBlue{font-size: 14px;}
}
@media (max-width: 660px) {
    .titleBlue.txt.long{font-size: 28px;}
}
@media (max-width: 430px) {
    .titleBlue.txt.long{font-size: 23px;}
}
@media (max-width: 370px) {
    .titleBlue.txt.long{font-size: 20px;}
}
@media (max-width: 340px) {
    .titleBlue.txt.long{font-size: 18px;}
}
@media (max-width: 780px) {
    .titleBlue.txt.long2{font-size: 25px;}
}
@media (max-width: 450px) {
    .titleBlue.txt.long2{font-size: 20px;}
    .subtitleBlue.long2{font-size: 12px;}
}
@media (max-width: 390px) {
    .titleBlue.txt.long2{font-size: 17px;}
}
@media (max-width: 370px) {
    .titleBlue.txt.long2{font-size: 13px;}
    .subtitleBlue.long2{font-size: 12px;}
}

.titleRed{width:100%;margin:0 auto;text-align: center; position: relative;}
.titleRed.txt {width: auto;display: inline-block;padding: 0 55px;color: #F57D7F;font-size: 50px; text-align: center; margin: 0 auto;}
.titleRed.txt:before, .titleRed.txt:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: #F57D7F;}
.titleRed.txt:before {left:0;}
.titleRed.txt:after {right: 0;}
.subtitleRed{color: #F57D7F;font-size: 18px;}
@media (max-width: 500px) {
    .titleRed.txt{font-size: 35px;}
}
@media (max-width: 420px) {
    .titleRed.txt{font-size: 25px;}
}
@media (max-width: 350px) {
    .titleRed.txt{font-size: 25px;}
    .subtitleRed{font-size: 14px;}
}
@media (max-width: 660px) {
    .titleRed.txt.long{font-size: 28px;}
}
@media (max-width: 430px) {
    .titleRed.txt.long{font-size: 23px;}
}
@media (max-width: 370px) {
    .titleRed.txt.long{font-size: 20px;}
}
@media (max-width: 340px) {
    .titleRed.txt.long{font-size: 18px;}
}
@media (max-width: 780px) {
    .titleRed.txt.long2{font-size: 25px;}
}
@media (max-width: 450px) {
    .titleRed.txt.long2{font-size: 20px;}
    .subtitleRed.long2{font-size: 12px;}
}
@media (max-width: 390px) {
    .titleRed.txt.long2{font-size: 17px;}
}
@media (max-width: 370px) {
    .titleRed.txt.long2{font-size: 13px;}
    .subtitleRed.long2{font-size: 12px;}
}


.titleGreen{width:100%;margin:0 auto;text-align: center; position: relative;}
.titleGreen.txt {width: auto;display: inline-block;padding: 0 55px;color: #1CB1D3;font-size: 50px; text-align: center; margin: 0 auto;}
.titleGreen.txt:before, .titleGreen.txt:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: #1CB1D3;}
.titleGreen.txt:before {left:0;}
.titleGreen.txt:after {right: 0;}
.subtitleGreen{color: #1CB1D3;font-size: 18px;}
@media (max-width: 500px) {
    .titleGreen.txt{font-size: 35px;}
}
@media (max-width: 420px) {
    .titleGreen.txt{font-size: 25px;}
}
@media (max-width: 350px) {
    .titleGreen.txt{font-size: 25px;}
    .subtitleGreen{font-size: 14px;}
}
@media (max-width: 660px) {
    .titleGreen.txt.long{font-size: 28px;}
}
@media (max-width: 430px) {
    .titleGreen.txt.long{font-size: 23px;}
}
@media (max-width: 370px) {
    .titleGreen.txt.long{font-size: 20px;}
}
@media (max-width: 340px) {
    .titleGreen.txt.long{font-size: 18px;}
}
@media (max-width: 780px) {
    .titleGreen.txt.long2{font-size: 25px;}
}
@media (max-width: 450px) {
    .titleGreen.txt.long2{font-size: 20px;}
    .subtitleGreen.long2{font-size: 12px;}
}
@media (max-width: 390px) {
    .subtitleGreen.txt.long2{font-size: 17px;}
}
@media (max-width: 370px) {
    .titleGreen.txt.long2{font-size: 13px;}
    .subtitleGreen.long2{font-size: 12px;}
}



.subTitle{width:80%;margin:1% auto;text-align: center; position: relative;}



.iconUserBlue{background-image: url(../img/icon/icon_user_blue.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;word-break: break-all; line-height: 1.4em;}
.iconUserRed{background-image: url(../img/icon/icon_user_red.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;word-break: break-all; line-height: 1.4em;}
.iconUserGreen{background-image: url(../img/icon/icon_user_green.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;word-break: break-all; line-height: 1.4em;}
.iconCommentBlue{background-image: url(../img/icon/icon_comment.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;word-break: break-all; line-height: 1.4em;}
.iconReviewWoman {
    background-image: url(../img/icon/review_girl.png);
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 120%;
    padding: 7px 20px 7px 40px;
    word-break: break-all;
}
.iconReviewMen {
    background-image: url(../img/icon/review_boy.png);
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 120%;
    padding: 7px 20px 7px 40px;
    word-break: break-all;
}
.iconReviewLgbt {
    background-image: url(../img/icon/review_boygirl.png);
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 120%;
    padding: 7px 20px 7px 40px;
    word-break: break-all;
}

@media (max-width: 350px) {
    .iconCommentBlue{
        padding: 10px 20px 14px 40px;
    }
}
.iconCommentRed{background-image: url(../img/icon/icon_comment_red.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}
.iconCommentGreen{background-image: url(../img/icon/icon_comment_green.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}
.iconCommentWhite{background-image: url(../img/icon/icon_comment_white.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}

@media (max-width: 400px) {
    .iconCommentWhite {background-size: 25px;}
}

.iconMovieRed{background-image: url(../img/icon/icon_movie_red.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}
.iconMovieGreen{background-image: url(../img/icon/icon_movie_green.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}

.iconCirclePink{background-image: url(../img/icon/icon_circle_pink.png);background-repeat: no-repeat;background-size: 18px;background-position: left center;font-size: 120%;padding: 7px 5px 5px 25px;}
.iconCircleRed{background-image: url(../img/icon/icon_circle_red.png);background-repeat: no-repeat;background-size: 18px;background-position: left center;font-size: 100%;padding: 12px 5px 12px 25px;color: #535353 !important;}
.iconCircleBlue{background-image: url(../img/icon/icon_circle_blue.png);background-repeat: no-repeat;background-size: 18px;background-position: left center;font-size: 100%;padding: 12px 5px 12px 25px;color: #535353 !important;}
.iconMaruBlack{background-image: url(../img/icon/icon_maru.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}
.iconMaruBlue{background-image: url(../img/icon/icon_maru_blue.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}
.iconMaruPink{/*background-image: url(../img/icon/icon_maru_pink.png);*/background-image: url(../img/icon/icon_maru_blue.png);background-repeat: no-repeat;background-size: 30px;font-size: 120%;padding: 7px 20px 7px 40px;}

.uk-button {
    text-transform: none !important;
}

.filter_btn {
    background:#3DA9EE;
    width:40%;
    display: block;
    margin: 1% auto;
    color:#FFFFFF !important;
    padding:20px 10px;
    border-bottom: 5px solid #016396;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.longBlueBtn {
    background:#3DA9EE;
    width:40%;
    display: block;
    margin: 1% auto;
    color:#FFFFFF !important;
    padding:20px 10px;
    border-bottom: 5px solid #016396;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.longBlueBtn2 {
    background:#3DA9EE;
    width:40%;
    display: block;
    margin: 1% auto;
    color:#FFFFFF !important;
    padding:20px 10px;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.longPurpleBtn {
    background:#d993ed;
    width:40%;
    display: block;
    margin: 1% auto;
    color:#FFFFFF !important;
    padding:20px 10px;
    border-bottom: 5px solid #923ac0;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.longGreenBtn {
    background:#20c091;
    width:40%;
    display: block;
    margin: 1% auto;
    color:#FFFFFF !important;
    padding:20px 10px;
    border-bottom: 5px solid #118452;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.upload_btn {
    background-color: #6382f2;
    color: #fff !important;
    padding: 10px;
    border-radius: 3px;
    font-size: 14px;
    border-bottom-style: solid;
    border-width: .25rem;
    border-color: rgba(0,0,0,0.2);
    display: inline-block;
}

#copy_btn.longBlueBtn {
    width:70%;
}
@media (max-width: 510px) {
    #copy_btn.longBlueBtn {
        width:70%;
    }
}
@media (max-width: 490px) {
    #copy_btn.longBlueBtn {
        font-size: 14px;
    }
}
@media (max-width: 450px) {
    #copy_btn.longBlueBtn {
        width:90%;
        font-size: 13px;
    }
}

.moreBtn{background:#3DA9EE;width:40%; display: block;margin: 1% auto;color:#FFFFFF !important;padding:20px 10px;
         border-bottom: 5px solid #016396;font-size: 20px;
         border-radius: 3px;position: relative;
}
.moreBtn.long {font-size: 18px;}
@media (max-width: 650px) {
    .moreBtn.long {font-size: 17px;}
    .filter_btn {font-size: 17px;}
    .longBlueBtn {font-size: 17px;}
    .longGreenBtn {font-size: 17px;}
    .longPurpleBtn {font-size: 17px;}
}
@media (max-width: 600px) {
    .moreBtn.long {width:60%;}
    .moreBtn.searchIcon{width:70%;}
    .moreBtn.resetIcon{width:70%;}
    .filter_btn {width:60%;}
    .longBlueBtn {width:60%;}
    .longGreenBtn {width:60%;}
    .longPurpleBtn {width:60%;}
}
@media (max-width: 500px) {
    .moreBtn.long {font-size: 17px;}
    .moreBtn.searchIcon{width:70%;}
    .moreBtn.resetIcon{width:70%;}
    .filter_btn {font-size: 17px;}
    .longBlueBtn {font-size: 17px;}
    .longGreenBtn {font-size: 17px;}
    .longPurpleBtn {font-size: 17px;}
}
@media (max-width: 480px) {
    .moreBtn{width:70%;font-size: 18px;}
    .moreBtn.long{width:70%;}
    .moreBtn.searchIcon{width:70%; font-size: 12px}
    .moreBtn.resetIcon{width:70%; font-size: 12px}
    .filter_btn{width:70%;}
    .longBlueBtn{width:85%;}
    .longGreenBtn{width:85%;}
    .longPurpleBtn{width:85%;}
}
@media (max-width: 480px) {
    .iconUp img{width:40px;}
}
@media (max-width: 360px) {
    .moreBtn.long{font-size: 15px;width:90%;padding:15px 10px;}
    .moreBtn.searchIcon{font-size: 15px;width:90%;padding:15px 10px;}
    .moreBtn.resetIcon{font-size: 15px;width:90%;padding:15px 10px;}
    .filter_btn{font-size: 15px;width:90%;padding:15px 10px;}
    .longBlueBtn{font-size: 15px;width:90%;padding:15px 10px;}
    .longGreenBtn{font-size: 15px;width:90%;padding:15px 10px;}
    .longPurpleBtn{font-size: 15px;width:90%;padding:15px 10px;}
}


.moreBtn:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin: -9px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.moreBtn.searchIcon {
    background-image: url("../img/icon/icon_search.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size:60px 60px;
    font-weight: bold;
}

.moreBtn.resetIcon:after {
    border: none !important;
}

.moreBtn.resetIcon {
    background:#e5e5e5;
    border-bottom: 5px solid #8c8c8c;
    color: #8c8c8c !important;
    background-image: url("../img/icon/icon_reset.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size:60px 60px;
    font-weight: bold;
}


.commentIcon{background:#3DA9EE;width:40%; display: block;margin: 1% auto;color:#FFFFFF !important;padding:20px 10px;
         border-bottom: 5px solid #016396;font-size: 20px;
         border-radius: 3px;position: relative;
}
.commentIcon {
    background-image: url("../img/icon/icon_partyboard.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size:60px 60px;
    font-weight: bold;
    box-sizing: border-box;
}
.commentIcon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin: -9px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media (max-width: 850px) {
    .commentIcon {
        width:50%;
    }
}
@media (max-width: 680px) {
    .commentIcon {font-size: 16px;}
}
@media (max-width: 600px) {
    .commentIcon{width:70%;}
}
@media (max-width: 430px) {
    .commentIcon{width:80%;font-size: 14px;}
}
@media (max-width: 380px) {
    .commentIcon{width:90%;}
}


.moreComment{background:#3DA9EE;width:40%; display: block;margin: 1% auto;color:#FFFFFF !important;padding:20px 10px;
         border-bottom: 5px solid #016396;font-size: 20px;
         border-radius: 3px;position: relative;
}
.moreComment {
    background-image: url("../img/icon/icon_more.png");
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size:40px 40px;
    font-weight: bold;
}
.moreComment:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin: -9px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media (max-width: 850px) {
    .moreComment {
        width:50%;
    }
}
@media (max-width: 680px) {
    .moreComment {font-size: 16px;}
}
@media (max-width: 600px) {
    .moreComment{width:70%;}
}
@media (max-width: 430px) {
    .moreComment{width:80%;font-size: 14px;}
}
@media (max-width: 380px) {
    .moreComment{width:90%;}
}


.commentWhiteIcon{background:#3DA9EE;width:40%; display: block;margin: 1% auto;color:#FFFFFF !important;padding:20px 10px;
         border-bottom: 5px solid #016396;font-size: 20px;
         border-radius: 3px;position: relative;font-weight: bold;
}
@media (max-width: 850px) {
    .commentWhiteIcon {
        width:50%;
    }
}
@media (max-width: 680px) {
    .commentWhiteIcon {font-size: 16px;}
}
@media (max-width: 600px) {
    .commentWhiteIcon{width:70%;}
}
@media (max-width: 430px) {
    .commentWhiteIcon{width:80%;font-size: 14px;}
}
@media (max-width: 380px) {
    .commentWhiteIcon{width:90%;}
}








.blueBtn{background:#3DA9EE;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #016396;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.blueBtn img{max-height:30px;}
.pinkBtn{background:#FEB4CF;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #FEB4CF;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.pinkBtn img{max-height:30px;}
.greenBtn{background:#1CB1D3;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #117084;font-size: 20px;border-radius: 3px;position: relative;text-align:center; box-sizing: border-box;}
.greenBtn img{max-height:30px;}
.redBtn{background:#F57D7F;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #B10E12;font-size: 20px;border-radius: 3px;position: relative;text-align:center; box-sizing: border-box;}
.redBtn img{max-height:30px;}

.submitBtn {
    background:#3DA9EE;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-bottom: 5px solid #016396;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
}

.submitBtn2 {
    background:#3DA9EE;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
}

.submitBtn3 {
    background:#e8c951;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
}

.backBtn {
    background: #c9c9c9;
    display: inline-block;
    border-bottom: 5px solid #7c7c7c;
    color: #8c8c8c !important;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
}

.backBtn2 {
    background: #c9c9c9;
    display: inline-block;
    color: #8c8c8c !important;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
}

.searchBtn {
    background: #808080;
    display: inline-block;
    /*border-bottom: 5px solid #7c7c7c;*/
    color: #fff !important;
    text-align: center;
    padding: 3px 5px;
    border-radius: 3px;
    color: #7c7c7c;
    font-size: 12px;
    height: 38px;
    line-height: 33px;
    box-sizing: border-box;
}

.blockBtn {
    background: #F57D7F;
    border-bottom: 5px solid #B10E12;
    text-align: center;
    margin: 20px auto;
    color:#FFFFFF !important;
    padding:10px 2% 10px 2%;
    border-radius: 3px;
    display: block;
    font-size: 16px;
}

@media (max-width: 480px) {
    .blockBtn {
        font-size: 12px;
    }
}

.blueStripeBtn{background-image: url(../img/bg/bg_blue_stripe.png);width:100%; display: block;color:#FFFFFF !important;
         border-bottom: 5px solid #016396;font-size: 20px;
         border-radius: 3px;position: relative;
}

.greenStripeBtn{background-image: url(../img/bg/bg_green_stripe.png);width:100%; display: block;color:#FFFFFF !important;
         border-bottom: 5px solid #117084;font-size: 20px;
         border-radius: 3px;position: relative;
}

.redStripeBtn{background-image: url(../img/bg/bg_red_stripe.png);width:100%; display: block;color:#FFFFFF !important;
         border-bottom: 5px solid #B10E12;font-size: 20px;
         border-radius: 3px;position: relative;
}

.pinkStripeBtn{background-image: url(../img/bg/bg_pink_stripe.png);width:100%; display: block;color:#FFFFFF !important;
         border-bottom: 5px solid #AD184E;font-size: 20px;
         border-radius: 3px;position: relative;
}



.entryBtn{background:#3DA9EE;width:50%; max-width: 600px; display: block;margin: 10px auto;color:#FFFFFF !important;padding:5px 10px 5px 10px;border-bottom: 5px solid #016396;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.entryBtn img{max-height:40px;}

.twitterBtn{background:#50B4F1;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #0F7ABB;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.twitterBtn img{max-height:30px;}
.blogBtn{background:#99CC33;width:100%; max-width: 600px; display: block;margin: 20px auto;color:#FFFFFF !important;padding:5px 10% 5px 2%;border-bottom: 5px solid #769C27;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.blogBtn img{max-height:30px;}

.castBtn{background:#3DA9EE; display: inline-block;margin: 10px 1%;color:#FFFFFF !important;padding:5px 10px 5px 10px;border-bottom: 5px solid #016396;font-size: 20px;border-radius: 3px;position: relative;text-align:center;}
.castBtn img{max-height:40px;}



.twitterBtn:after,.blogBtn:after,.blueBtn:after,.pinkBtn:after,.greenBtn:after,.redBtn:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 10px;
    height: 10px;
    margin: -7px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 480px) {
.blueBtn img{max-height:23px;}
.pinkBtn img{max-height:23px;}
.greenBtn img{max-height:23px;}
.redBtn img{max-height:23px;}

.twitterBtn:after,.blogBtn:after,.blueBtn:after,.pinkBtn:after,.greenBtn:after,.redBtn:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 4%;
    width: 7px;
    height: 7px;
    margin: -6px 0 0 0;
    border-top: solid 3px #FFFFFF;
    border-right: solid 3px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}


.prevBtn{background:#3DA9EE;display: block;margin: 20px auto;color:#FFFFFF !important;padding:10px 2% 10px 5%;border-bottom: 5px solid #016396;border-radius: 3px;position: relative;text-align:center;}
.nextBtn{background:#3DA9EE;display: block;margin: 20px auto;color:#FFFFFF !important;padding:10px 5% 10px 2%;border-bottom: 5px solid #016396;border-radius: 3px;position: relative;text-align:center;}

.prevBtn:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    width: 10px;
    height: 10px;
    margin: -7px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.nextBtn:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 10px;
    height: 10px;
    margin: -7px 0 0 0;
    border-top: solid 4px #FFFFFF;
    border-right: solid 4px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.prevBtn.blue{background:#3DA9EE;border-bottom: 5px solid #016396;}
.prevBtn.pink{background:#FEB4CF;border-bottom: 5px solid #FEB4CF;}
.prevBtn.green{background:#1CB1D3;border-bottom: 5px solid #117084;}
.prevBtn.red{background:#F57D7F;border-bottom: 5px solid #B10E12;}

.nextBtn.blue{background:#3DA9EE;border-bottom: 5px solid #016396;}
.nextBtn.pink{background:#FEB4CF;border-bottom: 5px solid #FEB4CF;}
.nextBtn.green{background:#1CB1D3;border-bottom: 5px solid #117084;}
.nextBtn.red{background:#F57D7F;border-bottom: 5px solid #B10E12;}

.impBlueBtn {
    background:#5AA0F6;
    display: inline-block;
    text-align: center;
    padding: 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
}

.impPinkBtn {
    background:#FE82B6;
    display: inline-block;
    text-align: center;
    padding: 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
}

.impLightBlueBtn {
    background:#43AAEC;
    display: inline-block;
    text-align: center;
    padding: 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
}

.impLightBlueBtn2 {
    background:#43AAEC;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
}

.impLightBlueBtn2:hover {
    color: #fff !important;
}

.impLightBlueBtn3 {
    background:#fff;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 5px;
    color: #43A9EB;
    font-size: 16px;
    border: 2px solid #599FF5;
}

.impLightBlueBtn4 {
    background:#fff;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 5px;
    color: #FF81B8;
    font-size: 16px;
    border: 2px solid #FF81B8;
}

.impLightBlueBtn5 {
    background:#599ff4;
    display: inline-block;
    text-align: center;
    color: #fff !important;
}

.impLightBlueBtn6 {
    background:#599ff4;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    border-radius: 3px;
}

.impLightBlueBtn7 {
    background:#43AAEC;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    border-radius: 3px;
}

@media (max-width: 380px) {
    .impLightBlueBtn5 {
        font-size: 12px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.impLightPinkBtn {
    background:#ff82b7;
    display: inline-block;
    text-align: center;
    color: #fff !important;
}

@media (max-width: 380px) {
    .impLightPinkBtn {
        font-size: 12px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.impLightPinkBtn2 {
    background:#ff82b7;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
}

.impLightPinkBtn2:hover {
    color: #fff !important;
}

.impLightBlueBtn6 {
    background:#43aaec;
    display: inline-block;
    text-align: center;
    color: #fff !important;
}

.impBlueOutlineBtn {
    display: inline-block;
    text-align: center;
    color: #43aaec !important;
    border: 1px solid #43aaec;
    border-radius: 0;
}

.impPinkOutlineBtn {
    display: inline-block;
    text-align: center;
    color: #ff005a !important;
    border: 1px solid #ff005a;
    border-radius: 0;
}

.impPinkOutlineBtn2 {
    display: inline-block;
    text-align: center;
    color: #ff005a !important;
    border: 1px solid #ff005a;
    border-radius: 5px;
}

.impLightGreyBtn {
    background:#808080;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
}

.impLightGreyBtn:hover {
    color: #fff !important;
}

.impLightGreyBtn2 {
    background:#c9c9c9;
    display: inline-block;
    text-align: center;
    padding: 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #8c8c8c !important;
    font-size: 16px;
}

.impLightGreyBtn3 {
    background:#c9c9c9;
    display: inline-block;
    text-align: center;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #8c8c8c !important;
    font-size: 16px;
}

.impLightYellowBtn {
    background:#EDC72F;
    display: inline-block;
    text-align: center;
    padding: 10px;
    /*border-bottom: 5px solid #016396;*/
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
}



.impLightBlueBtn.tag_add {
    padding: 7px 10px;
}

.borderbottomGrey{border-bottom:1px solid #DDDDDD;}
.borderbottomWhite{border-bottom:1px solid #FFFFFF;}

.swiper-button-prev,.swiper-button-next,.swiper-button-prevGrey,.swiper-button-nextGrey {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top:50%;
}

@media (max-width: 480px) {
.swiper-button-prev,.swiper-button-next,.swiper-button-prevGrey,.swiper-button-nextGrey {
  width: 26px;
  height: 26px;
}

}


.swiper-button-prev {
    background: url(../img/icon/icon_arrow_left.png) no-repeat center center / contain;
    left:10px;
}
.swiper-button-next {
    background: url(../img/icon/icon_arrow_right.png) no-repeat center center / contain;
    right:10px;
}
.swiper-button-prevGrey {
    background: url(../img/icon/icon_arrow_left_grey.png) no-repeat center center / contain;
    left:10px;
    z-index:5;
}
.swiper-button-nextGrey {
    background: url(../img/icon/icon_arrow_right_grey.png) no-repeat center center / contain;
    right:10px;
    z-index:5;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
}
.swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    margin:0 0 2% 0;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #E5E5E5;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3DA9EE;
}


/*--------------------
Worries
--------------------*/
.flex{
  display: flex;
  justify-content: center;
  display: -ms-flexbox; /*IE9~用*/
}


.flexiblebox {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 width:100%;
 height:100%;
}

.searchSelectArea {
	overflow: hidden;
	margin: 1em auto;
	text-align: center;
}

.timeSelectArea {
    overflow: hidden;
    width: auto;
}

.searchSelectArea.customWidth {
	overflow: hidden;
	margin: 1em auto;
	text-align: center;
    width: 36%;
}

.searchSelectArea.customWidth2 {
	overflow: hidden;
	margin: 1em auto;
	text-align: center;
    width: 36%;
}

.customWidth3 {
	overflow: hidden;
	text-align: center;
    width: 36%;
}

@media (max-width: 480px) {
    .searchSelectArea.customWidth {
        width: 70%;
    }
    .searchSelectArea.customWidth2 {
        width: 50%;
    }
    .customWidth3 {
        width: 40%;
    }
}

.searchSelectArea select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.timeSelectArea select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.searchSelectArea select::-ms-expand {
    display: none;
}

.timeSelectArea select::-ms-expand {
    display: none;
}

.searchSelectArea {
	position: relative;
	border-radius: 5px;
	border: 2px solid #FD92BA;
	background: #ffffff;
}

.timeSelectArea {
    position: relative;
    border-radius: 5px;
    border: 2px solid #FD92BA;
    background: #ffffff;
}

.searchSelectArea::before {
	position: absolute;
	top: 50%;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
        margin-top:-5px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #FD92BA;
	pointer-events: none;
}

.timeSelectArea::before {
	position: absolute;
	top: 50%;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
        margin-top:-5px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #FD92BA;
	pointer-events: none;
}

.searchSelectArea select {
	padding: 10px 38px 10px 10px;
	color: #000000;
    font-size:15px;
}

.timeSelectArea select {
	padding: 5px 25px 5px 5px;
	color: #000000;
    font-size:15px;
}

.mAuto{margin: auto;}
.searchSelectCepalate{
    margin: 1em auto;
    padding: 10px 10px 10px 10px;
    color: #000000;
    font-size:17px;
    vertical-align: middle;

}

.searchSelectCepalate2{
    /*margin: 1em auto;*/
    padding: 10px 10px 10px 10px;
    color: #000000;
    font-size:17px;
    vertical-align: middle;

}

.rotate90 {
   transform: rotate( -90deg );
}

.boxSizing{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

.posted_menu {
    position: absolute;
    right: 0;
    top: 26%;
    cursor: pointer;
}

.post_modall_content {
    max-width: 900px;
    margin: auto;
}

.modalW900Content {
    max-width: 900px;
    margin: auto;
}

.popup-modal-dismiss {
    cursor: pointer;
}

.close_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    top: -15px;
    right: -2px;
    border-radius: 15px;
    font-size: 20px;
    text-align: center;
    display: table;
    border: solid 1px #F3F3F3;
    box-shadow:0px 3px 3px 0px #b3b3b3;
}

.close_btn i {
    display: table-cell;
    vertical-align: middle;
}

.post_modall_content ul li button, .post_modall_content ul li a {
    border: solid 1px #333333;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    width: 100%;
    padding: 10px;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.post_modall_content ul li button:hover, .post_modall_content ul li a:hover {
    background: #F7F7F7;
}

.icon_up {
    margin-left: 10px;
    padding: 3px 10px;
    border: solid 1px;
    border-radius: 3px;
    font-size: 9px;
}

#catchcopy h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-text-overflow: ellipsis;
}

ul.typeNum {
    list-style-type: decimal;
    padding-left: 20px;
}

ul.typeNum2 {
    padding-left: 20px;
}

ul.typeNum2 li:before {
    list-style-type:none;
    counter-increment: cnt;
    display: marker;
    content: "(" counter(cnt) ") ";
}

ul.typeNum3 {
    padding-left: 20px;
}

ul.typeNum3 li:before {
    list-style-type:none;
    counter-increment: cnt3;
    display: marker;
    content: "(" counter(cnt3) ") ";
}

ul.typeNum4 {
    padding-left: 20px;
}

ul.typeNum4 li:before {
    list-style-type:none;
    counter-increment: cnt4;
    display: marker;
    content: "(" counter(cnt4) ") ";
}

ul.typeNum5 {
    padding-left: 20px;
}

ul.typeNum5 li:before {
    list-style-type:none;
    counter-increment: cnt5;
    display: marker;
    content: "(" counter(cnt5) ") ";
}

ul.typeNum6 {
    padding-left: 20px;
}

ul.typeNum6 li:before {
    list-style-type:none;
    counter-increment: cnt6;
    display: marker;
    content: "(" counter(cnt6) ") ";
}


ul.typeDisc {
    list-style-type: disc;
    padding-left: 20px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    background-color: #fff;
}

ul.pagination li a.active {
    background-color: #50B1F0;
    color: white;
    border: 1px solid #50B1F0;
}

@media (max-width: 380px) {
    ul.pagination li a {
        padding: 3px 11px;
    }
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

ul.pagination li.blank {
    color: black;
    float: left;
    text-decoration: none;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 16px;
}

@media (max-width: 380px) {
    ul.pagination li.blank {
        padding: 3px 11px;
    }
}

span.questionBlock{
    position:relative;
    display: block;
    width:78%;
    padding: 3% 3% 3% 12%;
    background: #DFF2FB;
    color: #2BAAE3 !important;
    font-size:16px;
    line-height:1.5em;
    border-radius:5px;
    background-image:url("../img/icon/icon_question.png");
    background-repeat:no-repeat;
    background-position:left 10px top 10px;
    background-size:8%;
    padding-right:10%;
}

.answerBlock{display: block;width:85%;padding:3% 3% 3% 12%;background: #FFF0F5;font-size:12px;line-height:1.5em;border-radius:5px;
    background-image:url("../img/icon/icon_answer.png");
    background-repeat:no-repeat;
    background-size:8%;
    background-position:left 10px top 10px;
}

.doubleline {
    background-image:url("../img/bg/bg_doubleLine_orange.png");
    background-repeat:repeat-x;
    background-position: center;
}

.element {
    margin-left: 1em;
    text-indent: -1em;
}

.primaryBtn {
    display: inline-block;
    color: #fff !important;
    background: #f26565;
    letter-spacing: 1px;
    border-bottom: 4px solid #d33d3d;
    border-radius: 2px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 10px 0;
}

.primaryBtn:hover {
    color: #fff;
    background: #FA86BE;
}

@media (max-width: 380px) {
    .primaryBtn {
        font-size: 9px !important;
    }
}

.accountGroup {
    position: relative;
    margin-bottom: 10px;
    padding-left: 55px;
    min-height: 48px;
}

.accountGroup.noImage {
    padding-left: 0;
}

.profileIcon {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    -moz-force-broken-image-icon: 1;
    position: absolute;
    top: 10%;
    left: 0;

}

.accountGroup .userName {
    padding-top: 10px;
    display: block;
}

.accountGroup .userName.non_comment {
    padding-top: 17px;
}

@media (max-width: 380px) {
    .accountGroup .userName.non_comment {
        padding-top: 25px;
    }
}

.accountGroup .userName.three_rows {
    padding-top: 2px;
}

@media (max-width: 680px) {
    .accountGroup .userName.three_rows {
        padding-top: 5px;
    }
}

.PartyText {
    margin-bottom: 20px;
	word-break: break-all;
}

button {
    cursor: pointer;
}

.actionList {
    font-size: 13px;
    text-align: right;
}

.actionList.v2 {
    font-size: 13px;
    text-align: right;
}

.actionList.v2 .favoriteDeleteBtn {
    color: #ff2979;
}

.actionList.v2 .sendReportBtn {
    color: #ff2979;
}

.commentBox {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.commentBox .com_reply {
	color:#3DA9EE !important;
	text-decoration: underline;
}
/*
.commentBox .com_reply {
	background: #eee;
	color: #999 !important;
	border: 1px solid #cecece;
	border-radius: 4px;
	padding: 1px 5px 2px;
}
*/

.commentCloseBtn {
    padding: 10px;
    border: 1px solid #333;
    border-radius: 2px;
}

.col0 {
    color: #000000 !important;
}

.col1 {
    color: #d2302f !important;
}

.col2 {
    color: #00796b !important;
}

.col3 {
    color: #1a76d2 !important;
}

.col4 {
    color: #673bb7 !important;
}

.col5 {
    color: #e57373 !important;
}

.col6 {
    color: #0d47a0 !important;
}

.col7 {
    color: #616161 !important;
}

.col8 {
    color: #f57c01 !important;
}

.col9 {
    color: #8bc34a !important;
}

.col10 {
    color: #5e4037 !important;
}

.txtColorMenu li {
    display: inline-block;
}

label {
    cursor: pointer;
}

.cstyleD {
    font-size: 24px !important;
    font-weight: bold !important;
}

.cstyleI {
    font-style: oblique !important;
}

.formFile {
    box-sizing: border-box;
    border-radius: 5px;
    border: 2px solid #FEB4CF;
    background: #FFFFFF;
    padding: 10px 1% 10px 1%;
    width: 100%;
    overflow: hidden;
}

.rankNum {
    position: relative;
    width: 100%;
}

.rankNum:before {
    display: block;
    content: '';
    padding-top: 100%;
}

.rankNum .numberTxt {
    font-size: 70px;
    font-weight: bold;
    background: #BFE1FB;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: 'Acme', sans-serif;
    color: #3DA9EE;
}

@media (max-width: 550px) {
    .rankNum .numberTxt {
        font-size: 40px;
    }
}

@media (max-width: 400px) {
    .rankNum .numberTxt {
        font-size: 30px;
    }
}

.centerTable {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
}

.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.areaCategory .parentArea {
    font-weight: bold;
}

ul.childArea {
	padding: 3%;
}

ul.childArea li {
    display: inline;
    padding-right: 2%;
    white-space: nowrap;
}

.course ul.childArea li {
    display: block;
    padding-right: 2%;
    white-space: nowrap;
}

.taste li {
    box-sizing: border-box;
    width: 31%;
    float: left;
    margin-bottom: 2%;
}

.taste li.column1 {
    width: 100%;
    padding-right: 0;
}

@media (max-width: 900px) {
    .taste li {
        font-size: 14px;
    }
}
@media (max-width: 800px) {
    .taste li {
        font-size: 12px;
    }
}
@media (max-width: 700px) {
    .taste li {
        width: 48%;
    }
}
@media (max-width: 420px) {
    .taste li {
        font-size: 10px;
    }
}



input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}

.stepLabel {
    padding: 5px;
    border-radius: 3px;
    background: #F57D7F;
    color: #fff;
    font-weight: bold;
    min-width: 60px;
    display: inline-block;
    text-align: center;
}

.must {
    border: solid 1px #e25154;
    background: #F57D7F;
    color: #fff;
    margin-left: 5px;
    padding: 3px;
    font-size: 0.8em;
    border-radius: 3px;
}

.must.caution {
    margin-left: 0;
}

.must.single_row {
    margin-left: 0;
    margin-top: 3px;
    display: inline-block;
}

@media (max-width: 380px) {
    .must {
        padding: 2px;
    }
}

.checkboxDeco1-input {
    display: none;
}

.checkboxDeco1-parts {
    padding-left: 25px;
    position:relative;
    /*margin-right: 25px;*/
    display: inline-block;
}

@media (max-width: 420px) {
    .checkboxDeco1-parts {
        padding-top: 3px;
    }
}

.checkboxDeco1-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #FEB4CF;
    border-radius: 4px;
    background: #fff;

}

/*.checkboxDeco1-input:checked + .checkboxDeco1-parts {
    color: #FEB4CF;
}*/

.checkboxDeco1-input:checked + .checkboxDeco1-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #F57D7F;
    border-right: 3px solid #F57D7F;
}

.iconArrowRight {
    display: block;
    position: relative;
}

.iconArrowRight::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    top: 0%;
    right: 0;
}

.h300 {
    height: 300px;
}

@media (max-width: 400px) {
    .fs30.regist_done{font-size:25px !important;line-height:1.5em;}
    .fs20.regist_done{font-size:15px !important;line-height:1.5em;}
}

.entryfix.profileFixedBtns {
    background: #319fe2;
    border-top: solid 1px #148dc9;
}

.indent-1 {
    padding-left:1em;
    text-indent:-1em;
}


.marginShorter .prevBtn {
    margin-bottom: 0;
}

.marginShorter .nextBtn {
    margin-bottom: 0;
}

.prevBtn.long {
    width: 40%;
}
.nextBtn.long {
    width: 40%;
}


@media (max-width: 550px) {
    .prevBtn.long {
        font-size: 12px;
    }
    .nextBtn.long {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    .prevBtn.long {
        width: 60%;
        float: none !important;
        display: inline-block;
        box-sizing: border-box;
        margin: 5px auto;
    }
    .nextBtn.long {
        width: 60%;
        float: none !important;
        display: inline-block;
        box-sizing: border-box;
        margin: 5px auto;
    }
}

@media (max-width: 350px) {
    .prevBtn.long {
        width: 70%;
    }
    .nextBtn.long {
        width: 70%;
    }
}

.rank_tag {
    position: relative;
}

.rank_tag .rank_txt {
    color: #2d8fdd;
    border-left: solid 6px #2d8fdd;
    background: #f1f8ff;
    line-height: 1.5;
    padding: 0.5em;
}

.widthAuto {
    width: auto;
}

.birthdaySelect {
    min-width: 115px;
    max-width: 96%;
}

/*@media (max-width: 590px) {
    .birthdaySelect {
        min-width: 133px;
    }
}

@media (max-width: 420px) {
    .birthdaySelect {
        min-width: 155px;
    }
}*/

#filelist .fileinput {
    width: 30%;
    display: inline-block;
    margin-left: 2%;
}

@media (max-width: 500px) {
    #filelist .fileinput {
        width: 100%;
    }
}

.my-toggle.hideShowPassword-toggle-show {
    background-image: url('../js/hideShowPassword-master/images/wink.png');
    background-position: 0 center;
    background-repeat: no-repeat;
    text-indent: -999em;
    border-radius:5px;
    cursor: pointer;
    max-height: 100%;
    padding: 0;
    width: 46px;
    overflow: hidden;
}

.my-toggle.hideShowPassword-toggle-hide {
    background-image: url('../js/hideShowPassword-master/images/wink.png');
    background-position: -44px center;
    background-repeat: no-repeat;
    text-indent: -999em;
    border-radius:5px;
    cursor: pointer;
    max-height: 100%;
    padding: 0;
    width: 46px;
    overflow: hidden;
}

.movie_box {
	background: #000;
	max-height: 315px;
    text-align: center;
}

.movie_box.index {
	max-height: 500px;
}

.movie_box video {
	width: auto;
	max-height: 315px;
	margin: 0 auto;
}

.movie_box.index video {
	max-height: 500px;
}

@media (max-width: 450px) {
	.movie_box {
		max-height: 250px;
	}
	.movie_box video, .movie_box iframe {
		max-height: 250px;
	}
}

@media (max-width: 400px) {
	.movie_box {
		max-height: 210px;
	}
	.movie_box video, .movie_box iframe {
		max-height: 210px;
	}
}

@media (max-width: 350px) {
	.movie_box {
		max-height: 180px;
	}
	.movie_box video, .movie_box iframe {
		max-height: 180px;
	}
}

video {
    cursor: pointer;
    max-width: 100%;
}

.profileBtn {
    padding: 2% 30px 2% 2%;
}

.iconArrow {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 20px;
    margin: -9px 0 0 0;
}

.newNum {
    position: absolute;
    background: #d2302f;
    border: 2px solid #b71c1c;
    border-radius: 50%;
    padding: 3px;
    top: -10px;
    left: 50%;
    font-size: 10px;
    margin-left: 5px;
    box-sizing: border-box;
    min-width: 32px;
    height: 32px;
    line-height: 23px;
}

.talkNewNum {
    background: #ff2979;
    /*border: 2px solid #f2f2f2;*/
    border-radius: 50%;
    padding: 3px;
    font-size: 10px;
    box-sizing: border-box;
    min-width: 27px;
    height: 27px;
    line-height: 22px;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    text-align: center;
}

@media (max-width: 2000px) {
    .newNum {
        /*right: 65px;*/
    }
}

@media (max-width: 850px) {
    .newNum {
        /*right: 40px;*/
        /*font-size: 12px !important;*/
    }
}

@media (max-width: 650px) {
    .newNum {
        /*right: 32px;*/
        /*padding: 2px;*/
    }
}

@media (max-width: 450px) {
    .newNum {
        /*right: 18px;*/
        /*top: -7px;*/
        /*font-size: 10px !important;*/
        /*padding: 2px;*/
    }
}

@media (max-width: 380px) {
    .newNum {
        /*right: 12px;*/
    }
}

.unReadFriend {
    padding: 2% 50px 2% 2%;
}

.unreadNum {
    position: absolute;
    background: #d2302f;
    border: 2px solid #b71c1c;
    border-radius: 50%;
    padding: 5px;
    top: 50%;
    right: 10px;
    color: #fff;
    font-size: 12px;
    margin-top: -15px;
    min-width: 23px;
    text-align: center;
}

@media (max-width: 850px) {
    .unreadNum {
        font-size: 12px !important;
    }
}

@media (max-width: 450px) {
    .unreadNum {
        font-size: 10px !important;
        min-width: 16px;
        margin-top: -15px;
    }
}

#addImgBtn {
    display: none;
}

.wb-breakall {
    word-break: break-all;
}

.playCategory .parentPlay {
    font-weight: bold;
}

.playCategory .childArea li {
    box-sizing: border-box;
    padding-left: 1.5em;
    text-indent: -1.5em;
    width: 32%;
    float: left;
    margin-bottom: 2%;
    font-size: 14px;
    white-space: normal;
}

.playCategory .childArea li.column1 {
    width: 100%;
}

@media (max-width: 900px) {
    .playCategory .childArea li {
        font-size: 14px;
    }
}
@media (max-width: 800px) {
    .playCategory .childArea li {
        font-size: 12px;
    }
}
@media (max-width: 700px) {
    .playCategory .childArea li {
        width: 48%;
    }
}
@media (max-width: 420px) {
    .playCategory .childArea li {
        font-size: 10px;
        text-indent: -2em;
        padding-left: 2em;
    }
}

input[type="checkbox"] {
    vertical-align: middle;
}

label.error {
    position: relative;
    padding: 2%;
    background: #f9b6b7;
    color: #e03336;
    box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid #e03336;
}

label.error::before {
    content: '';
    position: absolute;
    left: 20px;
    top: -15px;
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e03336;
    border-left: 15px solid transparent;
}

label.error::after {
    content: '';
    position: absolute;
    left: 20px;
    top: -12px;
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f9b6b7;
    border-left: 15px solid transparent;
}


.deleatUser {
    vertical-align: middle;
    width: 100%;
}

.deleteUserCheck input[type="checkbox"] {
    display: none;
}

.deleteCheckParts {
    position: relative;
    display: inline-block;
}

.deleteCheckParts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #FEB4CF;
    border-radius: 4px;
    background: #fff;
    margin-top: -9px;
    margin-left: -12px;
}

.deleteUserCheck input[type="checkbox"]:checked + .deleteCheckParts::after{
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: -6px;
  width: 7px;
  height: 17px;
  transform: rotate(40deg);
  border-bottom: 3px solid #F57D7F;
  border-right: 3px solid #F57D7F;
}

.messageRow {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.messageRow.left { /* 左 */
  flex-direction: row;
}

.messageRow.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}

.friendIconArea {
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.friendIconArea .profileIconWrapper {
    width: 30px;
    height: 30px;
    top: 0;
}

.friendIconArea .profileIconWrapper .vertically {
    width: 30px;
    height: 30px;
}

.friendIconArea .profileIconWrapper .horizontally {
    width: 30px;
    height: 30px;
}

.friendIconArea .profileIconWrapper .vertically img {
    /*border-radius: 50%;*/
    width: 30px;
    /*height: 30px;*/
    -moz-force-broken-image-icon: 1;
}

.friendIconArea .profileIconWrapper .horizontally img {
    /*border-radius: 50%;*/
    /*width: 30px;*/
    max-width: 200%;
    height: 30px;
    -moz-force-broken-image-icon: 1;
}

.userInfo .text-grey {
    word-break: break-all;
}

.selfIconArea {
    float: right;
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 8px;
}

.selfIconArea .profileIconWrapper {
    width: 30px;
    height: 30px;
    top: 0;
}

.selfIconArea .profileIconWrapper .vertically {
    width: 30px;
    height: 30px;
}

.selfIconArea .profileIconWrapper .horizontally {
    width: 30px;
    height: 30px;
}

.selfIconArea .profileIconWrapper .vertically img {
    /*border-radius: 50%;*/
    width: 30px;
    /*height: 30px;*/
    -moz-force-broken-image-icon: 1;
}

.selfIconArea .profileIconWrapper .horizontally img {
    /*border-radius: 50%;*/
    /*width: 30px;*/
    max-width: 200%;
    height: 30px;
    -moz-force-broken-image-icon: 1;
}

/*.selfIconArea img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -moz-force-broken-image-icon: 1;
}*/

.friendMessageArea {
    position: relative; /* 三角の位置を固定するために設定 */
    display: inline-block;
    max-width: 70%;
    padding: 8px 15px; /* ふきだし内の余白 */
    text-align: left; /* テキストの揃え */
    border-radius: 1.3em;
    word-wrap: break-word;
    font-size: 12px;
}

.friendMessageArea.guest {
    background: #DAEDFF; /* 背景色 */
}

.friendMessageArea.guest::after {
    content: '';
    border: 14px solid transparent;
    border-top-color: #DAEDFF;
    position: absolute;
    top: 0;
}

.friendMessageArea.cast {
    background: #FFF5F4; /* 背景色 */
}

.friendMessageArea.cast::after {
    content: '';
    border: 14px solid transparent;
    border-top-color: #FFF5F4;
    position: absolute;
    top: 0;
}

.messageRow.left .friendMessageArea::after { /* 左側からの三角の位置 */
    left: -10px;
}

.messageRow.right .friendMessageArea::after { /* 右側からの三角の位置 */
    right: -10px;
}

.editImgBtn {
    background: #3DA9EE;
    color: #FFFFFF !important;
    padding: 3px 5px;
    border-bottom: 5px solid #016396;
    border-radius: 3px;
}

.deleteImgBtn {
    background: #c9c9c9;
    border-bottom: 5px solid #7c7c7c;
    color: #5e5e5e !important;
    padding: 3px 5px;
    border-radius: 3px;
}

.changeImg {
    display: none;
}

.profileImgWrapper:nth-child(odd) {
    margin-right: 2%;
}

.profileAddImgWrapper {
    display: none;
}

.profileAddImgWrapper:nth-child(odd) {
    margin-right: 2%;
}

.imgListTitle {
    background: #FFF5F4;
    padding: 3px;
    border-radius: 3px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 1px solid #fcd4d4;
    color: #ed8097;
    font-weight: bold;
    text-align: center;
}

.reviewShow {
    border: solid 1px #e25154;
    background: #F57D7F;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
}

@media (max-width: 380px) {
    .reviewShow {
        padding: 2px;
    }
}

.reviewHide{
    border: solid 1px #7c7c7c;
    background: #c9c9c9;
    color: #5e5e5e !important;
    padding: 3px;
    border-radius: 3px;
}

@media (max-width: 380px) {
    .reviewHide {
        padding: 2px;
    }
}

.doService, .dontService {
    display: none;
}

.registBtn{background:#3DA9EE; display: inline-block; color:#FFFFFF !important;padding:5px; /*border-bottom: 5px solid #016396;*/font-size: 20px;border-radius: 3px;position: relative;text-align:center;}

.registBtn.cast {
    background: #F57D7F; /*border-bottom: 5px solid #B10E12*/;
}

.mbEntry.regist_btn.impD .registBtn.cast {
    border-bottom: none;
}

.mbEntry.regist_btn.impD .registBtn.guest {
    border-bottom: none;
}

.registBtn img {
    max-height: 40px;
}

.loginBtn{background:#3DA9EE; display: inline-block; color:#FFFFFF !important;padding:10px; border-bottom: 5px solid #016396;font-size: 16px;border-radius: 3px;position: relative;text-align:center;}

.loginBtn.cast {
    background: #F57D7F; border-bottom: 5px solid #B10E12;
}

.pt10 {
    padding-top: 1%;
}

.iconGuest {
    border: solid 1px #016399;
    background: #3DA9EE;
    color: #fff;
    margin-right: 10px;
    font-size: 0.8em;
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
}

@media (max-width: 380px) {
    .iconGuest {
        padding: 3px;
        font-size: 0.7em;
        margin-right: 5px;
    }
}

.iconCast {
    border: solid 1px #e25154;
    background: #F57D7F;
    color: #fff;
    margin-right: 10px;
    font-size: 0.8em;
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
}

@media (max-width: 380px) {
    .iconCast {
        padding: 3px;
        font-size: 0.7em;
        margin-right: 5px;
    }
}

.favoriteActive, .favoriteNonActive {
    position: absolute;
    background: rgba(255,255,255,0.85);
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #d3d3d3 solid;
    cursor: pointer;
}

@media (max-width: 480px) {
    .favoriteActive, .favoriteNonActive {
        bottom: 10%;
        right: 10%;
        width: 25px;
        height: 25px;
    }
}


.favoriteActive .fa-star {
    color: #f2bb4d;
}

.favoriteNonActive .fa-star {
    color: #999;
}

.line-break {
    word-wrap: break-word;
    white-space: normal;
}

.womanFee {
    color: #d50038;
}

.womanFee.sp {
    display: none;
}


@media (max-width: 450px) {

    .womanFee.pc {
        display: none;
    }

    .womanFee.sp {
        display: block;
    }

}

.text-red3 {
    color: #d50038;
}

.text-red4 {
    color: #A20F65;
}

.feePlan table {
    table-layout: fixed;
}

.feePlan table th, .feePlan table td {
    border: 3px solid #fff;
}

.feePlan table thead th {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.feePlan table td {
    background-color: #e6e6e6;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

@media (max-width: 450px) {
    .feePlan table td {
        padding: 20px 10px;
    }
}

.feePlan .price {
    color: #d50038;
    font-weight: bold;
}

.ableList table th, .ableList table td {
    border: 3px solid #fff;
}

.ableList table thead th {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.ableList table td {
    background-color: #e6e6e6;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

.ableList table tr:nth-child(odd) td {
    background-color: #fff;
}

@media (max-width: 450px) {
    .ableList table td {
        font-size: 12px;
        padding: 10px 1%;
    }
}
@media (max-width: 350px) {
    .ableList table td {
        font-size: 11px;
    }
}

.ableList table .function {
    text-align: left;
}

.ableList table .function i {
    color: #d50038;
}

.paymentWay table th, .paymentWay table td {
    border: 3px solid #fff;
}

.paymentWay table thead th {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    /*white-space: nowrap;*/
}

.paymentWay table td {
    background-color: #f3f1f0;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

.paymentWay table td.subHead {
    background-color: #e6e6e6 !important;
}


@media (min-width: 451px) {

    .paymentWay.pc {
        display: block !important;
    }

    .paymentWay.sp {
        display: none !important;
    }

}

@media (max-width: 450px) {

    .paymentWay.pc {
        display: none !important;
    }

    .paymentWay.sp {
        display: block !important;
    }

}
@media (max-width: 480px) {
    .menu_btn_box.w20p {
        width: 100px;
        margin: 6px 0px 3px;
    }
    .loginBtn.w30p {
        width: 42%;
        font-size: 0.9em;
    }
}

.bgMainVisual {
    width: 100%;
    background: url("../img/image/main_visual.jpg") center center no-repeat;
    background-size: cover;
}

.bgWhiteOp {
    background-color: rgba(255,255,255,0.50);
    padding: 3%;
}

.bgWhiteOp2 {
    background-color: rgba(255,255,255,0.80);
}

@media (max-width: 900px) {
    .entryfix .registBtn.w30p {
        width: 48%;
        box-sizing: border-box;
    }
}

@media (max-width: 500px) {
    .entryfix .registBtn.w30p img {
        width: 80%;
    }
}

@media (max-width: 400px) {
    .entryfix .registBtn.w30p img {
        width: 70%;
    }
    .entryfix .registBtn.w30p.lp {
        width: 70%;
    }
}

.reviewablloonLine {
    position: relative;
}

.reviewablloonLine::before,
.reviewablloonLine::after {
    content: '';
    border: 14px solid transparent;
    position: absolute;
    left: 10%;
    margin-left: -14px;
}

.reviewablloonLine.borderGreen::before {
    border-bottom-color: #1CB1D3;
    top: -28px;
}

.reviewablloonLine.borderRed::before {
    border-bottom-color: #F57D7F;
    top: -28px;
}

.reviewablloonLine::after {
    border-bottom-color: #fff;
    top: -25px;
}

@media (max-width: 600px) {
    .reviewablloonLine {
        margin-top: 20px;
    }
}

@media (max-width: 400px) {
    .reviewablloonLine {
        margin-top: 30px;
    }
    .reviewablloonLine::before,
    .reviewablloonLine::after {
        left: 7%;
    }
}

@media (max-width: 380px) {
    .reviewablloonLine {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) {
  .brSp{
    display: none;
  }
}

.ichioshi {
    position: absolute;
    top: -20px;
    right: 10px;
    width: 80px;
}

@media (max-width: 650px) {
    .ichioshiParent {
        padding-right: 90px;
    }
}

@media (max-width: 480px) {
    .ichioshi {
        width: 60px;
        top: -10px;
    }
    .ichioshiParent {
        padding-right: 70px;
    }
}

.profileFixedBtns img {
    height: 45px;
}

.profileFixedBtns.new img {
    height: 45px;
    max-width: 100%;
    display: inline-block;
}

@media (max-width: 480px) {
    .profileFixedBtns.new img {
        height: 37px;
    }
}

.profileFixedBtns.new ul {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    /*border-top: 2px solid #D8D8D8;*/
}

.profileFixedBtns.new ul li {
    display: inline-block;
    text-align: center;
}


.dispNone {
    display: none !important;
}

.userInfo.accountGroup.review {
    min-height: 30px;
}

.review .profileIcon {
    width: 30px;
    height: 30px;
    -moz-force-broken-image-icon: 1;
    position: absolute;
    top: 10%;
    left: 0;

}

.accountGroup.review .userName {
    padding-top: 10px;
}

.accountGroup.review {
    padding-left: 40px;
}

#firstmet .mfp-close {
    display: none;
}

.service span {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 3px;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #fff;
    display: inline-block;
    color: #666;
}

.sevice_interest span {
    border: 1px solid #b0d85b;
    border-radius: 3px;
    padding: 3px;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #dce8c5;
    display: inline-block;
}

.character span {
    border: 1px solid #a4d0e2;
    border-radius: 3px;
    padding: 3px;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #d7eaf1;
    display: inline-block;
}

.play_area span {
    border: 1px solid #cccc1a;
    border-radius: 3px;
    padding: 3px;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #FFFFCC;
    display: inline-block;
}

.profileIconWrapper {
    width: 48px;
    height: 48px;
    position: absolute;
    overflow: hidden;
    top: 10%;
    left: 0;
}

.review .profileIconWrapper {
    width: 30px;
    height: 30px;
}

.profileIconWrapper .vertically {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.review .profileIconWrapper .vertically {
    width: 30px;
    height: 30px;
}

.profileIconWrapper .vertically img {
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
}

.profileIconWrapper .horizontally {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.review .profileIconWrapper .horizontally {
    width: 30px;
    height: 30px;
}

.profileIconWrapper .horizontally img {
    position: absolute;
    height: 48px;
    left: -100%;
    right: -100%;
    margin: auto;
    max-width: 200%;
}

.review .profileIconWrapper .horizontally img {
    height: 30px;
}

.shorterComment {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.deleatUser .unReadFriend {
    width: 100%;
    box-sizing: border-box;
}

.settingMenuBtn {
    box-sizing: border-box;
    width: 49%;
    display: block;
    margin-bottom: 1%;
    text-align: center;
    position: relative;
}

.settingMenuBtn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: -2px 0 0 0;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 600px) {
    .settingMenuBtn {
        width: 100%;
        margin-right: 0;
        text-align: left;
        padding: 2%;
    }
}


.settingMenuBtn.primaryBtn.blue {
    background: #3DA9EE;
    border-bottom: 5px solid #016396;
}

@media (max-width: 380px) {
    .spFontSmall {
        font-size: 12px;
    }
}

.iconCheck{background-image: url(../img/icon/icon_check.png);background-repeat: no-repeat;background-size: 26px;background-position: left center;font-size: 120%;padding: 7px 5px 5px 40px;color:#401F0C;}


.commentBlue{
display: inline-block;padding:20px;background: #FFFFFF;border:2px solid #3DA9EE;border-radius: 2px;
position: relative;
padding: 2%;
}
/* 三角アイコン - 枠線付きの吹き出し */
.commentBlue::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 3%;
  border-right: 12px solid #3DA9EE;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.commentBlue::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: 3%;
  border-right: 12px solid #FFFFFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.commentRed{
display: inline-block;padding:20px;background: #FFFFFF;border:2px solid #F57D7F;border-radius: 2px;
position: relative;
padding: 2%;

}
/* 三角アイコン - 枠線付きの吹き出し */
.commentRed::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 3%;
  border-left: 12px solid #F57D7F;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.commentRed::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -9px;
  top: 3%;
  border-left: 12px solid #FFFFFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.spSmallerImg {
    border-radius: 50%;
}

@media (max-width: 959px) {
    .spSmallerImg {
        width: 50% !important;
    }
}

.cast_main_visu_btn {
    position: absolute;
    /*left: 0;*/
    left: 50%;
    right: 0;
    /*margin: auto;*/
    text-align: center;
    bottom: 10%;
    max-width: 40%;
    transform: translate(-50%, -10%);
    -webkit-transform: translate(-50%, -10%);
    -moz-transform: translate(-50%, -10%);
}

@media (max-width: 480px) {
    .cast_main_visu_btn {
        max-width: 35%;
    }
}

.guest_main_visu_btn {
    position: absolute;
    /*left: 0;*/
    left: 50%;
    right: 0;
    /*margin: auto;*/
    text-align: center;
    bottom: 10%;
    max-width: 40%;
    transform: translate(-50%, -10%);
    -webkit-transform: translate(-50%, -10%);
    -moz-transform: translate(-50%, -10%);
}

@media (max-width: 480px) {
    .guest_main_visu_btn {
        max-width: 35%;
    }
}

@media (max-width: 550px) {
    .loginBtn.explain {
        font-size: 0.8rem;
        box-sizing: border-box;
    }
}

@media (max-width: 480px) {
    .loginBtn.explain {
        width: 70%;
    }
    .loginBtn.explain:first-child {
        margin-bottom: 1%;
    }
}

@media (max-width: 350px) {
    .loginBtn.explain {
        width: 100%;
    }
}

.bgRainbow {
    background: url("../img/bg/bgRainbow.png");
    background-size: cover;
}

.bgBlue.slanting_parent {
    background: #1a76d2;
}

.slanting {
  position: relative;
  overflow: hidden;
  /*margin: 10% 0;*/
  /*padding: 80px 0;*/
}

.slanting:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
  background: #64b5f7;
}

.slanting:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
  background: #64b5f7;
}

/*.slanting.bgBlue:before {
    background: #64b5f7;
}

.slanting.bgBlue2:before {
    background: #1a76d2;
}*/

.slanting_inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  padding: 50px 10px 70px;
  text-align: center;
}

@media (max-width: 500px) {
    .slanting_inner {
        padding: 30px 10px 30px;
    }
    .slanting_inner .money img {
        width: 50%;
    }
    .slanting_inner .money {
        padding: 35px 0;
    }
}

.slanting2 {
  position: relative;
  overflow: hidden;
  /*margin: 10% 0;
  padding: 80px 0;*/
}

.slanting2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
  background: #1a76d2;
}

.slanting_inner2 {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  padding: 50px 10px 0px;
  text-align: center;
}

.slanting3 {
  position: relative;
  overflow: hidden;
  /*margin: 10% 0;
  padding: 80px 0;*/
}

.slanting3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
  background: #1a76d2;
}

.slanting_inner3 {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  padding: 50px 10px 0px;
  text-align: center;
}

@media (max-width: 500px) {
    .slanting_inner2 {
        padding: 30px 10px 0px;
    }
    .slanting_inner3 {
        padding: 30px 10px 0px;
    }
}

.slanting_parent {
    z-index: -2;
    position: relative;
}

.slanting4 {
  position: relative;
  overflow: hidden;
  /*margin: 10% 0;*/
  /*padding: 80px 0;*/
}

.slanting4:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
  background: #64b5f7;
}

.slanting4:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  z-index: -1;
  background: #64b5f7;
}

.slanting_inner4 {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  padding: 70px 10px 70px;
  text-align: center;
}

@media (max-width: 500px) {
    .slanting_inner4 {
        padding: 40px 10px 30px;
    }
}

.mb40px {
    margin-bottom: 40px;
}

.maxHeightSmaller {
    max-height: 200px;
}

.shirokuma_money {
    padding-top: 30px;
}

.cast_img_area {
    position: relative;
}

.cast_img_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cast_img_area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

.fc_line {
    color: #00ae00 !important;
}

.fc_twitter {
    color: #1d98e9 !important;
}

.fc_fb {
    color: #3c598d !important;
}

/* ------------------------------------------------------------------------------
    New index Design
-------------------------------------------------------------------------------*/

.indexHeaderWrapper .catch {
    font-size:26px !important;
    line-height:1.5em;
}

.index_seo .indexHeaderWrapper .catch {
    font-size:21px !important;
    line-height:1.5em;
    font-weight: normal;
}

@media (max-width: 768px) {
    .indexHeaderWrapper .catch {
        font-size:17px !important;
        line-height:1.5em;
    }
    .index_seo .indexHeaderWrapper .catch {
        font-size:17px !important;
        line-height:1.5em;
        font-weight: bold;
    }
}

@media (max-width: 480px) {
    .indexHeaderWrapper .catch {
        font-size:12px !important;
        line-height:1.5em;
    }
    .index_seo .indexHeaderWrapper .catch {
        font-size:12px !important;
        line-height:1.5em;
        font-weight: bold;
    }
}

.indexHeaderWrapper .logo {
    width: 40%;
}

@media (max-width: 768px) {
    .indexHeaderWrapper .logo {
        width: 40%;
    }
}

@media (max-width: 480px) {
    .indexHeaderWrapper .logo {
        width: 45%;
    }
}

.ellipseBlueBtn {
    border: 2px solid #43AAEC;
    border-radius: 25px;
    padding: 10px;
    color: #43AAEC !important;
    font-size: 1.6em;
}

.ellipseBlueBtn.bgBlueBtn {
    background: #43AAEC;
    color: #fff !important;
}

.ellipseBlueBtn.bgBlueBtn .small_txt {
    font-size: 0.7em;
    padding-right: 10px;
}

#account_or_login .btn {
    width: 80%;
}

@media (max-width: 960px) {
    #account_or_login .btn {
        width: 50%;
    }
}

@media (max-width: 768px) {
    #account_or_login .btn {
        width: 60%;
    }
}

.member_img_area {
    position: relative;
}

.member_img_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.member_img_area a {
    display: block;
    width: 100%;
    height: 100%;
}

.member_img_area a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.member_img_area span.noLink {
    display: block;
    width: 100%;
    height: 100%;
}

.member_img_area span.noLink ::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.member_img_area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
}

.compeTtl {
    padding: 20px 0px 20px 0;
    font-size: 25px;
}

@media (max-width: 768px) {
    .compeTtl {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .compeTtl {
        font-size: 15px;
        padding: 10px 0px 10px 0;
    }
}

@media (max-width: 450px) {
    .compeTtl {
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    .compeTtl {
        font-size: 10px;
    }
}

.compeItem {
    padding: 20px 0;
}

.compeItem.oneRow {
    padding: 25px 0;
}

.bgXmark {
    background: url("../img/index_imp/x_mark.png") center center no-repeat;
    background-size: auto 100%;
}

.bgTriangle {
    background: url("../img/index_imp/triangle_mark.png") center center no-repeat;
    background-size: auto 100%;
}

.bgCircle {
    background: url("../img/index_imp/circle_mark.png") center center no-repeat;
    background-size: auto 100%;
}

@media (max-width: 450px) {
    .bgXmark, .bgTriangle, .bgCircle {
        background-size: auto 60%;
    }
}

.moreInTitle {
    font-weight: normal;
    font-size: 0.8rem;
    background: #808080;
    padding: 0 3px;
    border-radius: 3px;
    color: #fff !important;
}

.ranking_img_area {
    position: relative;
}

.ranking_img_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.ranking_img_area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 15px;
}

.rankingNum {
    width: 30px;
    height: 30px;
    border-radius: 13px 0 13px 0;
    background: #86deec;
    display: inline-block;
    text-align: center;
    font-size: 0.8rem;
    padding: 5px 0px;
    box-sizing: border-box;
    color: #fff !important;
}

.rankingNum.num1 {
    background: #d7c855;
}

.rankingNum.num2 {
    background: #989898;
}

.rankingNum.num3 {
    background: #c69f5a;
}

.slideParentBox {
    padding-right: 15px;
}

.multiline2 {
    position: relative;
    max-height: calc(10 * 1.9 * 2 * 1px);
    line-height: 1.8;
    word-break: break-all;
    overflow: hidden;
}

.multiline2::before,
.multiline2::after {
  position: absolute;
  background: #fff;
}

.multiline2.grey::before,
.multiline2.grey::after {
  position: absolute;
  background: #F2F2F2;
}

.multiline2::before {
  content: '...';
  top: calc(10 * 1.9 * 1 * 1px);
  right: 0;
  width: 1.2em;
}

.multiline2::after {
  content: '';
  width: 100%;
  height: 100%;
}

.multiline2_12 {
    position: relative;
    max-height: calc(12 * 1.9 * 2 * 1px);
    line-height: 1.8;
    word-break: break-all;
    overflow: hidden;
    font-size: 12px !important;
}

.multiline2_12::before,
.multiline2_12::after {
  position: absolute;
  background: #fff;
}

.multiline2_12.grey::before,
.multiline2_12.grey::after {
  position: absolute;
  background: #F2F2F2;
}

.multiline2_12::before {
  content: '...';
  top: calc(12 * 1.9 * 1 * 1px);
  right: 0;
  width: 1.2em;
}

.multiline2_12::after {
  content: '';
  width: 100%;
  height: 100%;
}

.multiline3 {
    position: relative;
    max-height: calc(10 * 1.9 * 3 * 1px);
    line-height: 1.8;
    word-break: break-all;
    overflow: hidden;
}

.multiline3::before,
.multiline3::after {
  position: absolute;
  background: #fff;
}

.multiline3.grey::before,
.multiline3.grey::after {
  position: absolute;
  background: #F2F2F2;
}

.multiline3::before {
  content: '...';
  top: calc(10 * 1.9 * 2 * 1px);
  right: 0;
  width: 1.2em;
}

.multiline3::after {
  content: '';
  width: 100%;
  height: 100%;
}

.article_img_area img {
    min-width: 100%;
    height: 200px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}

@media (max-width: 600px) {
    .article_img_area img {
        height: 110px;
    }
}

.impD .uk-dotnav > * > * {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgba(102,102,102,0.4);
    transition: .2s ease-in-out;
        transition-property: all;
    transition-property: background-color,border-color;
}

.impD .uk-dotnav > .uk-active > * {
    background-color: rgba(102,102,102,0.6);
    border-color: transparent;
}

#createAcc .btn {
    width: 50%;
}

@media (max-width: 960px) {
    #createAcc .btn {
        width: 50%;
    }
}

@media (max-width: 768px) {
    #createAcc .btn {
        width: 50%;
    }
}

.impD {
    padding-top: 90px;
}

.impD.index {
    padding-top: 150px;
}

.impD.lowerPage {
    padding-top: 192px;
    margin-bottom: 60px !important;
}

.impD.lowerPage.profilePage {
    padding-top: 192px;
    /*margin-bottom: 50px !important;*/
}

.impD.lowerPage.noTitleBar {
    padding-top: 100px;
    /*margin-bottom: 50px !important;*/
}

.impD.lowerPage.noHeaderMenu {
    padding-top: 150px;
}

.impD.lowerPage.header_icon_menu {
    padding-top: 140px;
}

.impD.lowerPage.header_icon_menu.new_menu_profile {
    padding-top: 131px;
}

.impD.lowerPage.title_only {
    padding-top: 32px;
}

.impD.lowerPage.noHeader {
    padding-top: 0 !important;
}

.impD.lowerPage.noFooterMenu {
    margin-bottom: 0 !important;
}

.impD.lowerPage.talk {
    margin-bottom: 60px !important;
}

.impD.lowerPage.talk.join_community {
    margin-bottom: 135px !important;
}

.impD.lowerPage.talk.super {
    margin-bottom: 47px !important;
}

@media (max-width: 550px) {
    .impD {
        padding-top: 80px;
    }
    .impD.index {
        padding-top: 130px;
    }
    .impD.lowerPage {
        padding-top: 152px;
    }
    .impD.lowerPage.profilePage  {
        padding-top: 152px;
    }
    .impD.lowerPage.noTitleBar  {
        padding-top: 80px;
    }
    .impD.lowerPage.noHeaderMenu {
        padding-top: 130px;
    }
}

@media (max-width: 480px) {
    .impD {
        padding-top: 60px;
    }
    .impD.index {
        padding-top: 111px;
    }
    .impD.lowerPage {
        padding-top: 152px;
        margin-bottom: 50px !important;
    }
    .impD.lowerPage.profilePage  {
        padding-top: 152px;
    }
    .impD.lowerPage.noTitleBar  {
        padding-top: 60px;
    }
    .impD.lowerPage.noHeaderMenu {
        padding-top: 100px;
    }
    .impD.lowerPage.talk {
        margin-bottom: 47px !important;
    }
    .impD.lowerPage.talk.join_community {
        margin-bottom: 128px !important;
    }
    .impD.lowerPage.talk.super {
        padding-top: 140px;
        margin-bottom: 50px !important;
    }
    .impD.lowerPage.header_icon_menu.new_menu_profile {
        padding-top: 131px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage.talk {
        margin-bottom: 57px !important;
    }
}

.impD.index header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    overflow: unset;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 120px;
    transition: .5s;
}

.impD.lowerPage header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    overflow: unset;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 140px;
    /*追記*/
    transition: .5s;
}

.impD.lowerPage.header_icon_menu header {
    overflow-y: visible;
}

.impD.lowerPage header.hide {
    top: -100px;
}

@media (max-width: 550px) {
    .impD.lowerPage header.hide {
        top: -80px;
    }
}

@media (max-width: 480px) {
    .impD.lowerPage header.hide {
        top: -60px;
    }
}

.impD.index header.hide {
    top: -100px;
}

@media (max-width: 550px) {
    .impD.index header.hide {
        top: -80px;
    }
}

@media (max-width: 480px) {
    .impD.index header.hide {
        top: -60px;
    }
}

.impD.lowerPage.profilePage header {
    position: fixed;
    /*top: 0;*/
    left: 0;
    right: 0;
    z-index: 300;
    overflow: unset;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    /*height: 120px;*/
    height: 60px;
}

.impD .logoArea {
    background: #43aaec;
    text-align: center;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
}

.impD.lowerPage .logoArea {
    background: #43aaec;
    text-align: center;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
    /*追記*/
    /*transition: .5s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;*/
}

/*.impD.lowerPage .logoArea.hide {
    top: -120px;
}*/

.impD .logoArea img {
    height: 100%;
}

.impD.lowerPage .logoArea img {
    height: 100%;
}

@media (max-width: 550px) {
    .impD header {
        height: 80px;
    }
    .impD .logoArea {
        height: 80px;
    }
    .impD.lowerPage header {
        height: 120px;
    }
    .impD.lowerPage .logoArea {
        height: 80px;
    }
}

@media (max-width: 480px) {
    .impD header {
        height: 60px;
    }
    .impD .logoArea {
        height: 60px;
    }
    .impD.lowerPage header {
        height: 100px;
    }
    .impD.lowerPage .logoArea {
        height: 60px;
    }
}

nav.hNavi {
    width:100%;
    overflow: hidden;
    background: #fff;
}

nav.hNavi .gnav {
    max-width: 955px;
    min-width: 320px;
    margin: 0 auto;
    /*overflow-x: scroll;
    -webkit-overflow-scrolling: touch;*/
    text-align: center;
}

/*@media (max-width: 896px) {
    nav.hNavi .gnav {
        overflow-x: scroll;
    }
    nav.hNavi .gnav::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
    /*nav.hNavi .gnav::-webkit-scrollbar-track-piece{background:#efefef;}*//*バーの背景色*/
    /*nav.hNavi .gnav::-webkit-scrollbar{height:10px;}*//*バーの太さ*/
    /*nav.hNavi .gnav::-webkit-scrollbar-thumb{background:#2cc2e4;}*//*バーの色*/
/*}*/


nav.hNavi ul {
    display: inline-table;
    max-width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 40px;
}

nav.hNavi ul li {
    display: table-cell;
    white-space: nowrap;
    font-size: 14px;
    line-height: 40px;
}

nav.hNavi ul li a {
    color: #555;
    display: block;
    padding: 0 15px;
}

/*アイコン有りメニュー*/

nav.hNavi ul.hIconMenu {
    height: 80px;
}

nav.hNavi ul.hIconMenu li {
    font-size: 10px;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    nav.hNavi ul.hIconMenu li a {
        padding: 0 10px;
    }
}

nav.hNavi ul.hIconMenu li .g_icon {
    width: 50px;
    min-width: 50px;
    height: auto;
}


/*::-webkit-scrollbar {
    display: none;
}*/

.square_img_area {
    position: relative;
}

.square_img_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.square_img_area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 15px;
}

.profLabel {
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: block;
    z-index: 5;
    position: absolute;
    text-align: center;
    line-height: 60px;
    color: #fff;
}

.favoriteIcon {
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 10px;
    display: block;
    z-index: 5;
    position: absolute;
    line-height: 30px;
    color: #EDC72F;
}

.favoriteIcon.off {
    color: #333;
}

.profLabel.new {
    background: #43aaec;
}

.profLabel.attention {
    background: #ffd674;
}

.profLabel.popular {
    background: #ff94b8;
}

@media (max-width: 960px) {
    .profLabel {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 1.2em;
    }
}

@media (max-width: 768px) {
    .profLabel {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 1.0em;
    }
}

@media (max-width: 480px) {
    .profLabel {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 1.1em;
    }
}

@media (max-width: 380px) {
    .profLabel {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.0em;
    }
}

.impD.lowerPage .entryfix.profileFixedBtns {
    height: 60px;
    background: #f2f2f2;
    border: none;
}

@media (max-width: 480px) {
    .impD.lowerPage .entryfix.profileFixedBtns {
        height: 50px;
    }
}

.mbEntry.regist_btn.impD {
    margin-bottom: 80px !important;
}

@media (max-width: 650px) {
    .mbEntry.regist_btn.impD {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 480px) {
    .mbEntry.regist_btn.impD {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 390px) {
    .mbEntry.regist_btn.impD {
        margin-bottom: 45px !important;
    }
}

.mbEntry2.regist_btn.impD {
    margin-bottom: 100px !important;
}

@media (max-width: 650px) {
    .mbEntry2.regist_btn.impD {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 480px) {
    .mbEntry2.regist_btn.impD {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 390px) {
    .mbEntry2.regist_btn.impD {
        margin-bottom: 65px !important;
    }
}

.footer_fixed_circle_button {
    width: 90px;
    height: 90px;
    background: #808080;
    position: fixed;
    right: 10px;
    bottom: 72px;
    z-index: 300;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 12px;
}

.footer_fixed_circle_button2 {
    width: 90px;
    height: 90px;
    position: fixed;
    right: 10px;
    bottom: 72px;
    z-index: 300;
    box-sizing: border-box;
}

.footer_fixed_circle_button3 {
    width: 90px;
    height: 90px;
    position: fixed;
    right: 10px;
    bottom: 175px;
    z-index: 300;
    box-sizing: border-box;
}

.footer_fixed_circle_button3 .notification {
    position: absolute;
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff2979;
    display: block;
    z-index: 200;
    right: 0;
    top: 0;
}

.footer_fixed_circle_button4 {
    width: 90px;
    height: 90px;
    position: fixed;
    right: 10px;
    bottom: 72px;
    z-index: 300;
    box-sizing: border-box;
}

.footer_fixed_circle_button5 {
    width: 90px;
    min-height: 90px;
    position: fixed;
    right: 10px;
    bottom: 25px;
    z-index: 300;
    box-sizing: border-box;
    text-align: center;
}

.footer_fixed_circle_button.on {
    background: #43aaec;
}

.footer_fixed_circle_button5 .salesnote {
    text-align: center;
    background: #ff2979;
    color: #fff;
    padding: 3px 8px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 10;
}

.footer_fixed_circle_button p {
    text-align: center;
    color: #fff;
    font-size: 15px;
}

@media (max-width: 480px) {
    .footer_fixed_circle_button {
        width: 60px;
        height: 60px;
        background: #808080;
        position: fixed;
        right: 5px;
        bottom: 65px;
        z-index: 300;
        border-radius: 50%;
        box-sizing: border-box;
        padding: 6px;
    }

    .footer_fixed_circle_button p {
        text-align: center;
        color: #fff;
        font-size: 10px;
    }
    .footer_fixed_circle_button2 {
        width: 60px;
        height: 60px;
        position: fixed;
        right: 5px;
        bottom: 65px;
        z-index: 300;
        box-sizing: border-box;
    }
    .footer_fixed_circle_button3 {
        width: 60px;
        height: 60px;
        position: fixed;
        right: 5px;
        bottom: 130px;
        z-index: 300;
        box-sizing: border-box;
    }
    .footer_fixed_circle_button3 .notification {
        width: 15px;
        height: 15px;
    }
    .footer_fixed_circle_button4 {
        width: 60px;
        height: 60px;
        position: fixed;
        right: 5px;
        bottom: 65px;
        z-index: 300;
        box-sizing: border-box;
    }
    .footer_fixed_circle_button5 {
        width: 60px;
        min-height: 60px;
        position: fixed;
        right: 5px;
        bottom: 50px;
        z-index: 300;
        box-sizing: border-box;
    }
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 10px !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #43aaec !important;
}

.impD.lowerPage .entryfix.profileFixedBtns.new .newNum {
    background: #ff2979;
    border: 2px solid #f2f2f2;
    min-width: 27px;
    height: 27px;
    line-height: 19px;
    width: auto;
    display: inline-block;
}

/*@media(max-width: 400px) {
    .impD.lowerPage .entryfix.profileFixedBtns.new .newNum {
        left: 36%;
    }
}*/

.impD.lowerPage header .hNavi.uk-position-relative {
    height: 36px;
}

@media (max-width: 480px) {
    .impD.lowerPage header .hNavi.uk-position-relative {
        height: 35px;
    }
}

.headerBackBtn {
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 1em;
    padding: 7px 9px 5px 8px;
    /*background: #BFE1FB;*/
}

.headerBackBtn img {
    height: 25px;
}

.headerBackBtn2 {
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 1em;
    padding: 0;
    /*background: #BFE1FB;*/
}

.headerBackBtn2 img {
    height: 25px;
}

.impD.lowerPage .uk-tab>.uk-active>a {
    color: #43AAEC;
    border-bottom: 2px solid;
    border-color: #43AAEC;
}

.impD.lowerPage .favorite .img_area {
    width: 150px;
    height: 150px;
}

.impD.lowerPage .like .img_area {
    width: 80px;
    height: 80px;
}

@media (max-width: 480px) {
    .impD.lowerPage .favorite .img_area {
        width: 105px;
        height: 105px;
    }
    .impD.lowerPage .like .img_area {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .favorite .img_area {
        width: 90px;
        height: 90px;
    }
    .impD.lowerPage .like .img_area {
        width: 50px;
        height: 50px;
    }
}

.impD.lowerPage .favorite .img_area img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 5px 0 0 5px;
}

.impD.lowerPage .like .img_area img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

@media (max-width: 480px) {
     .impD.lowerPage .favorite .img_area img  {
        width: 105px;
        height: 105px;
    }
     .impD.lowerPage .like .img_area img  {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 380px) {
     .impD.lowerPage .favorite .img_area img  {
        width: 90px;
        height: 90px;
    }
     .impD.lowerPage .like .img_area img  {
        width: 50px;
        height: 50px;
    }
}

.impD.lowerPage .favorite .name {
    font-size: 1.3rem;
    margin-bottom: 3px;
}

.impD.lowerPage .favorite.news_list .name {
    font-size: 1.1rem;
    margin-bottom: 3px;
    line-height: 1.5;
    height: 110px;
    overflow-y: hidden;
}

.impD.lowerPage .like .name {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.impD.lowerPage .like .tweet_txt {
    font-size: 1.3rem;
    line-height: 1.8em;
    word-break: break-all;
    max-height: calc( 1.8em * 5 );
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.impD.lowerPage .tweet_txt .tag_link {
    color: #3DA9EE;
}

.impD.lowerPage .favorite .areaAgeSex {
    margin-bottom: 10px;
}

.impD.lowerPage .like .areaAgeSex {
    margin-bottom: 10px;
}

.impD.lowerPage .like .date {
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    .impD.lowerPage .favorite .name {
        font-size: 1.1rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .favorite.news_list .name {
        font-size: 0.9rem;
        line-height: 1.2;
        height: 75px;
        overflow-y: hidden;
    }
    .impD.lowerPage .favorite .areaAgeSex {
        font-size: 0.9rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .like .tweet_txt {
        font-size: 1.1rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .like .name {
        font-size: 1.1rem;
    }
    .impD.lowerPage .like .areaAgeSex {
        font-size: 0.8rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .like .areaAgeSex.tweet_user_status {
        margin-bottom: 15px;
    }
    .impD.lowerPage .like .date {
        margin-bottom: 2%;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .favorite .name {
        font-size: 0.9rem;
    }
    .impD.lowerPage .favorite.news_list .name {
        font-size: 0.8rem;
        line-height: 1.2;
        height: 60px;
        overflow-y: hidden;
    }
    .impD.lowerPage .favorite .areaAgeSex {
        font-size: 0.8rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .like .name {
        font-size: 0.9rem;
    }
    .impD.lowerPage .like .tweet_txt {
        font-size: 0.8rem;
    }
    .impD.lowerPage .like .areaAgeSex {
        font-size: 0.8rem;
        margin-bottom: 2%;
    }
    .impD.lowerPage .like .areaAgeSex.tweet_user_status {
        margin-bottom: 15px;
    }
    .impD.lowerPage .like .date {
        margin-bottom: 15px;
    }
}

.impD.lowerPage .trashArea {
    width: 30px;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
}

.impD.lowerPage .trashArea .trashIcon {
    width: 30px;
    height: auto;
}

.impD.lowerPage .likeArea {
    width: 30px;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
}

.impD.lowerPage .likeArea .likeIcon {
    width: 30px;
    height: auto;
}

@media (max-width: 480px) {
    .impD.lowerPage .favorite .multiline3 {
        position: relative;
        max-height: calc(10 * 1.9 * 2 * 1px);
        line-height: 1.8;
        word-break: break-all;
        overflow: hidden;
    }

    .impD.lowerPage .favorite .multiline3::before,
    .impD.lowerPage .favorite .multiline3::after {
      position: absolute;
      background: #fff;
    }

    .impD.lowerPage .favorite .multiline3.grey::before,
    .impD.lowerPage .favorite .multiline3.grey::after {
      position: absolute;
      background: #F2F2F2;
    }

    .impD.lowerPage .favorite .multiline3::before {
      content: '...';
      top: calc(10 * 1.9 * 1 * 1px);
      right: 0;
      width: 1.2em;
    }

    .impD.lowerPage .favorite .multiline3::after {
      content: '';
      width: 100%;
      height: 100%;
    }
}

@media (max-width: 480px) {
    .impD.lowerPage .trashArea {
        width: 20px;
        height: auto;
    }
    .impD.lowerPage .trashArea .trashIcon {
        width: 20px;
        height: auto;
    }
}

.impD.lowerPage .uk-modal .favoriteDeleteBtn {
    background: #fff;
    padding: 20px;
    border: none;
    color: #D4145A;
    text-align: center;
    display: block;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
        font-size: 1.0rem;
}

.impD.lowerPage .uk-modal .favoriteDeleteBtn:hover {
    background: #E6E6E6;
}

.impD.lowerPage .favorite_modal .uk-modal-body {
    padding: 0;
}

.impD.lowerPage .hNavi.noNavi {
    border-bottom: 2px solid #cecece;
}

.impD.lowerPage .like .likeChild {
    padding: 10px;
}

.impD.lowerPage .like .likeChild .starIcon {
    cursor: pointer;
}
.impD.lowerPage .tweetDetail .starIcon {
    cursor: pointer;
}

.impD.lowerPage .like .likeChild .commentIconFavorite {
    cursor: pointer;
}

.impD.lowerPage .like .likeChild .starIcon.active {
    color: #43aaec;
}

.impD.lowerPage .tweetDetail .starIcon.active {
    color: #43aaec;
}

.impD.lowerPage .like .likeChild .starIcon + .like_num {
    cursor: pointer;
}

.impD.lowerPage .like .likeChild .starIcon.active + .like_num {
    color: #43aaec;
}

.impD.lowerPage .like .likeChild .postedImg {
    text-align: center;
    width: 506px;
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg img {
    width: 506px;
    height: 285px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}

.impD.lowerPage .like .likeChild .postedImg1 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.postedImg1 .uk-overlay-default {
    background: rgba(255,255,255,.4);
}

.impD.lowerPage .like .likeChild .postedImg2 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
    height: 285px;
}

@media (max-width: 700px) {
    .impD.lowerPage .like .likeChild .postedImg2 {
        height: 250px;
    }
    .impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .like .likeChild .postedImg2 {
        height: 200px;
    }
    .impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .like .likeChild .postedImg2 {
        height: 150px;
    }
    .impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .like .likeChild .postedImg2 {
        height: 100px;
    }
    .impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
        height: 100px;
    }
}

/*@media (max-width: 380px) {
    .impD.lowerPage .like .likeChild .postedImg2 {
        height: 80px;
    }
    .impD.lowerPage .like .likeChild .postedImg2 .two_cols_inner {
        height: 80px;
    }
}*/

.impD.lowerPage .like .likeChild .postedImg2 .uk-grid div:first-child .two_cols_inner {
    border-radius: 3px 0 0 3px;
}

.impD.lowerPage .like .likeChild .postedImg2 .uk-grid div:last-child .two_cols_inner {
    border-radius: 0 3px 3px 0;
}

.impD.lowerPage .like .likeChild .postedImg3 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
    height: 285px;
    border-radius: 3px 0 0 3px;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner {
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner div {
    height: 50%;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner div:first-child {
    border-radius: 0 3px 0 0;
    box-sizing: border-box;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner div:last-child {
    border-radius: 0 0 3px 0;
}

@media (max-width: 700px) {
    .impD.lowerPage .like .likeChild .postedImg3 {
        height: 250px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 250px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .like .likeChild .postedImg3 {
        height: 200px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 200px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .like .likeChild .postedImg3 {
        height: 150px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 150px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .like .likeChild .postedImg3 {
        height: 100px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 100px;
    }
    .impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 100px;
    }
}

.impD.lowerPage .like .likeChild .postedImg4 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid .four_nums_inner {
    height: 285px;
    /*border-radius: 3px 0 0 3px;*/
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div .four_nums_inner div {
    height: 50%;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div:first-child .four_nums_inner a:first-child div {
    border-radius: 3px 0 0 0;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div:first-child .four_nums_inner a:last-child div {
    border-radius: 0 0 0 3px;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div:last-child .four_nums_inner a:first-child div {
    border-radius: 0 3px 0 0;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div:last-child .four_nums_inner a:last-child div {
    border-radius: 0 0 3px 0;
}

@media (max-width: 700px) {
    .impD.lowerPage .like .likeChild .postedImg4 {
        height: 250px;
    }
    .impD.lowerPage .like .likeChild .postedImg4 .uk-grid .four_nums_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .like .likeChild .postedImg4 {
        height: 200px;
    }
    .impD.lowerPage .like .likeChild .postedImg4 .uk-grid .four_nums_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .like .likeChild .postedImg4 {
        height: 150px;
    }
    .impD.lowerPage .like .likeChild .postedImg4 .uk-grid .four_nums_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .like .likeChild .postedImg4 {
        height: 100px;
    }
    .impD.lowerPage .like .likeChild .postedImg4 .uk-grid .four_nums_inner {
        height: 100px;
    }
}

.impD.lowerPage .like .likeChild .postedImg5 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid {
    height: 285px;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid .five_nums_inner {
    height: 100%;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid div:first-child .five_nums_inner div:first-child {
    border-radius: 3px 0 0 0;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid div:first-child .five_nums_inner div:last-child {
    border-radius: 0 3px 0 0;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid div:last-child .five_nums_inner div:first-child {
    border-radius: 0 0 0 3px;
}

.impD.lowerPage .like .likeChild .postedImg5 .uk-grid div:last-child .five_nums_inner div:last-child {
    border-radius: 0 0 3px 0;
}

.impD.lowerPage .tweetDetail .tweet_read_ctrler {
    max-height: 30px;
}





.talkListOuter {
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

.talkListOuter2 {
    border-top: none;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background: #fff;
}

.talkListOuter3 {
    border-top: none;
    border-bottom: none;
    background: #fff;
}

.impD.lowerPage .talkListOuter .eachTalk {
    padding: 10px;
    border-bottom: 1px solid #cecece;
}

.impD.lowerPage .talkListOuter2 .eachTalk {
    padding: 10px;
}

.impD.lowerPage .talkListOuter3 .eachTalk {
    padding: 10px;
    border-bottom: 1px solid #cecece;
}

.impD.lowerPage .talkListOuter .eachTalk .img_area {
    width: 55px;
    height: 55px;
}

.impD.lowerPage .talkListOuter2 .eachTalk .img_area {
    width: 55px;
    height: 55px;
}

.impD.lowerPage .talkListOuter3 .eachTalk .img_area {
    width: 55px;
    height: 55px;
}

@media (max-width: 480px) {
    .impD.lowerPage .talkListOuter .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
    .impD.lowerPage .talkListOuter2 .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
    .impD.lowerPage .talkListOuter3 .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .talkListOuter .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
    .impD.lowerPage .talkListOuter2 .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
    .impD.lowerPage .talkListOuter3 .eachTalk .img_area {
        width: 50px;
        height: 50px;
    }
}

.impD.lowerPage .talkListOuter .eachTalk .img_area img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

.impD.lowerPage .talkListOuter2 .eachTalk .img_area img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

.impD.lowerPage .talkListOuter3 .eachTalk .img_area img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

@media (max-width: 480px) {
     .impD.lowerPage .talkListOuter .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage .talkListOuter2 .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage .talkListOuter3 .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 380px) {
     .impD.lowerPage .talkListOuter .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage .talkListOuter2 .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage .talkListOuter3 .eachTalk .img_area img  {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 330px) {
    .impD.lowerPage .talkListOuter .eachTalk .name {
        font-size: 10px;
    }
    .impD.lowerPage .talkListOuter2 .eachTalk .name {
        font-size: 10px;
    }
    .impD.lowerPage .talkListOuter3 .eachTalk .name {
        font-size: 10px;
    }
}

.impD.lowerPage label.error {
    background: none;
    color: #ff2979;
    border: none;
}

.impD.lowerPage label.error::before {
    display: none;
}

.impD.lowerPage label.error::after {
    display: none;
}

.dateMark {
    background: #F2F2F2;
    padding: 5px;
    margin-right: 5px;
    border-radius: 50%;
    /*font-weight: bold;*/
    font-size: 1.1rem;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
}

.dateMark.sat {
    background: #E6F2F2;
}

.dateMark.sun {
    background: #F1DEF2;
}

.scheduleTtl {
    font-size: 1.2rem;
}

@media (max-width: 480px) {
    .dateMark {
        font-size: 1.0rem;
    }
    .scheduleTtl {
        font-size: 1.0rem;
    }
}

@media (max-width: 380px) {
    .dateMark {
        font-size: 0.9rem;
    }
    .scheduleTtl {
        font-size: 0.9rem;
    }
    /*.impD.lowerPage.profilePage .uk-tab>*>a {
        font-size: 0.7rem;
    }*/
}

.profileFixedFooter {
    width: 100%;
    height: 100px;
    background: url("../img/index_imp/footer_bg.png") repeat-x;
    background-size: auto 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.profileFixedFooter ul {
    height: 80px;
}

.profileFixedFooter ul li {
    height: 80px;
    box-sizing: border-box;
    padding: 10px 30px;
}

.profileFixedFooter ul li img {
    height: 60px;
    width: auto;
    cursor: pointer;
}

@media (max-width: 480px) {
    .profileFixedFooter {
        height: 100px;
    }
    .profileFixedFooter ul {
        height: 100px;
    }
    .profileFixedFooter ul li {
        padding: 10px 20px;
        height: 80px;
    }
    .profileFixedFooter ul li img {
        height: 60px;
    }
}

.impD.lowerPage.profilePage .edit_profile_pic {
    background: #fff;
    color: #808080;
    border: none;
    border-radius: 5px;
    font-size: 1.4rem;
    padding: 20px 30px;
}

@media (max-width: 380px) {
    .impD.lowerPage.profilePage .edit_profile_pic {
        font-size: 1.2rem;
        padding: 10px 20px;
    }
}

.impD.lowerPage .mypageProfileArea .img_area {
    width: 150px;
    height: 150px;
}

.impD.lowerPage .mypageProfileArea .certification_area {
    width: 150px;
}

@media (max-width: 480px) {
    .impD.lowerPage .mypageProfileArea .img_area {
        width: 105px;
        height: 105px;
    }
    .impD.lowerPage .mypageProfileArea .certification_area {
        width: 105px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .mypageProfileArea .img_area {
        width: 90px;
        height: 90px;
    }
    .impD.lowerPage .mypageProfileArea .certification_area {
        width: 90px;
    }
    .certification_area .uk-label.small {
        font-size: 10px;
        padding: 0 2px;
    }
}

.impD.lowerPage .mypageProfileArea .img_area img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

@media (max-width: 480px) {
    .impD.lowerPage .mypageProfileArea .img_area img {
        width: 105px;
        height: 105px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .mypageProfileArea .img_area img {
        width: 90px;
        height: 90px;
    }
}

.impD.lowerPage .mypageProfileArea .name {
    font-size: 1.3rem;
    margin-bottom: 10px;
    line-height: 1.8em;
}

@media (max-width: 480px) {
    .impD.lowerPage .mypageProfileArea .name {
        font-size: 1.1rem;
        margin-bottom: 2%;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .mypageProfileArea .name {
        font-size: 0.9rem;
        margin-bottom: 2%;
    }
    .mypageProfileArea .uk-button-small {
        font-size: 10px;
        border-radius: 3px;
        line-height: 23px;
        padding: 0 10px;
    }
}

.uk-label.pointer:hover {
    cursor: pointer;
}

.rankingList .rankingNum {
    border-radius: 5px 0 5px 0;
}

.notYetRegistration {
    font-size: 1.4rem !important;
}

@media (max-width: 580px) {
    .notYetRegistration {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 450px) {
    .notYetRegistration {
        font-size: 1.0rem !important;
    }
}

.loginTitle {
    color: #6E6E6E;
    font-weight: bold;
    font-size: 1.6rem;
}

@media (max-width: 580px) {
    .loginTitle {
        font-size: 1.4rem !important;
    }
}

@media (max-width: 400px) {
    .loginTitle {
        font-size: 1.2rem !important;
    }
}

.loginRegistBtn {
    line-height: 1.6em;
}

.loginRegistBtn:hover {
    color: #fff;
}

.loginRegistBtn span:first-child {
    font-size: 1.4rem;
}

@media (max-width: 450px) {
    .loginRegistBtn span:first-child {
        font-size: 1.2rem !important;
    }
    .loginRegistBtn span:last-child {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 350px) {
    .loginRegistBtn span:first-child {
        font-size: 1.2rem !important;
    }
    .loginRegistBtn span:last-child {
        font-size: 0.8rem !important;
    }
}

.impD.lowerPage .blockListOuter .eachItem {
    padding: 10px;
}

.impD.lowerPage .blockListOuter .eachItem .img_area {
    width: 55px;
    height: 55px;
}

@media (max-width: 480px) {
    .impD.lowerPage .blockListOuter .eachItem .img_area {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .blockListOuter .eachItem .img_area {
        width: 50px;
        height: 50px;
    }
}

.impD.lowerPage .blockListOuter .eachItem .img_area img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}


@media (max-width: 480px) {
     .impD.lowerPage .blockListOuter .eachItem .img_area img  {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 380px) {
     .impD.lowerPage .blockListOuter .eachItem .img_area img  {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 330px) {
    .impD.lowerPage .blockListOuter .eachItem .name {
        font-size: 10px;
    }
}

.impD.lowerPage .newThreadList .eachThread {
    border-bottom:1px solid #cecece;
    margin-bottom: 2%;
}

.headerAlertBtn {
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 1em;
    padding: 12px 9px 0px 8px;
    /*background: #BFE1FB;*/
}

.impD.lowerPage .talk .uk-flex-right .uk-width-auto.messageTxtArea {
    max-width: 55%;
    min-width: 15%;
}

@media (max-width: 650px) {
    .impD.lowerPage .talk .uk-flex-right .uk-width-auto.messageTxtArea {
        max-width: 80%;
        min-width: 20%;
    }
}

.impD.lowerPage .talk .uk-width-auto.messageTxtArea {
    max-width: 80%;
    min-width: 20%;
}

.impD.lowerPage .talk .uk-width-auto.messageTxtArea .messageBox {
    word-break: break-all;
}

.impD.lowerPage .talk .uk-width-auto.messageTxtArea.hasImg {
    width: 80%;
}

.impD.lowerPage .talk .uk-width-auto.messageTxtArea.hasImg .uk-cover-container {
    border-radius: 15px 15px 0 15px;
}

.impD.lowerPage .talk .uk-flex-left .messageTxtArea.hasImg {
    width: 100%;
}

.impD.lowerPage .talk .uk-flex-left .messageTxtArea.hasImg .uk-cover-container {
    border-radius: 15px 15px 15px 0;
}

.impD.lowerPage .talk .img_area {
    width: 50px;
    height: 50px;
}

.impD.lowerPage .talk .img_area img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

@media (max-width: 768px) {
    .impD.lowerPage .talk .img_area {
        width: 30px;
        height: 30px;
    }
    .impD.lowerPage .talk .img_area img {
        width: 30px;
        height: 30px;
    }
}

.impD.lowerPage .talk .date_blank {
    width: 50px;
}

@media (max-width: 768px) {
    .impD.lowerPage .talk .date_blank {
        width: 30px;
    }
}

.talkMessageWhite {
    position: fixed;bottom:0;left:0;width:100%;z-index:400;/*background: #fff;border-top: 1px solid #f2f2f2;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    border-top: 2px solid #D8D8D8;
}

.talkMessageWhite .uk-button.send:disabled {
    opacity: .5;
}

.super .talkMessageWhite {
    bottom: 0;
}

@media (max-width: 480px) {
    .talkMessageWhite {
        bottom:0;
        background: #ffffff;
		max-height: 170px;
    }
    .talk .talkMessageWhite {
        max-height: 50%;
    }
    .super .talkMessageWhite {
        bottom: 0;
    }
}

.talkMessageWhite .submitBtn.sendBtn {
    padding: 0 10px;
    border-bottom: none;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
}

.talkMessageWhite textarea {
    height: 35px;
    min-height: 35px;
    max-height: 100px;
}

.talkMessageWhite .uk-form-custom .icon_camera {
    width: 35px;
    height: 35px;
}

.talkMessageWhite .icon_smile {
    width: 35px;
    height: 35px;
}

.talkMessageWhite.v2 .camera_icon_wrapper {
    padding-top: 4px;
}

.talkMessageWhite.v3 .camera_icon_wrapper {
    padding-top: 0;
}

.talkMessageWhite.v2 .uk-form-custom .icon_camera {
    width: 28px;
    height: auto;
}

.talkMessageWhite.v3 .uk-form-custom .icon_camera {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v3 .hiddenIcon {
	display: none;
	padding-left: 8px;
}

.talkMessageWhite.v3 .icon_hidden_arrow {
	width: 12px;
    height: auto;
	padding-bottom: 7px;
}

.talkMessageWhite.v2 .icon_smile {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v3 .icon_smile {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v2 .icon_promise {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v3 .icon_promise {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v3 .icon_tel {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v2 .icon_send {
    width: 25px;
    height: auto;
}

.talkMessageWhite.v3 .icon_send {
    width: 25px;
    height: auto;
}

.adjust-box {
    position: relative;
    width: 100%;
    height: auto;
    /*background: #EEE;*/
}

.box-1x1:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.adjust-box .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.adjust-box .fileUploadBtn {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
}

.mbEntry.regist_btn.impD .entryfix {
    transition: .5s;
}

.impD.lowerPage .entryfix.profileFixedBtns {
    border-top: 1px solid #D8D8D8;
}

.adjust-box .inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 15px;
}

.adjust-box .inner.uk-cover-container {
    border-radius: 15px;
}

.adjust-box .inner.uploadForm {
    border-radius: 15px;
    border: dashed 1px #B3B3B3;
    padding: 1%;
    box-sizing: border-box;
}

.adjust-box .inner .uk-form-custom {
    display: block;
    height: 100%;
    width: 100%;
}

.impD.lowerPage .slideDownArea .slideDownBtn .uk-flex .uk-width-expand {
    padding: 15px 0 15px 10px;
    font-size: 1.2rem;
}

#qa_index .slideDownArea .slideDownBtn .uk-flex .uk-width-expand {
    padding: 15px 0 15px 10px;
    font-size: 1.2rem;
}

.slideDownArea .slideDwonTarget {
    display: none;
}
.slideDownArea .slideDwonTarget.opposite {
    display: block;
}

.slideDownArea .slideDownBtn .dropdown_icon {
    padding-right: 30px;
    font-size: 0.8rem;
}

.slideDownArea .slideDownBtn {
    position: relative;
    cursor: pointer;
    /*border-bottom: 1px solid #D8D8D8;*/
}

.slideDownArea .slideDownBtn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -5px 0 0 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.slideDownArea .slideDownBtn.active::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -2px 0 0 0;
}

.impD.lowerPage .entryfix.profileFixedBtns .backBtn {
    padding: 5px;
    font-size: 15px;
}

.impD.lowerPage .entryfix.profileFixedBtns .backBtn2 {
    padding: 5px;
    font-size: 15px;
}

.impD.lowerPage .entryfix.profileFixedBtns .submitBtn2 {
    padding: 5px;
    font-size: 15px;
}

.impD.lowerPage .entryfix.profileFixedBtns .submitBtn3 {
    padding: 5px;
    font-size: 15px;
}

.impD.lowerPage .entryfix.profileFixedBtns .submitBtn2.lh23 {
    padding: 5px;
    font-size: 15px;
    line-height: 23px;
}

@media (max-width: 480px) {
    .impD.lowerPage .entryfix.profileFixedBtns .backBtn {
        padding: 2px 5px;
        font-size: 15px;
    }
    .impD.lowerPage .entryfix.profileFixedBtns .backBtn2 {
        padding: 5px;
        font-size: 15px;
    }
    .impD.lowerPage .entryfix.profileFixedBtns .submitBtn2 {
        padding: 5px;
        font-size: 15px;
    }
    .impD.lowerPage .entryfix.profileFixedBtns .submitBtn3 {
        padding: 5px;
        font-size: 15px;
    }
}


.impD.lowerPage .entryfix.profileFixedBtns .btnContainer {
    padding-top: 12px;
}

@media (max-width: 480px) {
    .impD.lowerPage .entryfix.profileFixedBtns .btnContainer {
        padding-top: 9px;
    }
}

.impD.lowerPage .notification .uk-grid-small .uk-width-expand {
    color: #999999;
}

.impD.lowerPage .notification .uk-grid-small.checked .uk-width-expand {
    color: #333;
}

.impD.lowerPage .notification .uk-grid-small .uk-width-auto label {
    color: #999999;
}

.impD.lowerPage .notification .uk-grid-small.checked .uk-width-auto label {
    color: #333;
}

.impD.lowerPage .notification .uk-grid-small.noneSetting .uk-width-auto label {
    pointer-events: none;
}

.impD.lowerPage .notification .uk-grid-small.noneSetting .uk-width-auto label .uk-checkbox:checked {
    background-color: #999;
}

.impD.lowerPage .textBlueTitle {
    color: #43AAEA;
    font-size: 1.3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #43AAEA;
}

.impD.lowerPage .textBlueTitle2 {
    color: #43AAEA;
    font-size: 1.8rem;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.impD.lowerPage .textBlueTitle2 span {
    z-index: 2;
    display: inline-block;
}

.impD.lowerPage .textBlueTitle2::before {
    position: absolute;
    bottom: 0;
    left: 35%;
    z-index: 1;
    content: '';
    display: block;
    width: 30%;
    height: 2px;
    background-color: #43AAEA;
}

@media (max-width: 500px) {
    .impD.lowerPage .textBlueTitle2 {
        font-size: 1.4rem;
    }
    .impD.lowerPage .textBlueTitle2::before {
        left: 30%;
        width: 40%;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .textBlueTitle.registTitle {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .impD.lowerPage .textBlueTitle {
        font-size: 1.6rem;
        line-height: 1.5em;
    }
    .impD.lowerPage .textBlueTitle2 {
        font-size: 1.2rem;
        line-height: 1.5em;
    }
    .impD.lowerPage .textBlueTitle.registTitle {
        font-size: 15px;
    }
}

.impD.lowerPage .textGreyTitle {
    color: #333;
    font-size: 1.3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cecece;
}

@media (max-width: 350px) {
    .impD.lowerPage .textGreyTitle {
        font-size: 1.2rem;
        line-height: 1.5em;
    }
}

.char_type_list li {
    display: inline-block;
    margin-bottom: 2%;
}

.char_type_list li input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.char_type_list li label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.char_type_list li input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

.scheduleTimeList li {
    display: inline-block;
}

.scheduleTimeList li input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.scheduleTimeList li label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    min-width: 30px;
    position:relative;
    padding:0;
    border-radius: 50%;
    background:#fff;
    color:#333;
    border: 1px solid #43A9EC;
    text-align: center;
    font-size: 12px;
}

.scheduleTimeList li input[type="checkbox"]:checked + label {
    background:#ACD6EC;
}

.affRegistBtn {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 5px 5px;
}

.step_num {
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #3DA9EE;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-right: 5px;
}

.uk-table.reward {
    table-layout: fixed;
    min-width: 825px;
}

@media (max-width: 530px) {
    .uk-table.reward {
        min-width: 770px;
    }
}

.uk-table.reward th {
    vertical-align: top;
    background: #F2F2F2;
    border: 3px solid #fff;
}

@media (max-width: 680px) {
    .uk-table.reward th {
        word-break: break-all !important;
        white-space: normal !important;
    }
}

.uk-table.reward tr td {
    border: 3px solid #fff;
    word-break: break-all;
}

@media (max-width: 680px) {
    .uk-table.reward tr td .fs12 {
        font-size: 10px !important;
    }
}

.uk-table.reward tr:first-child td.biginner {
    background: #BAE2A6;
}

.uk-table.reward tr:first-child td.silver {
    background: #DEE5EF;
}

.uk-table.reward tr:first-child td.gold {
    background: #F9E8B0;
}

.uk-table.reward tr:first-child td.platinum {
    background: #B3D6EC;
}

.uk-table.reward tr:first-child td.black {
    background: #CCCCCC;
}

.uk-table.reward tr td.biginner_ex {
    background: #E5F4E1;
}

.uk-table.reward tr td.silver_ex {
    background: #F0F1F6;
}

.uk-table.reward tr td.gold_ex {
    background: #FBF4D7;
}

.uk-table.reward tr td.platinum_ex {
    background: #D8E8F7;
}

.uk-table.reward tr td.black_ex {
    background: #E6E6E6;
}

.ad_banners .uk-grid div:last-child .more_banner_btn {
    /*width: 100%;*/
    /*height: 100%;*/
    /*box-sizing: border-box;*/
    /*border: 1px solid #3DA9EE;*/
    font-size: 1.8rem;
    line-height: 1.5em;
}

.ad_banners .uk-grid div:last-child .more_banner_btn .txt {
    padding-top: 25%;
}

@media (max-width: 580px) {
    .ad_banners .uk-grid div:last-child .more_banner_btn {
        font-size: 1.4rem;
    }
}

@media (max-width: 420px) {
    .ad_banners .uk-grid div:last-child .more_banner_btn {
        font-size: 1.2rem;
    }
    .ad_banners .uk-grid div:last-child .more_banner_btn .txt {
        padding-top: 20%;
    }
}

@media (max-width: 380px) {
    .ad_banners .uk-grid div:last-child .more_banner_btn {
        font-size: 1.4rem;
    }
    .ad_banners .uk-grid div:last-child .more_banner_btn .txt {
        padding-top: 15%;
    }
}

@media (max-width: 350px) {
    .ad_banners .uk-grid div:last-child .more_banner_btn {
        font-size: 1.2rem;
    }
    .ad_banners .uk-grid div:last-child .more_banner_btn .txt {
        padding-top: 15%;
    }
}


.ad_banners .uk-grid div img {
    display: block;
}

.btn .bgWhiteBBlueBtn {
    background: #fff;
    color: #3DA9EE;
    padding: 20px 30px;
    text-align: center;
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #3DA9EE;
}

.btn .bgWhiteBBlueBtn:hover {
    background: #3DA9EE;
    color: #fff;
}

footer.aff {
    background: #616161;
}

footer.aff ul {
    text-align: center;
    padding: 40px 0;
}

/*.cashback footer.aff ul {
    line-height: 1.6em;
}*/

footer.aff ul li {
    display: inline-block;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 10px;
}

footer.aff ul li + li {
    border-left: 0;
    border-right: 1px solid #fff;
}

footer.aff ul li a {
    color: #fff;
}

@media (max-width: 380px) {
    .bgWhiteBBlueBtn.aff {
        font-size: 1.2rem;
        padding: 20px 20px;
    }
}

@media (max-width: 380px) {
    .aff_ttl {
        font-size: 0.9rem !important;
    }
}

.circle_area {
    position: relative;
}

.circle_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.circle_area .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
    background: #fe82b6;
    font-size: 25px;
    color: #fff;
    line-height: 1.5em;
}

@media screen and (max-width:500px) {
    .circle_area .inner {
        font-size: 15px;
    }
}

@media screen and (min-width:769px) {
	.sp {
		display: none!important;
	}
	.sp-inline {
		display: none!important;
	}
	.sp-flex {
		display: none!important;
	}
}
@media screen and (max-width:768px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block;
	}
	.sp-inline {
		display: inline;
	}
	.sp-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width:376px) {
	.super_sp {
		display: none!important;
	}
}

@media screen and (max-width:375px) {
	.super_sp {
		display: block;
	}
}

.planLabel .uk-text-meta {
    color: #333 !important;
}

.planLabel {
    padding-left: 20px;
}

@media screen and (max-width:480px) {
    .planLabel .uk-text-meta {
        font-size: 0.7rem;
    }
}

.planLabel .uk-text-meta .markup {
    background: #FFFE9A;
    padding: 2px 1px;
}

.agreementBox {
    max-height: 300px;
    overflow-y: scroll;
}

.affMainVisual .ttl {
    /*-webkit-text-stroke: 3px #FFF;
    text-stroke: 3px #FFF;*/
    text-shadow:
        #fff 2px 0px,  #fff -2px 0px,
        #fff 0px -2px, #fff 0px 2px,
        #fff 2px 2px , #fff -2px 2px,
        #fff 2px -2px, #fff -2px -2px,
        #fff 1px 2px,  #fff -1px 2px,
        #fff 1px -2px, #fff -1px -2px,
        #fff 2px 1px,  #fff -2px 1px,
        #fff 2px -1px, #fff -2px -1px;
    font-size: 1.2rem;
    line-height: 1.5em;
    font-weight: bold;
}

.affMainVisual .exp {
    text-shadow: 2px 0px 9px #fff;
    width: 50%;
}

@media screen and (min-width:769px) {
    .affMainVisual {
        height: 250px;
        overflow: hidden;
    }
    .affMainVisual .ttl {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:900px) {
    .affMainVisual .exp {
        width: 60%;
    }
}

@media screen and (max-width:768px) {
    .affMainVisual {
        height: 300px;
        overflow: hidden;
    }
    .affMainVisual .exp {
        width: 70%;
    }
}

@media screen and (max-width:600px) {
    .affMainVisual .exp {
        width: 80%;
    }
}

@media screen and (max-width:500px) {
    .affMainVisual .exp {
        width: 90%;
    }
}

@media screen and (max-width:420px) {
    .affMainVisual {
        height: 215px;
        overflow: hidden;
    }
    .affMainVisual .exp {
        width: 100%;
    }
}

@media screen and (max-width:360px) {
    .affMainVisual .ttl {
        font-size: 1.0rem;
    }
    .affMainVisual .exp {
        font-size: 0.6rem;
    }
}
@media screen and (max-width:420px) {
    .way_arrow {
        width: 20px;
        display: block;
        padding-left: 9px;
    }
}

.square_area {
    position: relative;
}

/*.square_area:before {
    content: "";
    display: block;
    padding-top: 100%;
}*/

.square_area .inner {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    background: #fff;
    border: 1px solid #3DA9EE;
}

.uk-offcanvas-bar {
    background: #fff;
    color: #333;
}

.uk-offcanvas-bar h3 {
    color: #333;
}

.uk-offcanvas-bar p {
    color: #666;
}

.uk-offcanvas-bar hr {
    border-top: 1px solid #e5e5e5;
}


.impD.lowerPage .sort_btn {
    border: 1px solid #808080;
    border-radius: 3px;
    background: #fff;
}

.impD.lowerPage .sort_btn .uk-flex div {
    border-right: 1px solid #808080;
    padding: 5px;
    text-align: center;
}

.impD.lowerPage .sort_btn .uk-flex div.active {
    background: #43aaec;
}

.impD.lowerPage .sort_btn .uk-flex div a {
    color: #535353;
}

.impD.lowerPage .sort_btn .uk-flex div.active a {
    color: #fff;
}

.impD.lowerPage .sort_btn .uk-flex div:last-child {
    border-right: none;
}

.search_tag_list li {
    display: inline-block;
    margin-bottom: 2%;
}

.search_tag_list li input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.search_tag_list li label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.search_tag_list li input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

#search_keyword {
    padding-right: 40px!important;
}

.communitySearch .uk-form-icon-flip {
    right: 8px;
    left: auto;
}

.profile_edit_ttl {
    font-size: 1.2rem;
}

/*@media (max-width: 530px) {
    .main_area_parent {
        margin-bottom: 2%;
    }
}*/

.sche_date_list td {
    text-align: center;
}

.uk-table.sche_date_list th {
    vertical-align: middle;
    font-size: 1.2rem;
}

.sche_date_list td input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.sche_date_list td label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.sche_date_list td input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

.sche_date_list table {
    table-layout: fixed;
}

.service_list li {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 2px !important;
}

.service_list li:last-child {
    border-bottom: none;
    margin-bottom: -1px !important;
}

.service_list li .slideDownArea .slideDwonTarget .input_area {
    padding: 2%;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}

.service_list li .slideDownArea .slideDwonTarget .input_area:last-child {
    border-bottom: none;
}

.slideDownArea.list_type {
    border-bottom: 1px solid #D8D8D8;
}

.slideDownArea.list_type:last-child {
    border-bottom: none;
}

.service_course_list li {
    display: inline-block;
    margin-bottom: 2% !important;
    border-bottom: none !important;
}

.service_course_list li input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.service_course_list li label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.service_course_list li input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

.blue_checkbox_list li {
    display: inline-block;
    margin-bottom: 2% !important;
    border-bottom: none !important;
}

.blue_checkbox_list li input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.blue_checkbox_list li label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
    overflow: hidden;
}

.blue_checkbox_list li input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}


.impD.lowerPage .uk-tab>*>a {
    font-weight: bold;
    font-size: 1.2rem;
}

@media (max-width: 480px) {
    .impD.lowerPage .uk-tab>*>a {
        font-size: 1.0rem;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .uk-tab>*>a {
        font-size: 0.9rem;
    }
}

@media (max-width: 360px) {
    .impD.lowerPage.profilePage .uk-tab>*>a {
        font-size: 0.8rem;
    }
}

@media (max-width: 340px) {
    .impD.lowerPage.profilePage .uk-tab>*>a {
        font-size: 0.7rem;
    }
}

@media (max-width: 340px) {
    .profilePage .uk-table td.bgGrey {
        font-size: 11px;
    }
}

.tl_create_upload_icon .icon_camera {
    width: 30px;
    height: 30px;
}

.slideDownArea .slideDownBtn .tl_genre_ttl {
    padding-left: 40px;
    line-height: 30px;
    background: url("../img/icon/icon_tl_genre.png") no-repeat;
    background-size: cover;
    background-size: auto 30px;
}

.slideDownArea .slideDownBtn .tl_tag_ttl {
    padding-left: 40px;
    line-height: 30px;
    background: url("../img/icon/icon_tag.png") no-repeat;
    background-size: cover;
    background-size: auto 30px;
}

.yScrollParent .yScrollChildren .uk-grid {
    margin-bottom: 30px;
}

.yScrollParent .yScrollChildren .ranking_img_area {
    width: 200px;
}

@media (max-width: 650px) {
    .yScrollParent .yScrollChildren .ranking_img_area {
        width: 150px;
    }
}

@media (max-width: 480px) {
    .yScrollParent .yScrollChildren .uk-grid {
        margin-bottom: 15px;
    }
    .yScrollParent .yScrollChildren .ranking_img_area {
        width: 120px;
    }
}

@media (max-width: 350px) {
    .yScrollParent .yScrollChildren .ranking_img_area {
        width: 100px;
    }
}

.slick_slider .slick-next {
    right: 25px;
}

.slick_slider .slick-prev {
    left: 45px;
    z-index: 20;
}

@media (max-width: 580px) {
    .slick_slider .slick-prev {
        left: 35px;
    }
}

@media (max-width: 450px) {
    .slick_slider .slick-next {
        right: 15px;
    }
    .slick_slider .slick-prev {
        left: 25px;
    }
}

.slick_slider .slick_inner div {
    padding: 1%;
}

.slick_slider2 .slick-next {
    right: 25px;
}

.slick_slider2 .slick-prev {
    left: 45px;
    z-index: 20;
}

@media (max-width: 580px) {
    .slick_slider2 .slick-prev {
        left: 35px;
    }
}

@media (max-width: 450px) {
    .slick_slider2 .slick-next {
        right: 15px;
    }
    .slick_slider2 .slick-prev {
        left: 25px;
    }
}

.slick_slider2 .slick_inner div {
    padding: 3px;
}

.yScrollParent {
    overflow: hidden;
    width: 100%;
}

.yScrollParent .yScrollChildren.article_outer {
    overflow-x: auto;
    white-space: nowrap;
}

.yScrollParent .yScrollChildren.article_outer .each_item {
    width: 180px;
    /*float: left;*/
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 20px;
}


.yScrollParent .yScrollChildren.article_outer .each_item:last-child {
    margin-right: 0;
}

.yScrollParent .yScrollChildren.article_outer .each_item .multiline2_js {
    line-height: 1.8;
    word-break: break-all;
    overflow: hidden;
    white-space: pre-wrap;
}

.play_area.uk-accordion .uk-accordion-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .play_area.uk-accordion .uk-accordion-title {
        font-size: 0.8rem;
    }
}

.mypage.uk-accordion .uk-accordion-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size: 1rem;
}

.mypage .uk-accordion-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .mypage.uk-accordion .uk-accordion-title {
        font-size: 0.8rem;
    }
}

/*.marker {
    position: relative;
    padding: 0 .4em .1em;
    z-index: 2;
}

.marker::after {
  position: absolute;
  bottom: 4px;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #FEB4CF;
}
*/

.marker span.border {
    padding-bottom: 5px;
    border-bottom: 5px solid #FEB4CF;
    line-height: 1.8em;
}

.marker span.border .bill_price {
    font-size: 1.8rem;
    padding-right: 10px;
    padding-left: 10px;
    color:#F57D7F;
}

.commentBorder {
    border: 2px solid #44A9EF;
    border-radius: 10px 10px 0 10px;
    padding: 10px;
    box-sizing: border-box;
}

.affiliate .uk-card-body {
    padding: 20px;
}

.marker2 .border {
    padding-left: 20px;
    padding-right: 20px;
    background: linear-gradient(transparent 50%, #FBD0C9 50%);
}

.marker2 .border-pink {
    /*padding-left: 20px;*/
    padding-right: 20px;
    background: linear-gradient(transparent 50%, #ff71a1 50%);
}

.marker2 .border-blue {
    /*padding-left: 20px;*/
    padding-right: 20px;
    background: linear-gradient(transparent 50%, #74d3ff 50%);
}


@media (max-width: 639px) {
	.pc639 {
		display: none!important;
	}
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg1 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg2 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner {
    height: 285px;
}

@media (max-width: 700px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 {
        height: 250px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 {
        height: 200px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 {
        height: 150px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 {
        height: 100px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner {
        height: 100px;
    }
}


.impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .uk-grid div:first-child .two_cols_inner {
    border-radius: 3px 0 0 3px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .uk-grid div:last-child .two_cols_inner {
    border-radius: 0 3px 3px 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
    height: 285px;
    border-radius: 3px 0 0 3px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner {
    height: 285px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner div {
    height: 50%;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner div:first-child {
    border-radius: 0 3px 0 0;
    box-sizing: border-box;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner div:last-child {
    border-radius: 0 0 3px 0;
}

@media (max-width: 700px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 {
        height: 250px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 250px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 {
        height: 200px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 200px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 {
        height: 150px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 150px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 {
        height: 100px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner {
        height: 100px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner {
        height: 100px;
    }
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    height: 285px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid .four_nums_inner {
    height: 285px;
    /*border-radius: 3px 0 0 3px;*/
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div .four_nums_inner div {
    height: 50%;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div:first-child .four_nums_inner a:first-child div {
    border-radius: 3px 0 0 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div:first-child .four_nums_inner a:last-child div {
    border-radius: 0 0 0 3px;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div:last-child .four_nums_inner a:first-child div {
    border-radius: 0 3px 0 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div:last-child .four_nums_inner a:last-child div {
    border-radius: 0 0 3px 0;
}

@media (max-width: 700px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 {
        height: 250px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid .four_nums_inner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 {
        height: 200px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid .four_nums_inner {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 {
        height: 150px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid .four_nums_inner {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 {
        height: 100px;
    }
    .impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid .four_nums_inner {
        height: 100px;
    }
}

.profile_pic_upload .uk-button-small {
    padding: 0 5px;
    font-size: .6rem;
}

.aff_label {
    padding: 5px;
}

.blue_label {
    background: #74d3ff;
}

.blue_label2 {
    background: #43aaec;
    color: #fff;
    padding: 5px;
}

.pink_label {
    background: #ff73a2;
}

.simu_reset {
    box-sizing: border-box;
    border: 2px solid #2bb3ff;
    background: none;
    color: #2bb3ff;
    text-align: center;
}

.simu_submit {
    box-sizing: border-box;
    border: 2px solid #2bb3ff;
    background: #2bb3ff;
    color: #fff;
    text-align: center;
}

.impD.lowerPage .uk-table.about_price {
    border: 1px solid #BFBFBF;
}

.impD.lowerPage .uk-table.about_price th {
    border: 1px solid #BFBFBF;
    vertical-align: top;
}

.impD.lowerPage .uk-table.about_price td {
    border: 1px solid #BFBFBF;
}

.radio_btn {
    display: none;
}

.radio_btn_label {
    border: 2px solid #006DD9;
    display: inline-block;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}

.radio_btn_label.men {
    border: 2px solid #599FF5;
    color: #43A9EB;
}

.radio_btn_label.lady {
    border: 2px solid #FF81B8;
    color: #FF81B8;
}

input[type="radio"].radio_btn:checked + label.radio_btn_label.men {
    border: 2px solid #5AA0F6;
    background: #5AA0F6;
    color: #fff;
}

input[type="radio"].radio_btn:checked + label.radio_btn_label.lady {
    border: 2px solid #FE82B6;
    background: #FE82B6;
    color: #fff;
}

.img_changer {
    cursor: pointer;
}

.pager_parent {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 15px 10px;
    position: relative;
}

/*.tl_genre_list li {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
}

.tl_genre_list li a {
    border-bottom: 1px dotted #999;
}*/

.tl_genre_list li {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.tl_genre_list li a {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
}

.tl_tag_list li {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.tl_tag_list li a {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
}

.service_list2 li {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.service_list2 li span {
    border: 1px solid #FEB4CF;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
    background: #FEF3F3;
}

th.ttl_label_pink {
    background: #FEF3F3;
    color: #333 !important;
}

th span.label_pink {
    border: 1px solid #FEB4CF;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
    background: #FEF3F3;
    color: #333;
}

.service_list3 li {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.service_list3 li span {
    border: 1px solid #D3FD9F;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
    background: #EFFDDC;
}

th.ttl_label_green {
    background: #EFFDDC;
    color: #333 !important;
}

.service_list4 li {
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    margin-bottom: 3px;
}

.service_list4 li span.each_label {
    border: 1px solid #ABDAFD;
    border-radius: 3px;
    padding: 2px;
    display: inline-block;
    background: #E6F5FD;
}

th.ttl_label_blue {
    background: #e3f1fc;
    color: #333 !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

@media (max-width: 768px) {
    #like_list .uk-modal-body {
        padding: 10px 0;
    }
}

.min_height200 {
    min-height: 200px;
}

.min_height430 {
    min-height: 430px;
}


/* ローディング画面 */

#loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color:rgba(255,255,255,0.7);
}


/* 個別トーク通報用バルーン */
.talk_balloon_parent {
    display: none;
    padding-left: 57px;
}

.talk_report_history {
    padding-left: 57px;
}

@media (max-width: 768px) {
    .talk_balloon_parent {
        padding-left: 32px;
    }
    .talk_report_history {
        padding-left: 32px;
    }
}

.talk_balloon {
    position: relative;
    padding: 10px;
    background: #222;
    display: inline-block;
    color: rgba(255,255,255,.7);
    margin-bottom: 10px;
}

.talk_balloon::before{
    content: '';
    position: absolute;
    left: 10px;
    bottom: -10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #222;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.talk_balloon .uk-button.uk-button-small {
    padding: 0 10px;
    line-height: 11px;
    font-size: 11px;
}

.TinyTools.ToggleSwitch {
    border: 1px solid #ccc;
}

.TinyTools.ToggleSwitch .NubWrapper .OnSide {
    background: #43aaec !important;
}

/*#do_service {
    display: none;
}*/

.label {
    padding: 10px;
    display: inline-block;
    border: solid 1px #43AAEA;
    border-radius: 3px;
    color: #43AAEA;
}

.uk-label.lightBlue {
    background: #43aaec;
}

.uk-label.grey {
    background: #808080;
}

.uk-label.green {
    background: #bfcc75;
}

.uk-label.red {
    background: #c67f7f;
}

.uk-label.red2 {
    background: #F57D7F;
}

.uk-label.purple {
    background: #af9bc6;
}

.uk-label.blue {
    background: #7dc5d8;
}

.uk-label.yellow {
    background: #e5cf6e;
}

.uk-label.greenOutline {
    background: none;
    border: 1px solid #32d296;
    color: #32d296;
}

.uk-label.redOutline {
    background: none;
    border: 1px solid #c67f7f;
    color: #c67f7f;
}

.uk-label.purpleOutline {
    background: none;
    border: 1px solid #8c77aa;
    color: #8c77aa;
}

.uk-label.blueOutline {
    background: none;
    border: 1px solid #7dc5d8;
    color: #7dc5d8;
}

.uk-label.greyOutline {
    background: none;
    border: 1px solid #808080;
    color: #808080;
}

.uk-label.small {
    font-size: .7rem;
}

.uk-label.smaller {
    font-size: 10px;
}

.uk-card.uk-card-body p {
    line-height: 2.2em;
}

.uk-card.uk-card-body .lineHeightWide li {
    line-height: 2.2em;
}

.lineHeightWide-small { line-height: 1.8em !important; }
.lineHeightWide-medium { line-height: 2.0em !important; }
.lineHeightWide-large { line-height: 2.2em !important; }

.hNavi .gnav .notification {
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff2979;
    display: block;
    z-index: 9999;
    right: 5px;
    top: 5px;
}

.hNavi .gnav .hIconMenu .notification {
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff2979;
    display: block;
    z-index: 9999;
    right: 22px;
    top: 14px;
}

@media (max-width: 480px) {
    .hNavi .gnav .hIconMenu .notification {
        right: 12px;
        top: 14px;
    }
}

.usageMainMenu li a {
    display: block;
    text-align: center;
    padding: 20px 10px;
    color: #4d4d4d;
    background: #ffffff;
    border: 1px solid #4d4d4d;
}

.usageMainMenu li {
    margin-bottom: 20px;
}

.scroll_top {
    display: block;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    position: fixed;
    bottom: 52px;
    right: 12px;
    margin-left: auto;
    background: rgba(255,130,183,0.8);
    line-height: 38px;
    text-align: center;
    z-index: 500;
}

.scroll_top * {
    color: #fff;
}

.btnPink {
    background: #ff82b7;
    color: #fff;
}

.btnPink:hover {
    color: #fff;
}

@media (max-width: 420px) {
    #aboutPaymentBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    #joyBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    #ruleBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    #pointBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    #faqBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    #aboutJobBtn.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 350px) {
    #aboutPaymentBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
    #joyBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
    #ruleBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
    #pointBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
    #faqBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
    #aboutJobBtn.uk-button {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.9em;
    }
}

.profile_pics_slider .uk-overlay.uk-overlay-primary {
    padding: 10px 10px 1px 10px;
    background: rgba(34,34,34,.4);
    width: 100%;
    box-sizing: border-box;
}

.parentsID .messageTxtArea {
    width: 80%;
}

.parentsID .messageBox.roundedRightDown0 {
    display: inline-block;
}

.point_sub_ttl {
    font-size: 1.2rem;
    line-height: 1.5em;
}

@media (max-width: 768px) {
    .point_sub_ttl {
        font-size: 1.2rem;
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .point_sub_ttl {
        font-size: 12px;
    }
}

#myPage_menu img.menuIcon {
    width: 120px;
}

@media (max-width: 580px) {
    #myPage_menu img.menuIcon {
        width: 70px;
    }
}

.select_account_group label:hover {
    cursor: pointer;
}

.select_account_img img {
    padding: 8px;
    border-radius: 5px;
}

.select_account_group input[type="radio"]:checked + label img {
    background: #FFB0D3;
}

.impD .faq .slideDownBtn {
    line-height: 2em;
}

.impD .faq .slideDwonTarget {
    line-height: 2em;
}

@media (max-width: 768px) {
    .impD.lowerPage .faq .slideDownArea .slideDownBtn .uk-flex .uk-width-expand {
        font-size: 1.0rem;
    }
}

@media (max-width: 768px) {
    #qa_index .slideDownArea .slideDownBtn .uk-flex .uk-width-expand {
        font-size: 1.0rem;
    }
}

.feeTable .uk-table td.ttl {
    background: #599ff4;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

.feeTable .uk-table tr td {
    border-bottom: 10px solid #fff;
}

.feeTable .uk-table tr:last-child td {
    border-bottom: none;
}

.feeTable .uk-table td.ttl.pink {
    background: #ff82b7;
}

.feeTable .uk-table td.ttl.purple {
    background: #AF9BC6;
}

.feeTable .uk-table td.ttl.green {
    background: #90BAAF;
}

.feeTable .uk-table td.ttl.yellow {
    background: #E5CF6E;
}

.feeTable .uk-table td.exp p {
    font-size: 1.2em;
    line-height: 1.8em !important;
}

.feeTable .uk-table td.exp p img {
	height: 20px;
}

@media (max-width: 480px) {
	.feeTable .uk-table td.exp p img {
		height: 15px;
	}
}

.feeTable2 .uk-table td.ttl {
    background: #599ff4;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

.feeTable2 .uk-table tr td {
    border-bottom: 10px solid #fff;
}

.feeTable2 .uk-table td.exp p {
    font-size: 1.2em;
    line-height: 1.8em !important;
}

#covid-19 .uk-modal-body {
    background: #4FB8CB;
}

#covid-19 .uk-modal-close-default * {
    color: #fff;
}

#prof_evaluation .uk-modal-body {
    background: #BFE1FB;
}

#prof_evaluation .uk-modal-close-default * {
    color: #333;
}
@media (max-width: 380px) {
    #prof_evaluation .uk-modal-title {
        font-size: 1.5rem;
    }
}

#prof_evaluation2 .uk-modal-body {
    background: #FEF3F3;
}

#prof_evaluation2 .uk-modal-close-default * {
    color: #333;
}
@media (max-width: 380px) {
    #prof_evaluation2 .uk-modal-title {
        font-size: 1.5rem;
    }
}

#certificate-modal .uk-modal-body {
    background: #4FB8CB;
}

#certificate-modal .uk-modal-close-default * {
    color: #fff;
}

#myPage_menu .notification {
    position: absolute;
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff2979;
    display: block;
    z-index: 200;
    right: 25%;
    top: 5px;
}

@media (max-width: 550px) {
    #myPage_menu .notification {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 420px) {
    #myPage_menu .notification {
        right: 15%;
    }
}

#myPage_menu .notification.star {
    background: none;
    color: #ffe83d;
}

#addform .delete_label {
    background: #c9c9c9;
    padding: 0 5px;
    font-size: .6rem;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    color: #5e5e5e;
    border: 1px solid #666;
    cursor: pointer;
}

#addform2 .delete_label {
    background: #c9c9c9;
    padding: 0 5px;
    font-size: .6rem;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    color: #5e5e5e;
    border: 1px solid #666;
    cursor: pointer;
}

.delete_label_parent input {
    display: none;
}

.delete_label_parent input:checked + .delete_label {
    background: #666 !important;
    color: #fff !important;
}

.pubCheck .TinyTools.ToggleSwitch {
    height: 23px !important;
}

.ui-dialog { z-index: 500 !important ;}

.same_width_80px {
    width: 80px;
    text-align: center;
}

.same_width_60px {
    width: 60px;
    text-align: center;
}

.but_blue {
    color: #fff !important;
    border-radius: 5px;
    background: #3DA9EE;
}

.but_grey {
    color: #5e5e5e !important;
    border-radius: 5px;
    background: #c9c9c9;
}

.but_grey:disabled {
    background: #ededed;
    color: #999;
    cursor: default;
}

.but_pink {
    color: #FFF !important;
    background:#FE82B6;
    border-radius: 5px;
}

.but_yellow {
    color: #FFF !important;
    background:#e8c951;
    border-radius: 5px;
}

.but_lightgreen {
    color: #FFF !important;
    background:#bdce4e;
    border-radius: 5px;
}

.but_green {
    color: #FFF !important;
    background: #80c4a0;
    border-radius: 5px;
}

.but_purple {
    color: #FFF !important;
    background: #af9bc6;
    border-radius: 5px;
}

.but_line_green {
    color: #FFF !important;
    background:#00B900;
    border-radius: 5px;
}

.but_greyOutline.uk-button.small {
    background: none;
    border: 1px solid #808080;
    color: #808080;
    border-radius: 2px;
    font-size: .7rem;
    padding: 0 10px;
    padding: 0 2px;
    line-height: 1.5;
}

.but_sell {
    color: #FFF !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6198+0,ffaf7f+100 */
    background: #ff6198; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6198 0%, #ffaf7f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff6198 0%,#ffaf7f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff6198 0%,#ffaf7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6198', endColorstr='#ffaf7f',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    /*border-bottom: 5px solid #7c7c7c;*/
    text-align: center;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    height: 36px;
    line-height: 31px;
    box-sizing: border-box;
    min-width: 58px;
}

@media (max-width: 639px) {
    .but_sell {
        height: 32px;
        line-height: 28px;
    }
}

@media (max-width: 380px) {
    .but_greyOutline.uk-button.small {
        font-size: 10px;
    }
}

.certification_area .but_greyOutline.uk-button.small.uk-text-left {
    padding: 0 10px;
}

@media (max-width: 380px) {
    .certification_area .but_greyOutline.uk-button.small.uk-text-left {
        padding: 0 2px;
    }
}

.uk-button#certificateHandBtn {
    padding: 0 10px;
    line-height: 1.5;
    border-radius: 2px;
    font-size: .7rem;
    border: 1px solid #808080;
}

.btn_tweet_more {
    display: block;
    background: #999999;
    color: #fff !important;
    text-align: center;
    height: 95px;
    line-height: 95px;
    font-size: .7rem;
}

.btn_tweet_more.cast {
    background: #ff82b7;
}

.btn_tweet_more.guest {
    background: #599ff4;
}

@media (max-width: 600px) {
    .btn_tweet_more {
        height: 50px;
        line-height: 50px;
    }
}

.yScrollParent .yScrollChildren.article_outer .each_item2 {
    width: 180px;
    height: 200px;
    /*float: left;*/
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .yScrollParent .yScrollChildren.article_outer .each_item2 {
        height: 110px;
    }
}

.header_submenu_area {
    padding: 5px;
}

.header_submenu_area .uk-button.uk-button-small {
    line-height: 25px;
    font-size: 10px;
	white-space: nowrap;
}

.header_submenu_area .uk-button.uk-button-small .shop_notification {
    color: #fff;
    margin-left: 3px;
    background: #ff2979;
    padding: 2px 4px;
    border-radius: 50%;
}

.recent_timeline_pager .uk-button.uk-button-small {
    line-height: 25px;
    font-size: 10px;
    padding: 0 11px;
}

.header_submenu_area .headerTitle {
    margin: 0;
}

nav.hNavi .header_submenu_area  ul {
    height: 25px;
}

nav.hNavi .header_submenu_area ul li {
    line-height: 25px;
    padding-left: 5px;
    display: inline-block;
}

.header_submenu_area .uk-subnav-pill>li>a {
    background: #3DA9EE !important;
    padding: 0 11px !important;
}

.header_submenu_area .uk-subnav-pill>li.uk-active>a {
    background-color: #ff82b7 !important;
}

.header_submenu_area .uk-button-small {
    padding: 0 11px;
}

.sender .text-white .text-blue {
    color: #fff !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px !important;
}

#join_sanmarusan .bg_pink3 {
    background-color: #FF8F9A;
}

#join_sanmarusan .section {
    padding-top: 60px;
    padding-bottom: 60px;
}

#join_sanmarusan .bg_blue3 {
    background-color: #6C96CA;
}

#join_sanmarusan .section .container_inner {
    padding-left: 10px;
    padding-right: 10px;
}

#join_sanmarusan .banner_trial_inner {
    padding-right: 10px;
    padding-left: 10px;
}

/* ------------------------------------------------------------------------------
    お約束関係スタイル
-------------------------------------------------------------------------------*/

/* お約束変更ページ -------------------------------------------------------------- */

.promise.promiseEdit .promiseTitle {
    font-family: "M PLUS Rounded 1c";
    letter-spacing: 3px;
}

.promise.promiseEdit .promiseSubTitle {
    font-family: "M PLUS Rounded 1c";
    letter-spacing: 3px;
}


/* お約束発行関連-------------------------------------------------------------- */

.talkMessageWhite .submitBtn.sendBtn.promise {
    background-color: #FA8E9A;
    padding: 0 10px;
    border-bottom: none;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
}



input.no_side_button[type="number"]::-webkit-outer-spin-button,
input.no_side_button[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.no_side_button[type="number"] {
    -moz-appearance:textfield;
}

#write_review.uk-button-small {
    line-height: 25px;
    font-size: 10px;
}


/* 自動マッチング関連-------------------------------------------------------------- */

#suggestion .uk-modal-dialog .suggest_btns {
    height: 20%;
}

@media (max-width: 639px) {
    #suggestion .uk-modal-dialog .suggest_btns {
        height: 15%;
    }
}

#suggestion .uk-modal-dialog .suggest_btns li {
    width: 80px;
}

@media (max-width: 520px) {
    #suggestion .uk-modal-dialog .suggest_btns li {
        width: 60px;
    }
}

@media (max-width: 330px) {
    #suggestion .uk-modal-dialog .suggest_btns li {
        width: 45px;
    }
}

#suggestion .uk-overlay {
    padding: 20px;
}

/* プロフィールページスライダー部 - 追加スタイル */

#suggestion .uk-slideshow .uk-slidenav {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 25%;
}

.theme-blue .back-bar {
    height: 15px !important;
}


.theme-blue .back-bar .pointer {
    top: 0 !important;
}


/* レビュー評価関連-------------------------------------------------------------- */

/*.promise .uk-range {
    appearance: auto !important;
    -moz-appearance: auto !important;
    -webkit-appearance: auto !important;
}*/


.promise .uk-range {
    height: 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.promise .uk-range::-webkit-slider-runnable-track {
    background: #ddd;
}

.promise .uk-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    background: #3DA9EE;
    box-shadow: -100vw 0 0 100vw #3DA9EE;
    border: none;
    border-radius:50%;
}

.promise .uk-range::-moz-range-track {
    height: 10px;
    background: #ddd;
}

.promise .uk-range::-moz-range-thumb {
    background: #3DA9EE;
    height: 10px;
    width: 10px;
    border: none;
    border-radius: 0 !important;
    box-shadow: -100vw 0 0 100vw #3DA9EE;
    box-sizing: border-box;
    border-radius:50%;
}

.promise .uk-range::-ms-fill-lower {
    background: #3DA9EE;
}

.promise .uk-range::-ms-thumb {
    background: #3DA9EE;
    border: none;
    height: 10px;
    width: 10px;
    box-sizing: border-box;
    border-radius:50%;
}

.promise .uk-range::-ms-ticks-after {
    display: none;
}

.promise .uk-range::-ms-ticks-before {
    display: none;
}

.promise .uk-range::-ms-track {
    background: #3DA9EE;
    color: transparent;
    height: 10px;
    border: none;
}

.promise .uk-range::-ms-tooltip {
    display: none;
}


/* 投げ銭システム関連-------------------------------------------------------------- */

.uk-button-text.stamp:hover::before,
.uk-button-text.stamp:focus::before {
    /*display: none;*/
}

#toggle-stamp {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    max-height: 300px;
    overflow-y: scroll;
}

/* アフィリエイトCSSカスタマイズ-------------------------------------------------------------- */

div#header.affiliate2 {
    height: 80px;
    margin-bottom: 10px;
    position: relative;
}

.affiliate_sys div#side_bar {
    width: 100%;
    float: none;
}

.affiliate_sys div#inc_side_body {
    width: 100%;
    float: none;
}

/*.affiliate_sys.test div.side_menu li.title6,
.affiliate_sys.test div.side_menu li.title5,
.affiliate_sys.test div.side_menu li.title4,
.affiliate_sys.test div.side_menu li.title3,
.affiliate_sys.test div.side_menu li.title2,
.affiliate_sys.test div.side_menu li.title1 {
    background: url(../../test/affiliate/img/temp001/menu_base2.gif) repeat-x;
}*/

.affiliate_sys div.side_menu li.title6,
.affiliate_sys div.side_menu li.title5,
.affiliate_sys div.side_menu li.title4,
.affiliate_sys div.side_menu li.title3,
.affiliate_sys div.side_menu li.title2,
.affiliate_sys div.side_menu li.title1 {
    background: url(../../affiliate/img/temp001/menu_base2.gif) repeat-x;
}

.affiliate_sys div.topics {
    min-height: 30px;
    height: auto;
}

.affiliate_sys textarea.url {
    height: auto;
}

.affiliate_sys .title2:after {
    display: none;
}

.affiliate_sys .title3:after {
    display: none;
}

.affiliate_sys .title4:after {
    display: none;
}

.affiliate_sys div.side_menu li.title2,
.affiliate_sys div.side_menu li.title3,
.affiliate_sys div.side_menu li.title4 {
    padding: 0 0 0 10px;
    border: none;
}

.affiliate_sys div.error_list dl dt {
    height: auto;
}

.affiliate_sys p.pagination span.previous {
    width: auto;
    min-width: 120px;
}

.affiliate_sys p.pagination span.next {
    width: auto;
    min-width: 120px;
}

.affiliate_sys p.pagination {
    min-height: 25px;
    height: auto;
}

.affiliate_sys p.pagination::after {
    content: "";
    display: table;
    clear: both;
}

/*つぶやくポップアップメニュー*/

#toggle-tweet {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
}

#toggle_tweet {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle-tweet {
        top: 120px;
    }
    #toggle_tweet {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle-tweet {
        top: 100px;
    }
    #toggle_tweet {
        top: 100px;
    }
}

#toggle-tweet .tweet_menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

#toggle_tweet .tweet_menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

#toggle-tweet ul li:nth-child(2) {
    margin-top: 56px;
}

#toggle_tweet ul li:nth-child(2) {
    margin-top: 56px;
}

#toggle_tweet.v2 ul li:nth-child(2) {
    margin-top: 0;
}

#toggle-tweet ul li:nth-child(3) {
    margin-top: 90px;
}

#toggle_tweet ul li:nth-child(3) {
    margin-top: 90px;
}

#toggle_tweet.v2 ul li:nth-child(3) {
    margin-top: 0;
}

#toggle-tweet ul li:nth-child(4) {
    margin-top: 56px;
}

#toggle_tweet ul li:nth-child(4) {
    margin-top: 56px;
}

#toggle_tweet.v2 ul li:nth-child(4) {
    margin-top: 0;
}

#toggle-tweet ul li a {
    display: block;
    padding: 0 10px;
}

#toggle_tweet ul li a {
    display: block;
    padding: 0 10px;
}
#toggle_tweet.v2 ul li a {
    padding: 0;
}

#toggle-tweet ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}

#toggle_tweet ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}

#toggle_tweet.v2 ul li:nth-child(1) a {
    padding: 0;
}

#toggle-tweet ul li:nth-child(5) a {
    padding: 0 20px 0 0;
}

#toggle_tweet ul li:nth-child(5) a {
    padding: 0 20px 0 0;
}

#toggle_tweet.v2 ul li:nth-child(5) a {
    padding: 0;
}

@media (max-width: 480px) {
    #toggle-tweet ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_tweet ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_tweet.v2 ul li:nth-child(2) {
        margin-top: 0;
    }
    #toggle-tweet ul li:nth-child(3) {
        margin-top: 85px;
    }
    #toggle_tweet ul li:nth-child(3) {
        margin-top: 85px;
    }
    #toggle_tweet.v2 ul li:nth-child(3) {
        margin-top: 0;
    }
    #toggle-tweet ul li:nth-child(4) {
        margin-top: 51px;
    }
    #toggle_tweet ul li:nth-child(4) {
        margin-top: 51px;
    }
    #toggle_tweet.v2 ul li:nth-child(4) {
        margin-top: 0;
    }
    #toggle-tweet ul li a {
        padding: 0;
    }
    #toggle_tweet ul li a {
        padding: 0;
    }
    #toggle-tweet ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle_tweet ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle-tweet ul li:nth-child(5) a {
        padding: 0;
    }
    #toggle_tweet ul li:nth-child(5) a {
        padding: 0;
    }
}

#toggle-tweet ul li img {
    width: 85px;
}

#toggle_tweet ul li img {
    width: 85px;
}

#toggle_tweet.v2 ul li span {
    content: " ";
    display: block;
    width: 85px;
    height: 1px;
}

#toggle_tweet .delete_btn {
    position: relative;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
}
#toggle_tweet.v2 .delete_btn {
    text-align: center;
}
#toggle_tweet .delete_btn .icon_close_btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50px;
}
#toggle_tweet.v2 .delete_btn .icon_close_btn {
    position: static;
    left: auto;
    top: auto;
    transform: unset;
}

.icon_close_btn img {
    width: 65px;
}

/*通知ポップアップメニュー*/

#toggle-notification {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
}

#toggle_notification {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle-notification {
        top: 120px;
    }
    #toggle_notification {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle-notification {
        top: 100px;
    }
    #toggle_notification {
        top: 100px;
    }
}

#toggle-notification ul li:nth-child(2) {
    margin-top: 56px;
}

#toggle_notification ul li:nth-child(2) {
    margin-top: 56px;
}

#toggle_notification.v2 ul li:nth-child(2) {
    margin-top: 0;
}

#toggle-notification ul li:nth-child(3) {
    margin-top: 56px;
}

#toggle_notification ul li:nth-child(3) {
    margin-top: 56px;
}

#toggle_notification.v2 ul li:nth-child(3) {
    margin-top: 0;
}

#toggle-notification ul li a {
    display: block;
    padding: 0 10px;
}

#toggle_notification ul li a {
    display: block;
    padding: 0 10px;
}

#toggle_notification.2 ul li a {
    padding: 0;
}

#toggle-notification ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}

#toggle_notification ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}

#toggle_notification.v2 ul li:nth-child(1) a {
    padding: 0;
}

#toggle-notification ul li:nth-child(4) a {
    padding: 0 20px 0 0;
}

#toggle_notification ul li:nth-child(4) a {
    padding: 0 20px 0 0;
}

#toggle_notification.v2 ul li:nth-child(4) a {
    padding: 0;
}

@media (max-width: 480px) {
    #toggle-notification ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_notification ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_notification.v2 ul li:nth-child(2) {
        margin-top: 0;
    }
    #toggle-notification ul li:nth-child(3) {
        margin-top: 51px;
    }
    #toggle_notification ul li:nth-child(3) {
        margin-top: 51px;
    }
    #toggle_notification.v2 ul li:nth-child(3) {
        margin-top: 0;
    }
    #toggle-notification ul li a {
        padding: 0;
    }
    #toggle_notification ul li a {
        padding: 0;
    }
    #toggle-notification ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle_notification ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle-notification ul li:nth-child(4) a {
        padding: 0;
    }
    #toggle_notification ul li:nth-child(4) a {
        padding: 0;
    }
}

#toggle-notification ul li img {
    width: 85px;
}

#toggle_notification ul li img {
    width: 85px;
}

#toggle_notification .delete_btn {
    text-align: center;
}

/*ショッピングポップアップメニュー*/

#toggle-shopping {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
}

#toggle_shopping {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle-shopping {
        top: 120px;
    }
    #toggle_shopping {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle-shopping {
        top: 100px;
    }
    #toggle_shopping {
        top: 100px;
    }
}

#toggle-shopping .tweet_menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
#toggle_shopping .tweet_menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
#toggle-shopping .primary_btns {
    position: relative;
}
#toggle_shopping .primary_btns {
    position: relative;
}
#toggle-shopping .primary_btns li {
    position: absolute;
    width: 85px;
    top: 38px;
    left: 50%;
    transform: translate(-50%, -50%);
}
#toggle_shopping .primary_btns li {
    position: absolute;
    width: 85px;
    top: 38px;
    left: 50%;
    transform: translate(-50%, -50%);
}
#toggle-shopping .primary_btns li img {
    width: 83px;
}
#toggle-_hopping .primary_btns li img {
    width: 83px;
}
#toggle-shopping ul.primary_btns li:nth-child(1) a {
    padding: 0;
}
#toggle_shopping ul.primary_btns li:nth-child(1) a {
    padding: 0;
}
#toggle-shopping .delete_btn {
    position: relative;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
}
#toggle_shopping .delete_btn {
    position: relative;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
}
#toggle-shopping .delete_btn .icon_close_btn {
    position: absolute;
    left: 5px;
    bottom: 0px;
}
#toggle_shopping .delete_btn .icon_close_btn {
    position: absolute;
    left: 5px;
    bottom: 0px;
}
#toggle_shopping.v2 .delete_btn {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#toggle_shopping.v2 .delete_btn .icon_close_btn {
    position: static;
    left: auto;
    bottom: auto;
}
#toggle-shopping ul li:nth-child(2) {
    margin-top: 56px;
}
#toggle_shopping ul li:nth-child(2) {
    margin-top: 56px;
}
#toggle_shopping.v2 ul li:nth-child(2) {
    margin-top: 0;
}
#toggle-shopping ul li:nth-child(3) {
    margin-top: 90px;
}
#toggle_shopping ul li:nth-child(3) {
    margin-top: 90px;
}
#toggle_shopping.v2 ul li:nth-child(3) {
    margin-top: 0;
}
#toggle-shopping ul li:nth-child(4) {
    margin-top: 56px;
}
#toggle_shopping ul li:nth-child(4) {
    margin-top: 56px;
}
#toggle_shopping.v2 ul li:nth-child(4) {
    margin-top: 0;
}
#toggle-shopping ul li a {
    display: block;
    padding: 0 10px;
}
#toggle_shopping ul li a {
    display: block;
    padding: 0 10px;
}
#toggle_shopping.v2 ul li a {
    padding: 0;
}
#toggle-shopping ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}
#toggle_shopping ul li:nth-child(1) a {
    padding: 0 0 0 20px;
}
#toggle_shopping.v2 ul li:nth-child(1) a {
    padding: 0;
}
#toggle-shopping ul li:nth-child(5) a {
    padding: 0 20px 0 0;
}
#toggle_shopping ul li:nth-child(5) a {
    padding: 0 20px 0 0;
}
#toggle_shopping.v2 ul li:nth-child(5) a {
    padding: 0;
}
@media (max-width: 480px) {
    #toggle-shopping ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_shopping ul li:nth-child(2) {
        margin-top: 51px;
    }
    #toggle_shopping.v2 ul li:nth-child(2) {
        margin-top: 0;
    }
    #toggle-shopping ul li:nth-child(3) {
        margin-top: 85px;
    }
    #toggle_shopping ul li:nth-child(3) {
        margin-top: 85px;
    }
    #toggle_shopping.v2 ul li:nth-child(3) {
        margin-top: 0;
    }
    #toggle-shopping ul li:nth-child(4) {
        margin-top: 51px;
    }
    #toggle_shopping ul li:nth-child(4) {
        margin-top: 51px;
    }
    #toggle_shopping.v2 ul li:nth-child(4) {
        margin-top: 0;
    }
    #toggle-shopping ul li a {
        padding: 0;
    }
    #toggle_shopping ul li a {
        padding: 0;
    }
    #toggle-shopping ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle_shopping ul li:nth-child(1) a {
        padding: 0;
    }
    #toggle-shopping ul li:nth-child(5) a {
        padding: 0;
    }
    #toggle_shopping ul li:nth-child(5) a {
        padding: 0;
    }
}

#toggle-shopping ul li img {
    width: 85px;
}
#toggle_shopping ul li img {
    width: 85px;
}
#toggle_shopping.v2 ul li span {
    content: " ";
    display: block;
    width: 85px;
    height: 1px;
}

#toggle_shopping.v2 .notification {
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff2979;
    display: block;
    z-index: 9999;
    right: 14px;
    top: 6px;
}

@media (max-width: 480px) {
    #toggle_shopping.v2 .notification {
        right: 12px;
        top: 6px;
    }
}

/*探すポップアップメニュー*/

#toggle-search {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
}
#toggle_search {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle-search {
        top: 120px;
    }
    #toggle_search {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle-search {
        top: 100px;
    }
    #toggle_search {
        top: 100px;
    }
}

#toggle-search ul li a,
#toggle-search ul li .uk-button {
    display: block;
    padding: 0 10px;
}
#toggle_search ul li a,
#toggle_search ul li .uk-button {
    display: block;
    padding: 0 10px;
}
#toggle_search.v2 ul li a,
#toggle_search.v2 ul li .uk-button {
    padding: 0;
}
#toggle-search ul li img {
    width: 85px;
}
#toggle_search ul li img {
    width: 85px;
}

#toggle_search.v2 .delete_btn {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#toggle_search.v2 ul li span {
    content: " ";
    display: block;
    width: 85px;
    height: 1px;
}

/*アカウントポップアップメニュー*/

#toggle_account {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle_account {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle_account {
        top: 100px;
    }
}

#toggle_account ul li .uk-button {
    display: block;
    padding: 0 10px;
}
#toggle_account ul li img {
    width: 85px;
}

#toggle_account .delete_btn {
    /*position: relative;*/
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#toggle_account .delete_btn .icon_close_btn {
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50px;*/
}

#toggle_account.v2 ul li span {
    content: " ";
    display: block;
    width: 85px;
    height: 1px;
}

/*その他メニューポップアップメニュー*/

#toggle_etc {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle_etc {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle_etc {
        top: 100px;
    }
}

#toggle_etc ul li .uk-button {
    display: block;
    padding: 0 10px;
}
#toggle_etc ul li img {
    width: 110px;
}

#toggle_etc .delete_btn {
    /*position: relative;*/
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#toggle_etc .delete_btn .icon_close_btn {
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50px;*/
}

/*フォローポップアップメニュー*/

#toggle_follow {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    height: auto;
    display: none;
}

@media (max-width: 550px) {
    #toggle_follow {
        top: 120px;
    }
}

@media (max-width: 480px) {
    #toggle_follow {
        top: 100px;
    }
}

#toggle_follow ul li .uk-button {
    display: block;
    padding: 0 10px;
}
#toggle_follow ul li img {
    width: 85px;
}

#toggle_follow .delete_btn {
    /*position: relative;*/
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#toggle_follow ul li span {
    content: " ";
    display: block;
    width: 85px;
    height: 1px;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

#modal-caution .uk-modal-title {
    font-size: 1rem;
}

/*コニュニティ返信先モーダルスタイル*/

body.impD.lowerPage.replytoModal {
    padding-top: 0;
}


/*コミュニティ ページネーション*/

.uk-pagination li a {
    color: white;
    border: 1px solid #50B1F0;
    background-color: #50B1F0;
    padding: 8px 16px;
}

@media (max-width: 480px) {
    .uk-pagination {
        margin-left: -10px;
    }
    .uk-pagination>* {
        padding-left: 10px;
    }
    .uk-pagination li a {
        padding: 3px 6px;
        font-size: .7rem;
    }
}

/*マイページ ご利用の流れモーダル*/

#usage_flow .uk-modal-title {
    font-size: 1rem;
}

.uk-list-decimal {
    counter-reset: decimal;
}

.uk-list-decimal>* {
    counter-increment: decimal;
    padding-left: 30px;
}

[class*='uk-list-decimal']>::before {
    content: '';
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    display: list-item;
    list-style-position: inside;
    text-align: right;
}

.uk-list-decimal>::before {
    content: counter(decimal, decimal) '\200A.\00A0' !important;
}

.uk-list-decimal>:nth-child(n+2), .uk-list-decimal>*>ul {
    margin-top: 10px;
}


/*マイページ 総合ランク*/

.meter .meter-in {
    overflow: hidden;
    background-color: #e4e4e4;
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
    height: 20px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.meter .meter-in .bar {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#797eeb+0,11d8e0+100 */
    background: #797eeb; /* Old browsers */
    background: -moz-linear-gradient(left,  #797eeb 0%, #11d8e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #797eeb 0%,#11d8e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #797eeb 0%,#11d8e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797eeb', endColorstr='#11d8e0',GradientType=1 ); /* IE6-9 */
    max-width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: left;
    border-radius: inherit;
    line-height: 20px;
}

.meter .meter-in .bar.cast {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#797eeb+0,EE8095+100 */
    background: #797eeb; /* Old browsers */
    background: -moz-linear-gradient(left,  #797eeb 0%, #EE8095 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #797eeb 0%,#EE8095 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #797eeb 0%,#EE8095 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797eeb', endColorstr='#EE8095',GradientType=1 ); /* IE6-9 */
}

.meter .meter-in .bar span {
    margin-left: 7px;
    display: inline-block;
    font-size: 12px;
}

#about_rank .uk-modal-title {
    font-size: 1rem;
}


/*ランキングページ*/

.rank-1-3:first-child .profLabel.new {
    background-color: transparent;
    background-image: url("../img/bg/bg_rank1.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #e5cf6e;
    line-height: 64px;
}

@media (max-width: 380px) {
    .rank-1-3:first-child .profLabel.new {
        line-height: 53px;
    }
}

.rank-1-3:nth-child(2) .profLabel.new {
    background-color: transparent;
    background-image: url("../img/bg/bg_rank2.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #afafaf;
    line-height: 64px;
}

@media (max-width: 380px) {
    .rank-1-3:nth-child(2) .profLabel.new {
        line-height: 53px;
    }
}

.rank-1-3:nth-child(3) .profLabel.new {
    background-color: transparent;
    background-image: url("../img/bg/bg_rank3.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ce917a;
    line-height: 64px;
}

@media (max-width: 380px) {
    .rank-1-3:nth-child(3) .profLabel.new {
        line-height: 53px;
    }
}

.rank-4-10:nth-child(n+4):nth-child(-n+6) .profLabel.new {
    background-color: transparent;
    background-image: url("../img/bg/bg_rank4-6.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #AF9BC6;
}

.rank-4-10:nth-child(n+7):nth-child(-n+10) .profLabel.new {
    background-color: transparent;
    background-image: url("../img/bg/bg_rank7-10.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #EE8195;
}

@media (max-width: 525px) {
    .impD.lowerPage .sort_btn.rank_sort {
        font-size: 10px;
    }
}


/*キャストつぶやくページ - 追加スタイル*/

#tempsel.uk-select {
    background-color: #e3f4f7;
    border: 1px solid #c7e1e5;
}


/*キャストプロフィール編集ページ - 追加スタイル*/

.tempcsel.uk-select {
    background-color: #e3f4f7;
    border: 1px solid #c7e1e5;
}

.tempncsel.uk-select {
    background-color: #e3f4f7;
    border: 1px solid #c7e1e5;
}

.kind_charge_val.w80px {
    width: 90px;
}

@media (max-width: 480px) {
    .kind_charge_val.w80px {
        width: 80px;
    }
}


/*index2 下層ページ - 追加スタイル*/

.type_index2 .favoriteChild .uk-width-expand .multiline2 {
    max-height: calc(12 * 1.9 * 2 * 1px);
}

@media (max-width: 480px) {
    .type_index2 .favoriteChild .uk-width-expand .multiline2 {
        max-height: calc(10 * 1.9 * 2 * 1px);
    }
    .type_index2 .favoriteChild .uk-width-expand > .mb5px {
        margin-bottom: 0 !important;
    }
}


/*プロフィールページ - スケジュール - 追加スタイル*/

.uk-label.schecule_label {
    border-radius: 20px;
    line-height: inherit;
    padding: 4px 10px;
    font-size: 12px;
}

.uk-label.schecule_label.morning {
    background: rgb(210,234,220);
    background: -webkit-linear-gradient(left, rgba(210,234,220,1) 0%, rgba(247,249,211,1) 50%, rgba(250,223,176,1) 100%);
    background: -o-linear-gradient(left, rgba(210,234,220,1) 0%, rgba(247,249,211,1) 50%, rgba(250,223,176,1) 100%);
    background: linear-gradient(to right, rgba(210,234,220,1) 0%, rgba(247,249,211,1) 50%, rgba(250,223,176,1) 100%);
    color: #66a1aa;
}


.uk-label.schecule_label.daytime {
    background: rgb(246,170,110);
    background: -webkit-linear-gradient(left, rgba(246,170,110,1) 0%, rgba(247,203,138,1) 50%, rgba(250,216,145,1) 100%);
    background: -o-linear-gradient(left, rgba(246,170,110,1) 0%, rgba(247,203,138,1) 50%, rgba(250,216,145,1) 100%);
    background: linear-gradient(to right, rgba(246,170,110,1) 0%, rgba(247,203,138,1) 50%, rgba(250,216,145,1) 100%);
    color: #b77b4d;
}

.uk-label.schecule_label.night {
    background: rgb(240,191,151);
    background: -webkit-linear-gradient(left, rgba(240,191,151,1) 0%, rgba(210,150,162,1) 50%, rgba(148,149,197,1) 100%);
    background: -o-linear-gradient(left, rgba(240,191,151,1) 0%, rgba(210,150,162,1) 50%, rgba(148,149,197,1) 100%);
    background: linear-gradient(to right, rgba(240,191,151,1) 0%, rgba(210,150,162,1) 50%, rgba(148,149,197,1) 100%);
    color: #494b9b;
}

.uk-label.schecule_label.midnight {
    background: rgb(92,116,176);
    background: -webkit-linear-gradient(left, rgba(92,116,176,1) 0%, rgba(82,101,160,1) 50%, rgba(72,84,142,1) 100%);
    background: -o-linear-gradient(left, rgba(92,116,176,1) 0%, rgba(82,101,160,1) 50%, rgba(72,84,142,1) 100%);
    background: linear-gradient(to right, rgba(92,116,176,1) 0%, rgba(82,101,160,1) 50%, rgba(72,84,142,1) 100%);
    color: #FFFFFF;
}


/*プロフィール編集ページ - 受渡方法 - 追加スタイル*/
#pay_options_desc {
    display: none;
}


/*プロフィール編集ページ - コース料金 - 追加スタイル*/
.price_unit_per {
    color: #FC3EB3;
    border: 1px solid #FC3EB3;
    border-radius: 3px;
    padding: 7px 5px;
}

/*誕生日フレーム - 追加スタイル*/

.member_img_area .icon_birthdat_svg {
    position: absolute;
    top: -5%;
    left: 1%;
    right: 0;
    width: 96%;
    z-index: 3;
    border-radius: 0;
}


/*マイプロフィールつぶやき一覧 - 追加スタイル*/

.impD.lowerPage .like .text_1502 {
    font-size: 1.3rem;
    line-height: 1.8em;
    word-break: break-all;
}

@media (max-width: 480px) {
    .impD.lowerPage .like .text_1502 {
        font-size: 1.1rem;
        margin-bottom: 2%;
    }
}

@media (max-width: 380px) {
    .impD.lowerPage .like .text_1502 {
        font-size: 0.8rem;
    }
}


/*パスワードを忘れた方 - 追加スタイル*/

#send_pass_way_select .uk-card-primary {
    background-color: #acc32b;
    box-shadow: none;
}

#send_pass_way_select .uk-card-secondary {
    background-color: #43abec;
    box-shadow: none;
}

#send_pass_way_select .uk-card-title {
    text-align: center;
    color: #f3f3f3;
    font-weight: bold;
    font-size: 1.4rem;
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 5px;
}

#send_pass_way_select .uk-card-primary p,
#send_pass_way_select .uk-card-secondary p {
    color: #f3f3f3;
}

#send_pass_way_select .pass_contact_line_btn,
#send_pass_way_select .pass_contact_mail_btn {
    text-align: center;
}

#send_pass_way_select .uk-card-body .uk-button {
    border: 2px solid #f3f3f3;
    padding: 0 15px;
}

#send_pass_way_select .uk-card-body .uk-button .arrow_area img {
    height: 13px;
}


/* 未ログイン時メニュー - 追加スタイル */

header nav.hNavi ul li.nomember {
    padding: 5px 0;
    line-height: 30px;
}

header nav.hNavi ul li.active.nomember a {
    background-color: #b7b2b2;
    color: #fff;
    border-radius: 5px;
}


/* フォロー - 追加スタイル */

.unfollow.uk-button.small {
    background: none;
    border: 1px solid #3DA9EE;
    color: #3DA9EE;
    border-radius: 20px;
    font-size: .7rem;
    padding: 5px 10px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 380px) {
    .unfollow.uk-button.small {
        font-size: 10px;
    }
}

.prof_do_follow.uk-button {
    background: #3DA9EE;
    border: 1px solid #3DA9EE;
    color: #fff;
    border-radius: 20px;
    font-size: .7rem;
    padding: 5px 10px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 380px) {
    .prof_do_follow.uk-button {
        font-size: 10px;
        min-width: 95px;
        text-align: center;
    }
}

.prof_do_unfollow.uk-button {
    background: none;
    border: 1px solid #3DA9EE;
    color: #3DA9EE;
    border-radius: 20px;
    font-size: .7rem;
    padding: 5px 10px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 380px) {
    .prof_do_unfollow.uk-button {
        font-size: 10px;
        min-width: 95px;
        text-align: center;
    }
}

.follow_list.uk-button {
    background: #FE82B6;
    border: 1px solid #FE82B6;
    color: #fff;
    border-radius: 20px;
    font-size: .7rem;
    padding: 5px 10px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 380px) {
    .follow_list.uk-button {
        font-size: 10px;
        min-width: 95px;
        text-align: center;
    }
}


/* よく見る相手とフォロー - 追加スタイル */

.follow-often_visit-list2 .uk-tab {
    margin-left: 2%;
    margin-right: 2%;
}

.follow-often_visit-list2 .uk-tab::before {
    display: none;
}

.follow-often_visit-list2 .uk-tab li {
    border: 1px solid #808080;
    background-color: #fff;
}

.follow-often_visit-list2 .uk-tab li:first-child {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: none;
    padding-left: 0;
}

.follow-often_visit-list2 .uk-tab li:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-left: 0;
}

.impD.lowerPage.follow-often_visit-list2 .uk-tab > li a {
    font-size: 14px;
    color: #535353;
    font-weight: normal;
}

@media (max-width: 639px) {
    .impD.lowerPage.follow-often_visit-list2 .uk-tab > li a {
        font-size: 12px;
    }
}

.impD.lowerPage.follow-often_visit-list2 .uk-tab > li.uk-active {
    background-color: #43AAEC;
}

.impD.lowerPage.follow-often_visit-list2 .uk-tab > li.uk-active a {
    border-bottom: none;
    color: #fff;
}

.follow-often_visit-list2 #sort_form .uk-button.uk-button-small {
    font-size: 12px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    padding: 0;
}

.follow-often_visit-list2 #sort_form .uk-button.uk-button-small img {
    display: block;
    width: 60px;
    height: 60px;
}

@media (max-width: 639px) {
    .follow-often_visit-list2 #sort_form .uk-button.uk-button-small {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
    }
    .follow-often_visit-list2 #sort_form .uk-button.uk-button-small img {
        width: 50px;
        height: 50px;
    }
}

.impD.lowerPage.follow-often_visit-list2 .favorite .img_area {
    width: auto;
    height: auto;
    padding: 5px 0 5px 5px;
}

.impD.lowerPage.follow-often_visit-list2 .favorite .img_area img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    border-radius: 50%;
}

@media (max-width: 480px) {
     .impD.lowerPage.follow-often_visit-list2 .favorite .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage.follow-often_visit-list2 .favorite .img_area img  {
        width: 50px;
        height: 50px;
    }
     .impD.lowerPage.follow-often_visit-list2 .favorite .img_area img  {
        width: 50px;
        height: 50px;
    }
}

.follow-often_visit-list2 .often_visit_btn_area {
    padding-right: 5px;
}

.follow-often_visit-list2 .unfollow_btn_area {
    padding-left: 5px;
}

.follow-often_visit-list2 .often_visit_btn_area .uk-button.unfollow,
.follow-often_visit-list2 .unfollow_btn_area .uk-button {
    background-color: #fff;
}

@media (max-width: 639px) {
    .follow-often_visit-list2 .often_visit_btn_area {
        margin-bottom: 5px;
        padding: 0;
    }
    .follow-often_visit-list2 .unfollow_btn_area {
        padding: 0;
    }
}

.follow-often_visit-list2 .footer_fixed_soat_button {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 400;
    box-sizing: border-box;
    text-align: right;
}

@media (max-width: 639px) {
    .follow-often_visit-list2 .footer_fixed_soat_button {
        width: 50px;
        height: 50px;
        position: fixed;
        right: 5px;
        bottom: 10px;
        z-index: 400;
        box-sizing: border-box;
    }
}

/* ランク画像 - 追加スタイル */

.rank_area img {
    height: 15px;
    display: block;
}


/* Topページ用ランクバッジ - 追加スタイル */

.rank_badge_icon {
    display: block;
    position: absolute;
    width: 44px;
    bottom: 0;
    left: 0;
    z-index: 5;
}

@media (max-width: 480px) {
    .rank_badge_icon {
        width: 32px;
    }
}


/* トーク一覧ページ用ランクバッジ - 追加スタイル */

.rank_badge_icon.talk_list_icon {
    width: 22px;
}

@media (max-width: 480px) {
    .rank_badge_icon.talk_list_icon {
        width: 15px;
    }
}


/* ツイート詳細ページ用ランクバッジ - 追加スタイル */

.rank_badge_icon.talk_list_icon.tweet_read_icon {
    bottom: -12px;
    left: -8px;
}

@media (max-width: 480px) {
    .rank_badge_icon.talk_list_icon.tweet_read_icon {
        bottom: -8px;
        left: 0;
    }
}


/* プロフィールページ用ランク関連 - 追加スタイル */

.rank_badge_icon.in_prof_slider {
    top: 5px;
    left: 5px;
    bottom: auto;
}

@media (max-width: 480px) {
    .rank_badge_icon.in_prof_slider {
        top: 3px;
        left: 3px;
    }
}

@keyframes flip_and_fadeOut {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  20% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
      opacity: 0;
  }

}

.prof_fix_icon {
    height: 180px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip_and_fadeOut;
}

@media (max-width: 480px) {
    .prof_fix_icon {
        height: 150px;
    }
}

.prof_fix_icon_gold {
    height: 180px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

@media (max-width: 480px) {
    .prof_fix_icon_gold {
        height: 150px;
    }
}

.rank_badge_icon.bbs_read_icon {
    width: 22px;
    bottom: -10px;
    left: -5px;
}

@media (max-width: 480px) {
    .rank_badge_icon.bbs_read_icon {
        width: 15px;
    }
}

.rank_badge_icon.bbs_read_com_icon {
    width: 22px;
    bottom: -5px;
    left: -2px;
}

@media (max-width: 480px) {
    .rank_badge_icon.bbs_read_com_icon {
        width: 15px;
    }
}

.profilePage.add_rank_action .uk-table td.bgGrey {
    background-color: #def3f7;
}

.profilePage.add_rank_action .uk-modal-body .uk-table td.bgGrey {
    background-color: #F2F2F2;
}


.like_com_stamp_area {
    padding-left: 90px;
}

@media (max-width: 480px) {
    .like_com_stamp_area {
        padding-left: 0;
    }
}

.regist_caution_box {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 900px) {
    .regist_caution_box {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* プロフィールページスライダー部 - 追加スタイル */

.profile_pics_slider .uk-light .uk-slidenav {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 25%;
}

.profile_pics_slider .uk-slideshow-items li::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.profilePage .uk-switcher li.like .likeChild .img_area {
    position: relative;;
}

.profilePage .uk-switcher li.like .likeChild .img_area::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.talkListOuter .eachTalk .img_area a {
    display: block;
    position: relative;;
}

.talkListOuter .eachTalk .img_area a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.like .likeChild .img_area object a {
    position: relative;
    display: block;
    cursor: pointer;
}

div.like .likeChild .img_area object a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg1::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg2 .uk-grid div:first-child .two_cols_inner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg2 .uk-grid div:last-child .two_cols_inner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid .uk-first-column .three_nums_inner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg3 .uk-grid div:last-child .three_nums_inner div::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg4 .uk-grid div .four_nums_inner div::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .like .likeChild .postedImg4.more .uk-grid > div:last-child .four_nums_inner > div:last-child .more_nums_area {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 10;
}

.impD.lowerPage .like .likeChild .postedImg4.more .uk-grid > div:last-child .four_nums_inner > div:last-child .more_nums_area > div {
    height: 100%;
}

.impD.lowerPage .like .likeChild .postedImg4.more .uk-grid > div:last-child .four_nums_inner > div:last-child .more_nums_area span {
    font-size: 3.0em;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 640px) {
    .impD.lowerPage .like .likeChild .postedImg4.more .uk-grid > div:last-child .four_nums_inner > div:last-child .more_nums_area span {
        font-size: 1.8em;
    }
}

.tl_comment .ti_comment_child .profileIconWrapper .vertically::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg1::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg2 .two_cols_inner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid .uk-first-column .three_nums_inner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg3 .uk-grid div:last-child .three_nums_inner div::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.impD.lowerPage .tl_comment .ti_comment_child .postedImg4 .uk-grid div .four_nums_inner div::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.uk-lightbox-items > li img {
    pointer-events: none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
}

.join_community .profileIconWrapper .vertically::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.join_community .commuty_image {
    position: relative;
}

.join_community .commuty_image::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* 動画ダウンロードや販売用の追加コンテンツ */

#goods_contents #search_field .uk-select {
    font-size: 12px;
}

#goods_contents #search_field .uk-input {
    font-size: 12px;
}

#goods_contents #search_field .searchBtn {
    min-width: 58px;
    text-align: center;
    font-weight: normal;
}

#goods_contents .uk-card-title {
    font-size: 20px;
}

@media (max-width: 639px) {
    #goods_contents #search_field .uk-select {
        height: 35px;
    }
    #goods_contents #search_field .uk-input {
        height: 35px;
    }
    #goods_contents #search_field .searchBtn {
        height: 35px;
        line-height: 32px;
    }
    #goods_contents #search_field .uk-flex > div:first-child {
        margin-bottom: 5px;
    }
    #goods_contents #search_field .uk-flex > div.uk-width-1-1.pr10{
        padding-right: 0px;
    }
    #goods_contents .uk-card-title {
        font-size: 15px;
    }
}

#goods_contents .uk-pagination li a {
    color: #999;
    background: #fff;
    padding: 3px 11px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

#goods_contents .uk-pagination>.uk-active>* {
    background: #43aaec;
    padding: 3px 11px;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #ccc;
    display: block;
}

#goods_contents .uk-pagination li.hidden {
    display: none;
}

@media (max-width: 480px) {
    #goods_contents .uk-pagination li a {
        font-size: 1em;
    }
}

@media (max-width: 639px) {
    #goods_contents .uk-breadcrumb>*>* {
        font-size: 10px;
    }
    #goods_contents .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
        margin: 0 12px;
    }
    #goods_contents .likeChild hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #goods_contents.impD.lowerPage .like .areaAgeSex.tweet_user_status {
        margin-bottom: 0;
    }
    #goods_contents.impD.lowerPage .like .date {
        margin-bottom: 0;
    }
}

#goods_contents .goods_thumb {
    display: block;
    padding: 10px;
    background: #F2F2F2;
}

#goods_contents div.like .likeChild .img_area a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#goods_contents.impD.lowerPage .sort_btn .uk-flex div .uk-button {
    color: #535353;
    cursor: pointer;
    padding: 0;
    font-size: 16px;
    line-height: 1.4em;
}

#goods_contents.impD.lowerPage .sort_btn .uk-flex div.active .uk-button {
    color: #fff;
}

@media (max-width: 639px) {
    #goods_contents.impD.lowerPage .sort_btn .uk-flex div .uk-button {
        font-size: 12px;
    }
}

#goods_contents.impD.lowerPage .sort_btn .uk-flex div .uk-dropdown .uk-nav li a {
    color: #535353;
}

#goods_contents.impD.lowerPage .sort_btn .uk-flex div .uk-dropdown .uk-nav li a:hover {
    color: #43aaec;
}


#goods_contents_detail .cart_ctrl_btn .uk-button {
    min-width: 240px;
}

@media (max-width: 639px) {
    #goods_contents_detail .cart_ctrl_btn .uk-button {
        min-width: 170px;
        font-size: 11px;
        padding: 0 10px;
        line-height: 33px;
    }
}

#goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .submitBtn2 {
    min-width: 120px;
}

#goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .submitBtn3 {
    min-width: 120px;
}

#goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .backBtn2 {
    min-width: 120px;
}

@media (max-width: 480px) {
    #goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .backBtn2 {
        padding: 0 10px;
        line-height: 32px;
        min-width: auto;
    }
    #goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .submitBtn2 {
        padding: 0 10px;
        line-height: 32px;
        min-width: auto;
    }
    #goods_contents_detail.impD.lowerPage .entryfix.profileFixedBtns .submitBtn3 {
        padding: 0 10px;
        line-height: 32px;
        min-width: auto;
    }
}

#goods_contents_detail .accountGroup {
    margin-bottom: 0;
}

#goods_contents_detail .accountGroup .userName {
    padding-top: 20px;
}

#goods_contents_detail .account_info .btns .uk-button {
    min-width: 135px;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
}

#goods_contents .search_condition .category_area {
    padding-top: 2px;
}

#goods_contents .search_condition .keyword_area {
    padding-top: 2px;
}


#goods_contents_detail .profile_pics_slider.small-slider {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
}

.searchBtn.set_minwidth {
    min-width: 58px;
    text-align: center;
}

#goods_contents_detail .profile_pics_slider.video_area {
    max-height: 375px;
    background-color: #000;
}

#goods_contents_detail .profile_pics_slider.video_area video {
    max-height: 375px;
    width: auto;
    max-width: 100%;
}


.categort_select_accordion .slideDwonTarget ul.uk-list li {
    font-size: 0.9em;
    line-height: 1.8;
}

.categort_select_accordion .slideDownArea .slideDownBtn .selected_cate_name {
    line-height: 1.4;
}

#goods_contents_detail .download_pics_slider .uk-card-media-top {
    position: relative;
}

#goods_contents_detail .download_pics_slider .uk-card-media-top::before {
    content: "";
    display: block;
    padding-top: 100%;
}

#goods_contents_detail .download_pics_slider .uk-card-media-top img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}

#goods_contents_detail .download_pics_slider .uk-card-default {
    box-shadow: none;
}

#goods_contents_detail .download_pics_slider.small-slider {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 410px) {
    #goods_contents .confrim_btns .uk-button-small {
        font-size: 10px;
    }
}

#goods_contents_detail .download_pics_slider .uk-light .uk-slidenav {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 25%;
}

.suzuri_logo {
    width: 56px;
}

#goods_contents_detail .uk-breadcrumb li {
    text-overflow: ellipsis;
}

#goods_contents_detail .uk-breadcrumb li span {
    overflow: hidden;
    text-overflow: ellipsis;
}


/* サブメニュー offcanvas
---------------------------------------------------------- */

#offcanvas-submenu {
    z-index: 10000;
}

#offcanvas-submenu .uk-offcanvas-bar .uk-offcanvas-close {
    color: #333;
}

#offcanvas-submenu .uk-offcanvas-bar .uk-nav {
    margin-top: 30px;
}

#offcanvas-submenu .uk-offcanvas-bar li .uk-button-link {
    color: #333;
    padding: 10px 0;
    font-size: 14px;
    margin: 0;
    line-height: 1em;
}
#note-modal .uk-modal-title {
    text-align: center;
    font-size: 1.0rem;
    padding: 0px 30px;
}
#note-modal .uk-modal-body {
    padding: 0px;
}
#note-modal .uk-modal-footer {
    padding: 10px 30px;
}


/* メモ機能
---------------------------------------------------------- */

#edit-dlg .icon_send {
    width: 30px;
}


/* コンテンツ別送信
---------------------------------------------------------- */
.fixedTabMenu {
    height: 64px;
    padding-top: 15px;
    width: 100%;
    z-index: 290;
    background-color: #fff;
    top: 131px;
    left: 0;
    right: 0;
}
@media (max-width: 480px) {
    .fixedTabMenu {
        padding-top: 10px;
    }
}
.fixedTabMenu .uk-subnav {
    display: flex;
    margin-left: -20px;
    padding: 0;
    position: relative;
	background-color: #fff;
}
.fixedTabMenu .uk-subnav>* {
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
    width: 25%;
}
.profilePage .fixedTabMenu .uk-subnav>* {
    width: 50%;
}
.profilePage .fixedTabMenu .uk-subnav > li:last-child {
	padding-left: 0;
}
.fixedTabMenu .uk-subnav>*>a {
    font-weight: bold;
    font-size: 0.7rem !important;
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: #333;
    border-bottom: 1px solid transparent;
    ransition: color .1s ease-in-out;
}
.profilePage .fixedTabMenu .uk-subnav>*>a {
    font-size: 1.2rem !important;
}
@media (max-width: 480px) {
    .fixedTabMenu .uk-subnav>*>a {
        font-size: 1.0rem;
    }
	.profilePage .fixedTabMenu .uk-subnav>*>a {
        font-size: 1.2rem !important;
    }
}
@media (max-width: 400px) {
    .fixedTabMenu .uk-subnav>*>a {
        font-size: 0.9rem;
    }
	.profilePage .fixedTabMenu .uk-subnav>*>a {
        font-size: 1.0rem !important;
    }
}
.fixedTabMenu .uk-subnav>*>a:hover {
    background: none;
}
.fixedTabMenu .uk-subnav>.uk-active>a {
    color: #43AAEC;
    border-bottom: 2px solid;
    border-color: #43AAEC;
    background: none !important;
}
.fixedTabMenu .uk-subnav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid #e5e5e5;
}
.withFixedTabMenu {
    padding-top: 35px;
}

@media (max-width: 600px) {
	.withFixedTabMenu.pTopAdjustment {
		padding-top: 0;
	}
}


/* 通話スタイル
---------------------------------------------------------- */

.call_dialog {
	width: 80%;
	max-width: 720px;
	background-color: #fff;
	box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	top: 160px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 300;
	height: 340px;
	overflow-y: scroll;
	display: none;
}

.call_dialog .call_dialog_header {
	border-bottom: 1px solid #D8D8D8;
	padding: 10px;
}

.call_dialog .call_dialog_body {
	padding: 10px;
}

.eachCall.eachTalk .ctrl_btns .uk-button.uk-button-small {
	font-size: 10px;
	ine-height: 25px;
}

#call-modal .uk-modal-body {
	padding: 0;
}

#call-modal .uk-modal-body .container {
	min-width: auto;
}
#call-modal .uk-modal-dialog .uk-modal-body {
	height: calc(100% - 80px);
}
#call-modal .uk-modal-dialog .uk-modal-footer {
	height: 80px;
	box-sizing: border-box;
}
#call-modal .uk-modal-dialog .uk-modal-body iframe {
	height: 100%;
}
#connected img {
	width: 100%;
}
#connected #cam-switch[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

#connected label {
    display:inline-block;
    cursor:pointer;
	width: 50px;
    height: 50px;
    line-height:30px;
	background-image: url("../img/index_imp/icon_video_invisible.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#connected #cam-switch[type="checkbox"]:checked + label {
	background-image: url("../img/index_imp/icon_video_visible.svg");
}

#call-modal .uk-modal-footer .uk-button-link {
	display: inline-block;
	width: 50px;
    height: 50px;
	line-height: 1;
	vertical-align: top;
}

#call-modal #cam-switch-btn span {
	display: block;
	width: 50px;
    height: 50px;
	line-height: 1;
}

#call-modal #cam-switch[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

#call-modal label {
    display:inline-block;
    cursor:pointer;
	width: 50px;
    height: 50px;
    line-height:30px;
	background-image: url("../img/index_imp/icon_video_invisible.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#call-modal #cam-switch[type="checkbox"]:checked + label {
	background-image: url("../img/index_imp/icon_video_visible.svg");
}

#call-modal #destroy-call img,
#call-modal #close-btn img {
	display: inline-block;
	width: 50px;
	height: 50px;
}

/* インデックスショッピングスタイル
---------------------------------------------------------- */

.index_shopping .seeMore {
	border-radius: 5px;
	border: 2px solid #599ff4;
	color: #599ff4;
	margin-left: 5px;
	background-color: #edf3f9;
}

.shopping_list .seeMore {
	border-radius: 5px;
	border: 2px solid #599ff4;
	color: #599ff4;
	margin-left: 5px;
}

.shopping_list .uk-cover-container .uk-overlay-default {
	background: rgba(255,255,255,.4);
}

/* ショッピングスタイル
---------------------------------------------------------- */

/* ゲスト・キャストトップ - 固定メニュー
---------------------------------------------------------- */
.index_bg_area {
	padding-top: 55px;
}
.fixedTabMenu_index {
    height: 55px;
	padding: 20px 10px 0;
    width: 100%;
    z-index: 290;
    top: 131px;
    left: 0;
    right: 0;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* プロフィール - 写真スライダー - prev/next スタイル調整
---------------------------------------------------------- */

.profile_pics_slider.v2 .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
	position: absolute!important;
	width: inherit !important;
	height: inherit !important;
	padding: 5px 10px !important;
	margin: 15px !important;
	overflow: hidden!important;
}

/* トーク - ショッピング商品 - 質問 デザイン追加
---------------------------------------------------------- */

.shopping_talk {
	padding: 5px;
}

.shopping_talk > .bgWhite {
	padding-top: 5px;
}

.shopping_talk .good_image_wrapper {
	background-color: #F2F2F2;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.shopping_talk .gtitle {
	padding: 0 5px 2px;
	border-bottom: 2px solid #e0e0e0;
	color: #5e5e5e;
	font-size: .8em;
}

.shopping_talk .good_image_wrapper .good_image {
	max-height: 90px;
	display: block;
}

.shopping_talk .good_image_wrapper .uk-cover-container {
	width: 90px;
	height: 90px;
	margin: auto;
}

.shopping_talk + .rbody {
	padding-left: 5px;
}

/* プロフィール - テーブル - デザイン変更
---------------------------------------------------------- */

.profilePage .uk-switcher .uk-table-divider>:first-child>tr {
	border-top: 1px solid #e5e5e5;
}
.profilePage .uk-switcher .uk-table-divider>:last-child>tr {
	border-bottom: 1px solid #e5e5e5;
}

/* 機能一覧 - 追加
---------------------------------------------------------- */

#feature_list .title {
	font-weight: bold;
	font-size: 14px;
	background-color: #F0F0F0;
	padding: 5px 20px;
	margin-bottom: 20px;
}

@media (max-width: 480px) {
	#feature_list .title {
		font-size: 12px;
	}
}

#feature_list img.menuIcon {
    width: 120px;
}

@media (max-width: 580px) {
    #feature_list img.menuIcon {
        width: 70px;
    }
}

/* 説明ページ - 追加
---------------------------------------------------------- */

#explain_page .title {
	font-weight: bold;
	font-size: 14px;
	background-color: #F0F0F0;
	padding: 5px 20px;
	margin-bottom: 20px;
}

@media (max-width: 480px) {
	#explain_page .title {
		font-size: 12px;
	}
}

#explain_page .uk-nav-default>li>a {
	color: #3DA9EE;
}

#explain_page .uk-table {
	border-bottom: 1px solid #e5e5e5;
}

/* ダウンロード商品出品ページ - スタイル調整
---------------------------------------------------------- */

#mprog {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.8;
}

@media (max-width: 480px) {
	.talk #mprog {
		font-size: 10px;
	}
}

.add_download_note {
    font-size: 14px;
    line-height: 1.8;
}

#movresult {
    font-size: 14px;
    line-height: 1.8;
}

.profileFixedBtns .submitBtn2:disabled {
    opacity: .5;
}

/* マイグッズ商品一覧ページ - スタイル調整
---------------------------------------------------------- */

.mygoods_tab_menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative;
}

.mygoods_tab_menu::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid #e5e5e5;
}

.mygoods_tab_menu>* {
    flex: none;
    padding-left: 20px;
    position: relative;
}

.mygoods_tab_menu>*>a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: #333;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    transition: color .1s ease-in-out;
    font-weight: bold;
    font-size: 1.2rem;
}

@media (max-width: 480px) {
    .mygoods_tab_menu>*>a {
        font-size: 1.0rem;
    }
}

@media (max-width: 400px) {
    .mygoods_tab_menu>*>a {
        font-size: 0.9rem;
    }
}

.mygoods_tab_menu>.uk-active>a {
    color: #43AAEC;
    border-bottom: 2px solid;
    border-color: #43AAEC;
}

/* 通知設定ページ - スタイル調整
---------------------------------------------------------- */

@media (max-width: 380px) {
    .test_mail_but.uk-button.small {
        font-size: 10px;
    }
}

/* 今すぐ遊べるページ - スタイル調整
---------------------------------------------------------- */
.playnow .submitBtn2 {
    font-size: 12px;
    padding: 5px 10px;
}

#wrapper.with_footer_fixed_circle_button2 {
    padding-bottom: 110px;
}

@media (max-width: 480px) {
    .playnow .submitBtn2 {
        font-size: 10px;
        padding: 4px 8px;
    }
    .pager_parent .uk-position-small {
        max-width: calc(100% - (10px * 2));
        margin: 10px;
        transform: translateY(-50%) translateY(-10px);
    }
}

/* 高収入を稼ぎませんか？ - スタイル調整
---------------------------------------------------------- */
#recruitment .layer_1 {
    position: relative;
    z-index: 10;
    margin-top: -15px;
}

#recruitment .layer_2 {
    position: relative;
    z-index: 9;
}

#recruitment .layer_3 {
    position: relative;
    z-index: 8;
}

#recruitment .layer_4 {
    position: relative;
    z-index: 7;
}

#recruitment .layer_5 {
    position: relative;
    z-index: 6;
}

#recruitment .layer_6 {
    position: relative;
    z-index: 5;
}

#recruitment #job_ranking .uk-card-title {
    font-size: 28px;
    font-weight: bold;
}

@media (max-width: 480px) {
    #recruitment #job_ranking .uk-card-title {
        font-size: 25px;
        margin-bottom: 5px;
    }
}

#recruitment #job_ranking ul li {
    margin-bottom: 20px;
}

#recruitment #job_ranking ul li a:hover {
    opacity: .7;
}

@media (max-width: 480px) {
    #recruitment #job_ranking ul li {
        margin-bottom: 10px;
    }
}

#recruitment #job_list {
    height: 100vh;
    position: relative;
}

@media (max-width: 480px) {
    #recruitment #job_list {
        height: 100vh;
    }
}

#recruitment .whiteBg_layer::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}

#recruitment #job_list::before {
    background-image:url(../img/index_imp/recruitment/job_list_bg.png);
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}

#recruitment #job_list.hidden_bg::after {
    background-color: #fff;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}

#recruitment #job_list .title1 {
    width: 58%;
}

@media (max-width: 900px) {
    #recruitment #job_list .title1 {
        margin-left: 20px;
    }
}

#recruitment #job_list .title1 img {
    width: 100%;
}

#recruitment #job_list .catch1 {
    width: 60%;
}

@media (max-width: 900px) {
    #recruitment #job_list .catch1 {
        margin-left: 20px;
    }
}

#recruitment #job_list .catch1 img {
    width: 100%;
}

#recruitment #job_list .catch2 {
    width: 60%;
}

#recruitment #job_list .catch2 img {
    width: 100%;
}

@media (max-width: 480px) {
    #recruitment #job_list .catch2 {
        margin-right: 20px;
    }
}

#recruitment #job_list_contents {
    height: 100vh;
    position: relative;
}

#recruitment #job_list_contents::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}

#recruitment #job_list_contents ul li {
    color: #4C4C4C;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#recruitment #job_list_contents ul li a {
    color: #4C4C4C;
    font-size: 14px;
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 1%;
}

#recruitment #job_list_contents ul li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #43AAEA;
    border-right: solid 2px #43AAEA;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#recruitment #job_list_contents ul li a .remuneration {
    font-size: 12px;
}

#recruitment #what .bgPink {
    background-color: #ED8095;
}

#recruitment #what .uk-card-title {
    font-weight: bolder;
    font-size: 78px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../img/index_imp/recruitment/what_bg_shirokuma.png);
    background-position: right bottom;
    background-size: 230px auto;
    background-repeat: no-repeat;
    padding: 25px 0;
}

@media (max-width: 900px) {
    #recruitment #what .uk-card-title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 769px) {
    #recruitment #what .uk-card-title {
        font-size: 55px;
    }
}

@media (max-width: 549px) {
    #recruitment #what .uk-card-title {
        background-size: 180px auto;
    }
}

@media (max-width: 420px) {
    #recruitment #what .uk-card-title {
        background-size: 150px auto;
    }
}

@media (max-width: 395px) {
    #recruitment #what .uk-card-title {
        font-size: 45px;
        background-size: 125px auto;
    }
}

#recruitment #answer .uk-card-title {
    font-weight: bolder;
    font-size: 60px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
    letter-spacing: 3px;
}

@media (max-width: 900px) {
    #recruitment #answer .uk-card-title {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 50px;
    }
}

@media (max-width: 769px) {
    #recruitment #answer .uk-card-title {
        font-size: 45px;
    }
}

@media (max-width: 540px) {
    #recruitment #answer .uk-card-title {
        font-size: 37px;
    }
}

@media (max-width: 459px) {
    #recruitment #answer .uk-card-title {
        font-size: 32px;
    }
}

@media (max-width: 395px) {
    #recruitment #answer .uk-card-title {
        font-size: 27px;
    }
}

@media (max-width: 349px) {
    #recruitment #answer .uk-card-title {
        font-size: 23px;
    }
}

#recruitment #what2 .bgBlue {
    background-color: #7DC5D8;
}

#recruitment #what3 .bgPurple {
    background-color: #AF9BC6;
}

#recruitment #apply .bgPink {
    background-color: #ED8095;
}

#recruitment #what2 .uk-card-title,
#recruitment #what3 .uk-card-title,
#recruitment #apply .uk-card-title {
    font-weight: bolder;
    font-size: 73px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
}

@media (max-width: 900px) {
    #recruitment #what2 .uk-card-title,
    #recruitment #what3 .uk-card-title,
    #recruitment #apply .uk-card-title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 769px) {
    #recruitment #what2 .uk-card-title,
    #recruitment #what3 .uk-card-title,
    #recruitment #apply .uk-card-title {
        font-size: 50px;
    }
}

@media (max-width: 440px) {
    #recruitment #what2 .uk-card-title,
    #recruitment #what3 .uk-card-title,
    #recruitment #apply .uk-card-title {
        font-size: 45px;
    }
}

@media (max-width: 395px) {
    #recruitment #what2 .uk-card-title,
    #recruitment #what3 .uk-card-title,
    #recruitment #apply .uk-card-title {
        font-size: 40px;
    }
}

@media (max-width: 360px) {
    #recruitment #what2 .uk-card-title,
    #recruitment #what3 .uk-card-title,
    #recruitment #apply .uk-card-title {
        font-size: 35px;
    }
}

#recruitment .answers p {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
    color: #4C4C4C;
    line-height: 1.8;;
}

@media (max-width: 900px) {
    #recruitment .answers p {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#recruitment #about_app {
    background-image:url(../img/index_imp/recruitment/about_bg.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 90px 40px;
}

@media (max-width: 520px) {
    #recruitment #about_app {
        padding: 50px 40px;
    }
    #recruitment #about_app .uk-margin-medium-top {
        margin-top: 20px!important;
    }
}

@media (max-width: 395px) {
    #recruitment #about_app {
        padding: 50px 15px;
    }
}

#recruitment #about_app .text_area {
    padding-bottom: 18vh;
}

@media (max-width: 769px) {
    #recruitment #about_app .text_area {
        padding-bottom: 8vh;
    }
}

@media (max-width: 600px) {
    #recruitment #about_app .text_area {
        padding-bottom: 3vh;
    }
}

#recruitment #about_app .uk-button.uk-button-default {
    color: #4C4C4C;
    font-size: 24px;
    border: 2px solid #4C4C4C;
    background: transparent;
    text-align: center;
    position: relative;
}

@media (max-width: 769px) {
    #recruitment #about_app .uk-button.uk-button-default {
        font-size: 19px;
    }
}

@media (max-width: 480px) {
    #recruitment #about_app .uk-button.uk-button-default {
        font-size: 15px;
        padding: 0 30px;
    }
}

@media (max-width: 414px) {
    #recruitment #about_app .uk-button.uk-button-default {
        font-size: 14px;
        padding: 0 20px;
        line-height: 42px;
    }
}

#recruitment #about_app .uk-button.uk-button-default::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #43AAEA;
    border-right: solid 2px #43AAEA;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#recruitment #about_flow .uk-card-small.uk-card-body {
    padding: 30px 20px;
}

#recruitment #about_flow .uk-card-title {
    font-size: 28px;
    font-weight: bold;
    color: #4C4C4C;
}

@media (max-width: 480px) {
    #recruitment #about_flow .uk-card-title {
        font-size: 25px;
        margin-bottom: 5px;
    }
}

#recruitment #about_flow .subTtl {
    color: #4C4C4C;
}

#recruitment #about_flow .step {
    width: 32%;
    text-align: center;
}

#recruitment #about_flow .step img {
    width: 85%;
}

#recruitment #about_flow .arrow {
    width: 2%;
}

#recruitment #about_flow .uk-button.uk-button-default {
    color: #4C4C4C;
    font-size: 18px;
    border: 2px solid #4C4C4C;
    background: transparent;
    text-align: center;
    position: relative;
    min-width: 240px;
}

#recruitment #about_flow .uk-button.uk-button-default::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #43AAEA;
    border-right: solid 2px #43AAEA;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 414px) {
    #recruitment #about_flow .uk-button.uk-button-default {
        font-size: 16px;
        min-width: 210px;
    }
}

#recruitment #apply_desc {
    padding-bottom: 50px;
}

#recruitment #apply_desc .uk-button.uk-button-primary {
    color: #ffffff;
    font-size: 18px;
    background: #3DA9EE;
    text-align: center;
    position: relative;
    min-width: 240px;
}

#recruitment #apply_desc .uk-button.uk-button-primary::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 414px) {
    #recruitment #apply_desc .uk-button.uk-button-primary {
        font-size: 16px;
        min-width: 210px;
    }
}

#recruitment .entryfix .uk-button.uk-button-primary {
    color: #ffffff;
    font-size: 18px;
    background: #3DA9EE;
    text-align: center;
    position: relative;
    min-width: 240px;
}

#recruitment .entryfix .uk-button.uk-button-primary::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 414px) {
    #recruitment .entryfix .uk-button.uk-button-primary {
        font-size: 16px;
        min-width: 210px;
    }
}

#recruitment .job_description .uk-card-title {
    font-size: 24px;
    font-weight: bold;
    color: #32ACE0;
}

@media (max-width: 480px) {
    #recruitment .job_description .uk-card-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
}

#recruitment .job_description table.status {
    width: 100%;
    margin: 0px 0px 0px;
    border-collapse: collapse;
}

#recruitment .job_description table.status th {
    width: 25%;
    background-color: #F2F2F2;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #222;
    text-align: center;
}

#recruitment .job_description table.status td {
    width: 25%;
    background-color: #fff;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #333;
    text-align: center;
}

#recruitment .job_description table.job_desc_data {
    width: 100%;
    margin: 0px 0px 0px;
    border-collapse: collapse;
}

#recruitment .job_description table.job_desc_data th {
    width: 70px;
    background-color: #F2F2F2;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #222;
    text-align: center;
}

#recruitment .job_description table.job_desc_data td {
    background-color: #fff;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #333;
}

#recruitment .job_description .exp_ttl {
    position: relative;
    padding: 0.5em 0.75em;
    background-color: #fff;
    border: 1px solid #8cd2db;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
	margin-bottom: 20px;
}

#recruitment .job_description .exp_ttl::before,
#recruitment .job_description .exp_ttl::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    height: 0;
    width: 0;
    border: 10px solid transparent;
}

#recruitment .job_description .exp_ttl::before {
	border-top: 15px solid #8cd2db;
}

#recruitment .job_description .exp_ttl::after {
    margin-top: -2px;
    border-top: 15px solid #fff;
}

#recruitment .job_description .exp_img {
    width: 120px;
    height: 120px;
    margin-right: 4px;
}

#recruitment .job_description .exp_img img {
    width: 120px;
    height: 120px;
    display: block;
}

#recruitment .job_description table.interview_list_data {
    margin: 0px 0px 0px;
    border-collapse: separate;
    border-spacing: 0px 1px;
}

#recruitment .job_description table.interview_list_data th {
    width: 47px;
    background-color: #a4e7ef;
    padding: 7px 3px 7px;
    font-size: 10px;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.5;
    color: #222;
    text-align: center;
    vertical-align: middle;
}

#recruitment .job_description table.interview_list_data td {
    background-color: #fff;
    padding: 7px 5px 7px;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #333;
    text-align: left;
    vertical-align: middle;
}

#recruitment .job_description article > p {
	line-height: 1.5em;
	font-size: 12px;
}

#recruitment .job_description article .faq_q {
    border-bottom: 2px dashed #a4e7ef;
    margin: 5px 0px 8px;
    padding: 12px 0px 10px;
    position: relative;
	font-size: 14px;
    color: #4bc2d1;
    letter-spacing: 0px;
    line-height: 1.3;
    text-align: left;
}

#recruitment .job_description article .faq_a {
    margin: 0px 0px 0px;
    padding: 12px 0px 10px;
    position: relative;
	font-size: 13px;
    color: #222;
    letter-spacing: 0px;
    line-height: 1.5;
    text-align: left;
}

#recruitment .job_description .border_ttl {
    padding: 0.5em 0.75em;
    background-color: #fff;
    border: 2px solid #8cd2db;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	line-height: 1.4;
}

#recruitment #job_footer_list_contents ul li {
    color: #4C4C4C;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#recruitment #job_footer_list_contents ul li a {
    color: #4C4C4C;
    font-size: 14px;
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 1%;
}

#recruitment #job_footer_list_contents ul li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #43AAEA;
    border-right: solid 2px #43AAEA;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#recruitment #job_footer_list_contents ul li a .remuneration {
    font-size: 12px;
}

#recruitment #job_footer_list_contents h3 {
	font-size: 24px;
    font-weight: bold;
    color: #535353;
}

@media (max-width: 480px) {
    #recruitment #job_footer_list_contents h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
}

/* 約束関連 - スタイル調整
---------------------------------------------------------- */

.promise .service_list div input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.promise .service_list div label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.promise .service_list div input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

/* お仕事テンプレート - スタイル調整
---------------------------------------------------------- */

.but_job_temp {
	background-color: #e3f4f7;
	border: 1px solid #c7e1e5;
	border-radius: 10px;
	color: #666;
}

.add_job_temp .service_list div input[type="checkbox"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.add_job_temp .service_list div label {
    display:inline-block;
    padding-left:25px;
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:relative;
    padding:0 16px;
    border-radius:10px;
    background:#fff;
    color:#43aaea;
    border: 1px solid #43aaea;
}

.add_job_temp .service_list div input[type="checkbox"]:checked + label {
    background:#43aaea;
    color:#fff;
    border: 1px solid #43aaea;
}

.job_tweet_temp_service_list {
	display: inline;
}

.job_tweet_temp_service_list::after {
	display: inline;
	content: ",";
	padding-right: 5px;
}

.job_tweet_temp_service_list:last-of-type::after {
	display: none;
	content: "";
}

/* コンテンツ別受信 - スタイル調整
---------------------------------------------------------- */

.recent_temp .TinyTools.ToggleSwitch .NubWrapper .OffSide,
.recent_post_temp .TinyTools.ToggleSwitch .NubWrapper .OffSide {
	background: #43aaec !important;
}

.impD.lowerPage.liked_temp .uk-tab>*>a {
	display: flex;
	justify-content:center;
	align-items:center;
	min-height: 43px;
}

.liked_temp .uk-label.red2.unread_label {
	border-radius: 3px;
	margin-left: 6px;
}

@media (max-width: 500px) {
	.recent_temp .fixedTabMenu .uk-subnav>*>a {
		font-size: 0.6rem !important;
	}
	.recent_post_temp .fixedTabMenu .uk-subnav>*>a {
		font-size: 0.6rem !important;
	}
	.impD.lowerPage.liked_temp .uk-tab>*>a {
		font-size: 0.8rem !important;
		min-height: 33px;
	}
	.liked_temp .liked_exp .uk-button.uk-button-small.but_blue {
		font-size: 10px;
		padding: 0 5px;
		white-space: nowrap;
	}
}

/* プッシュ通知 - スタイル調整
---------------------------------------------------------- */

#push_notification .scrolled_button a {
    display: block;
    text-align: center;
    padding: 10px 10px;
    color: #4d4d4d;
    background: #ffffff;
    border: 1px solid #4d4d4d;
}

#push_notification .bgBlue8 h4 {
	font-size: 14px;
}