@charset "utf-8";

.cf03 .btnA div.error {
    display: none;
    position: relative;
    top: 0px;
    border: 1px solid #c4b841;
    background-color: #fff69e;
    padding: 20px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
    background-image: none;
}

#edit-timezone {
    display: none;
}
#edit-picture {
    display: none;
}

#edit-locale {
    display: none;
}

#edit-field-newsletter-und {
    float: left;
    margin-top: 5px;
}

.tc01.excerpt .leftA .thumbA.pf {
    float: left;
    margin-left: 204px;
    margin-right: 60px;
    width: 431px;
    height: 287px;
    overflow: hidden;
}
.tc01.excerpt .leftA .thumbA.pf img {
    display: block;
    width: 431px;
    height: 287px;
}



/*
.ng01 .menuA .lnb > li ul li a{
    font-family: 'garamond-premier-pro',Georgia, Cambria, "Times New Roman", Times, serif;
    height:30px;
    line-height: 30px;
}
*/
.ng01 .menuA .lnbA{
    overflow-y: inherit;
}
ul li.expanded{
    list-style-position: inside;
    list-style-image: none;
    list-style: none;
    list-style-type: unset;
}
.ng01 .menuA .lnb > li {
    border-bottom: 1px solid #dedede;
    padding: 0.2em 0.5em 0 0;
    margin: 0;
}
.bullet {
    float: right;
    margin: 16px;
}

.ng01 .menuA .lnb > li > a{
    display: inline;
    padding-left:20px;
    font-size: 18px;
}
.ng01 .menuA .lnb > li.expanded > a{
    padding-left: 20px;
    font-size: 18px;
}
.ib01 .slide li img{/*display:block;width: auto;margin: 0 auto;*/height:auto;}
.fc04 .contentA p em{
    font-style: italic;
    display: inline;
    padding:0;
    margin: 0;
}
.lc07{
    margin-top:25px;
}
.lc03.book li .thumb img{height: auto;}
/*
#views-exposed-form-profile-page,
#views-exposed-form-translators-page{background: #f3f3f3;}
#views-exposed-form-profile-page label,
#views-exposed-form-translators-page label{display: none;}
.views-widget-filter-field_index_tid .form-item [id*="edit-field-index-tid-"]{display: inline-block;
    margin: 5px;}
.views-widget-filter-field_index_tid .form-item [id*="edit-field-index-tid-"] a{
    display: block;
    font-size: 24px;
    color: #252525;
    height: 58px;
    line-height: 64px;
}
#views-exposed-form-profile-page .selected a,
#views-exposed-form-translators-page .selected a{
    color: #ff0000;
}
*/
.tc01.interview .leftA .thumbA{
    height: auto;
}
.tc01.interview .leftA .thumbA img{
    min-height: auto;
    height: auto;
}
/*
.ng01 .menuA .info li{
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
}
*/
.ng01 .menuA .gnb li:first-child:after{
    content:"";
}
.ib01 .slide li dl dd{
    font-family: 'garamond-premier-pro',Georgia, Cambria, "Times New Roman", Times, serif;
}
.fc04 .contentA p{
    margin-bottom: 20px;
}
.cf02 .info dd em{
    font-style: italic;
}
/*
.lc01 li{
    max-height: 270px;
}
*/
/*
.lc01 li .thumb.fiction{
    display: block;
    width: 250px;
    width: 100%;
    height: 164px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    background-color: #ffffff;
}
.lc01 li .thumb.fiction img{
    display: inline;
    width: 100%;
    min-height: 164px;
    height: 164px;
    width: auto;
    vertical-align: middle;
}*/
.tc01 .bodyA .postA.no_login{
    position: relative;
    height: 300px;
    overflow: hidden;
}
.tc01 .bodyA .postA.no_login .gbg{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,ffffff+30,ffffff+37&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.37) 90%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 80%,rgba(255,255,255,0.37) 90%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 80%,rgba(255,255,255,0.37) 90%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/*
.cf03 .form-item input[type=text], .cf03 .form-item input[type=email], .cf03 .form-item input[type=password] {
    border: none;
    border-bottom: 1px solid #c4b2a4;
    font-size: 16px;
    height: 35px;
    background-color: #f3eeea;
    width:100%;
}
.cf03 #edit-submit{height:32px;line-height:32px;font-size:16px;color:#fff;border:none;background-color:#a07b5e;padding:0 15px;border-radius:3px;cursor:pointer;font-family:Roboto}
.webform-client-form input[type=text], .webform-client-form  input[type=email], .webform-client-form  input[type=password] {
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    font-size: 16px;
    height: 35px;
    background-color: rgb(243, 238, 234);
    border-style: none none solid;
    border-image: initial;
    border-bottom: 1px solid rgb(196, 178, 164);
}
.webform-client-form  input::-webkit-input-placeholder {
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.webform-client-form  input::-moz-placeholder { 
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.webform-client-form  input:-ms-input-placeholder { 
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.webform-client-form  input:-moz-placeholder { 
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.webform-client-form textarea{
    border: 1px solid #c4b2a4;
    width: 100%;
    font-size: 16px;
    height: 250px;
    background-color: #f3eeea;
    padding: 15px;
    box-sizing: border-box;
}
input.webform-submit{
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    border: none;
    background-color: #a07b5e;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    font-family: Roboto;
}
*/
.tc01 .leftA .infoA .bookInfo dt,
.tc01 .leftA .infoA .bookInfo dd{
    font-size: 14px;
}
.tc01 .leftA .infoA{
    margin-top:240px;
}
.sso__button img{
    width:100px;
}
/*
.fc04 .messages {
    margin: 0 auto;
    width: 660px;
}
*/
.tc01 .leftA{
    padding-top:25px;
}
.tc01 .leftA .bodyA{
    padding-top:25px;
}
.postA em{
    font-style: italic;
}

.lnbA .menu-header {
    padding: 18px 0px 6px 20px;
    font-size: 25px;
    height: 61px;
    border-bottom: 1px solid #ddd;
}

.lnbA .menu-header a{
    color: red;
    font-size: 25px;
}

.ng01 .menuA .lnb {
    margin-bottom: 10px;
}
.tc03.audio {
    position: relative;
}
.tc03.video {
    position: relative;
}

.thumb_title {
    background-color: black;
    opacity: .7;
    color: white;
    position: absolute;
    width: 100%;
    padding: 5px 10px;
    display: block;
    bottom: 0px;
}

.thumb_title a{
    color: white;   
}
.th02 dt em a{
    display: block;
    font-size: 16px;
    color: #ff0000;
    font-family: Roboto;
}

/* 180302 */
.bbg { background-color: rgba(0,0,0,0.70); position: absolute; width: 100%; height: 100%; top: 0; z-index: 11}
.banner_01 .whitebox{position: fixed;width:540px; height: 495px;top:50%; left:50%;margin:-297px 0 0 -270px; border: 3px solid #aaaaaa; background-color: #fff; text-align: center;padding:10px; box-sizing: border-box;  }
.banner_01 .whitebox .banner_close {float:right;}
.banner_01 .whitebox .banner_close img{ width:20px; height: 20px;}
.banner_01 .whitebox .b01_logo {margin-top: 84px;margin-bottom: 80px}
.banner_01 .whitebox .b01_logo:after {content: ""; width: 96px; height: 2px; background-color: #ff0000; display: block; position: relative; left: 50%; margin-left: -48px; top: 24px;}
.banner_01 h1 {font-size: 22px;margin-bottom: 20px;}
.banner_01 p {padding:0 40px;}
.banner_01 a.btn_red {margin-top: 50px;}
a.btn_red {padding: 12px 32px; background-color: #ff0000; font-family: Roboto; color:white;border-radius: 30px; font-size: 16px;display: inline-block; }
.banner_01 .b01_logo img { width:413px ; height: 39px;}



.banner_02 { position: fixed; bottom:0; z-index: 13; background-color:#81909a; width:100%; height: 90px;  }
.banner_02 .banner_close {float:right;margin-right:30px; margin-top: 13px;  }
.banner_02 .banner_close img{ width:20px; height: 20px;}
.banner_02 .tbox {margin: 0 auto; width:726px; }
.banner_02 .tbox img{ margin-top: -44px; float:left;}
.banner_02 .tbox p {color: white; padding-top: 18px;padding-left: 8px; width: 440px;display: inline-block; font-size: 16px;}
.banner_02 .tbox a {float:right;}
.banner_02 .tbox a.btn_red.line {border: 1px solid white; background-color: transparent;margin-top: 18px;} 


.banner_03 {position: fixed; right:30px; bottom:38px ; z-index: 12; background-color:#d5f3e5; width:512px; height: 184px; padding: 14px; box-sizing: border-box; border-radius: 5px;}
.banner_03 .banner_close {float:right;  }
.banner_03 .banner_close img{ width:20px; height: 20px;}
.banner_03 .tbox {margin: 0 auto;  }
.banner_03 .tbox img{ float:left;width: 80px;}
.banner_03 .tbox h1 {display: inline-block; font-size: 20px;letter-spacing: -1px; padding-top: 17px; padding-left: 8px;width:77%;}
.banner_03 .tbox p {color: #1b1b1b; padding-top: 6px;padding-left: 8px; width: 340px;display: inline-block; font-size: 15px; line-height:18px; }
.banner_03 .tbox a.btn_red { display: inline-block; font-size: 12px;padding: 3px 20px;margin-top: 6px;margin-left: 80px;  }
.banner_03 .tbox p.popup_desc p { padding-left:0}

.banner_04 .whitebox{position: fixed;width:540px; height: 495px;top:50%; left:50%;margin:-297px 0 0 -270px; background-color: #fff; text-align: center;padding:10px; box-sizing: border-box;  background-size: cover;background-repeat: no-repeat;background-position: center;cursor:pointer;-webkit-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.4);box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.4);}
.banner_04 .whitebox .banner_close {float:right;}
.banner_04.whitebox .banner_close img{ width:20px; height: 20px;}
.banner_04.whitebox .b01_logo {margin-top: 84px;margin-bottom: 80px}
.banner_04 .whitebox .b01_logo:after {content: ""; width: 96px; height: 2px; background-color: #ff0000; display: block; position: relative; left: 50%; margin-left: -48px; top: 24px;}
.banner_04 h1 {font-size: 22px;margin-bottom: 20px;}
.banner_04 p {padding:0 40px;}
.banner_04 a.btn_red {margin-top: 50px;}
.banner_04 .b01_logo img { width:413px ; height: 39px;}


@media screen and (max-width: 1023px) {
	.bbg {z-index: 100;}
	.banner_01 .whitebox { width: 90%; height: auto; margin: 0 5%; top: 20%; left: inherit;padding-bottom: 40px;}
	.banner_01 .whitebox .b01_logo {margin-top: 64px; margin-bottom: 60px;}
	.banner_01 .b01_logo img {width:84%; height: auto;}
	.banner_01 h1 { font-size: 16px;}
	.banner_01 a.btn_red {margin-top: 30px}
	.banner_02 {height: 120px;}
	.banner_02 .tbox img {margin-top: 0; width: 16%;}
	.banner_02 .banner_close {margin-right: 13px;}
	.banner_02 .tbox p {width:30%; font-size: 13px;padding-left: 0;}
	.banner_02 .tbox a {float: none;}
	.banner_02 .tbox a.btn_red.line { font-size: 12px; margin-top: 10px; padding: 3px 16px;}
	.banner_03 {z-index: 100; width: 90%; height: auto; margin: 0 5%; right: inherit; bottom: 3%;}
	.banner_03 .tbox img {width:21%;}
	.banner_03 .tbox h1{width:68%;}
	.banner_03 .tbox p {width:70%;font-size: 13px;}
	.banner_03 .tbox a.btn_red {margin-left: 22%;}
	.banner_04 .whitebox {   width: 90%;   height: 50%;   margin: 0 5%;   top: 20%;   left: inherit;}
    .ng01 .menuA .lnbA{
        overflow-y:scroll;
    }
    .th02 dd ul.sns li.print{
        display: none;
    }
    .tc01 .leftA .infoA{
        margin-top:0px;
    }
    .tc01.excerpt .leftA .infoA{
        padding-top: 120px;
    }
    .ng06 li a{
        font-size: 13px;
    }
/*
    .fc04 .contentA p{
        font-size: 20px;
        line-height: 30px;
        margin-bottom:25px
    }
*/
    .webform-layout-box.horiz > * + *{
        margin-left: 0;
    }
/*
    #main_wrap input[type=text], input[type=file], input[type=password], textarea{
        width:70%;
    }
*/

    div.form-item div.password-suggestions {
        padding: 0.2em 0.5em;
        margin: 0.7em 0;
        width: 38.5em;
        border: 1px solid #B4B4B4;
        width: auto;
    }

    .postA img {
        width: 100% !important;
        height: auto !important;
    }

    .hd01.fixtop, .hd02.fixtop, .hd03.fixtop {
        position: fixed;
        z-index: 99;
        -webkit-box-shadow: 0 1px 1px 0 #ddd;
        box-shadow: 0 1px 1px 0 #ddd;
        background-color: #fff;
        width: 100%;
    }

    .hd03_01.fixtop {
        position: fixed;
        z-index: 99;
        -webkit-box-shadow: 0 1px 1px 0 #ddd;
        box-shadow: 0 1px 1px 0 #ddd;
        width: 100%;
    }

    .fc01 {
        padding: 80px 0 50px;
    }

    .fc02 {
        padding: 80px 0 70px;
        overflow: hidden;
    }

    .fc03 {
        padding: 60px 0 70px;
        overflow: hidden;
    }

    .fc04 {
        padding: 80px 0 50px;
    }

    

    header.hd01 .inner, header.hd02 .inner, header.hd03 .inner {
        height: 60px;
        border-bottom: 0px solid #000;
    }

    .tc01.excerpt .leftA .thumbA.pf img {
        display: block;
        width: 80%;
        height: auto;
    }
    .tc01.excerpt .leftA .thumbA.pf {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: auto;
        height: 287px;
        overflow: hidden;
    }

}

.content {

    padding: 0 10px;

}
.page-header {

    text-align: center;
    margin: 30px 0;
    border: none;

}
.header-title {
    font-weight: 600;
    font-size: 24px;
    padding: 10px;

}
.fb-01 {

    margin: 10px;

}
.fb-01 p {

    font-size: 12px;

}
.expanded li {

    border-bottom: 1px solid #ddd;
    width: 90%;
    margin-left: 10px;
}
.box-news {
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
}
.news-thumbnail {
    float: left;
    margin: 0 10px;
}
.news-title {
    font-size: 20px;
    font-weight: 600;
}
.box-news img {
    width: 120px;
}
.more-01 a {
    padding: 10px;
    text-align: center;
    color: #bbb;
    font-size: 16px;
}
.clear {
    clear: both;
}
hr {
    width: 95%;
    border: 1px solid #ddd;
}
.panel-body {
    padding: 10px;
    background-color: #f5f5f5;
}
.th01 {
    border: 1px solid #ddd;
    text-align: left;
    padding: 5px;
    color: #ad0d3c;
    background-color: #fff;
}
td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 5px;
    background-color: #fff;
}
.panel {

    margin-bottom: 20px;
    background-color: #fff;
    border: 0px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);

}
.panel-heading {

    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}
.panel-default > .panel-heading {

    color: #333;
    background-color: #fff;
    border-color: #ddd;

}

table {
    border-spacing: 0;
    border-collapse: collapse;
}
.tb-service td{
    border: 0px;
}
.form-sel02 {

    height: 36px;

}
.form-text01 {

    height: 36px;

}
.form-btn01 {

    height: 36px;
    width: 60px;
}


.box-service {
    text-align: center;
}
.box-service01 {
    text-align: center;
    margin: 20px 0;
}

.trh-service {
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #666;
    height: 40px;
    background-color: #eee;
}
.trh-service th, td{
    text-align: center;
}
.trd-service {
    border-bottom: 1px solid #ddd;
    height: 40px;
}
.service-text {
    padding: 30px;
    text-align: left;
    background-color: #eee;
    line-height: 28px;
}
.paginav {

    text-align: center;

}
.pagination > li > a, .pagination > li > span {
    border: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #956185;
}
.pagination > li > a, .pagination > li > span {
    color: #4b4b4b;
}


#carousel-example-generic {
    margin-top: 60px; 
    margin-bottom: 30px;
    height: 410px;
    width: 100%;
}
.carousel-indicators {

    bottom: 0px;

}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #c03c3c;
}
.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.carousel-control.left{
  background: none;
}

.carousel-control.right{
  background: none;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    display: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    display: none;
}

.container {

    padding: 0px;

}


.ib-01 {
    border: 1px solid #ddd;
    height: 260px;
    margin-bottom: 30px;
}
.ib01-imgbox {

    text-align: center;
    margin-bottom: 10px;

}
.ib01-imgbox img {

    width: 100%;

}
.box-link {

    list-style: none;
    margin: 0 20px;
}
.box-link li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    font-size: 16px;
}
.box-link a{
  color: #555;
}
li.li-end {
    border: 0px;
}

.ib-02 {

    margin-bottom: 5px;

}
.ib-02 img {

    width: 100%;

}

.counsel-tag1 img {
    height: 42px;
}
.counsel-tag2 img {
    height: 42px;
}
.counsel-tag3 img {
    height: 42px;
}
.counsel-tag4 img {
    height: 42px;
}
.counsel-tag1,
.counsel-tag2,
.counsel-tag3,
.counsel-tag4, {

    float: left;

}
.tags td {
    border: 0px;
    padding: 0;
}
.row {

    margin-right: 0px;
    margin-left: 0px;

}
.header-subtitle {

    margin-top: 10px;

}
.col-xs-12 {

    padding: 0;

}

.award-date {
    margin-top: 83px;
    color: #999;
}