@charset "UTF-8";

body.cx_smartphoneview{
    overflow-x: hidden;
}
/* -------------------------------------
	プロフィール メイン レイアウト
------------------------------------- */
.profile__main__wrap-1{ width: 47%; margin-right: 3%;}
.profile__main__wrap-2{ width: 50%;}
@media screen and (max-width: 650px) {
    .content-wrap:nth-of-type(1){ padding: 0 0 3em;}
    .profile__main__wrap-1{ width: 100%; margin-right: 0;}
    .profile__main__wrap-2{ width: 100%;}
}

/* -------------------------------------
	プロフィール 写真
------------------------------------- */
.profile__main__photo{
    /*width: 47%;
    margin-right: 3%;*/
    margin-bottom: 3em;
}
@media screen and (max-width: 650px) {
    .profile__main__photo{ margin-bottom: 1em;}
}
.profile__main__photo__mask{
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0 0 2em rgba(0,0,0,0.16);
    border-radius: 0.3em;
}
.profile__main__photo__list{
    display: flex;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
}
.profile__main__photo__list li{
    flex-shrink: 0;
}
.profile__main__photo__list li img{ width: 100%; height: auto;}
.profile__main__photo__control{
    position: relative;
    /*padding: 1em 0;*/
    margin-top: 0.5em;
    /*background-color: #e3e3e3;*/
    border-radius: 0.2em;
}
.profile__main__photo__pagination{
    display: flex;
    justify-content: center;
}
.profile__main__photo__pagination li{
    width: 0.6em;
    height: 0.6em;
    background-color: #ccc;
    margin: 0 0.3em;
    border-radius: 50%;
}
.profile__main__photo__pagination li.on{ background-color: #17b9ce;}

/* ------- プロフィール 写真 サムネイル ------- */
.profile__main__photo__thum{
    /*width: 84%;*/
    margin: 0 auto;
    /*padding: 0.3em 0;*/
    overflow: hidden;
}
.profile__main__photo__thum__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.profile__main__photo__thum__list li{
    flex-shrink: 0;
    width: 12.5%; height: auto;
    opacity: 0.5;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
    position: relative;
    cursor: pointer;
}
.profile__main__photo__thum__list li.on{
    opacity: 1;
}
.profile__main__photo__thum__list li.on::after{
    content: "";
    display: block;
    width: 100%;
    height: 0.28em;
    background-color: #1ec2e0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cx_displaydevice .profile__main__photo__thum__list li:hover{
    opacity: 1;
}

/* ------- プロフィール 写真 ボタン ------- */
.profile__main__photo__control__btn li{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4%;
    /*width: 2.5em;
    height: 2.5em;*/
    width: 8%;
    height: 0;
    padding-top: 8%;
    background-color: #00dbed;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("../../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    cursor: pointer;
    border-radius: 0.2em 0 0 0.2em;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
}
.profile__main__photo__control__btn li.prev{
    transform: rotate(180deg);
    opacity: 0.3;
}
.profile__main__photo__control__btn li.next{
    left: auto;
    right: 0;
}
.cx_displaydevice .profile__main__photo__control__btn li:hover{
    background-color: #18ffff;
}

/* -------------------------------------
	プロフィール データ
------------------------------------- */
/*.profile__main__data{ width: 50%;}*/
.profile__main__data__name-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.profile__main__data__name{
    font-size: 200%;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}
.profile__main__data__name [data-ruby] {
    position: relative;
}
.profile__main__data__name [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -0.8em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.4em;
    min-width: 6em;
    font-weight: normal;
}
.profile__main__data__name__insta a{
    display: block;
    background-color: #000;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    width: 2.8em;
    height: 2.4em;
    margin: -0.8em 0.3em 0 1em;
    /*border-radius: 50%;*/
    border-radius: 0.2em;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
    border-top: solid 0.3em #d322be;
    border-bottom: solid 0.3em #d322be;
    background-image: url("../../img/icn_instagram.svg");
    background-size: 60% 60%;
}
.cx_displaydevice .profile__main__data__name__insta a:hover{ background-color: #d322be;}
.profile__main__data__name__x a{
    display: block;
    background-color: #000;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    width: 2.8em;
    height: 2.4em;
    margin: -0.8em 0.3em 0 0.2em;
    /*border-radius: 50%;*/
    border-radius: 0.2em;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
    border-top: solid 0.3em #13a9f8;
    border-bottom: solid 0.3em #13a9f8;
    background-image: url("../../img/icn_x.svg");
    background-size: 60% 60%;
}
.cx_displaydevice .profile__main__data__name__x a:hover{ background-color: #13a9f8;}

.profile__main__data__list{
    display: flex;
    font-size: 94%;
    line-height: 1.5;
    margin-bottom: 0.7em;
    align-items: flex-start;
}
.profile__main__data__list dt{
    font-size: 90%;
    min-width: 5em;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0.1em;
    margin-right: 1em;
    border-radius: 0.2em 0 0 0.2em;
    border-left: solid 0.3em #00dbed;
    position: relative;
}
/*.profile__main__data__list dt::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position:absolute;
    top: 50%;
    right: -0.8em;
    
    border-width: 0.4em 0 0.4em 0.6em;
    border-color: transparent transparent transparent #000;
    margin-top: -0.4em;
}*/
.profile__main__data__list__detail__list li{
    display: inline-block;
    margin-bottom: 0.5em;
    margin-right: 0.8em;
}
.profile__main__data__list__detail__list li:nth-last-of-type(1){ margin-right: 0;}
/*.profile__main__data__list__detail__list li::before{
    content: "・";
}*/
p.profile__main__data__list{ margin-top: 0.8em;}

/* -------------------------------------
	プロフィール フリースペース
------------------------------------- */
.profile__main__data__freespace{
    margin-top: 2em;
    border: solid 0.2em #000;
    /*border-radius: 0.3em;*/
    padding: 1em 1.4em;
    border: dotted 0.2em #000;
    margin-bottom: 2em;
}
.profile__main__data__freespace__message{
    font-size: 94%;
    line-height: 2;
    margin-bottom: 0.8em;
}
.profile__main__data__freespace__update{
    font-size: 80%;
    color: #555;
    text-align: right;
}
.profile__main__data__freespace a{
    /*color: #00cdde;*/
    font-weight: 500;
    position: relative;
}
.profile__main__data__freespace a::before{
    content: "";
    display: inline-block;
    background: #00dbed url("../../img/arrow.svg") no-repeat center center;
    width: 1.0em;
    height: 1.0em;
    background-size: 80%;
    margin-right: 0.3em;
    vertical-align: middle;
    border-radius: 0.1em;
}
.profile__main__data__freespace a::after {
  background: #00dbed;
  content: '';
  width: calc(100% + 2px);
  height: 0.2em;
  position: absolute;
  left: 0;
  bottom: -0.3em;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 300ms;
}
.profile__main__data__freespace a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* -------------------------------------
	Instagram
------------------------------------- */
.instagram__ttl{ align-items: center;}
.instagram .content-wrap__h2{
    text-align: left;
    padding-bottom: 0em;
    margin-bottom: 0;
    margin-right: 0.5em;
    font-family: 'Oswald', sans-serif;
}
.instagram__ttl__link.btn_more-view{
    margin: 0;
    width: auto;
    padding: 0.4em 2.5em 0.7em 2.8em;
    font-size: 100%;
}
.instagram__ttl__link.btn_more-view::before{
    content: "";
    display: block;
    background: url("../../img/icn_instagram.svg") no-repeat center center;
    width: 1.2em;
    height: 1.2em;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 1em;
    margin: -0.55em 0 0;
}
.instagram__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1em;
}
.instagram__list__link{
    flex-shrink: 0;
    width: 22.5%;
    background-color: #fff;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.16);
    margin-bottom: 2em;
    transition : .3s;
    border-radius: 0.3em;
    overflow: hidden;
}
.instagram__list.len3{
    justify-content: flex-start;
}
.len3 .instagram__list__link:nth-of-type(2),
.len3 .instagram__list__link:nth-of-type(3){ margin-left: 3%;}
.cx_displaydevice .instagram__list__link:hover{ box-shadow: 1px 1px 30px rgba(0,0,0,0.36);}
@media screen and (max-width: 950px) {
    .instagram__list__link{
         width: 30%;
    }
    .instagram__list__link:nth-of-type(4){ display: none;}
    .len3 .instagram__list__link:nth-of-type(2),
    .len3 .instagram__list__link:nth-of-type(3){ margin-left: 5%;}
}
@media screen and (max-width: 660px) {
    .instagram__list__link{
         width: 48%;
        margin-bottom: 1em;
    }
    .instagram__list__link:nth-of-type(4){ display: block;}
    .len3 .instagram__list__link:nth-of-type(2){ margin-left: 4%;}
    .len3 .instagram__list__link:nth-of-type(3){ margin-left: 0;}
}
.instagram__list__link a{ display: block;}
.instagram__list__link__photo{
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.content-wrap__inner__left{
    width: 48%;
    margin-right: 4%;
}
.content-wrap__inner__right{ width: 48%;}
@media screen and (max-width: 650px) {
    .content-wrap__inner__left{
        width: 100%;
        margin-right: 0;
    }
    .content-wrap__inner__right{ width: 100%;}
}
/* -------------------------------------
	YouTube
------------------------------------- */
.profile__youtube{
    /*background-color: #414141;*/
    background-color: #000;
    padding: 1em 1.5em;
    /*border: solid 0.2em ;*/
    margin-bottom: 2.5em;
    border-radius: 0.3em;
}
.profile__youtube .content-wrap__h2{
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
}
.profile__youtube__thum{ position: relative;}
.profile__youtube__thum::before{
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border: solid 4px rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    top: 50%;
    left: 0;
    right: 0;
    margin: -29px auto 0;
}
.profile__youtube__thum::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 22px;
    border-color: transparent transparent transparent rgba(255,255,255,1);
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: -14px 0 0 -7px;
}
.cx_video_player iframe{ vertical-align: bottom;}
.profile__youtube .content-wrap__h2{
    font-size: 160%;
    text-shadow: none;
    color: #fff;
    text-align: left;
    padding-bottom: 0.4em;
}
.profile__youtube__ttl{
    color: #fff;
    line-height: 1.6;
    padding: 0.6em 0 0.3em ;
    font-size: 94%;
}
.profile__youtube__update{
    font-size: 80%;
    color: #ccc;
}
.profile__youtube .btn_more-view{
    width: 100%;
    padding: 0.6em 0;
    margin-top: 0.5em;
}

/* -------------------------------------
	担当番組
------------------------------------- */
.profile__program{
    /*border: solid 2px #000;*/
    padding: 1.0em 0.6em 0.6em;
    box-sizing: border-box;
    border-radius: 0.3em;
    border-top: solid 0.4em #000;
    border-bottom: solid 0.4em #000;
}
.profile__program.sp{ display: none;}
@media screen and (max-width: 650px) {
    .profile__program.pc{ display: none;}
    .profile__program.sp{ display: block;}
}
.profile__program .content-wrap__h2{
    font-size: 130%;
    font-weight: 500;
    text-align: left;
    padding-bottom: 0.4em;
    margin-bottom: 0;
}
.profile__program__mask{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.profile__program__list{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.profile__program__list a{
    display: block;
    height: 100%;
    position: relative;
}
.profile__program__list li{
    flex-shrink: 0;
    width: 31%;
    margin-right: 2.333%;
    margin-bottom: 0.8em;
    position: relative;
}
.profile__program__list li:nth-of-type(3n){ margin-right: 0;}
@media screen and (max-width: 650px) {
    .cx_touchdevice .profile__program__list li{
        width: 244px;
        margin-right: 16px;
    }
}

.profile__program__list__thum{
    background-color: #000;
    width: 100%;
    height: 0;
    padding-top: 68.666%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0.6em rgba(0,0,0,0.16)
}
.profile__program__list__thum > div{
    width: 100%; height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.profile__program__list__thum img{
    width: 100%; height: auto;
    /*position: absolute;
    top: 0;
    left: 0;*/
}
.profile__program__list__ttl{
    font-size: 94%;
    line-height: 1.2;
    padding: 0.4em 0 0;
    vertical-align: text-top;
}
.profile__program__list__ttl::before{
    content: "";
    display: inline-block;
    background: #00dbed url("../../img/arrow.svg") no-repeat center center;
    width: 1.0em;
    height: 1.0em;
    background-size: 80%;
    margin-right: 0.3em;
    vertical-align: middle;
    border-radius: 0.1em;
}
.nolink .profile__program__list__ttl::before{ display: none;}
.profile__program__list__ttl span{ font-size: 80%;}
.profile__program__list li::after {
  background: #00dbed;
  content: '';
  width: calc(100% + 2px);
  height: 0.2em;
  position: absolute;
  left: 0;
  bottom: -0.3em;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 300ms;
}
.cx_displaydevice .profile__program__list li:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.profile__program__list li.nolink::after { display: none;}

/* -------------------------------------
	ボイスサンプル
------------------------------------- */
.voice-sample{
    background-color: #000;
    /*padding: 2.5em 0 1.5em;*/
    padding: 0.3em 0 1.5em;
    margin-bottom: 2.5em;
    position: relative;
    display: none;
}
.voice-sample h2{
    position: absolute;
    top: -0.24em;
    right: 0;
    font-size: 300%;
    line-height: 1.0;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.46);
    z-index: 1;
    /*letter-spacing: -0.02em;*/
    font-family: 'Oswald', sans-serif;
}
@media screen and (max-width: 850px) {
    .voice-sample h2{ font-size: 5vw;}
}
@media screen and (max-width: 650px) {
    /*.voice-sample{ padding-top: 1.7em;}*/
    .voice-sample h2{ font-size: 9.8vw;}
}
.voice-sample__rcm{
    background-color: #00cdde;
    position: absolute;
    /*top: -1em;*/
    top: -0.9em;
    left: -1.5em;
    color: #fff;
    line-height: 1.1;
    padding: 0.2em 0.2em;
    border-radius: 50%;
    font-size: 124%;
    font-weight: bold;
    text-align: center;
    /*text-shadow: 1px 1px 1px #008893, -1px 1px 1px #008893, 1px -1px 1px #008893, -1px -1px 1px #008893;*/
    text-shadow: -1px -1px 1px #008893;
    /*transform: rotate(-15deg);*/
    z-index: 50;
}

/*.voice-sample__rcm::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position:absolute;
    bottom: 2.0em;
    right: -1.4em;
    border-width: 0 1.6em 1.0em 0.8em;
    border-color: transparent transparent transparent #00cdde;
    transform: rotate(-80deg);
}*/
.voice-sample__rcm::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position:absolute;
    bottom: 2.8em;
    right: -0.8em;
    border-width: 1.2em 0.4em 0 0.4em;
    border-color: #00cdde transparent transparent transparent;
    transform: rotate(-110deg);
}
@media screen and (max-width: 650px) {
    .voice-sample__rcm{
        left: -0.8em;
        /*bottom: 0.2em;*/
    }
    .voice-sample__rcm::before{
        right: -0.7em;
        border-width: 1.1em 0.4em 0 0.4em;
    }
}
.voice-sample__rcm p{
    border: dotted 3px #fff;
    border-radius: 50%;
    padding: 0.3em 0.4em;
}
.voice-sample__rcm p::before,
.voice-sample__rcm p::after{
    content: "★★★";
    display: block;
    font-size: 74%;
    color: #ccfbff;
}
.voice-sample__rcm p::before{ margin-bottom: 0.3em;}
.voice-sample__rcm p::after{ margin-top: 0.3em;}
.voice-sample__rcm span{
    font-family: 'Oswald', sans-serif;
    font-size: 110%;
}
.voice-sample__catch{
    background-color: #fff;
    /*padding: 0.2em 1em 0.2em 7.4em;*/
    padding: 0.2em 0.6em 0.3em 8.6em;
    margin-top: 2em;
    margin-right: 1em;
    font-size: 86%;
    line-height: 1.4;
    font-weight: 500;
    position: relative;
    z-index: 30;
}
.voice-sample__catch > p{
    background: linear-gradient(transparent 70%, #5ddff9 0%);
    display: inline;
}


.voice-sample__player{
	position: relative;
    display: flex;
    align-items: center;
    margin: 1.2em 1em 0;
}
.voice-sample__player > *{ flex-shrink: 0;}
.voice-sample__player .playPauseBtn{
    width: 2.8em;
    height: 2.8em;
}
.voice-sample__player .playPauseBtn a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
    border: solid 0.2em #fff;
    border-radius: 0.2em;
    box-sizing: border-box;
}
.voice-sample__player .playPauseBtn .btnPlay {
	background: url("../../img/icn_play.svg") 58% center no-repeat;
    background-size: 60% 60%;
}
.voice-sample__player .playPauseBtn .btnPause {
	background: url("../../img/icn_pause.svg") center center no-repeat;
    background-size: 48% 50%;
	display: none;
}
.voice-sample__player .progress {
	width: 205px;
    width: calc( 96% - 2.8em - 2.2em);
	/*height: 4px;*/
	/*background: #fff;*/
	overflow: visible;
    margin: 0 2%;
    position: relative;
}
/*.voice-sample__player #anaProfile_voiceSampleProgress {
	display: block;
	height: 4px;
	background: #5ddff9;
	width: 0%;
}
.voice-sample__player #anaProfile_voiceSampleProgressUi {
	display: block;
	width: 100%;
	height: 35px;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: -15px;
	left: 0;
}
.voice-sample__player #anaProfile_voiceSampleProgressUi:hover {
	cursor: pointer;
}*/
.progress__inner[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #fff;
    outline: 0; 
    border-radius: 2px;
}
.progress__inner[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00cdde;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.progress__inner[type="range"]::-moz-range-thumb {
    background: #00cdde;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    border: none;
}
.voice-sample__player .time {
	color: #fff;
	font-size: 80%;
    line-height: 1.0;
	position: absolute;
	bottom: -1em;
	left: 0;
}
.voice-sample__player .volume {
	width: 22px;
	height: 18px;
	/*position: absolute;
	top: 17px;
	left: 260px;*/
    width: 2.2em;
    height: 2.8em;
}
.voice-sample__player .volume a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
    position: relative;
    z-index: 333;
}
.voice-sample__player .volume .volume_0 {
	background: url("../../img/icn_volume0.png") left center no-repeat;
    background-size: 100% 70%;
	display: none;
}
.voice-sample__player .volume .volume_1 {
	background: url("../../img/icn_volume1.png") left center no-repeat;
    background-size: 100% 70%;
	display: none;
}
.voice-sample__player .volume .volume_2 {
	background: url("../../img/icn_volume2.png") left center no-repeat;
    background-size: 100% 70%;
	display: none;
}
.voice-sample__player .volume .volume_3 {
	background: url("../../img/icn_volume3.png") left center no-repeat;
    background-size: 100% 70%;
}
/*.cx_smartphoneview .voice-sample__player {
	width: 450px;
	height: 80px;
	margin: 15px auto;
}
.cx_smartphoneview .voice-sample__player .playPauseBtn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 10px;
}
.cx_smartphoneview .voice-sample__player .playPauseBtn a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
}
.cx_smartphoneview .voice-sample__player .playPauseBtn .btnPlay {
	background: url("../images/profile/voice_play.png") no-repeat left top/50px auto;
}
.cx_smartphoneview .voice-sample__player .playPauseBtn .btnPause {
	background: url("../images/profile/voice_pause.png") no-repeat left top/50px auto;
	display: none;
}
.cx_smartphoneview .voice-sample__player .progress {
	width: 335px;
	height: 6px;
	position: absolute;
	top: 32px;
	left: 80px;
	background: #fff;
	overflow: visible;
}
.cx_smartphoneview .voice-sample__player #anaProfile_voiceSampleProgress {
	display: block;
	height: 6px;
	background: #bbbcbc;
	width: 0%;
}
.cx_smartphoneview .voice-sample__player .time {
	color: #333;
	font-size: 20px;
	position: absolute;
	top: 42px;
	left: 78px;
}
.cx_smartphoneview .voice-sample__player .volume {
	display: none;
}*/
.cx_smartphoneview .voice-sample__player .progress {
    width: calc( 98% - 2.8em);
    margin: 0 0 0 2%;
    height: 6px;
}
.cx_smartphoneview .voice-sample__player #anaProfile_voiceSampleProgress{ height: 6px;}
.cx_smartphoneview .voice-sample__player .volume {
	display: none;
}
.voice-sample__notation{
    text-align: right;
    font-size: 76%;
    line-height: 1/4;
    margin-top: -3.0em;
    margin-bottom: 1.5em;
    padding-left: 7.6em;
}
@media screen and (max-width: 890px) {
    .max890{ display: none;}
}
@media screen and (max-width: 650px) {
    .voice-sample__notation{
        padding-left: 8.6em;
    }
}
/* -------------------------------------
	Twitter
------------------------------------- */
.profile__twitter{
    padding: 1em 1.5em;
    /*border: solid 2px #000;*/
    border-radius: 0.3em;
    border-top: solid 0.4em #000;
    border-bottom: solid 0.4em #000;
    margin-bottom: 2em;
}
.profile__twitter__ttl{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.profile__twitter__ttl h2{
    font-weight: bold;
    font-size: 160%;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
}
.profile__twitter__ttl__link.btn_more-view{
    margin: 0;
    width: auto;
    font-size: 100%;
    padding: 0.7em 2.5em 0.7em 2.8em;
}
.profile__twitter__ttl__link.btn_more-view::before{
    content: "";
    display: block;
    background: url("../../img/icn_x.svg") no-repeat center center;
    width: 1.2em;
    height: 1.2em;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 1em;
    margin: -0.55em 0 0;
}

.top-twitter__list__tweet__profile{
    display: flex;
}
.top-twitter__list__tweet__profile__image{
    width: 48px;
}
.top-twitter__list__tweet__profile__data{
    width: calc( 100% - 48px);
    padding-left: 0.5em;
    box-sizing: border-box;
}
.top-twitter__list__tweet__profile__name{
    font-size: 88%;
    line-height: 1.2;
    display: block;
    margin: 0;
    padding: 0;
}
.top-twitter__list__tweet__profile__screen-name{
    font-size: 78%;
    line-height: 1.2;
    display: block;
    margin: 0;
    padding: 0;
    color: #555;
}
.top-twitter__list__tweet__profile__update{
    font-size: 78%;
    line-height: 1.4;
    margin: 0;
    padding: 0.2em 0 0;
    color: #555;
}
.top-twitter__list__tweet__text{
    font-size: 94%;
    line-height: 1.6;
    padding: 0.5em 0;
    white-space: pre-wrap;
}
.top-twitter__list__tweet__text p{ margin-bottom: 0.5em;}
.top-twitter__list__tweet__text a{
    color: #1d9bf0;
    display: inline-block;
}
.top-twitter__list__tweet__photo{
    max-height: 38vw;
    overflow: hidden;
}
@media screen and (max-width: 650px) {
    .top-twitter__list__tweet__photo{ max-height: 78vw;}
}
.top-twitter__list__tweet__thum a{
    display: block;
    position: relative;
}
.top-twitter__list__tweet__thum a::before{
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border: solid 4px rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    top: 50%;
    left: 0;
    right: 0;
    margin: -29px auto 0;
}
.top-twitter__list__tweet__thum a::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 22px;
    border-color: transparent transparent transparent rgba(255,255,255,1);
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: -14px 0 0 -7px;
}

.top-twitter__list__tweet__func{
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
    /*position: absolute;
    width: calc(100% - 2em);
    bottom: 1em;
    left: 0; right: 0;
    margin: 0 auto;*/
}
.top-twitter__list__tweet__func li{
    flex-basis: 1;
    width: 32%;
    text-align: center;
}
.top-twitter__list__tweet__func li a{
    display: block;
    widows: 100%;
    /*background-color: #17b9ce;*/
    background-color: #000;
    font-size: 84%;
    color: #fff;
    line-height: 1.0;
    padding: 0.6em 0;
    /*border-radius: 4em;*/
    border-radius: 0.2em;
    border-top: solid 0.3em #13a9f8;
    border-bottom: solid 0.3em #13a9f8;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
}
.cx_displaydevice .top-twitter__list__tweet__func li a:hover{
    background-color: #13a9f8;
}

/* -------------------------------------
	Messsage
------------------------------------- */
.profile__message{
    padding: 1em 1.5em;
    /*border: solid 2px #000;*/
    border-radius: 0.3em;
    border-top: solid 0.4em #000;
    border-bottom: solid 0.4em #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
}
.profile__message > *{ flex-shrink: 0;}
.profile__message__ttl{ width: 58%;}
.profile__message h2{
    font-size: 200%;
    font-weight: 700;
    line-height: 1.0;
    font-family: 'Oswald', sans-serif;
    padding-bottom: 0.2em;
}
.profile__message__intro{
    font-size: 94%;
    line-height: 1.2;
}
.profile__message__btn{
    width: 40%;
}
.profile__message__btn li:nth-of-type(1){ margin-bottom: 0.4em;}
.profile__message__btn li a{
    display: block;
    background-color: #00dbed;
    font-size: 108%;
    color: #003346;
    /*color: #fff;*/
    line-height: 1.2;
    font-weight: 500;
    padding: 0.5em 0;
    border-radius: 0.2em;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
    text-align: center;
    /*border-top: solid 0.2em #d2faff;
    border-bottom: solid 0.2em #11a5b9;*/
    font-family: 'Oswald', sans-serif;
    position: relative;
}
.profile__message__btn li a::after{
    content: "";
    display: block;
    background: url("../../img/arrow.svg") no-repeat 0 0;
    width: 1em; height: 1em;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -0.3em;
}
.cx_displaydevice .profile__message__btn li a:hover{
    background-color: #18ffff;
}
@media screen and (max-width: 870px) {
    .profile__message__ttl{ width: 100%; margin-bottom: 0.5em;}
    .profile__message__btn{ width: 100%;}
}

/* -------------------------------------
	Messsage
------------------------------------- */
.profile__fnn{
    /*border: solid 2px #000;*/
    border-radius: 0.3em;
    border-top: solid 0.4em #000;
    border-bottom: solid 0.4em #000;
    margin-bottom: 2em;
}
.profile__fnn > a{
    padding: 1.96em 1.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.profile__fnn > a > *{ flex-shrink: 0;}
.profile__fnn__inner{
    width: 55%;
}
.profile__fnn h2{
    width: auto;
    height: 1.8em;
    background: url("../../img/fnn_logo.svg") no-repeat 0 0;
    background-size: contain;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0.3em;
}
.profile__fnn__intro{
    font-size: 94%;
    line-height: 1.2;
}
.profile__fnn__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    background-color: #00dbed;
    color: #003346;
    font-size: 108%;
    /*color: #fff;*/
    line-height: 1.2;
    font-weight: 500;
    padding: 0.5em 0;
    border-radius: 0.2em;
    -ms-transition: all 0.2s, -ms-transform 0.2s ease-out;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s ease-out;
    transition: all 0.2s, transform 0.2s ease-out;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    position: relative;
}
.profile__fnn__btn::after{
    content: "";
    display: block;
    background: url("../../img/arrow.svg") no-repeat 0 0;
    width: 1em; height: 1em;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -0.3em;
}
.cx_displaydevice .profile__fnn > a:hover .profile__fnn__btn{
    background-color: #18ffff;
}
@media screen and (max-width: 870px) {
    .profile__fnn__inner{ width: 100%; margin-bottom: 0.5em;}
    .profile__fnn__btn{ width: 100%;}
}