.clear,.clearfix:after,.wrapper:after {
    clear: both
}

a,body {
    color: #666
}

body {
    padding-top: 139px;
    font: 13px/1.6 "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
    min-width: 765pt
}

#header-top p,#lecture-header-top p {
    line-height: 22px;
    text-align: right;
    color: #fff
}

.wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 0 20px
}

#global-top,#lecture-global-top {
    margin-bottom: 5px
}

#global-bottom a.contact,#lecture-global-bottom a.contact {
    margin-left: 15px;
    float: right
}

#global-bottom p,#lecture-global-bottom p {
    font-size: 9pt;
    font-weight: 700;
    line-height: 1pc;
    padding-top: 4px
}

.clearfix:after,.clearfix:before,.wrapper:after,.wrapper:before {
    content: " ";
    display: table
}

.icon-chevron-right,.icon-news {
    display: inline-block;
    width: 9pt;
    position: relative;
    top: 1px
}

.icon-chevron-right {
    height: 9pt;
    background: url(../images/101_top/footer/botan.jpg)1px 1px no-repeat
}

.icon-news {
    height: 13px;
    background: url(../images/101_top/side/botan.jpg)no-repeat
}

.icon-budget-rank-1,.icon-budget-rank-2,.icon-budget-rank-3,.icon-budget-rank-4 {
    display: inline-block;
    width: 22px;
    height: 19px;
    margin-right: 5px;
    position: relative;
    top: 3px
}

.icon-budget-rank-1 {
    background: url(../images/111_genre/a.jpg)no-repeat
}

.icon-budget-rank-2 {
    background: url(../images/111_genre/b.jpg)no-repeat
}

.icon-budget-rank-3 {
    background: url(../images/111_genre/c.jpg)no-repeat
}

.icon-budget-rank-4 {
    background: url(../images/111_genre/d.jpg)no-repeat
}

#header,#lecture-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

input,textarea {
    line-height: 1.5
}

#header {
    width: 100%;
    background: #fff
}

#header-top {
    min-width: 750pt;
    background-color: #f30
}

#header-top p {
    font-size: 9pt
}

#header-main {
    padding: 9px 0;
    border-bottom: solid 4px red
}

#global-top ul,#header-main h1#logo {
    float: left;
    padding-top: 8px
}

nav#global {
    float: right;
    width: 750px
}

#global-top ul li {
    float: left;
    margin-right: 2px;
    display: block
}

#global-top a.right {
    float: right
}

#global-top a.right,#global-top a.right img {
    display: block
}

#global-bottom p {
    float: left
}

#global-bottom a.tel {
    width: 204px;
    height: 40px;
    background: url(../images/eiko-tel.jpg)left top no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: right
}

#global-bottom a.contact,#global-bottom a.contact img {
    display: block
}

#banner,#lecture-banner {
    margin-top: 10px;
    margin-bottom: 20px
}

#banner img,#lecture-banner img {
    display: block
}

#lecture-header {
    width: 100%;
    background: #fff
}

#lecture-header-top {
    min-width: 750pt;
    background-color: #ed841e
}

#lecture-header-top p {
    font-size: 9pt
}

#lecture-header-main {
    margin-bottom: 0;
    padding: 9px 0;
    background-color: #ffb532
}

#lecture-global-top ul,#lecture-header-main h1#logo {
    float: left;
    padding-top: 8px
}

nav#lecture-global {
    float: right;
    width: 750px
}

#lecture-global-top ul li {
    float: left;
    margin-right: 2px;
    display: block;
    border-right: solid 1px #fff;
    padding: 5px 18px 0
}

#lecture-global-top ul li:first-child {
    border-left: solid 1px #fff
}

#lecture-global-top a.right {
    float: right
}

#lecture-global-top a.right,#lecture-global-top a.right img {
    display: block
}

#lecture-global-bottom p {
    float: left;
    color: #982c11
}

#lecture-global-bottom a.tel {
    width: 204px;
    height: 40px;
    background: url(../images/eiko-tel2.jpg)left top no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: right
}

#lecture-global-bottom a.contact,#lecture-global-bottom a.contact img {
    display: block
}

#breadcrumbs {
    height: 40px;
    line-height: 40px
}

#breadcrumbs ul {
    float: right
}

#breadcrumbs ul li {
    float: left;
    margin-left: 10px
}

#breadcrumbs ul li:before {
    content: "＞";
    padding-right: 10px
}

#breadcrumbs ul li:first-child:before {
    content: ""
}

#main {
    margin-bottom: 22px
}

#sidebar {
    float: left;
    width: 258px
}

#content {
    width: 690px;
    float: right
}

#sidebar .block {
    margin-bottom: 17px
}

#sidebar .block h3 img,#sidebar .block>a #sidebar .block>a img {
    display: block
}

#kiyaku,#lecturer-budget,#lecturer-category,#news,#popular-lecturer,#rss,#search-lecturer {
    background-color: #fefde1;
    border: 1px solid #fff;
    outline: #cecdcb solid 1px
}

#lecture-budget,#lecture-category,#search-lecture {
    background-color: #f6f6f6;
    border: 1px solid #fff;
    outline: #cecdcb solid 1px
}

#search-lecture .block-body,#search-lecturer .block-body {
    padding: 15px 20px
}

#search-lecture table tr td,#search-lecture table tr th,#search-lecturer table tr td,#search-lecturer table tr th {
    padding: 5px 0
}

#search-lecture table tr th,#search-lecturer table tr th {
    padding-right: 20px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle
}

#search-lecture table,#search-lecturer table {
    margin-bottom: 10px
}

#search-lecture .query-and-submit,#search-lecturer .query-and-submit {
    padding: 5px;
    background-color: #fc8300
}

#search-lecture .query-and-submit input,#search-lecturer .query-and-submit input {
    height: 19px;
    width: 138px;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 1px;
    float: left
}

#search-lecture .query-and-submit a,#search-lecturer .query-and-submit a {
    display: block;
    text-decoration: none;
    color: #fff;
    letter-spacing: .3em;
    height: 21px;
    line-height: 22px;
    float: right;
    width: 60px;
    text-align: center
}

#search-lecture select,#search-lecturer select {
    width: 100%
}

#lecturer-category .block-body {
    padding: 10px 20px
}

#lecturer-category ul li {
    padding: 5px 15px 4px;
    border-bottom: dotted 1px #666
}

#lecture-category .block-body {
    padding: 10px 20px
}

#lecture-category ul li {
    height: 30px;
    padding: 5px 0 8px 15px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #666
}

#lecture-category ul li img {
    vertical-align: middle
}

#lecture-category a {
    font-weight: 700;
    font-size: 14px;
    margin-left: 14px
}

#lecture-budget .block-body,#lecturer-budget .block-body {
    padding: 15px 20px 10px
}

#lecture-budget ul li,#lecture-budget ul li img,#lecturer-budget ul li,#lecturer-budget ul li img {
    display: block
}

#lecture-budget ul li,#lecturer-budget ul li {
    margin-top: 2px
}

#lecture-budget ul li:first-child,#lecturer-budget ul li:first-child {
    margin-top: 0
}

#popular-lecturer .block-body {
    padding: 15px 20px
}

#popular-lecturer ul li {
    margin-top: 9px;
    padding-top: 15px;
    border-top: dotted 1px #666
}

#popular-lecturer ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

#popular-lecturer img.photo {
    float: left;
    border: 2px solid #fc8300;
    display: block;
    margin-right: 15px
}

#popular-lecturer p.occupation {
    padding-top: 10px
}

#popular-lecturer p.name {
    font-size: 1pc
}

#news .block-body,#rss .block-body {
    padding: 15px 20px
}

#news ul li,#rss ul li {
    border-top: dotted 1px #666;
    padding-top: 9px;
    margin-top: 10px
}

#news ul li:first-child,#rss ul li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

#news p.comment,#rss p.comment {
    padding-top: 5px
}

#kiyaku .block-body {
    padding: 10px
}

#kiyaku pre {
    white-space: pre-wrap;
    overflow: auto;
    height: 180px
}

#content .block {
    margin-bottom: 17px
}

#jisseki,#recommended,#special-contents,#voice-of-staff {
    border: 1px solid #ccc
}

#recommended h3,#special-contents h3,#voice-of-staff h3 {
    border: 1px solid #fff
}

#jisseki .block-body,#special-contents .block-body,#voice-of-staff .block-body {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #fff #fff
}

#content .block-body p.name,#content .block-body p.occupation {
    text-align: center;
    border-bottom: dotted 1px #666;
    line-height: 100%
}

#content .block-body p.name {
    font-size: 1pc;
    padding-bottom: 5px
}

#content .block-body p.occupation {
    padding: 8px 0
}

#content .block-body p.theme {
    margin-top: 8px;
    line-height: 150%
}

#content .block h3 img {
    float: left;
    margin-right: 15px
}

#content .block img.photo {
    border: 2px solid #fc8300;
    display: block
}

#special-contents,#voice-of-staff {
    background-color: #ffe4b5
}

#special-contents ul li {
    width: 150px;
    display: inline;
    float: left;
    margin: 0 8px
}

#special-contents .block-body {
    padding: 18px 10px 10px
}

#special-contents img.photo {
    margin: 0 auto 15px
}

#jisseki .block-body {
    padding: 18px 20px
}

#voice-of-staff ul {
    padding: 0 20px
}

#voice-of-staff ul li {
    padding: 19px 0 20px;
    border-top: dotted 1px #666
}

#voice-of-staff ul li:first-child {
    border-top: 0
}

#voice-of-staff img {
    border: 0;
    float: left
}

#voice-of-staff p {
    width: 430px;
    float: right
}

#event h3 {
    width: 665px;
    height: 41px;
    background-color: #fff;
    margin: 30px auto 25px
}

#featured-performers,#pop-enter,#recommended-genre {
    background-color: #fff;
    border: 1px solid #ccc
}

#featured-performers .block-body,#pop-enter .block-body,#recommended-genre .block-body {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #fff #fff
}

#featured-performers h4,#pop-enter h4,#recommended-genre h4 {
    height: 31px;
    background: url(../images/101_top/block/event/back.jpg)#fff;
    font-size: 14px;
    color: #b41109;
    line-height: 2pc;
    border: 1px solid #fff
}

#featured-performers h4 img,#pop-enter h4 img,#recommended-genre h4 img {
    float: left;
    margin-right: 15px
}

#featured-performers ul li {
    width: 150px;
    display: inline;
    float: left;
    margin: 0 8px
}

#featured-performers .block-body {
    padding: 18px 10px 10px
}

#featured-performers .block-body img.photo {
    margin: 0 auto 15px
}

#event .block-body img.photo {
    border: 2px solid #cecdcb
}

#recommended-genre h4 a {
    float: right;
    margin-top: 7px
}

#recommended-genre .block-body {
    background-color: #fff;
    padding: 0
}

#recommended-genre .block-body p.name {
    text-align: left
}

#recommended-genre ul li {
    background-color: #f9f8f8;
    border-top: solid 1px #ccc;
    margin-top: 1px;
    padding: 30px 18px 15px
}

#recommended-genre ul li:first-child {
    border-top: 0;
    margin-top: 0
}

#recommended-genre table {
    border-collapse: separate;
    border-spacing: 30px 10px;
    margin: -10px -30px
}

#recommended-genre table th {
    width: 90pt
}

#recommended-genre table td {
    width: 103px
}

#recommended-genre table tr.photo td,#recommended-genre table tr.photo th {
    height: 7pc;
    text-align: center
}

#recommended-genre table tr.photo th {
    color: #fff;
    font-size: 1pc;
    font-weight: 700;
    background-color: #f28d01;
    vertical-align: middle;
    padding: 0 10px;
    width: 75pt
}

#recommended-genre table tr.photo td img {
    border: 2px solid #ccc;
    display: block;
    margin: 0 auto
}

#recommended ul li {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #fff #fff
}

#recommended ul li#osusume-0 {
    background-color: #dbffff;
    padding: 30px 18px 15px
}

#recommended ul li#osusume-0 table tr.photo th {
    background-color: #0bf3ff
}

#recommended ul li#osusume-1 {
    background-color: #e0ffdf;
    padding: 30px 18px 15px
}

#recommended ul li#osusume-1 table tr.photo th {
    background-color: #32cd33
}

#recommended ul li#osusume-2 {
    background-color: #ffe5e6;
    padding: 30px 18px 15px
}

#recommended ul li#osusume-2 table tr.photo th {
    background-color: #c71585
}

#recommended ul li#osusume-3 dl dt,#recommended ul li#osusume-3 table tr.photo th {
    background-color: #ffd701
}

#recommended ul li#osusume-3 {
    background-color: #ffffd1;
    padding: 30px 18px 15px
}

#recommended ul li dl dd,#recommended ul li dl dt {
    width: 78pt;
    margin: 30px 15px 15px;
    float: left
}

#recommended ul li dl dt {
    width: 90pt;
    height: 7pc;
    margin-left: 18px;
    text-align: center;
    line-height: 7pc;
    font-size: 1pc;
    font-weight: 700;
    color: #fff;
    background-color: #0ff
}

#recommended ul li#osusume-0 dl dt {
    background-color: #0bf3ff
}

#recommended ul li#osusume-1 dl dt {
    background-color: #32cd33
}

#recommended ul li#osusume-2 dl dt {
    background-color: #c71585
}

#recommended p.theme {
    text-align: center
}

#recommended .block-body img {
    margin-bottom: 15px
}

#recommended dl dd {
    text-align: center
}

#recommended table {
    border-collapse: separate;
    border-spacing: 30px 10px;
    margin: -10px -30px
}

#recommended table th {
    width: 90pt
}

#recommended table td {
    width: 103px
}

#recommended table tr.photo td,#recommended table tr.photo th {
    height: 7pc;
    text-align: center
}

#recommended table tr.photo th {
    color: #fff;
    font-size: 1pc;
    font-weight: 700;
    background-color: #f28d01;
    vertical-align: middle;
    padding: 0 10px;
    width: 75pt
}

#recommended table tr.photo td img {
    border: 2px solid #ccc;
    display: block;
    margin: 0 auto
}

#pop-enter img.img-best {
    float: left
}

#pop-enter img.img-rank {
    float: right;
    border: 2px solid #ccc;
    margin-bottom: 13px
}

#pop-enter ul {
    padding-left: 18px;
    padding-top: 20px
}

#pop-enter ul li {
    width: 148px;
    float: left;
    margin-right: 19px;
    margin-bottom: 20px
}

#pop-enter ul li p {
    border-bottom: dotted 1px #666;
    text-align: center;
    padding: 2px 0;
    font-size: 1pc
}

#pop-enter p.show {
    font-size: 13px;
    padding: 3px 0
}

#pr1 .pr-title,#pr2 .pr-title {
    font-size: 1pc;
    line-height: 22px;
    color: #ae3c3f;
    font-weight: 700;
    margin-bottom: 10px
}

#pr1,#pr2 {
    padding: 20px;
    background: #fefde1;
    border: 1px solid #cecdcb
}

#lecturer_ranking {
    background-color: #fefde1;
    border: solid 1px #fff;
    outline: solid 1px #cecdcb
}

#lecturer_ranking .block-body h3 {
    height: 39px;
    border: solid 1px #fff;
    outline: solid 1px #cecdcb;
    padding-bottom: 0;
    background-color: snow;
    line-height: 39px;
    color: #4a4b45;
    font-size: 18px
}

#lecturer_ranking .block-body {
    padding: 20px;
    border-top: 0
}

#lecturer_ranking p {
    margin: 14px 0
}

#lecturer_ranking li {
    display: flex;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #cecdcb
}

#lecturer_ranking .rank {
    width: 50px;
    margin-right: 14px
}

#lecturer_ranking li:first-child .rank {
    background: url(/bundles/eikodemo/images/lecturer_ranking/rank01.png)center no-repeat
}

#lecturer_ranking li:nth-child(2) .rank {
    background: url(/bundles/eikodemo/images/lecturer_ranking/rank02.png)center no-repeat
}

#lecturer_ranking li:nth-child(3) .rank {
    background: url(/bundles/eikodemo/images/lecturer_ranking/rank03.png)center no-repeat
}

#lecturer_ranking li:nth-child(n+4) .rank {
    position: relative
}

#lecturer_ranking li:nth-child(n+4) .rank span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    font-weight: 700
}

#lecturer_ranking .thumb {
    float: left;
    width: 6pc;
    height: 90pt;
    margin-right: 20px
}

#lecturer_ranking .detail {
    float: left;
    width: 25pc
}

#lecturer_ranking .lecuturer_name {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 4px
}

#lecturer_ranking .lecuturer_genre,#lecturer_ranking .lecuturer_job {
    font-size: 14px;
    margin: 0
}

#footer-nav,p#copyright {
    float: right
}

#lecturer_ranking .thumb img {
    width: 100%
}

#lecturer_ranking .lecturer_name {
    margin-bottom: 10px;
    border-bottom: 1px solid #cecdcb;
    font-size: 18px
}

#lecturer_ranking .lecturer_genre,#lecturer_ranking .lecturer_job {
    font-size: 14px
}

#footer-middle {
    background-color: #f9f7f8;
    padding: 30px 0
}

#footer-middle-left {
    float: left;
    width: 358px
}

#footer-middle-left h4 {
    margin-bottom: 10px
}

#footer-middle-left p {
    margin-bottom: 15px
}

#footer-middle-left ul li {
    float: left;
    margin-right: 4px
}

#footer-nav {
    width: 572px;
    border-left: 1px solid #cecdcb;
    padding-left: 3pc
}

#footer-nav ul {
    margin-top: 15px
}

#footer-nav ul:first-child {
    margin-top: 0
}

#footer-bottom ul li,#footer-nav ul li {
    float: left;
    margin-right: 15px
}

#footer-nav table th {
    font-weight: 400;
    text-align: left;
    padding-right: 15px
}

#footer-nav table tbody:before {
    content: " ";
    display: block;
    height: 0
}

#footer-nav table tbody tr:first-child td {
    padding-top: 15px
}

#footer-bottom {
    margin: 10px 0 15px
}

#footer-nav a {
    font-size: 90%
}

@media screen and (min-width: 415px) {
    .block-heading-lv3 {
        height:auto;
        padding: 4px 10px;
        background: #fc8300;
        color: #fff;
        font-size: 18px;
        text-shadow: 1px 1px 2px #b7660d
    }

    .block-heading-lv3-caption {
        height: auto;
        border: 0
    }

    .block-heading-lv3-caption span:first-child {
        display: inline-block;
        padding: 4px 0;
        background: #fc8300;
        color: #fff;
        text-shadow: 1px 1px 2px #b7660d;
        text-align: center;
        font-size: 1pc;
        box-sizing: border-box
    }

    .block-heading-lv3-caption span:last-child {
        display: inline-block;
        padding: 4px 9pt;
        background: #f5f5f5;
        font-size: 1pc;
        font-weight: 400;
        color: red
    }

    #special-contents.block h3.block-heading-lv3-caption span:first-child {
        width: 15pc
    }

    #special-contents.block h3.block-heading-lv3-caption span:last-child {
        width: 422px
    }

    #special-contents .block-body {
        padding: 20px 20px 0;
        background: #fff;
        border: 0;
        overflow: hidden
    }

    #content .block-body .teacher-layout {
        overflow: hidden
    }

    #content .block-body .teacher-layout li {
        display: block;
        float: left;
        width: 48%;
        margin: 0 0 20px;
        padding: 0;
        background: #fff;
        border: 0;
        box-sizing: border-box;
        overflow: hidden
    }

    #content .block-body .teacher-layout li:nth-child(odd) {
        margin-right: 4%
    }

    #content .block-body .teacher-layout .thumbnail {
        float: left;
        width: 88px;
        margin-right: 20px
    }

    #content .block-body .teacher-layout .thumbnail img.photo {
        margin: 0;
        border: 1px solid #ccc;
        text-align: left
    }

    #content .block-body .teacher-layout .name {
        float: left;
        width: 202px;
        margin-bottom: 8px;
        border: 0;
        font-size: 18px;
        font-weight: 700;
        text-align: left
    }

    #content .block-body .teacher-layout .occupation {
        float: left;
        width: 202px;
        margin-bottom: 10px;
        padding: 0;
        border: 0;
        text-align: left
    }

    #content .block-body .teacher-layout .theme {
        float: left;
        width: 202px;
        margin: 0;
        padding-top: 8px;
        border-top: 1px solid #ccc;
        text-align: left
    }

    #recommended-genre-tab ul li,#recommended-tab ul li {
        display: inline-block;
        padding: 6px 10px 4px;
        margin-right: 6px;
        font-size: 15px;
        cursor: pointer
    }

    #recommended.block h3.block-heading-lv3-caption {
        border: 1px solid #ccc;
        margin-bottom: 20px
    }

    #recommended.block h3.block-heading-lv3-caption span:first-child {
        width: 15pc
    }

    #recommended.block h3.block-heading-lv3-caption span:last-child {
        width: 422px
    }

    #recommended-tab ul li {
        border: 1px solid #ccc;
        border-bottom: 0;
        border-radius: 5px 5px 0 0
    }

    #popular-genre.block h3.block-heading-lv3-caption span:first-child {
        width: 200px
    }

    #popular-genre.block h3.block-heading-lv3-caption span:last-child {
        width: 404px
    }

    #featured-performers.block h3.block-heading-lv3-caption span:first-child {
        width: 15pc
    }

    #featured-performers.block h3.block-heading-lv3-caption span:last-child {
        width: 422px
    }

    #recommended-genre.block h3.block-heading-lv3-caption {
        border: 1px solid #ccc;
        margin-bottom: 20px
    }

    #recommended-genre {
        background: #fff;
        border: 0
    }

    #recommended-genre.block h3.block-heading-lv3-caption span:first-child {
        width: 15pc
    }

    #recommended-genre.block h3.block-heading-lv3-caption span:last-child {
        width: 422px
    }

    #recommended-genre-tab ul li {
        border: 1px solid #ccc;
        border-bottom: 0;
        border-radius: 5px 5px 0 0
    }

    #recommended-genre #recommended-genre-tab ul li.active,#recommended-genre-tab ul li:hover {
        background: #fff;
        border: 1px solid #ff8787;
        border-bottom: 0;
        color: #ff8787
    }

    #recommended-genre #recommended-genre-tab ul li.active {
        position: relative;
        cursor: default
    }

    #recommended-genre ul li:first-child {
        border-top: 1px solid #ccc
    }

    #recommended-genre-tab ul li.active:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #fff;
        z-index: 1
    }

    #recommended-genre .block-body {
        padding: 20px 20px 0;
        background: #fff;
        border: 1px solid #ff8787;
        overflow: hidden;
        box-sizing: border-box
    }
}