@charset "utf-8";

/*****************************************************************************
.speaker-heading
*****************************************************************************/
.speaker-heading {
    padding: 50px 10px 25px 10px;
}
.speaker-heading > div {
    max-width: 1000px;
    margin: 0 auto;
}

.speaker-heading h1 {
    font-size: 150%;/*24*/
}
.speaker-heading p {
    font-size: 81.3%;/*13*/
}




/*****************************************************************************
.speaker-container
*****************************************************************************/
.speaker-container {
    padding: 0 10px 75px 10px;
}
.speaker-container > div {
    max-width: 1000px;
    margin: 0 auto;
}



/*****************************************************************************
.speaker-bar
*****************************************************************************/
.speaker-bar {
    border-bottom: solid 1px #CCC;
    padding-bottom: 10px;
    position: relative;
}
.speaker-bar .aiueo {
    font-size: 75%;/*12*/
    color: #666;
    position: absolute;
    top: 0;
    left: 185px;
}
.speaker-bar .open-close {
    font-size: 75%;/*12*/
    color: #000;
    text-align: right;
}
.speaker-bar .open-close span:hover {
    cursor: pointer;
    opacity: 0.8;
}
@media screen and (max-width: 700px) {
    .speaker-bar .aiueo {
        left: 0;
    }
}



/*****************************************************************************
.speaker
*****************************************************************************/
.speaker {
    border-bottom: solid 1px #CCC;
    padding: 10px;
    font-size: 81.3%;/*13*/
    position: relative;
    transition: background-color 0.5s;
}
.speaker.opened {
    background-color: #FAFAFA;
    transition: background-color 0.5s;
}

/* .anchor ****************************/
.speaker .anchor {
	position: absolute;
	top: 0;
}

/* .photo *****************************/
.speaker .photo {
    width: 80px;
    height: 80px;
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 40px;
    float: left;
    cursor: pointer;
    transition: width 0.5s, height 0.5s, border-radius 0.5s, background-size 0.5s;
}
.speaker.opened .photo {
    width: 144px;
    height: 160px;
    background-size: 144px 160px;
    border-radius: 0;
    margin: 10px 0;
    transition: width 0.5s, height 0.5s, border-radius 0.5s, background-size 0.5s;
}

/* .btn_plus-minus *******************************/
.speaker .btn_plus-minus {
    width: 44px;
    height: 44px;
    background-image: url("../images/common/session_btn_plus.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 0;
}
.speaker .btn_plus-minus.opened {
    background-image: url("../images/common/session_btn_minus.png");
}

/* .name ****************************/
.speaker .name {
    margin: 8px 34px 0 175px;
    cursor: pointer;
}
.speaker .name strong {
    font-weight: 300;
    font-size: 123.1%;/*16*/
    display: inline-block;
    padding-top: 5px;
}

/* .profile *************************/
.speaker .profile {
    display: none;
    margin: 0 0 0 175px;
}
.speaker .profile p {
    margin: 1em 0;
}

/* セッションへのリンク ************/
.speaker .profile p.session span {
    display: inline-block;
    color: #FFF;
    padding: 0 5px;
    margin-right: 5px;
}
.speaker .profile p.session.track1 span { background-color: #FF665A; }
.speaker .profile p.session.track2 span { background-color: #FFD426; }
.speaker .profile p.session.track3 span { background-color: #2F9FBC; }
.speaker .profile p.session.track4 span { background-color: #34C759; }
.speaker .profile p.session.track5 span { background-color: #9D70BA; }
.speaker .profile p.session.track6 span { background-color: #CBA1E6; }
.speaker .profile p.session.track7 span { background-color: #A05A00; }
.speaker .profile p.session.track8 span { background-color: #AEAEB2; }

.speaker .profile p.session a:hover {
    opacity: 0.8;
}
.speaker .profile p.session.track1 a { color: #993831; }
.speaker .profile p.session.track2 a { color: #A05A00; }
.speaker .profile p.session.track3 a { color: #186A80; }
.speaker .profile p.session.track4 a { color: #208A3D; }
.speaker .profile p.session.track5 a { color: #663E80; }
.speaker .profile p.session.track6 a { color: #663E80; }
.speaker .profile p.session.track7 a { color: #A05A00; }
.speaker .profile p.session.track8 a { color: #6C6C70; }




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

.speaker .photo,
.speaker.opened .photo {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.speaker .photo {
    margin-top: 5px;
}

.speaker .name,
.speaker .profile {
    margin-left: 0;
    margin-right: 0;
}
.speaker .name {
    text-align: center;
}

}