@charset "UTF-8";
.categories {
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem
}

.categories li {
    width: 50%;
    display: table-cell;
    vertical-align: middle
}

.categories .jurisdiction {
    background: #ff97f7
}

.categories .national {
    background: #40c1c6
}

.categories .public {
    background: #34b623
}

.categories .private {
    background: #f39939
}

.categories .area {
    background: #ffc617
}

.categories .contrast {
    color: #fff
}

.categories .other {
    background: #00acf3
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: super
}

.show-pc {
    display: none
}

.show-sp {
    display: block
}

.open_dept {
    background: url(/images/common/ico_open_dept_@2.png) no-repeat center center;
    background-size: 12px 12px;
    width: 12px;
    margin-left: 5px;
    height: 12px
}

.close_dept {
    background: url(/images/common/ico_close_dept_@2.png) no-repeat center center;
    background-size: 12px 12px;
    width: 12px;
    margin-left: 5px;
    height: 12px
}

.dept_note {
    margin-bottom: 15px
}

.dept_note p {
    font-size: 12px;
    color: #222;
    font-size: 1.2rem
}

.dept_note p+p {
    margin-top: 5px
}

.dept_note .dept_open {
    background: url(/images/common/ico_open_dept_@2.png) no-repeat left center;
    background-size: 12px 12px;
    padding-left: 15px
}

.dept_note .dept_close {
    background: url(/images/common/ico_close_dept_@2.png) no-repeat left center;
    background-size: 12px 12px;
    padding-left: 15px
}

.flex-box {
    font-size: 0;
    letter-spacing: -0.4em
}

.flex-box .flex-item {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}

.flex-box .semibold.flex-item {
    width: auto !important;
    margin-bottom: 0 !important
}

.section .ttls .inline-block {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}

.clip {
    background: url(/images/sp/common/ico_clip@2.png) no-repeat 0 0;
    background-size: 176px 44px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer
}

.clip.default {
    width: 44px;
    height: 44px
}

.clip.default.on {
    background-position: -88px 0px
}

.clip.smaller {
    background-size: auto 33px;
    width: 33px;
    height: 33px
}

.clip.smaller.on {
    background-position: -66px 0px;
    background-size: auto 33px;
    width: 33px;
    height: 33px
}

.addClip {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    background-color: #f41c1c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.addClip:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f41c1c transparent
}

.addClipIco {
    position: absolute;
    top: 16px;
    right: 50px;
    width: 15px;
    height: 15px
}

.addClipIco img {
    width: 100%;
    height: auto
}

.university-name-block {
    padding-bottom: 8px;
    border-bottom: 1px solid #b8b8b8;
    zoom: 1
}

.university-name-block:after {
    content: "";
    display: block;
    clear: both
}

.university-name-block .search-input-area {
    margin-bottom: 10px
}

.university-name-block .search-input-area input[type=text] {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    width: 79%;
    vertical-align: middle
}

.university-name-block .search-input-area button {
    width: 15%;
    padding: 0px 0px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 0
}

.university-name-block .info-area .name-area {
    display: table;
    width: 100%;
    padding: 10px 0px
}

.university-name-block .info-area .name-area>* {
    display: table-cell;
    vertical-align: top;
    vertical-align: middle
}

.university-name-block .info-area .name-area .ttl-university {
    padding-left: 10px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 120%
}

.university-name-block .info-area .name-area .ttl-university a {
    color: #2b2b2b;
    text-decoration: none
}

.university-name-block .info-area .name-area .ttl-university.text-lg {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2;
    font-weight: bold;
    padding-left: 5px
}

.university-name-block .info-area .name-area .ttl-university.text-lg .note {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal
}

.university-name-block .baloon2 {
    background: #fff;
    border: 2px solid #ff9211;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 85%
}

.university-name-block .baloon2 #clossebaloon2 {
    text-align: right;
    font-size: 18px;
    font-size: 1.8rem
}

.university-name-block .baloon2 .baloon-inner {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative
}

.university-name-block .baloon2 .baloon-inner a {
    color: #115fff;
    text-decoration: underline
}

.university-name-block .baloon2 .baloon-inner:before {
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #ff9211 transparent;
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 11px;
    font-size: 1.1rem;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

table thead tr th {
    background: #f3f3f3;
    text-align: center;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 0px;
    font-weight: bold;
    vertical-align: middle
}

table thead tr .cell-v-align {
    vertical-align: middle
}

table thead tr .cell-center {
    text-align: center
}

table.deviation-table thead tr .cell-center {
    vertical-align: middle
}

table.deviation-table thead tr .cell-center:first-child {
    width: 40%
}

table.deviation-table thead tr .cell-center:nth-child(2) {
    width: 30%
}

table.deviation-table thead tr .cell-center:nth-child(3) {
    width: 15%
}

table.deviation-table thead tr .cell-center:nth-child(4) {
    width: 15%
}

table.deviation-table .align-right,
table.no-entrance-table .align-right {
    text-align: right
}

table.no-entrance-table thead tr .cell-center:nth-child(3) {
    width: 20%
}

table tbody tr td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 2px;
    vertical-align: middle;
    text-align: left
}

table tbody tr th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 2px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    background: #f3f3f3;
    font-weight: bold
}

table tbody tr .cell-color-default {
    background: #f3f3f3;
    font-weight: bold
}

table tbody tr .cell-center {
    text-align: center
}

table tbody tr .cell-right {
    text-align: right
}

table tbody tr .cell-left {
    text-align: left
}

table tbody tr .required {
    background: #dfffdc
}

table tbody tr .case-required {
    background: #feffdc
}

table tbody tr .selectable {
    background: #ffdcdc
}

table tbody tr .cell-v-align {
    vertical-align: middle
}

.basic {
    margin-bottom: 12px
}

.basic .trend-info a {
    text-decoration: underline
}

.semi-combi {
    margin-bottom: 10px
}

.t-col-xs tr td:first-child {
    width: 20%
}

.t-col-sx tr td:first-child {
    width: 60%
}

.t-col-sm tr th {
    width: 20%
}

.centered {
    text-align: center
}

.striped tr:nth-child(2n) {
    background: #f0f0f0
}

.table-dark {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.table-dark thead tr th {
    background: #e5e5e5;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.table-dark tbody tr td {
    background: #f2f2f2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.table-fixed {
    table-layout: fixed
}

.table-shinro {
    border: 1px solid #ccc;
    margin-bottom: 0
}

.table-shinro tr td,
.table-shinro tr th {
    border: none
}

.table-shinro+.table-shinro {
    border-top: none
}

.table-cost tr th {
    width: 40%
}

.table-cost tr td {
    width: 70%
}

.table-frame-set {
    border-right: 1px solid #ccc;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

.table-frame-set>table {
    width: 840px;
    margin-bottom: 0;
    border-right: none;
    position: relative
}

.table-frame-set>table thead {
    display: block
}

.table-frame-set>table thead tr th {
    text-align: center
}

.table-frame-set>table tbody {
    float: left;
    overflow: scroll;
    display: block
}

.table-frame-set>table tbody tr {
    float: left
}

.table-frame-set>table tr .cell-primary {
    width: 120px
}

.table-frame-set>table tr .cell-secondary {
    width: 160px
}

.table-frame-set>table tr .cell-tertiary {
    text-align: right
}

.table-frame-set>table tr td,
.table-frame-set>table tr th {
    padding-left: 5px;
    padding-right: 5px;
    width: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table-frame-set>table .bun_code {
    background: #ffefdd
}

.table-frame-set+.table-frame-set {
    margin-top: 10px
}

.btn {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.btn:active,
.btn:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn .block-line {
    display: block
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    position: relative
}

.btn-default.btn-arrow-left {
    position: relative
}

.btn-default.btn-arrow-left:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    content: ""
}

.btn-default.btn-arrow-right {
    position: relative
}

.btn-default.btn-arrow-right:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.btn-warning {
    color: #fff;
    background-color: #ff9211;
    border-color: #eea236
}

.btn-warning.btn-arrow-left {
    position: relative
}

.btn-warning.btn-arrow-left:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    content: ""
}

.btn-warning.btn-arrow-right {
    position: relative
}

.btn-warning.btn-arrow-right:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.btn-aside {
    margin: 25px 0px
}

.btn-large {
    display: block;
    margin-bottom: 0;
    text-align: center;
    border-radius: 4px
}

.btn-medical {
    background: #00b5a6;
    color: #fff;
    text-decoration: none
}

.btn-display-block {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn.disabled,
.btn[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=85);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .85
}

fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=85);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .85
}

.btn-univ_set ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex
}

.btn-univ_set ul li {
    width: 18%;
    margin-right: 5px
}

.btn-univ_set ul li a {
    display: block;
    padding: 10px 0 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    box-shadow: 0 0px 0px #000000 !important;
    -moz-box-shadow: 0 0px 0px #000000 !important;
    -webkit-box-shadow: 0 0px 0px #000000 !important;
    text-indent: -9999px;
    position: relative
}

.btn-univ_set ul li a:before {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 12px;
    height: 5px;
    background: #fff;
    margin-left: -5px;
    content: ""
}

.btn-univ_set ul li a:after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    margin-left: -2px;
    border-color: transparent transparent transparent #222;
    content: ""
}

.btn-univ_set ul .btn-reference a {
    background: url(/images/common/sp_text_btn_reference.png) no-repeat center center;
    background-size: 37.5px 24.5px
}

.btn-univ_set ul .btn-document a {
    background: url(/images/common/sp_text_btn_document.png) no-repeat center center;
    background-size: 37.5px 24.5px
}

.btn-univ_set ul .btn-singakusodan a {
    background: url(/images/common/sp_text_btn_singakusodan.png) no-repeat center center;
    background-size: 35.5px 25px
}

.btn-univ_set ul .btn-official a {
    background: url(/images/common/sp_text_btn_official.png) no-repeat center center;
    background-size: 49px 22px
}

.btn-univ_set ul .btn-online a {
    background: url(/images/common/sp_text_btn_online.png) no-repeat center center;
    background-size: 37.5px 24px
}

.btn-univ_set ul .btn-information a {
    background: url(/images/common/sp_text_btn_information.png) no-repeat center center;
    background-size: 51.5px 13px
}

.btn-univ_set.bottom {
    margin-bottom: 10px
}

.sns-area.btns .sns-list {
    width: 100%;
    letter-spacing: -0.4em
}

.sns-area.btns .sns-list li {
    display: inline-block;
    letter-spacing: normal;
    width: 20%
}

.sns-area.btns .sns-list li a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 15px 0px;
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.sns-area.btns .sns-list li+li {
    margin-left: 5px
}

.sns-area.btns .sns-list .facebook-share a {
    background: #3b5998 url(/images/common/ico_sns_facebook@2x.png) no-repeat center center;
    background-size: 14px 25px;
    -webkit-box-shadow: 0 3px 0 #1e2e4f;
    box-shadow: 0 3px 0 #1e2e4f;
    border: 1px solid #344e86
}

.sns-area.btns .sns-list .twitter a {
    background: #008fde url(/images/common/ico_sns_twitter@2x.png) no-repeat center center;
    background-size: 30px 25px;
    -webkit-box-shadow: 0 3px 0 #006288;
    box-shadow: 0 3px 0 #006288;
    border: 1px solid #009ad5
}

.sns-area.btns .sns-list .hatena a {
    background: #00acee url(/images/common/ico_sns_hatena@2x.png) no-repeat center center;
    background-size: 31px 26px;
    -webkit-box-shadow: 0 3px 0 #004d78;
    box-shadow: 0 3px 0 #004d78;
    border: 1px solid #007fc5
}

.sns-area.btns .sns-list .line a {
    background: #00c300 url(/images/common/linebutton_40x40.png) no-repeat center center;
    background-size: 40px 40px;
    -webkit-box-shadow: 0 3px 0 #005d00;
    box-shadow: 0 3px 0 #005d00;
    border: 1px solid #00aa00
}

.sns-area.btns.bottom {
    margin-bottom: 30px
}

.btn-more #btn-more {
    display: block;
    width: 100%;
    padding: 10px 0px;
    position: relative;
    line-height: 35px
}

.btn-more #btn-more:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 20px;
    height: 20px;
    margin-top: -16px;
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: ""
}

.lead {
    zoom: 1;
    margin-bottom: 15px
}

.lead:after {
    content: "";
    display: block;
    clear: both
}

.lead p {
    font-size: 12px;
    font-size: 1.2rem
}

.error {
    border: 1px solid #ff0000;
    padding: 5px;
    margin-bottom: 20px
}

.error p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
    padding: 0
}

.error p+p {
    margin-top: 5px
}

.text-left {
    float: left
}

.text-center {
    text-align: center
}

.text-right {
    float: right;
    padding: 12px 0px
}

.text-inline {
    display: inline-block;
    vertical-align: middle
}

.text_color_orange {
    color: #ff9211
}

.text_color_blue {
    color: #00acf3
}

.text_color_red {
    color: #ff1111
}

.text-pos-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-pos-right {
    text-align: right
}

.x-smaller {
    font-size: 10px;
    font-size: 1.0rem
}

.smaller {
    font-size: 12px;
    font-size: 1.2rem
}

.bold {
    font-weight: bold
}

.block-text {
    display: block
}

.astarisk {
    position: relative;
    padding-left: 15px
}

.astarisk:before {
    content: "※"
}

.dotted {
    position: relative;
    padding-left: 15px
}

.dotted:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・"
}

.alert {
    color: #ff0000
}

.table-info.note {
    border: 1px dotted #ccc;
    padding: 5px
}

.table-info.note p {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 40px
}

.table-info.note p:before {
    position: absolute;
    left: 0;
    content: "備考：";
    font-weight: bold
}

.indent-junior-table {
    padding-left: 0.5em
}

.mb0 {
    margin-bottom: 0px !important
}

.section .ttls {
    background-color: #f3f3f3;
    border-top: solid 3px #ff9211;
    color: #2b2b2b;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 15px 25px 15px 10px;
    line-height: 1.2
}

.section .ttls .sub-text {
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    letter-spacing: normal
}

.section .ttlss {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 140%;
    margin-bottom: 5px;
    position: relative
}

.section .ttlss .list {
    display: inline-block;
    margin-right: 15px
}

.section .ttlss .badge {
    margin-left: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    background: #ff9211;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px
}

.section .bar-title {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px
}

.section .ttlss.bar-title {
    position: relative;
    padding-left: 25px
}

.section .ttlss.bar-title:before {
    position: absolute;
    width: 7px;
    top: 10px;
    left: 10px;
    bottom: 10px;
    height: auto;
    background: #ff9211;
    content: ""
}

.section .ttlsss {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative;
    margin-top: 10px
}

.section .ttlsss:before {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    width: 14px;
    height: 14px;
    background: #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    content: ""
}

.examtype {
    background-color: #f3f3f3;
    border-left: solid 8px #ff9211;
    color: #2b2b2b;
    font-size: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 15px 10px;
    margin-bottom: 8px
}

.x-smaller {
    font-size: 10px !important;
    font-size: 1.0rem !important
}

.smaller {
    font-size: 12px !important;
    font-size: 1.2rem !important
}

.medium {
    font-size: 16px !important;
    font-size: 1.6rem !important
}

.x-medium {
    font-size: 18px !important;
    font-size: 1.8rem !important
}

.larger {
    font-size: 20px !important;
    font-size: 2.0rem !important
}

.x-larger {
    font-size: 24px !important;
    font-size: 2.4rem !important
}

.numbering li {
    list-style: none;
    counter-increment: chapter;
    margin: 0 0 5px
}

.numbering li:before {
    content: "第"counter(chapter) "章";
    padding-right: 10px
}

.numbering-default li {
    list-style: none;
    counter-increment: chapter;
    margin: 0 0 5px
}

.numbering-default li:before {
    content: counter(chapter);
    padding-right: 10px
}

.numbering-parenthesis li {
    list-style: none;
    counter-increment: chapter;
    position: relative;
    padding-left: 25px
}

.numbering-parenthesis li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "("counter(chapter) ")"
}

.numbering-parenthesis li+li {
    margin-top: 10px
}

.double-circle li {
    margin: 0 0 5px
}

.double-circle li:before {
    content: "◎";
    padding: 0 10px 0 0px
}

.trigger {
    position: relative;
    cursor: pointer
}

.trigger:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    content: "\f056";
    margin-top: -10px;
    color: #ff9211;
    font-size: 20px;
    font-size: 2rem
}

.trigger.on {
    position: relative;
    cursor: pointer
}

.trigger.on:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: "FontAwesome";
    content: "\f055";
    color: #ff9211;
    font-size: 20px;
    font-size: 2rem
}

.plus.trigger {
    position: relative;
    cursor: pointer
}

.plus.trigger:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    content: "\f056";
    margin-top: -10px;
    color: #00acf3;
    font-size: 20px;
    font-size: 2rem
}

.plus.trigger.on {
    position: relative;
    cursor: pointer
}

.plus.trigger.on:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: "FontAwesome";
    content: "\f055";
    color: #00acf3;
    font-size: 20px;
    font-size: 2rem
}

.acc-body {
    display: block
}

.global-trigger {
    cursor: pointer;
    position: relative
}

.global-trigger:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    font-family: "FontAwesome";
    content: "\f055";
    color: #fff
}

.global-trigger.active:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    font-family: "FontAwesome";
    content: "\f056";
    color: #fff
}

.article_trigger__title {
    padding: 15px;
    background: #676767;
    margin-bottom: 1px
}

.article_trigger__title.trigger {
    padding-right: 35px
}

.article_trigger__title h3 {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2
}

.article_trigger__more {
    padding: 15px;
    background-color: #ff9211;
    margin-bottom: 1px
}

.article_trigger__more h3 {
    color: #fff;
    font-size: 18px;
    text-align: center
}

.article_trigger__more:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.article_trigger__more:after {
    color: #fff !important
}

.global-acc-block {
    padding: 5px
}

.global-acc-block>.acc-body {
    display: none
}

.custom-select {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
    height: 36px;
    line-height: 34px;
    border: 1px solid #969696;
    padding: 0 0px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.custom-select label {
    position: relative;
    display: block;
    width: 130%
}

.custom-select label:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    pointer-events: none
}

.custom-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 130%;
    height: 34px;
    font-weight: normal
}

.custom-select select:focus {
    outline: none
}

label {
    margin: 0
}

input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
    display: none;
    margin: 0
}

input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    padding: 0 0 0 40px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold
}

input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #FFF;
    border: 2px solid #ccc
}

input[type=checkbox]:checked+label:before {
    background: #ff9211;
    border: 2px solid #ff9211
}

input[type=checkbox]:checked+label:after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: #ff9211;
    left: 10px;
    width: 16px;
    height: 8px;
    margin-top: -6px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input[type=radio] {
    display: none
}

.radio {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 28px
}

.radio:after {
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #bbb;
    border-radius: 50%;
    content: ''
}

.radio:before {
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #646464;
    content: '';
    opacity: 0
}

input[type=radio]:checked+.radio:before {
    opacity: 1
}

.tabs.inline {
    border-bottom: 2px solid #ff9211;
    margin-bottom: 10px
}

.tabs.inline ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs.inline ul li {
    vertical-align: middle;
    width: 20%
}

.tabs.inline ul li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0px 0px;
    height: 45px;
    line-height: 45px;
    color: #333;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f3f3f3
}

.tabs.inline ul li a:hover {
    background: #ff9211;
    color: #fff;
    border-top: 1px solid #ff9211;
    border-left: 1px solid #ff9211;
    border-right: 1px solid #ff9211
}

.tabs.inline ul li .active {
    background: #ff9211;
    color: #fff;
    border-top: 1px solid #ff9211;
    border-left: 1px solid #ff9211;
    border-right: 1px solid #ff9211
}

.tabs.inline ul li:last-child a {
    border-right: 1px solid #ccc
}

.tab-content {
    display: none
}

.tab-content .inner-tab-pannel {
    margin-bottom: 20px
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 120%
}

.outer-block .inner-block {
    margin-left: 10px;
    margin-right: 10px
}

#page-top {
    position: fixed;
    right: 10px;
    width: 50px;
    height: 50px;
    bottom: 95px;
    z-index: 10;
    padding: 5px 0px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#page-top a {
    color: #ff9211;
    display: block
}

#page-top a img {
    width: 100%;
    height: auto
}

#container {
    padding-top: 20px
}

#pankz {
    margin-bottom: 15px;
    width: 100%
}

#pankz ul {
    zoom: 1
}

#pankz ul:after {
    content: "";
    display: block;
    clear: both
}

#pankz ul li {
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 10px;
    float: left
}

#pankz ul li a {
    display: block;
    position: relative;
    padding-right: 10px;
    text-decoration: none
}

#pankz ul li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 1px #444;
    border-right: solid 1px #444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

#pankz ul .current {
    color: #444;
    font-weight: bold
}

#pankz ul .current-link a {
    color: #444;
    font-weight: bold
}

#pankz ul .current-link a:after {
    display: none
}

#global-header {
    padding-top: 10px;
    padding-bottom: 12px;
    position: relative
}

#global-header>.inner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#global-header>.inner-block .menu a {
    display: block;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    background: #333;
    color: #fff;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 1
}

#global-header .menu {
    position: relative
}

#global-header .menu a .fa-bars {
    font-size: 30px;
    margin-right: 0;
    margin-top: 2px
}

#global-header>.inner-block .site-logo {
    margin-left: 11px
}

#global-header>.inner-block .site-logo a {
    display: block;
    background: url(/images/sp/common/logo.png) no-repeat 0 0;
    background-size: 72px 30px;
    width: 72px;
    height: 30px;
    text-indent: -9999px
}

#global-header>.inner-block #btn-login {
    width: 95px;
    margin-left: 5px
}

#global-header>.inner-block #btn-login a {
    display: block;
    padding: 15px 0px;
    text-align: center;
    border: 2px solid #333;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    font-size: 10px
}

#global-header>.inner-block #user-area {
    width: 95px;
    font-size: 10px;
    font-size: 1.0rem;
    padding: 9px 0 0px;
    margin-left: 5px
}

#global-header>.inner-block #user-area a {
    display: block;
    padding: 15px 5px;
    text-align: center;
    border: 2px solid #333;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    word-break: break-all
}

#global-header>.inner-block #user-area a span {
    display: inline-block;
    line-height: 1;
    margin: 0px;
    padding: 0px
}

#global-header>.inner-block #user-area a .fa {
    line-height: 1
}

#global-header>.inner-block #user-area .active {
    background: #333;
    color: #fff
}

#global-header>.inner-block #user-area .active:focus,
#global-header>.inner-block #user-area .active:visited {
    text-decoration: none
}

#global-header>.inner-block #user-menu {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 10
}

#global-header>.inner-block .sitemap {
    margin-left: auto
}

#global-header>.inner-block .sitemap a {
    font-size: 10px;
    font-size: 1rem;
    text-decoration: underline
}

#global-header>.inner-block .sitemap a i {
    display: none
}

#global-header #mega-menu {
    display: none;
    position: absolute;
    overflow: hidden;
    top: 10px;
    left: 10px;
    width: 80%;
    background: #fff;
    padding-top: 13px;
    box-shadow: 1px 2px 5px 2px #d1d1d1;
    -moz-box-shadow: 1px 2px 5px 2px #d1d1d1;
    -webkit-box-shadow: 1px 2px 5px 2px #d1d1d1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    z-index: 10
}

#global-header #mega-menu .inner-block {
    margin-left: 0;
    margin-right: 0
}

#global-header #mega-menu .btn-close {
    padding-left: 10px;
    margin-bottom: 25px
}

#global-header #mega-menu .btn-close a {
    display: inline-block;
    background: #333;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#global-header #mega-menu .btn-close a .fa-times {
    font-size: 20px;
    margin: 0 5px 0 0px
}

#global-header #mega-menu .btn-close a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7
}

#global-header #mega-menu ul {
    border-bottom: 3px solid #7f7f7f
}

#global-header #mega-menu ul .menu-top {
    border-top: 1px dotted #7f7f7f
}

#global-header #mega-menu ul li {
    letter-spacing: normal
}

#global-header #mega-menu a[class*=icon] {
    background-position: 10px 50%;
    background-size: 25px 25px
}

#global-header #mega-menu a.icon-top {
    background-image: url(/images/common/ico_megamenu_top.png)
}

#global-header #mega-menu a.icon-search {
    background-image: url(/images/common/ico_megamenu_search.png)
}

#global-header #mega-menu a.icon-senmon {
    background-image: url(/images/common/ico_megamenu_senmon.png)
}

#global-header #mega-menu a.icon-search-bk {
    background-image: url(/images/common/ico_megamenu_search_college.png)
}

#global-header #mega-menu a.icon-clip {
    background-image: url(/images/common/ico_megamenu_plus.png)
}

#global-header #mega-menu a.icon-reference {
    background-image: url(/images/common/ico_megamenu_reference.png)
}

#global-header #mega-menu a.icon-past {
    background-image: url(/images/common/ico_megamenu_past.png)
}

#global-header #mega-menu a.icon-article {
    background-image: url(/images/common/ico_megamenu_article.png)
}

#global-header #mega-menu a.icon-agreement {
    background-image: url(/images/common/ico_megamenu_agreement.png)
}

#global-header #mega-menu a.icon-inquiry {
    background-image: url(/images/common/ico_megamenu_inquiry.png)
}

#global-header #mega-menu ul li a {
    background-repeat: no-repeat;
    background-position: center top;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    text-align: left;
    width: 100%;
    padding: 12px 0 12px 40px;
    border-bottom: 1px dotted #7f7f7f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#global-header #mega-menu ul li:last-child a {
    border-bottom: none
}

#global-header #mega-menu ul:last-child {
    border-bottom: none
}

#global-header.default {
    border-bottom: 4px solid #ff9211
}

#global-header.plus {
    border-bottom: 4px solid #00acf3
}

#global-header.medical {
    border-bottom: 4px solid #00b5a6
}

#global-header.medical .inner-block .site-logo a {
    background: url(/images/medical/common/sp_h1_logo.gif) no-repeat 0 0;
    background-size: 140px 32px;
    width: 140px;
    height: 32px
}

#global-header.manazou {
    border-bottom: 4px solid #ff9211
}

#global-header.manazou .inner-block {
    padding: 0 10px
}

#global-header.manazou .inner-block .site-logo {
    float: none
}

#global-header.manazou .inner-block .site-logo a {
    background: url(/images/kakomon/logo_sp_kakomon_pop.png) no-repeat 0 0;
    background-size: 157px 27px;
    width: 157px;
    height: 27px;
    display: block;
    margin: 0 auto
}

#maintanance-header h1 {
    display: block;
    background: url(/images/sp/common/logo.png) no-repeat 0 0;
    background-size: 72px 30px;
    width: 72px;
    height: 30px;
    text-indent: -9999px;
    margin: 30px auto 0px auto
}

#global-header-500 {
    border-bottom: 4px solid #ff9211;
    position: relative;
    padding: 10px
}

#global-header-500 .inner-block {
    zoom: 1;
    position: relative
}

#global-header-500 .inner-block:after {
    content: "";
    display: block;
    clear: both
}

#global-header-500 .inner-block .site-logo {
    display: block;
    background: url(/images/sp/common/logo.png) no-repeat 0 0;
    background-size: 72px 30px;
    width: 72px;
    height: 30px;
    text-indent: -9999px
}

#global-tab-area {
    padding-top: 5px;
    background: #e9e9e9
}

#global-tab-area .inner-block #tab {
    position: relative;
    display: table;
    width: 100%
}

#global-tab-area .inner-block #tab .tab-navi {
    display: table-cell;
    vertical-align: bottom
}

#global-tab-area .inner-block #tab .tab-navi a {
    display: block;
    position: relative;
    text-decoration: none;
    height: 50px;
    text-indent: -9999px;
    width: 100%
}

#global-tab-area .inner-block #tab #tab-search {
    width: 50%
}

#global-tab-area .inner-block #tab #tab-search a {
    background-image: url(/images/sp/common/text_nav_search.png);
    background-position: 60px center;
    background-repeat: no-repeat;
    background-size: 75px 14px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#global-tab-area .inner-block #tab #tab-search a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ff9211;
    background-image: url(/images/sp/common/ico_navi_search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#global-tab-area .inner-block #tab #tab-plus a {
    background-image: url(/images/sp/common/text_navi_plus.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 89px 14px;
    color: #00acf3;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#global-tab-area .inner-block #tab #tab-plus a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00acf3;
    background-image: url(/images/sp/common/ico_navi_plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#global-tab-area.on-search .inner-block #tab #tab-search a {
    background-color: #fff
}

#global-tab-area.on-search .inner-block #tab #tab-search a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ff9211;
    background-image: url(/images/sp/common/ico_navi_search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#global-tab-area.on-search .inner-block #tab #tab-search a:after {
    display: block;
    position: absolute;
    top: 0%;
    left: 100%;
    content: "";
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 10px;
    border-color: transparent transparent transparent #fff
}

#global-tab-area.on-search .inner-block #tab #tab-plus a {
    background-color: #dfdfdf
}

#global-tab-area.on-search .inner-block #tab #tab-plus a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00acf3;
    background-image: url(/images/sp/common/ico_navi_plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#global-tab-area.on-plus .inner-block #tab #tab-search a {
    background-color: #dfdfdf
}

#global-tab-area.on-plus .inner-block #tab #tab-search a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ff9211;
    background-image: url(/images/sp/common/ico_navi_search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#global-tab-area.on-plus .inner-block #tab #tab-search a:after {
    display: block;
    position: absolute;
    top: 0%;
    left: 100%;
    content: "";
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 10px 0 0;
    border-color: #dfdfdf transparent transparent transparent
}

#global-tab-area.on-plus .inner-block #tab #tab-plus a {
    background-color: #fff
}

#global-tab-area.on-plus .inner-block #tab #tab-plus a:before {
    display: block;
    position: absolute;
    top: 0%;
    left: 100%;
    content: "";
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 10px;
    border-color: transparent transparent #fff transparent
}

#global-tab-area.on-plus .inner-block #tab #tab-plus a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 50px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00acf3;
    background-image: url(/images/sp/common/ico_navi_plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 23px;
    content: ""
}

#alert-box {
    margin: 10px 0px
}

#alert-box .inner-block {
    border: 1px solid #ff0000;
    padding: 5px
}

#alert-box .inner-block p {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative
}

#alert-box .inner-block p i {
    color: #ff0000
}

#alert-box-secondary {
    border-top: 4px solid #ff9211;
    margin: 5px 0px 0px;
    padding: 10px 10px 0px
}

#alert-box-secondary p {
    position: relative
}

#alert-box-secondary p a {
    position: relative;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center
}

#alert-box-min {
    padding: 5px;
    margin-bottom: 30px;
    border: 1px solid #ff0000
}

#alert-box-min p {
    color: #333;
    position: relative
}

#alert-box-min .text-center {
    text-align: center
}

#alert-box-min .alert {
    color: #ff0000
}

#main-content {
    padding-top: 10px
}

#white-out {
    display: none;
    position: fixed;
    background-color: rgba(250, 250, 250, 0.7);
    z-index: 10;
    width: 100%;
    height: 100%
}

#footer {
    border-top: 1px solid #aeaeae;
    padding-top: 20px
}

#footer .inner-block {
    margin: 0px
}

#footer .inner-block #logo-group {
    text-align: center;
    margin-bottom: 13px
}

#footer .inner-block #logo-group>p {
    display: inline-block
}

#footer .inner-block #logo-group>p a {
    display: block;
    text-indent: -9999px
}

#footer .inner-block #logo-group>p #ft_pnv {
    margin-right: 10px;
    background: url(/images/sp/common/logo.png) no-repeat 0 0;
    background-size: 72px 30px;
    width: 72px;
    height: 30px
}

#footer .inner-block #logo-group>p #ft_obs {
    margin-left: 10px;
    background: url(/images/sp/common/logo_obunsha.png) no-repeat 0 0;
    background-size: 55px 24px;
    width: 55px;
    height: 24px
}

#footer .inner-block .ft_navi {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#footer .inner-block .ft_navi li {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#footer .inner-block .ft_navi li a {
    color: #2b2b2b;
    display: block;
    text-align: center;
    background: #dfdfdf;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 12px
}

#footer .inner-block .ft_navi li:nth-child(2n) {
    border-left: 1px solid #fff
}

#footer .inner-block .ft_navi li+li+li {
    border-top: 1px solid #fff
}

#footer #copyright-area {
    background: #353535;
    padding: 8px 0px
}

#footer #copyright-area p {
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-size: 1rem
}

#footer._no-border {
    border: none
}

.popup {
    background: #fff;
    border-top: 4px solid #ff9211;
    width: 100%;
    box-shadow: 0 3px 5px #cccccc;
    -moz-box-shadow: 0 3px 5px #cccccc;
    -webkit-box-shadow: 0 3px 5px #cccccc;
    background: rgba(0, 0, 0, 0.7)
}

.popup .pop-body {
    padding: 10px
}

.popup .pop-body ul {
    margin: 0px;
    padding: 0px
}

.popup .pop-body ul li a {
    display: block;
    color: #333;
    padding: 15px 10px;
    text-decoration: none;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 5px;
    background: #fff
}

.popup .pop-body ul li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.popup .pop-body ul li:last-child a {
    border-bottom: none
}

.popup .pop-footer {
    padding: 0 10px 10px
}

.popup .pop-footer a {
    display: block;
    text-decoration: none;
    color: #333;
    text-align: center;
    padding: 10px 0px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    position: relative
}

.popup.show {
    display: block !important
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a .fa {
    margin-right: 5px
}

.show {
    display: block !important
}

#loadingProgressG {
    width: 122px;
    height: 9px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
    margin: 50px auto;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.loadingProgressG {
    background-color: rgba(125, 125, 125, 0.32);
    margin-top: 0;
    margin-left: -122px;
    animation-name: bounce_loadingProgressG;
    -o-animation-name: bounce_loadingProgressG;
    -ms-animation-name: bounce_loadingProgressG;
    -webkit-animation-name: bounce_loadingProgressG;
    -moz-animation-name: bounce_loadingProgressG;
    animation-duration: 3.25s;
    -o-animation-duration: 3.25s;
    -ms-animation-duration: 3.25s;
    -webkit-animation-duration: 3.25s;
    -moz-animation-duration: 3.25s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    width: 122px;
    height: 9px
}

@keyframes bounce_loadingProgressG {
    0% {
        margin-left: -122px
    }
    to {
        margin-left: 122px
    }
}

@-o-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -122px
    }
    to {
        margin-left: 122px
    }
}

@-ms-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -122px
    }
    to {
        margin-left: 122px
    }
}

@-webkit-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -122px
    }
    to {
        margin-left: 122px
    }
}

@-moz-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -122px
    }
    to {
        margin-left: 122px
    }
}

.loop-lists {
    margin-bottom: 25px
}

.loop-lists li {
    position: relative;
    border-bottom: 1px solid #ccc
}

.loop-lists li a {
    display: block;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
    position: relative
}

.loop-lists li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #7f7f7f;
    border-right: solid 2px #7f7f7f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.loop-lists li a>div {
    display: table;
    width: 100%
}

.loop-lists li a>div>* {
    display: table-cell;
    vertical-align: top
}

.loop-lists li a>div .photo-area {
    width: 83px;
    height: 83px;
    padding: 0 10px 0 0px
}

.loop-lists li a>div .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.loop-lists li a>div .text-area .post-title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px
}

.loop-lists li a>div .text-area .post-title.new {}

.loop-lists li a>div .text-area .post-title.new:before {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    width: 45px;
    height: 15px;
    line-height: 15px;
    background: #ff0000;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    content: "NEW"
}

.loop-lists li a>div .text-area .post-category {
    color: #626262;
    color: 10px;
    font-size: 1.0rem;
    margin-bottom: 0px
}

.loop-lists li a>div .text-area .post-footer {
    display: table;
    font-size: 10px;
    font-size: 1.0rem;
    color: #a7a7a7
}

.loop-lists li a>div .text-area .post-footer>* {
    display: table-cell;
    padding-right: 5px
}

.loop-lists li a>div .text-area .post-footer span+span {
    padding-left: 5px;
    border-left: 1px solid #a7a7a7
}

.loop-lists .pr-box {
    background: #ffeeda;
    position: relative
}

.loop-lists .pr-box a {
    padding: 5px 5px 10px 5px
}

.loop-lists .pr-box a:after {
    display: none
}

.loop-lists .pr-box a>div {
    display: block
}

.loop-lists .pr-box a>div .photo-area {
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0
}

.loop-lists .pr-box a>div .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom
}

.loop-lists .pr-box a>div .text-area {
    display: block;
    padding: 0
}

.loop-lists .pr-box a>div .text-area ._pr-title {
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    position: relative;
    padding: 0 20px 0 0px;
    margin: 0
}

.loop-lists .pr-box a>div .text-area ._pr-title:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #ff9211;
    border-right: solid 2px #ff9211;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.loop-lists .pr-box a>div .text-area ._pr-footer {
    position: absolute;
    text-align: right;
    bottom: 5px;
    right: 0px
}

.loop-lists02 {
    margin-bottom: 25px
}

.loop-lists02 li {
    border-bottom: 1px solid #ccc
}

.loop-lists02 li a {
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
    position: relative
}

.loop-lists02 li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.loop-lists02 li a>div {
    display: table;
    width: 100%
}

.loop-lists02 li a>div>* {
    display: table-cell;
    vertical-align: top
}

.loop-lists02 li a>div .photo-area {
    width: 83px;
    height: 83px;
    padding: 0 10px 0 0px
}

.loop-lists02 li a>div .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.loop-lists02 li a>div .text-area .post-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    vertical-align: middle;
    position: relative;
    color: #ff9211
}

.loop-lists02 li a>div .text-area .excerpt {
    margin-top: 5px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4
}

.loop-lists02 li a>div .text-area .btn-area {
    display: none
}

.loop-lists02 .pr-box {
    background: #ffeeda;
    position: relative;
    height: auto
}

.loop-lists02 .pr-box .photo-area {
    width: 300px;
    padding: 0;
    height: 125px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loop-lists02 .pr-box .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom
}

.loop-lists02 .pr-box .text-area {
    padding-left: 20px
}

.loop-lists02 .pr-box .text-area ._pr-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem
}

.loop-lists02 .pr-box .text-area ._pr-footer {
    position: absolute;
    text-align: right;
    bottom: 10px;
    right: 10px
}

.loop-lists04 {
    margin-top: 25px;
    margin-bottom: 25px
}

.loop-lists04 li {
    position: relative;
    border-bottom: 1px solid #ccc
}

.loop-lists04 li a {
    display: block;
    padding: 10px 0 10px 15px;
    text-decoration: none;
    color: #333;
    text-decoration: none !important;
    border-left: 10px solid #ff9211
}

.loop-lists04 li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.loop-lists04 li a>div {
    width: 100%
}

.loop-lists04 li a>div .photo-area {
    width: 100px;
    padding: 0 20px 0 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.loop-lists04 li a>div .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.loop-lists04 li a>div .text-area__header {
    margin-bottom: 10px
}

.loop-lists04 li a>div .text-area__header dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.loop-lists04 li a>div .text-area__date {
    margin-bottom: 10px
}

.loop-lists04 li a>div .text-area__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loop-lists04 li a>div .text-area__icon--new {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    width: 45px;
    height: 20px;
    line-height: 20px;
    background: #f00;
    display: inline-block;
    text-align: center;
    content: "NEW";
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.loop-lists04 li a>div .text-area__icon--members {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #f00;
    width: 70px;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #f00;
    position: relative
}

.loop-lists04 li a>div .text-area__icon--members:before {
    position: absolute;
    content: "\f13e";
    font-family: FontAwesome;
    left: 10px;
    top: 0
}

.loop-lists04 li a>div .text-area__icon--category {
    background: #ff9211;
    display: inline-block;
    vertical-align: middle;
    padding: 3px 5px;
    padding-left: 25px;
    color: #fff;
    font-size: 10px;
    position: relative
}

.loop-lists04 li a>div .text-area__icon--category:before {
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 3px solid #fde0be;
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    margin: -7px 0 0px
}

.loop-lists04 li a>div .text-area__icon>div+div {
    margin-left: 10px
}

.loop-lists04 li a>div .text-area__title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    color: #06f;
    margin-bottom: 10px
}

.loop-lists04 li a>div .text-area__lead {
    line-height: 1.2
}

.loop-lists04 li a>div .text-area__footer {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.loop-lists04 li a>div .text-area__footer p:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: none
}

.loop-lists04 li a>div .text-area__plan {
    padding-left: 10px;
    margin-left: 10px;
    border-left: solid 1px #ccc
}

.loop-lists05 {
    margin-bottom: 25px
}

.loop-lists05 li {
    position: relative;
    border-bottom: 1px solid #ccc;
    position: relative
}

.loop-lists05 li a {
    display: block;
    padding: 10px 0px;
    text-decoration: none
}

.loop-lists05 li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.loop-lists05 li a>div {
    display: table;
    width: 100%
}

.loop-lists05 li a>div>* {
    display: table-cell;
    vertical-align: top
}

.loop-lists05 li a>div .photo-area {
    width: 170px;
    height: 150px;
    padding: 0 20px 0 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loop-lists05 li a>div .photo-area img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.loop-lists05 li a>div .text-area__header {
    margin-bottom: 10px
}

.loop-lists05 li a>div .text-area__header dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.loop-lists05 li a>div .text-area__date {
    margin-bottom: 10px
}

.loop-lists05 li a>div .text-area__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loop-lists05 li a>div .text-area__icon--new {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    width: 45px;
    height: 20px;
    line-height: 20px;
    background: #f00;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    content: "NEW";
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.loop-lists05 li a>div .text-area__icon--members {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #f00;
    width: 70px;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #f00;
    position: relative
}

.loop-lists05 li a>div .text-area__icon--members:before {
    position: absolute;
    content: "\f13e";
    font-family: FontAwesome;
    left: 10px;
    top: 0
}

.loop-lists05 li a>div .text-area__icon--category {
    background: #ff9211;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding: 3px 5px;
    padding-left: 25px;
    color: #fff;
    font-size: 10px;
    position: relative
}

.loop-lists05 li a>div .text-area__icon--category:before {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 3px solid #fde0be;
    content: "";
    position: absolute;
    top: 9px;
    left: 4px;
    margin: -7px 0 0px
}

.loop-lists05 li a>div .text-area__title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px
}

.loop-lists05 li a>div .text-area__lead {
    line-height: 1.2
}

.loop-lists05 li a>div .text-area__footer {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.loop-lists05 li a>div .text-area__footer p:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: none
}

.loop-lists05 li a>div .text-area__plan {
    padding-left: 10px;
    margin-left: 10px;
    border-left: solid 1px #ccc
}

.striped li:nth-child(2n) {
    background: #fffaf0
}

#api-error-block {
    height: 250px;
    position: relative
}

#api-error-block #inner-api-error {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#api-error-block #inner-api-error>p {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px
}

#api-error-block #inner-api-error>button {
    height: 55px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    outline: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc
}

#error-block {
    height: 250px;
    position: relative
}

#error-block #inner-error {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#error-block #inner-error>p {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px
}

#error-block #inner-error .bold {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold
}

#error-block #inner-error>button {
    height: 55px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    outline: none;
    width: 100%;
    border: 1px solid #dd7800;
    background: #ff9211;
    color: #fff
}

#maintanance-mode-block {
    position: relative;
    margin-top: 10px
}

#maintanance-mode-block #inner-error {
    width: 100%
}

#maintanance-mode-block #inner-error>p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 30px;
    line-height: 150%
}

#maintanance-mode-block #inner-error .bold {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center
}

#maintanance-mode-block #inner-error .semi-bold {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 150%;
    text-align: center
}

.article__btn--top {
    width: 100%;
    margin: 20px 0
}

.article__btn--top a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    display: block;
    background-color: #ff9211;
    border: solid 1px #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.article__btn--top a:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    content: ""
}

.article__btn--top a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.article__icon--new {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
    width: 45px;
    height: 20px;
    line-height: 20px;
    background: #f00;
    display: inline-block;
    text-align: center;
    content: "NEW";
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-indent: 0
}

.article__icon--members {
    background-clip: padding-box;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #f00;
    width: 70px;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #f00;
    position: relative
}

.article__icon--members:before {
    position: absolute;
    content: "\f13e";
    font-family: FontAwesome;
    left: 10px;
    top: 0
}

.photo_block_wrapper {
    margin-bottom: 20px
}

.photo_block_wrapper>p {
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem
}

.photo_block_wrapper>div {
    margin-bottom: 10px
}

.photo_block_wrapper>div img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.blink {
    -webkit-animation: switchtext 0.4s infinite alternate;
    -moz-animation: switchtext 0.4s infinite alternate;
    animation: switchtext 0.4s infinite alternate
}

.blink:hover {
    animation: none;
    -webkit-animation: none;
    background: #ff9211
}

@-webkit-keyframes switchtext {
    0% {
        background: #ff9211
    }
    to {
        background: #ffc177
    }
}

@-moz-keyframes switchtext {
    0% {
        background: #ff9211
    }
    to {
        background: #ffc177
    }
}

@keyframes switchtext {
    0% {
        background: #ff9211
    }
    to {
        background: #ffc177
    }
}

.section.eng-exam-record {
    margin-bottom: 5px
}

.section.eng-exam-record .head-area {
    padding: 0 0px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.section.eng-exam-record .head-area h3 {
    width: 60%;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 130%
}

.section.eng-exam-record .head-area h3 span {
    display: inline;
    margin-right: 5px;
    vertical-align: middle
}

.section.eng-exam-record .head-area h3 .small {
    font-weight: normal;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem
}

.section.eng-exam-record .head-area ._full {
    width: auto
}

.section.eng-exam-record .head-area button {
    width: 40%;
    margin-left: auto;
    font-size: 12px;
    height: 25px;
    line-height: 12px
}

.section.eng-exam-record .head-area button:after {
    width: 7px;
    height: 7px;
    margin-top: -4px
}

.section.eng-exam-record .body-area {
    border: 1px solid #ccc;
    padding: 5px 10px
}

.section.eng-exam-record .body-area h4 {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
    padding-left: 10px
}

.section.eng-exam-record .body-area h4:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #ff9211;
    content: ""
}

.section.eng-exam-record .body-area dl {
    margin: 0
}

.section.eng-exam-record .body-area dl .treatment {
    margin-bottom: 5px
}

.section.eng-exam-record .body-area dl .treatment p {
    display: inline-block;
    border: 1px solid #ff9211;
    padding: 2px 5px;
    text-align: center;
    color: #ff9211;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal
}

.section.eng-exam-record .body-area dl .treatment p+p {
    margin-left: 5px
}

.section.eng-exam-record .body-area dl dd {
    overflow: hidden
}

.section.eng-exam-record .body-area dl dd p {
    display: inline-block;
    word-break: break-all;
    padding: 2px 0px;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative
}

.section.eng-exam-record .body-area dl dd p+p {
    margin-left: 5px
}

.section.eng-exam-record .body-area dl dd p+p:before {
    display: inline-block;
    content: "/";
    margin-right: 5px
}

.section.eng-exam-record .body-area .note {
    border: 1px dotted #ccc;
    margin: 0;
    padding: 5px;
    margin-top: 5px
}

.section.eng-exam-record .body-area .note p {
    font-size: 12px;
    font-size: 1.2rem
}

.section.eng-exam-record .body-area+.body-area {
    margin-top: 10px
}

.section.eng-exam-record+.section.eng-exam-record {
    margin-top: 15px
}

.adhesion {
    padding-bottom: 50px
}

.univcontent-members {
    margin-bottom: 10px
}

.univcontent-members img {
    width: 100%;
    height: auto
}

.univcontent-members__btn {
    margin-bottom: 10px
}

.univcontent-members__btn a {
    color: #FF9211;
    text-align: center;
    padding: 10px;
    border: solid 1px #FF9211;
    border-radius: 4px;
    display: block;
    position: relative
}

.univcontent-members__btn a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #ff9211;
    border-right: solid 2px #ff9211;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.univcontent-members__btn a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FF9211
}

.univcontent-members__btn a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.univcontent-members img {
    width: 100%;
    height: auto
}

.link-kakomon {
    width: calc(90%);
    max-width: 550px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.link-kakomon a {
    display: block;
    background: url(/images/opencampus/img-link-kakomon.png) center 20px no-repeat;
    padding: 100px 10px 20px;
    background-size: 70px auto;
    border: solid 1px #FF9211;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.link-kakomon h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px
}

.link-kakomon p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center
}

.link-seikyu {
    width: calc(90%);
    max-width: 550px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.link-seikyu a {
    display: block;
    background: url(/images/common/img-link-seikyu.png) center 20px no-repeat;
    padding: 100px 10px 20px;
    background-size: 70px auto;
    border: solid 1px #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.link-seikyu h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px
}

.link-seikyu p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center
}

.special_contents {
    margin-bottom: 30px
}

.special_contents__header {
    background-color: #f3f3f3;
    padding: 15px 15px 10px;
    margin-bottom: 10px;
    border-top: solid 3px #ff9211;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.special_contents__header h2 {
    color: #2b2b2b;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2
}

.special_contents__header h2 span {
    font-size: 12px;
    font-size: 1.2rem;
    display: block
}

.special_contents__header .header_sub__keisetsujidai {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold
}

.special_contents__header .header_sub__small {
    font-size: 8px;
    font-weight: normal
}

.special_contents__header_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.special_contents__header_title {
    color: #ff9211;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold
}

.special_contents__header_link a {
    color: #ff9211;
    text-align: center;
    border: solid 1px #ff9211;
    padding: 5px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
    position: relative
}

.special_contents__header_link a:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 10px
}

.special_contents__header_link a:hover {
    color: #fff;
    text-decoration: none;
    background: #ff9211
}

.special_contents__title {
    padding-bottom: 20px;
    border-bottom: solid 3px #e2e2e2
}

.special_contents__title h3 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px
}

.special_contents__title h3 .title-small {
    font-size: 22px;
    display: block
}

.special_contents__note {
    font-size: 12px
}

.special_contents__more {
    padding: 26px 0 20px;
    border-top: solid 1px #e2e2e2;
    border-bottom: solid 3px #e2e2e2;
    position: relative
}

.special_contents__more:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-right: solid 10px #e2e2e2;
    border-bottom: solid 10px transparent;
    border-leftt: solid 10px transparent;
    border-top: solid 10px transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -6px;
    left: calc(50% - (10px / 2))
}

.special_contents__more h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px
}

.special_contents__more--2 {
    padding: 26px 0 20px;
    margin-top: 20px;
    border-top: solid 3px #e2e2e2;
    border-bottom: solid 3px #e2e2e2;
    position: relative
}

.special_contents__more--2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-right: solid 10px #e2e2e2;
    border-bottom: solid 10px transparent;
    border-leftt: solid 10px transparent;
    border-top: solid 10px transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -6px;
    left: calc(50% - (10px / 2))
}

.special_contents__more--2 h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px
}

.special_contents__link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.special_contents__link ul li {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
    margin-bottom: 5px
}

.special_contents__link ul li:nth-child(2n) {
    margin-right: 0
}

.special_contents__link ul li a {
    color: #fff;
    font-size: 12px;
    padding: 10px 8px;
    padding-right: 15px;
    display: block;
    background-color: #ff9211;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.special_contents__link ul li a:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 5px
}

.special_contents__link ul li a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.special_contents__link--2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex
}

.special_contents__link--2 ul li {
    width: 49.25%
}

.special_contents__link--2 ul li+li+li {
    margin-top: 5px
}

.special_contents__link--2 ul li:nth-child(2n) {
    margin-left: 1.5%
}

.special_contents__link--2 ul li a {
    color: #fff;
    padding: 10px 8px;
    display: block;
    background-color: #ff9211;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    -moz-border-radius: 4px;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.special_contents__link--2 ul li a:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 5px
}

.special_contents__link--2 ul li a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.special_contents__link--2 ul li a.is-current {
    color: #ff9211;
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border: solid 1px #ff9211;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.theme_content {
    padding: 10px 0;
    border-bottom: solid 2px #e2e2e2;
    *zoom: 1
}

.theme_content:before {
    content: " ";
    display: table
}

.theme_content:after {
    content: " ";
    display: table;
    clear: both
}

.theme_content a {
    display: block;
    *zoom: 1
}

.theme_content a:before {
    content: " ";
    display: table
}

.theme_content a:after {
    content: " ";
    display: table;
    clear: both
}

.theme_content a:hover {
    text-decoration: none
}

.theme_content a:hover h3 {
    color: #ff9211;
    text-decoration: underline
}

.theme_content__img {
    float: left;
    margin-right: 20px
}

.theme_content__img img {
    width: 100px;
    height: 100px
}

.theme_content dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.theme_content__icon {
    color: #fff;
    font-weight: normal;
    background-color: #ff9211;
    padding: 2px 10px;
    margin-right: 20px;
    display: inline-block
}

.theme_content__date .icon-plans {
    color: #f87272;
    padding: 1px 10px;
    margin-left: 10px;
    border: solid 1px #f87272;
    display: inline-block
}

.theme_content__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2
}

a .theme_content__title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.theme_content__txt {
    margin-top: 12px;
    line-height: 1.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2
}

a .theme_content__txt {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

a .theme_content__date {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

#new-article-list {
    margin-bottom: 20px !important
}

#new-article-list .head-area {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#new-article-list .head-area h2 span {
    font-size: 12px
}

#new-article-list .head-area p {
    font-size: 14px
}

#new-article-list .head-area p span {
    font-size: 8px
}

#new-article-list .head-area p a {
    display: inline-block
}

#new-article-list .body-area__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#new-article-list .body-area__header_title {
    color: #ff9211;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2
}

#new-article-list .body-area h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    padding: 10px 0
}

#new-article-list .body-area h3 .title-small {
    font-size: 20px;
    display: block
}

.new-article-lists {
    border-top: solid 1px #ccc
}

.new-article-lists li {
    padding: 10px 0;
    border-bottom: solid 1px #ccc
}

.new-article-lists li a {
    padding-right: 30px;
    position: relative
}

.new-article-lists li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.new-article-lists li a:hover {
    text-decoration: none
}

.new-article-lists dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.new-article-lists__icon {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background-color: #ff9211;
    padding: 3px 5px;
    margin-right: 10px
}

.new-article-lists__date {
    font-weight: normal
}

.new-article-lists__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2
}

.topics_contents__header {
    background-color: #f3f3f3;
    padding: 15px 15px 10px;
    margin-bottom: 10px;
    border-top: solid 3px #ff9211;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.topics_contents__header h2 {
    color: #2b2b2b;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2
}

.m-topics h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    padding: 10px 0 10px 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-left: 20px solid #ff9211;
    border-bottom: 1px solid #ff9211
}

.m-topics ul {
    margin-bottom: 10px
}

.m-topics ul li {
    border-bottom: dashed 1px #e2e2e2
}

.m-topics ul li:last-child {
    border-bottom: none
}

.m-topics ul li a {
    padding: 10px 0;
    display: block;
    *zoom: 1
}

.m-topics ul li a:before {
    content: " ";
    display: table
}

.m-topics ul li a:after {
    content: " ";
    display: table;
    clear: both
}

.m-topics ul li a:hover {
    text-decoration: none
}

.m-topics ul li a:hover h4 {
    color: #ff9211;
    text-decoration: underline
}

.m-topics__img {
    float: left;
    width: 120px;
    margin-right: 20px
}

.m-topics__img img {
    width: 100%;
    height: auto
}

.m-topics__date {
    font-weight: normal;
    margin-top: 10px
}

.m-topics__header {
    margin-bottom: 10px
}

.m-topics__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2
}

.m-topics__txt {
    margin-top: 12px;
    line-height: 1.4
}

.m-topics__more_link {
    margin: 0 auto 20px
}

.m-topics__more_link a {
    color: #ff9211;
    text-align: center;
    padding: 10px;
    padding-right: 20px;
    display: block;
    border: solid 1px #ff9211;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative
}

.m-topics__more_link a:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 10px
}

.m-topics__more_link a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff9211
}

.saburo_ask__header {
    margin-top: 20px;
    margin-bottom: 20px
}

.saburo_ask__header_img {
    width: 70px;
    margin-right: 20px;
    float: left
}

.saburo_ask__header_img img {
    width: 100%;
    height: auto
}

.saburo_ask__header_text p {
    line-height: 1.4
}

.saburo_ask__contents {
    margin-bottom: 20px
}

.saburo_ask__contents_header {
    background-color: #f3f3f3;
    border-top: solid 3px #ff9211;
    padding: 15px 10px
}

.saburo_ask__contents_header h2 {
    color: #2b2b2b;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold
}

.saburo_ask__contents_body {
    padding: 15px;
    border: solid 5px #f3f3f3
}

.saburo_ask .saburo_send {
    background-color: #FBFBFB;
    padding: 20px;
    border: solid 1px #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.saburo_ask .saburo_send__text_area {
    margin-bottom: 20px
}

.saburo_ask .saburo_send__text_area img {
    width: 80px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left
}

.saburo_ask .saburo_send__text_area p {
    line-height: 1.6
}

.saburo_ask .saburo_send__btn {
    width: 100%
}

.saburo_ask .saburo_send__btn a {
    color: #ff9211;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    background-color: #fff;
    padding: 10px 20px;
    border: solid 1px #ff9211;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.saburo_ask .saburo_send__btn a:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 10px
}

.saburo_ask .saburo_send__btn a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff9211
}

.saburo_ask__btn--open {
    padding: 10px;
    background-color: #ff9211;
    cursor: pointer;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.saburo_ask__btn--open:after {
    color: #fff;
    position: absolute;
    content: "\f078";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 10px
}

.saburo_ask__btn--open:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.saburo_ask__btn--open h3 {
    color: #fff;
    text-align: center
}

.saburo_ask__btn--close {
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #ff9211;
    cursor: pointer;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.saburo_ask__btn--close:after {
    position: absolute;
    content: "\f077";
    font-family: FontAwesome;
    font-size: 14px;
    top: calc(50% - 9px);
    right: 10px
}

.saburo_ask__btn--close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.btn-bordered {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s
}

.btn-bordered i {
    margin-right: 5px
}

.btn-bordered:hover {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    text-decoration: none;
    background: #ff9211;
    color: #fff;
    border: 1px solid #ff9211
}

.text-right+.text-right {
    margin-right: 5px
}

.lead-right {
    float: right;
    padding: 10px 0
}

.lead-left {
    float: left;
    padding: 10px 0
}

.lead-right+.lead-right {
    margin-right: 5px
}

.entry-movie {
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 30px
}

.entry-movie__header {
    padding-bottom: 10px
}

.entry-movie__title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #707070;
    padding: 10px;
    margin-bottom: 10px
}

.entry-movie__title--2 {
    color: #fff;
    font-size: 12px;
    background-color: #ed1313;
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block
}

.entry-movie__title--3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4
}

.entry-movie__title--3 span {
    font-size: 16px
}

.entry-movie__lead {
    font-size: 14px;
    line-height: 1.4
}

.entry-movie__movie {
    margin-bottom: 10px
}

.entry-movie__youtube {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.entry-movie__youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.entry-movie__wrap {
    margin-bottom: 10px
}

.entry-movie__btn {
    width: 100%
}

.entry-movie__btn a {
    color: #fff;
    font-size: 22px;
    text-align: center;
    background-color: #FD912C;
    display: block;
    padding: 30px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.entry-movie__btn a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.entry-movie__btn a:hover {
    text-decoration: none;
    background-color: #fc0d1c
}

.kakomonmov {
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 30px
}

.kakomonmov__header {
    padding-bottom: 20px
}

.kakomonmov__title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #707070;
    padding: 10px;
    margin-bottom: 10px
}

.kakomonmov__title--2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4
}

.kakomonmov__title--2 span {
    font-size: 16px
}

.kakomonmov__title--3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    background-color: #333;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.kakomonmov__title--4 {
    color: #fc0d1c;
    font-size: 18px;
    margin-bottom: 10px
}

.kakomonmov__body {
    margin-bottom: 20px
}

.kakomonmov__contents--1 {
    width: 100%
}

.kakomonmov__contents--2 {
    width: 100%;
    display: none
}

.kakomonmov .movie-1 {
    margin-bottom: 20px
}

.kakomonmov .movie-1__movie {
    width: 100%;
    margin-bottom: 10px
}

.kakomonmov .movie-1__youtube {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.kakomonmov .movie-1__youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.kakomonmov .movie-1__body {
    width: 100%;
    position: relative
}

.kakomonmov .movie-1__title {
    color: #fc0d1c;
    font-size: 18px;
    margin-bottom: 1em
}

.kakomonmov .movie-1__text {
    font-size: 14px;
    line-height: 1.6
}

.kakomonmov .movie-2 {
    width: 100%;
    margin-bottom: 20px
}

.kakomonmov .movie-2__title {
    color: #fc0d1c;
    font-size: 18px;
    margin-bottom: 1em
}

.kakomonmov .movie-2__youtube {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.kakomonmov .movie-2__youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.kakomonmov .btn-more--1 {
    width: 100%
}

.kakomonmov .btn-more--1 a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #FD912C;
    display: block;
    padding: 15px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.kakomonmov .btn-more--1 a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.kakomonmov .btn-more--1 a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8
}

.kakomonmov .btn-more--2 {
    width: 100%;
    display: none
}

.kakomonmov .btn-more--2 a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #FD912C;
    display: block;
    padding: 15px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.kakomonmov .btn-more--2 a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
}

.kakomonmov .btn-more--2 a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8
}

.kakomonmov__btn {
    width: 100%
}

.kakomonmov__btn a {
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #FD912C;
    display: block;
    padding: 10px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

.kakomonmov__btn a:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.kakomonmov__btn a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8
}

#dismissme a {
    display: block
}

#dismissme,
#footer-fix,
.bnr_top_2 {
    padding-bottom: env(safe-area-inset-bottom) !important
}

.nyushihenkou {
    margin-bottom: 20px
}

.nyushihenkou__header {
    padding-bottom: 5px;
    border-bottom: solid 1px red;
    margin-bottom: 10px
}

.nyushihenkou__header h3 {
    color: red
}

.nyushihenkou__menu {
    margin-bottom: 10px
}

.nyushihenkou__menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.nyushihenkou__menu ul li {
    font-size: 12px;
    margin-left: 10px;
    position: relative
}

.nyushihenkou__menu ul li:before {
    content: "\f059";
    font-family: "FontAwesome";
    margin-right: 2px
}

.nyushihenkou-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.nyushihenkou-modal__bg {
    width: 100%;
    height: 100vh;
    position: absolute
}

.nyushihenkou-modal__body {
    background: #fff;
    width: 60%;
    padding: 40px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nyushihenkou-modal__body p {
    line-height: 1.4;
    margin-bottom: 20px
}

.nyushihenkou-modal__body dl {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nyushihenkou-modal__body dl dt {
    width: calc(30% - 10px);
    margin-right: 10px;
    margin-bottom: 5px
}

.nyushihenkou-modal__body dl dt .b-1 {
    color: #fff;
    text-align: center;
    background-color: #ff3654;
    display: block
}

.nyushihenkou-modal__body dl dt .b-2 {
    color: #fff;
    text-align: center;
    background-color: #ff8932;
    display: block
}

.nyushihenkou-modal__body dl dt .b-3 {
    color: #fff;
    text-align: center;
    background-color: #377dff;
    display: block
}

.nyushihenkou-modal__body dl dt .b-4 {
    color: #fff;
    text-align: center;
    background-color: #28aa00;
    display: block
}

.nyushihenkou-modal__body dl dd {
    width: 70%;
    margin-bottom: 5px
}

.nyushihenkou-modal__btn a {
    color: #fff;
    text-align: center;
    background-color: #333;
    width: 100px;
    padding: 5px 10px;
    margin: 0 auto;
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.nyushihenkou-modal__btn a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.nyushihenkou__body {
    margin-bottom: 10px
}

.nyushihenkou__note {
    background-color: #ffefef;
    padding: 20px 20px 20px 50px;
    position: relative
}

.nyushihenkou__note:before {
    color: red;
    font-size: 20px;
    content: "\f06a";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 10px);
    left: 20px
}

.nyushihenkou__note p {
    color: red;
    font-size: 12px;
    line-height: 1.4
}

.nyushihenkou__btn {
    margin-top: 20px;
    margin-bottom: 20px
}

.nyushihenkou__btn a {
    color: #fff;
    text-align: center;
    background-color: #FF9212;
    width: 150px;
    height: 40px;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.nyushihenkou__btn a:after {
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: ""
}

.nyushihenkou__btn a.is-open:after {
    top: calc(50% - 3px);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nyushihenkou__btn a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

.nyushihenkou-index {
    max-width: 1030px;
    padding: 10px;
    margin: 0 auto
}

.nyushihenkou-index__header {
    margin-bottom: 20px
}

.nyushihenkou-index__title {
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1em
}

.nyushihenkou-index__read {
    line-height: 1.4
}

.nyushihenkou-index__note {
    background-color: #ffefef;
    width: 80%;
    padding: 20px 20px 20px 50px;
    margin: 0 auto 50px;
    position: relative
}

.nyushihenkou-index__note:before {
    color: red;
    font-size: 20px;
    content: "\f06a";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 10px);
    left: 20px
}

.nyushihenkou-index__note p {
    color: red;
    font-size: 12px;
    line-height: 1.4
}

.nyushihenkou-index__sort {
    background-color: #dfdfdf;
    max-width: 500px;
    padding: 20px;
    margin: -10px auto 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nyushihenkou-index__sort dl {
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nyushihenkou-index__sort dl dt {
    margin-right: 10px
}

.nyushihenkou-index__sort dl dd a {
    background-color: #fff;
    padding: 10px;
    display: block
}

.nyushihenkou-index__sort dl dd a:hover {
    text-decoration: none
}

.nyushihenkou-index__sort dl dd a.is-active {
    color: #fff;
    background-color: #FF9212;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.nyushihenkou-index__sort dl dd.sort-1 {
    margin: 0 1px
}

.nyushihenkou-index__sort dl dd.sort-1 a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}

.nyushihenkou-index__sort dl dd.sort-2 a {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0
}

table.nyushihenkou-list {
    border-right: none;
    border-bottom: none
}

table.nyushihenkou-list thead tr th {
    font-size: 12px;
    text-align: center;
    border-top: none;
    border-left: none;
    display: block;
    display: none
}

table.nyushihenkou-list thead tr th:first-child {
    width: 50px
}

table.nyushihenkou-list thead tr th:nth-child(2) {
    width: 120px
}

table.nyushihenkou-list thead tr th:nth-child(5) {
    width: 80px
}

table.nyushihenkou-list tbody tr {
    border-bottom: solid 1px #ccc
}

table.nyushihenkou-list tbody tr:first-child {
    border-top: solid 1px #ccc
}

table.nyushihenkou-list tbody tr td {
    font-size: 12px;
    text-align: center;
    border-top: none;
    border-left: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nyushihenkou table.nyushihenkou-list tbody tr td:first-child {
    width: 20%;
    padding-top: 20px;
    padding-left: 10px
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(2) {
    width: 80%;
    padding-top: 20px;
    padding-right: 10px
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(2) .add-title {
    width: 30%;
    float: left
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(2) span {
    width: 70%;
    display: inline-block
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(3) {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(3) .add-title {
    text-align: left;
    width: 20%;
    padding: 5px 0;
    float: left
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(3) .content {
    text-align: left;
    background-color: #f3f3f3;
    width: calc(100% - 10px);
    padding: 5px;
    float: right
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(4) {
    width: 50%;
    padding-left: 10px;
    padding-bottom: 20px
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(4) .add-title {
    width: 45%;
    float: left
}

.nyushihenkou table.nyushihenkou-list tbody tr td:nth-child(5) {
    width: 50%;
    padding-right: 10px;
    padding-bottom: 20px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:first-child {
    font-size: 18px;
    text-align: left;
    width: 100%;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(2) {
    width: 20%;
    padding-left: 10px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(3) {
    width: 80%;
    padding-right: 10px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(3) .add-title {
    width: 30%;
    float: left
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(3) span {
    width: 70%;
    display: inline-block
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(4) {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(4) .add-title {
    text-align: left;
    width: 18%;
    padding: 5px 0;
    float: left
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(4) .content {
    text-align: left;
    background-color: #f3f3f3;
    width: calc(100% - 10px);
    padding: 5px;
    float: right
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(5) {
    width: 50%;
    padding-left: 10px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(5) .add-title {
    width: 45%;
    float: left
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(6) {
    width: 50%;
    padding-right: 10px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(7) {
    width: 50%;
    padding-left: 10px;
    padding-bottom: 20px
}

.nyushihenkou-index table.nyushihenkou-list tbody tr td:nth-child(8) {
    width: 50%;
    padding-right: 10px;
    padding-bottom: 20px
}

table.nyushihenkou-list tbody tr td span {
    text-align: center;
    display: block
}

table.nyushihenkou-list tbody tr td .a-1 {
    color: red;
    line-height: 1;
    width: calc(100% - 10px);
    border: solid 1px red;
    border-right: none;
    position: relative
}

table.nyushihenkou-list tbody tr td .a-1:after {
    content: "";
    width: 9px;
    height: 9px;
    border-top: solid 1px red;
    border-right: solid 1px red;
    border-bottom: transparent;
    border-left: transparent;
    position: absolute;
    top: calc(50% - 5px);
    right: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

table.nyushihenkou-list tbody tr td .a-2 {
    color: #fff;
    line-height: 1;
    background-color: #333;
    width: calc(100% - 10px);
    border: solid 1px #333;
    border-right: none;
    position: relative
}

table.nyushihenkou-list tbody tr td .a-2:after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #333;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    border-bottom: transparent;
    border-left: transparent;
    position: absolute;
    top: calc(50% - 5px);
    right: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

table.nyushihenkou-list tbody tr td .b-1 {
    color: #fff;
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-2 {
    color: #fff;
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-3 {
    color: #fff;
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-4 {
    color: #fff;
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-5 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-5 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-5 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-5 ul li:nth-child(2) {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-6 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-6 ul li {
    color: #fff;
    list-style: none;
    width: 33%
}

table.nyushihenkou-list tbody tr td .b-6 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-6 ul li:nth-child(2) {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-6 ul li:nth-child(3) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-7 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-7 ul li {
    color: #fff;
    list-style: none;
    width: 25%
}

table.nyushihenkou-list tbody tr td .b-7 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-7 ul li:nth-child(2) {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-7 ul li:nth-child(3) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-7 ul li:nth-child(4) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-8 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-8 ul li {
    color: #fff;
    list-style: none;
    width: 33%
}

table.nyushihenkou-list tbody tr td .b-8 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-8 ul li:nth-child(2) {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-8 ul li:nth-child(3) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-9 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-9 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-9 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-9 ul li:nth-child(2) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-10 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-10 ul li {
    color: #fff;
    list-style: none;
    width: 33%
}

table.nyushihenkou-list tbody tr td .b-10 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-10 ul li:nth-child(2) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-10 ul li:nth-child(3) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-11 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-11 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-11 ul li:first-child {
    background-color: #ff3654
}

table.nyushihenkou-list tbody tr td .b-11 ul li:nth-child(2) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-12 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-12 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-12 ul li:first-child {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-12 ul li:nth-child(2) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-13 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-13 ul li {
    color: #fff;
    list-style: none;
    width: 33%
}

table.nyushihenkou-list tbody tr td .b-13 ul li:first-child {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-13 ul li:nth-child(2) {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-13 ul li:nth-child(3) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-14 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-14 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-14 ul li:first-child {
    background-color: #ff8932
}

table.nyushihenkou-list tbody tr td .b-14 ul li:nth-child(2) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .b-15 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

table.nyushihenkou-list tbody tr td .b-15 ul li {
    color: #fff;
    list-style: none;
    width: 50%
}

table.nyushihenkou-list tbody tr td .b-15 ul li:first-child {
    background-color: #377dff
}

table.nyushihenkou-list tbody tr td .b-15 ul li:nth-child(2) {
    background-color: #28aa00
}

table.nyushihenkou-list tbody tr td .btn-hp a {
    background-color: #fff4e7;
    border: solid 1px #ff9211;
    padding: 5px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

table.nyushihenkou-list tbody tr td .btn-hp a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}

table.nyushihenkou-list tbody tr td .btn-2 a {
    background-color: #fff;
    padding: 5px;
    border: solid 1px #333;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

table.nyushihenkou-list tbody tr td .btn-2 a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7
}