@charset "utf-8";

/*--------------------------------------
    copyright : Lampros co.,Ltd.
    -----------------------------------*/


/*
 common
==============================*/

body>iframe {
    height: 0;
    position: fixed;
}

span.uwatsuki {
    font-size: 11px;
    vertical-align: text-top;
}

sup {
    font-size: 70% !important;
}

.vabl {
    vertical-align: baseline;
}

.fwb {
    font-weight: bold;
}

#errorWrap {
    color: red;
}

input[type="radio"] {
    margin-bottom: 6px;
}

.red {
    color: red;
}

.red2 {
    color: #ab181f;
}

.red a {
    color: inherit;
}

.footer_banner {
    text-align: center;
    margin: 8% 0;
    padding: 0 5%;
    position: relative;
}

.footer_banner a,
.footer_banner3 a,
.footer_banner_irekae a {
    display: block;
}

.footer_banner2 {
    text-align: center;
    margin: 8% 0;
    padding: 0 5%;
    position: relative;
}

.footer_banner3 {
    text-align: center;
    margin: 3% 0;
    padding: 0 5%;
    position: relative;
}
/*
.footer_banner .go_top {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}*/
.footer_banner .go_top {
    position: absolute;
    right: 0;
    top:135px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.footer_banner .go_top img {
    vertical-align: middle;
}

.footer_banner3 .go_top {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.footer_banner3 .go_top img {
    vertical-align: middle;
}

@media screen and (max-width:640px) {
    .footer_banner {
        margin: 6% 0 15%;
    }
    .footer_banner2 {
        margin: 6% 0 6%;
    }
    .footer_banner3 {
        text-align: center;
        margin: 3% 0;
        padding: 0 5%;
        position: relative;
    }
    .footer_banner .go_top {
        position: absolute;
        top: 130%;
        right: 0;
        left: 0;
    }
    #contents .shhuuri_center .left {
        float: left;
        height: 27px;
        display: block;
        width: 100%;
        text-align: left;
    }
    #contents .shhuuri_center .right img {
        margin-right: 10px;
        vertical-align: middle;
        margin-left: 0px;
    }
    #contents .shhuuri_center a .tel {
        font-size: 30px;

    }
    #contents .shhuuri_center .url {
        text-align: center;
        margin-bottom: 10px;
    }
    #contents .shhuuri_center .url a {
        font-size: 14px;
    }
    #contents .shhuuri_center .url a {
        margin: 10px 0 0 0;
        display: block;
    }


    #contents .shhuuri_center .right {
        width: auto;
    }
    #contents .shhuuri_center .big {
        font-size: 20px;
    }
    #contents .shhuuri_center .ml10 {
        margin-left: 0px;
    }
}

.shhuuri_center {
    padding: 1em;
    background-color: #D1EEF8;
    margin-bottom: 1.5%;
}

.shhuuri_center.contact {
    background-color: #fee6e8;
    display: block !important;
}

.shhuuri_center .intro{
    font-size: 1.2em;
    color: #d00;
    font-weight: bold;
}

.shhuuri_center a {
    font-size: 26px !important;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.shhuuri_center a span {
    font-size: 26px !important;
}

.shhuuri_center.contact .link{
    text-decoration: underline;
    font-size: 0.6em;
    color: #2ea2db;
    vertical-align: baseline;
}

.shhuuri_center.contact .link2{
    text-decoration: underline;
    font-size: 0.95em;
    color: #2ea2db;
}

/*.shhuuri_center a *{vertical-align: middle; line-height: 1;}*/

.shhuuri_center a * {
    vertical-align: middle;
    line-height: 1;
    font-size: 35px;
}

.shhuuri_center a img {
    margin-right: 5px;
    height: 26px;
    margin-bottom: 4px;
}


/*.shhuuri_center a img{margin-right: 5px;}*/

.shhuuri_center .red2 {
    border: 1px solid !important;
    display: inline-block;
    padding: 7px 13px;
    line-height: 1;
    color: #000;
}

.shhuuri_center .right .ml10 {
    display: block;
}

.shhuuri_center .url a {
    display: block;
    margin-left: 10px;
    text-decoration: underline;
}

.shhuuri_center .left {
    display: table-cell;
    width: 240px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
}

.shhuuri_center .right {
    display: table-cell;
    width: 335px;
    height: 55px;
    vertical-align: middle;
}

.shhuuri_center .right .url {
    text-decoration: underline;
}

.shhuuri_center .small {
    font-size: 10px;
}

.shhuuri_center .ml10 {
    margin-left: 10px;
}

.shhuuri_center .big {
    font-size: 24px !important;
    vertical-align: baseline;
    margin-right: 6px
}

#contents .shhuuri_center {
    display: inline-block;
}

#contents .shhuuri_center a {
    color: #000;
}


/*.shhuuri_center .red2{border: 1px solid; display: inline-block; padding: 4px 5px; line-height: 1; color: #000;}*/

.replaceable_maker {
    font-weight: bold;
    background-color: #ecfcff;
    color: #d00;
    padding: 0.6em 1em;
    margin-bottom: 10px;
}


/*------キーカラー（背景）--------*/

#contents nav {
    padding-top: 10px;
    background-color: #59C2E0;
    margin-bottom: 30px;
}


/*------キーカラー（文字）--------*/

#contents nav ul li.current a,
#contents h4,
ul.area li,
.keycolor {
    color: #31ACDF;
}

ul.area li.current {
    background-color: #31ACDF;
    border-color: #31ACDF;
}

/* body ----------*/

body{
    text-justify: inter-word;
    color: #000;
    -webkit-text-size-adjust: 100%;
}

body :not([class^="l-"]):not([class^="m-"]) {
    font-size: 14px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
}

a:not([class^="l-"]):not([class^="m-"]) {
    color: revert;
}

a:link,
a:visited {}

a:hover,
a:active {}

a:focus,
*:focus :not([class^="l-"]) {
    outline: none;
}

strong {
    color: revert;
}

@media screen and (min-width: 641px) {
    .sp {
        display: none !important;
    }
    a:hover:not([class^="l-"]):not([class^="m-"]) {
        opacity: .6;
    }
    a:not([class^="l-"]):not([class^="m-"]) {
        transition: 0.3s
    }
    #nav ul li a {
        transition: 0;
    }
}

@media screen and (max-width: 640px) {
    .pc {
        display: none !important;
    }
    .sp_half_img_l,
    .sp_half_img_r {
        width: 200%;
        max-width: none;
    }
    .sp_half_img_r {
        margin-left: -100%;
    }
}

form .greetings {
    display: block;
}

form .yasumi {
    display: none;
    margin-bottom: 15px;
}

form .yasumi .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
}


/* wrap ----------*/

#wrap {
    margin: 0 auto;
}

@media screen and (min-width: 641px) {
    #wrap {
        width: 1000px;
    }
}

@media screen and (max-width: 640px) {
    img {
        max-width: 100%;
    }
    /* #wrap {
        overflow-x: hidden;
    } */
}


/* header ----------*/

#menu_btn {
    background-color: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
}

#menu_btn:before {
    font-family: fontAwesome;
    content: "\f0c9";
    line-height: 50px;
    font-size: 26px;
}

#menu_btn.kai:before {
    content: "\f00d";
}

#header {
    height: 70px;
    /*padding-left: 25px; padding-right: 40px;*/
    position: fixed;
    box-sizing: border-box;
    top: 0;
    background-color: #fff;
    z-index: 10;
}

#header h1,
header>div {
    height: 100%;
}

#header h1 a {
    display: inline-block;
    height: 100%;
    padding-top: 16px;
    box-sizing: border-box;
}

#header>div {
    box-sizing: border-box;
    padding-top: 16px;
}

#header>div a {
    margin-left: 2px;
}

#header .forms {
    transition: 0.3s;
    font-weight: bold;
    text-decoration: none;
    color: #31ACDF;
    width: 100px;
    display: inline-block;
    border-radius: 3px;
    background-color: #CDEEF7;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding-top: 7px;
    height: 23px;
    font-size: 11px;
}

#header .forms:hover {
    opacity: 0.7;
}

#header .dsjp {
    transition: 0.3s;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 0 7px;
    display: inline-block;
    border-radius: 3px;
    background-color: #5F5F5F;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding-top: 7px;
    height: 23px;
    font-size: 11px;
}

#header .dsjp:hover {
    opacity: 0.7;
}

@media screen and (min-width: 641px) {
    #header {
        width: 1000px;
    }
}

@media screen and (max-width: 640px) {
    #header {
        width: 100%;
        height: 50px;
    }
    #header h1 a {
        padding-top: 16px;
        padding-left: 10px;
    }
    #header h1 a img {
        height: 26px;
    }
}


/* nav ----------*/

#pankuzu {
    margin-top: 10px;
    margin-bottom: 10px;
}

#pankuzu:after {
    clear: both;
    display: block;
    content: '';
}

#pankuzu li {
    list-style-type: none;
    font-size: 13px;
    float: left;
}

#pankuzu li+li:before {
    content: '>';
    display: inline-block;
    text-align: center;
    width: 2em;
}

#pankuzu li a {
    color: #31ACDF;
}

@media screen and (max-width: 640px) {
    #pankuzu {
        margin-left: auto;
        margin-right: auto;
        max-width: 96%;
    }
    #pankuzu li {
        font-size: 11px;
    }
}

#nav {
    text-align: center;
    position: fixed;
    top: 70px;
    box-sizing: border-box;
    z-index: 10;
}

#nav>ul {
    background-color: #EEEEEE;
}

#nav>ul>li {
    float: left;
    width: 14.285%;
    position: relative;
}

#nav ul li .a {
    background-image: url(/paradia/_img/new_common/nav_bg.jpg);
    background-size: 100% 100%;
}

#nav ul li .a {
    height: 50px;
    display: table-cell;
    width: 1000px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#nav ul li .a:hover {
    opacity: 1;
}

#nav ul li .a>span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}

#nav ul li .a>.mini {
    font-size: 11px;
    margin-top: 0;
}

#nav ul li.contact>.a span {}

#nav ul li.contact>.a span.mini {
    margin-right: 0.5em;
    padding: 0.4em 0;
    width: 5em;
    text-align: center;
}

#nav ul .nav6.contact>.a span.mini {
    background-color: #e17d00;
    color: #fff;
}

#nav ul .nav7.contact>.a span.mini {
    background-color: #31ACDF;
    color: #fff;
}

#nav ul .nav8.contact {
    display: none;
}
@media screen and (max-width: 640px) {
    #nav ul .nav8.contact {
        display: block;
    }
    #nav ul .nav8.contact img {
        height: 18px;
        margin-right:5px;
        display: inline-block;
        vertical-align: middle;
    }
}

@media screen and (min-width: 641px) {
    body.nav1 #nav li.nav1>.a,
    body.nav2 #nav li.nav2>.a,
    body.nav3 #nav li.nav3>.a,
    body.nav4 #nav li.nav4>.a,
    body.nav5 #nav li.nav5>.a,
    body.nav6 #nav li.nav6>.a,
    body.nav7 #nav li.nav7>.a,
    #nav ul li:hover>.a {
        background-image: url(/paradia/_img/new_common/nav_bg_on.jpg);
        color: #FFF;
    }
}

#nav ul li.first>.a {
    box-sizing: border-box;
}

#nav ul li .sub {
    position: absolute;
    width: 100%;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#nav ul li .sub li {
    border-bottom: solid 1px #CCC;
    position: relative;
}

#nav ul li .sub li .a {
    color: #333 !important;
    font-size: 12px !important;
    text-align: left !important;
    height: auto !important;
    padding: 10px;
    line-height: 20px !important;
}

#nav ul .nav5 .sub li .a {
    color: #fff !important;
}
#nav ul .nav5 .sub .faq01 .a{
    background: #31ACDF;
}

#nav ul .nav5 .sub .faq02 .a{
    background: #e17d00;
}

#nav ul li .sub_sub li {
    border-color: #bbb;
}

@media (max-width:640px) {
    #nav ul li .sub{
        transition: 0s !important;
    }
}

@media screen and (min-width: 641px) {
    #nav {
        width: 1000px;
    }
    #nav li:hover {
        z-index: 1;
    }
    #nav ul li .sub {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }
    #nav ul li .sub>li:hover>.a {
        color: #FFF !important;
        background-color: #59C2E1;
        background-image: none;
    }
    #nav ul li .sub_sub>li:hover>.a {
        color: #FFF !important;
        background-color: #59C2E1;
        background-image: none;
    }
    /*#nav ul li .sub_sub{position: absolute; left: 100%; opacity: 0; top: 0;width: 100%; z-index: -1; transition: 0.3s;}*/
    #nav ul li .sub_sub {
        height: 0;
        transition: 0.3s;
        overflow: hidden;
    }
    #nav ul li .sub_sub li .a {
        background-color: #dfdfdf;
        background-image: none;
    }
    #nav ul li .sub li:hover .sub_sub {
        opacity: 1;
        height: 80px;
    }
    #nav ul li .sub:hover,
    #nav ul li .a:hover ~ .sub {
        opacity: 1;
        height: auto;
    }
    #nav ul li .a:hover ~ .sub{

    }
}

@media screen and (max-width: 640px) {
    #nav {
        width: 100%;
        top: 50px;
    }
    #nav ul li {
        float: none;
        width: auto;
    }
    #nav ul li .sub {
        width: auto;
        position: static;
    }
    #nav ul li:hover .sub {
        height: auto;
    }
    #nav ul li .sub li .a {
        background-image: none;
        background-color: #d5d5d5;
        border: 5px solid #e2e2e2;
        border-width: 5px 0;
    }
    #nav ul li .sub_sub li .a {
        background-color: #c0c0c0;
        border-color: #d0d0d0;
    }
    #nav ul li .a {
        height: 44px;
    }
    #nav ul li.contact>.a span.mini {
        width: auto;
        padding: 0.2em 0.4em;
    }
    #nav ul li .sub li .a {
        padding: 6px 10px;
    }
}


/* contents ----------*/

#contents .mincho,
.mincho p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

#contents h1 {
    margin-bottom: 0 !important;
}

#contents {
    font-size: 15px;
    /* margin-top: 102px; */
}

#contents h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 29px;
    line-height: 1;
    box-sizing: border-box;
    border: 2px solid #59c2e1;
    font-weight: normal;
    margin-bottom: 25px;
}
@media screen and (min-width: 641px) {
    #contents h2 .paradia_ruby {
        font-size: 29px;
    }
}

#contents h2 img {
    margin-right: 20px;
}

#contents h2>span {
    position: relative;
    margin-top: 28px;
    display: inline-block;
}
#contents h2>span,
#contents h2>span span {
    font-weight: bold;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
}

#contents h2 span.paradia_ruby:before {
    left: 0;
    bottom: 95%;
}

#contents h2 span.yomigana:after {
    content: "パラディア";
    font-size: 10px;
    letter-spacing: 1em;
    position: absolute;
    left: 0;
    right: 0;
    top: -48px;
    text-align: center;
}

#contents nav {
    padding-top: 10px;
    background-color: #59C2E0;
    margin-bottom: 3%;
}

#contents nav ul {
    position: relative;
    left: -2px;
}

#contents nav ul li {
    float: left;
    margin-right: 7px;
}

#contents nav ul li a {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 40px;
    line-height: 50px;
    width: 242px;
    text-align: center;
    background-image: url(/paradia/_img/common/tab_bg.png);
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

#contents nav ul li:first-child a {
    background-image: url(/paradia/_img/common/tab1_bg.png);
}

#contents nav ul li.current a {
    background-image: url(/paradia/_img/common/tab_bg_current.png);
}

#contents .inner880 {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    max-width: 94%;
}

#contents .inner960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    max-width: 94%;
}

@media screen and (max-width: 640px) {
    #contents h2 span.paradia_ruby:before {
        left: 0;
        bottom: 80%;
    }
    #contents .inner880,
    #contents .inner960 {
        width: 94%;
    }
    #contents nav ul li {
        width: 50%;
        margin-right: 0;
    }
    #contents nav ul li a {
        display: block;
        width: auto;
        background-size: 100% 100%;
    }
    #contents h2 {
        line-height: 1.6;
    }
}

#contents h4 {
    font-size: 22px;
    margin-bottom: 18px;
}

#contents section {
    margin-bottom: 3%;
}

#contents h4:after {
    content: url(/paradia/_img/common/h4bb.png);
    display: block;
    line-height: 1px;
}

span.mini {
    font-size: 73% !important;
    vertical-align: baseline;
}

span.mini a {
    font-size: 11px !important;
}

ul.area {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 30px;
}

ul.area li {
    font-size: 16px;
    font-weight: bold;
    float: left;
    border: 2px solid #98d6ef;
    line-height: 28px;
    padding: 3px 16px 0;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
}

ul.area li.current {
    color: white;
}

#links div {
    position: relative;
}

#links .go_top {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

#links .go_top img {
    vertical-align: middle;
}

#links ul li {
    display: inline-block;
    margin: 0 1px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 2px 0 #999;
}

#links ul {
    margin: 80px 0;
}
.other_inter i{
    vertical-align: baseline;
}
@media screen and (max-width: 640px) {
    /* #contents {
        margin-top: 13vw;
    } */
    #contents h2 {
        font-size: 4.5vw;
        position: relative;
        padding-left: 23.5%;
    }
    #contents h2 img {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
    }
    #contents h2>span {
        display: table-cell;
        width: 1000px;
        padding-left: 5%;
        padding-right: 3%;
        height: 4.5em;
        vertical-align: middle;
        background-color: #fff;
    }
    .interview_summary #contents h2>span.shou,
    .interview_summary #contents span.paradia_ruby{
    font-size:0.9rem;
    }
    #wrap #contents p.shou{
        font-size:0.9rem!important;
    }


    #wrap #contents h3, .h3 {
        font-size: 15px;
    }
    #wrap #contents h4 {
        font-size: 14px;
        margin-bottom: 4%;
    }
    #wrap #contents p {
        font-size: 14px;
    }
    #contents .inner {
        padding-left: 3%;
        padding-right: 3%;
    }
    #links {
        margin-bottom: 7%;
    }
    #links .go_top {
        position: static;
    }
    #links ul {
        margin: 7% 0;
    }
    #links ul li+li {
        margin-top: 3%;
    }
    #contents h4:after {
        content: normal;
    }
    #contents h4 {
        border-bottom: 1px solid;
    }
}


/* footer ----------*/

#footer {
    background: #7f7f7f;
    color: white;
    padding: 10px 15px 3px;
}

#footer small {
    font-size: 10px;
    position: relative;
    bottom: -2px;
}

#footer ul li {
    float: left;
    margin-left: 12px;
}

#footer ul li * {
    color: white;
    text-decoration: none;
    font-size: 10px;
}

#footer ul li a:before,
#footer ul li .a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 5px;
    vertical-align: middle;
}

#footer ul li a:hover {
    color: #CCC;
}

#footer .footer_nav {
    text-align: center;
    padding: 1rem 0 2rem;
    font-size: 0;
}

#footer .footer_nav>li {
    display: inline-block;
    float: none;
    text-align: left;
    width: 14.285%;
    width: 12.9%;
    margin-left: 0;
    padding-right: 10px;
    position: relative;
}

#footer .footer_nav>li.new_li:before{
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: .1em;
    content: 'NEW';
    font-size: 10px;
    display: inline-block;
    padding: .1em .3em;
    line-height: 1;
    border: 1px solid;
}

#footer .footer_nav>li.nav6 {
    width: 22.5%;
}

#footer .footer_nav>li .half {
    width: 48%;
}

#footer .footer_nav .mini {
    display: block;
    padding: 2px 5px;
    font-weight: bold;
    background-color: #eee;
    color: #333;
    margin-bottom: 5%;
    border-radius: 3px;
}

#footer .footer_nav .sub li {
    float: none;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
}

#footer .footer_nav .sub li+li {
    margin-top: 7%;
}

#footer .footer_nav>li>.a {
    font-size: 11px;
    border-bottom: 1px solid #fff;
    display: block;
    margin-bottom: 1em;
    vertical-align: baseline;
    padding-bottom: 0.2em;
}

#footer .footer_nav .sub li .a {
    font-size: 10px;
    display: block;
    line-height: 1.3;
}

#footer .footer_nav .sub+.mini {
    margin-top: 7%;
}

#footer .footer_nav .sub li .a:before {
    content: normal;
}

#footer .footer_nav .sub li .a br {}

#footer .footer_nav .sub .sub_sub li {
    margin-top: 2%;
    padding-left: 7px;
}

@media screen and (max-width: 640px) {
    #footer {
        text-align: center;
        padding: 1em;
    }
    #footer ul li {
        float: none;
        display: inline-block;
    }
    #footer small {
        position: static;
        display: block;
        margin-top: 2em;
    }
    #footer .footer_nav {
        text-align: left;
    }
    #footer .footer_nav>li {
        width: 50%;
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 5%;
    }
    #footer .footer_nav .sub li {
        float: none;
        display: block;
        padding-left: 1%;
        padding-right: 1%;
    }
    #footer .footer_nav>li.nav6 {
        width: 100%;
    }
}


/* clearfix ----------*/

#contents:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#contents {
    display: inline-table;
    min-height: 1%;
    min-height: 100px;
}


/* Hides from IE-mac \*/

* html #contents {
    height: 1%;
}

#contents {
    display: block;
}


/* End hide from IE-mac */


/*フォーム用*/

form span.exam,
form td span.exam {
    vertical-align: middle;
    font-size: 80%;
    color: #999;
}

form p.other {
    display: none;
}

form input[value="その他"],
form input[value="その他"]+label {}

form td .must {
    padding-right: 1em;
    display: inline-block;
}


/*ルビ*/

ruby {
    position: relative;
}

rt {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
}

#contents span.paradia_ruby {
    position: relative;
    vertical-align: baseline;
}

span.paradia_ruby:before {
    content: "パラディア";
    font-size: 10px;
    position: absolute;
    bottom: 80%;
    right: 0;
    left: 0;
    text-align: center;
    letter-spacing: 1em;
    font-weight: normal;
}

span.paradia_ruby.mini_ruby:before {
    letter-spacing: 0;
    left: 0;
    bottom: 53%;
    line-height: 2;
}

span.paradia_ruby.deka_ruby:before {
    letter-spacing: 0;
    left: 0;
    bottom: 64%;
    line-height: 2;
}

h2 span.paradia_ruby:before {
    display: block;
}

@media screen and (max-width: 640px) {
    span.paradia_ruby:before {
        font-size: 6px;
    }
    h2 span.paradia_ruby:before {
        letter-spacing: 0.1em;
        font-size: 45%;
    }
    span.paradia_ruby.mini_ruby:before {
        bottom: 70%;
    }
    #pankuzu span.paradia_ruby:before {
        left: -50%;
        right: -50%;
    }
}

#go_top:before {
    content: "\f139";
    font-family: fontAwesome;
}

#go_top {
    position: fixed;
    right: 5px;
    bottom: 5px;
    line-height: 1;
    text-decoration: none;
    color: #000;
    font-size: 60px;
    opacity: .3;
}


/* voice ---------------*/

#voice_index_zone {
    background-color: #E9E5DF;
    padding: 1% 2% 2%;
    margin-bottom: 3%;

}
#topContents-logo2 {
margin-bottom: 3%;

}
#voice_index_zone h2 {
    text-align: center;
    margin-bottom: 2% !important;
    border: none;
}
#voice_index_zone h2 img{
    margin-right: 0;
}

#voice_index_zone ul {
    font-size: 0;
    text-align: center;
    /*overflow: hidden;*/
}

#voice_index_zone li {
    float: left;
    background-color: #FFF;
}

#voice_index_zone li a {
    /*overflow: hidden;*/
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    display: block;
    position:relative;
}

#voice_index_zone li .img{
    padding: 5px;
    /*overflow:hidden;*/
}
#voice_index_zone li .img img{
    max-width: 100%;
    width:460px;
}

#voice_index_zone li .moji {
    display: block;
    /*position: relative;*/
    padding-bottom: 1%;
}

#voice_index_zone li .moji .was_mincho {
    font-weight: normal;
    color: #a6967e;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:0.8rem;
}
#voice_index_zone li .moji .morsm{
    font-size:12px;
}

/*#voice_index_zone li.new .moji:before{content: 'NEW'; color: #fff; display: inline-block; background-color: #C91E1D; padding: 0 0.3em; margin-right: 0.5em; font-size: 90%;}*/

#voice_index_zone .more {
    margin-top: 0.3em;
}


#voice_index_zone .more span {
    display: inline-block;
    padding: 0.2em 1em 0.1em;
    color: #fff !important;
    background-color: #a6967e;
    font-size: 12px;
    text-decoration: none;
    border-radius: 100px;
}


@media screen and (min-width: 641px) {
    .top #voice_index_zone li{
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px;
    }
    #voice_index_zone li{
        width: calc((151% - 40px) / 3);
        margin-bottom: 20px;
    }
    /*
    #voice_index_zone li:not(:nth-child(3n)){
        margin-right: 20px;
    }
    */


    #voice_index_zone li:nth-child(2n+1){
        margin-right: 20px;
    }
    .top #voice_index_zone li:nth-child(2){
    margin-right:19px;
    }
    .top #voice_index_zone li:nth-child(3){
    margin-right:0px;
    }
}

@media screen and (max-width: 640px) {
    #voice_index_zone li{
        margin-bottom: 10px;
    }
    #voice_index_zone li:nth-child(2){
        margin-top: 20px;
    }
    #voice_index_zone {
    background-color: #E9E5DF;
    padding: 4% 2% 2%;
    /*margin-bottom: 7%;*/

}
    /*
    #voice_index_zone {
        padding: 2% 3% 3%;
    }
    #voice_index_zone h2 {
        padding: 2% 10%;
    }
    #voice_index_zone h2 img{
        position: static;
        height: auto;
    }
    #voice_index_zone li {
        text-align: left;
        width: auto;
        margin-bottom: 3%;
        display: inline-block;
        overflow: hidden;
    }
    #voice_index_zone li a{
        padding: 1%;
        position: relative;
    }
    #voice_index_zone li .img {
        padding: 0;
        width: 42%;
        float: left;
    }
    #voice_index_zone li .moji {

        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 13px;
        overflow: hidden;
        width: 54%;
        float: right;
        margin: 1%;
    }
    #voice_index_zone li .moji .was_mincho {
        display: block;
        line-height: 1.4;
    }
    #voice_index_zone li .moji .was_mincho br{
        display: none;
    }
    #voice_index_zone .more {
        text-align: right;
        margin-top: 0;
        position: absolute;
        right: 0;bottom: 0;
    }
    #voice_index_zone .more span {
        font-size: 10px;
    }
    */
}

#voice_index_zone li.voice_new_icon .moji:after{
    content: 'NEW';
    color: #fff;
    background-color: #31ACDF;
    font-size: .8em;
    display: inline-block;
    padding: .1em .5em;
    font-weight: bold;
    position: absolute;
    left:0;
    bottom:100%;
}


#voice_index_zone .datetime{
    font-size: .8em;
}

@media screen and (max-width:640px) {
    #voice_index_zone .datetime{
        position: absolute;
        left: 41%;
        bottom: 12%;
    }
}
@media screen and (min-width:641px) {
    #voice_index_zone .datetime{
        position: absolute;
        left:41%;
        bottom: 3.3em;
    }
}

.quo_card_banner {
    margin-top: 40px;
    margin-bottom: 40px;
}
.quo_card_banner a {
    display: block;
}
.quo_card_banner img {
    max-width: 100%;
}






/* PIE IE6～8のCSS3プロパティを表示可能にする ----------*/


/* behavior:url(“/_js/PIE.htc”); CSSのプロパティを使ったスタイルシートの末尾に、behaviorプロパティを記述する。設置場所によりパスを変える ------------------- */


/* display:inline-block; *display:inline; *zoom:1; */


/*  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); */