@charset "UTF-8";

/*!
  Modaal - accessible modals - v0.4.4
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden
}

.modaal-accessible-hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20001;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20002;
    overflow: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all .3s ease-in-out
}

.modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.modaal-wrapper.modaal-start_fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modaal-wrapper *[tabindex="0"] {
    outline: none !important
}

.modaal-wrapper.modaal-fullscreen {
    overflow: hidden
}

.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 10px
}

.modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top
}

.modaal-container {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: calc(100vh - 20px);
    overflow: auto;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    cursor: auto;
    padding: 80px 10px 10px
}

.modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden
}

.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.modaal-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    cursor: pointer;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 50px;
    height: 50px;
    font-size: 14px;
    transition: all .2s ease-in-out
}

.modaal-close:focus,
.modaal-close:hover {
    outline: none;
    background: #fff
}

.modaal-close:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 5px;
    background: url(/di-net/_projects/ts-pharma/common/image/icon_close_black2.png);
    background-size: contain
}

.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px
}

.modaal-content-container {
    padding: 0
}

.modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0
}

.modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: transparent
}

.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f
}

@keyframes instaReveal {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important
}

.modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

.modaal-instagram .modaal-content-container>blockquote {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modaal-instagram iframe {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.modaal-gallery-item {
    display: none
}

.modaal-gallery-item img {
    display: block;
    max-width: 540px !important;
    max-height: calc(90vh - 120px)
}

.modaal-gallery-item.is_active {
    display: block
}

.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.modaal-gallery-label:focus {
    outline: none
}

.modaal-gallery-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: default
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
    outline: none;
    background: #fff
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
    background: #afb7bc
}

.modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px
}

.modaal-gallery-next-outer {
    right: 45px
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
    left: 22px
}

.modaal-gallery-prev:before {
    margin: 5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
    margin: -5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px
}

.modaal-gallery-prev-outer {
    left: 45px
}

.lib-detail {
    display: none
}

.modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width:1400px) {
    .modaal-video-container {
        padding-bottom: 0;
        height: 731px
    }
}

@media only screen and (max-width:1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(0, 0, 0, .7)
    }

    .modaal-gallery-control:before,
    .modaal-gallery-control:after {
        background: #fff
    }

    .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width:900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height:1100px) {
    .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height:1000px) {
    .modaal-inner-wrapper {
        box-sizing: border-box
    }

    .modaal-instagram iframe {
        width: 600px !important
    }
}

@media screen and (max-height:900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }

    .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width:600px) {
    .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height:820px) {
    .modaal-gallery-label {
        display: none
    }
}

.modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    transform: scale(.25)
}

@keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: scale(1.5)
    }

    100% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        transform: scale(1)
    }
}

.modaal-loading-spinner>div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}

.modaal-loading-spinner>div>div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: 0s
}

.modaal-loading-spinner>div:nth-of-type(2)>div,
.modaal-loading-spinner>div:nth-of-type(3)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(1) {
    transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .12s
}

.modaal-loading-spinner>div:nth-of-type(2) {
    transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .25s
}

.modaal-loading-spinner>div:nth-of-type(4)>div,
.modaal-loading-spinner>div:nth-of-type(5)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(3) {
    transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .37s
}

.modaal-loading-spinner>div:nth-of-type(4) {
    transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .5s
}

.modaal-loading-spinner>div:nth-of-type(6)>div,
.modaal-loading-spinner>div:nth-of-type(7)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(5) {
    transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .62s
}

.modaal-loading-spinner>div:nth-of-type(6) {
    transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .75s
}

.modaal-loading-spinner>div:nth-of-type(7) {
    transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .87s
}

.modaal-loading-spinner>div:nth-of-type(8) {
    transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}

@media screen and (orientation:landscape) {
    .modaal-inner-wrapper {
        padding-top: 0;
        padding-bottom: 0
    }

    .modaal-gallery-item img {
        max-width: calc(90vh - 120px) !important;
        max-height: calc(90vh - 120px)
    }
}

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

    .tb-cont,
    .tbpc-cont,
    .pc-cont {
        display: none !important
    }
}

@media screen and (min-width:767px) {
    .sp-cont {
        display: none !important
    }
}

@media screen and (max-width:999px) {
    .pc-cont {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:998px) {

    .pc-cont,
    .sp-cont {
        display: none !important
    }
}

@media screen and (min-width:767px) and (max-width:998px) {

    .pc-cont,
    .sp-cont {
        display: none !important
    }
}

@media screen and (min-width:1000px) {

    .sptb-cont,
    .sp-cont,
    .tb-cont {
        display: none !important
    }
}

.miniDrop>.miniBody>li+li {
    border-top: none
}

.miniDrop>.miniBody>li:not(.sptb-cont)+li {
    border-top: 1px dotted #ccc
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    pointer-events: none
}

.inquiryBox a[href^="tel:"],
#inquiryTel a[href^="tel:"] {
    pointer-events: inherit
}

#topicContents li>a>div {
    display: block;
    margin: 0 0 10px;
    border-radius: 4px;
    overflow: hidden
}

#topicContents li>a>div img {
    display: block
}

#topicContents li>a>div+p {
    margin: 0;
    position: relative;
    padding-left: 20px
}

#topicContents li>a>div+p:before {
    content: url(../image/icon_caret_right.png);
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

#diStatusWrap {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 10px 25px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#diTag {
    float: none;
    font-size: 13px;
    padding: 0;
    margin: 0
}

#diReleaseDate {
    font-size: 14px;
    margin-right: auto
}

.subPageNav {
    display: none
}

.diDataList>tbody>tr.diDShape>td dl dt {
    display: block;
    margin: 0;
    padding: 10px 0 10px 10px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1.73
}

.diDataList>tbody>tr.diDShape>td dl dd {
    margin: 0;
    padding: 10px 0 10px 10px;
    border-top: 1px dotted #999
}

.diDShape td .diDShapeWrap {
    margin: 0;
    padding: 0 !important;
    display: -ms-flexbox;
    display: flex
}

.diDShape td .diDShapeWrap dl {
    -ms-flex: 1;
    flex: 1;
    float: none;
    margin: 0
}

.diDShape td .diDShapeWrap dl dt {
    padding: 10px
}

.diDShape td .diDShapeWrap dl dd {
    padding: 10px
}

.diDShape td .diDShapeWrap dl+dl {
    border-left: 1px solid #999
}

.contentsIndexList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.contentsIndexList>li {
    float: none;
    min-height: 113px !important
}

.diDataList>tbody>tr.diDCol td {
    padding: 0
}

.diDataList>tbody>tr.diDCol p span {
    font-size: 12px;
    line-height: 1.33
}

.diDataList>tbody>tr.diDCol p+p {
    border-top: 1px solid #999
}

.diDataList>tbody>tr>th {
    padding: 10px 5px;
    width: 33%
}

.diDataList>tbody>tr>th span {
    font-size: 9px;
    font-size: .5625rem
}

.diDataList>tbody>tr.diDShape dl dt {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important
}

#diAssets .listAssetsBlock {
    border-left: 1px solid #999
}

#diAssets .listAssetsBlock dl {
    width: 20% !important;
    border: none;
    margin: 0;
    box-sizing: border-box;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

#diAssets .listAssetsBlock dl:nth-child(n+6) {
    border-top: none
}

#diAssets .listAssetsBlock dl dt {
    font-size: 13px
}

.tabLink#diSearchEffect>div dl>dd>button,
.tabLink#diSearchEffect_clone>div dl>dd>button {
    cursor: pointer
}

#homeNewsList {
    width: 100%;
}
@media screen and (min-width:1000px) {
    body>#homeSearchWrapper {
        display: none
    }

    #headerRight {
        display: none
    }

    #headerRight .search {
        display: none
    }

    .h_circle_s div.pc-cont {
        display: inline-block
    }

    #futanData .futanDataList>tbody>tr>td {
        border-left: 1px solid #ccc
    }

    #futanData .futanDataList>tbody>tr>td.fDL01,
    #futanData .futanDataList>tbody>tr>td.fDL07 {
        border-left: none
    }

    #futanData .futanDataList>tbody>tr>td input {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        height: 30px;
        margin-right: 4px;
        padding: 0 7px;
        border: 1px solid #999;
        text-align: right;
        line-height: 30px;
        outline: none;
        width: 56px
    }

    #futanData .futanDataList>tbody>tr>td .num-wrap .plus,
    #futanData .futanDataList>tbody>tr>td .num-wrap .minus {
        display: none
    }

    .tabLink.clone {
        display: none !important
    }

    .diList>tbody>tr>th p,
    .diList.clone th.target p {
        margin: 0
    }

    .diList>tbody>tr>th p>span,
    .diList.clone th.target p>span {
        font-weight: 400;
        font-size: 68.42%;
        vertical-align: middle
    }

    #diNavBtn {
        display: none
    }

    .inquiryBox .mb-tel {
        display: none
    }

    #movieCont>section {
        border: 1px solid #dedede;
        border-left: none;
        border-right: none
    }

    #movieCont>section>section .movieContBody {
        display: block !important
    }
}

@media screen and (max-width:999px) {
    body {
        overscroll-behavior-y: none
    }

    homeSearchWrapper {
        *zoom: 1;
        width: 1000px;
        margin: 0 auto;
        padding: 20px 0 0
    }

    #homeSearchWrapper:after {
        content: "";
        display: table;
        clear: both
    }

    #homeSearchWrapper #homeSearch {
        float: left;
        width: 322px;
        height: 380px;
        margin: 0 0 40px;
        padding: 0;
        background: #efefef;
        border: 1px solid #999;
        box-shadow: 0 1px 3px #999
    }

    #homeSearchWrapper #homeSearch>h2 {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #bfb8ab;
        font-size: 14px;
        line-height: 40px;
        text-align: center
    }

    #homeSearchWrapper #homeSearch>dl {
        margin: 0;
        padding: 20px 0 0 15px;
        border-top: 1px solid #dedede
    }

    #homeSearchWrapper #homeSearch>dl>dt {
        margin: 0 0 5px;
        padding: 0
    }

    #homeSearchWrapper #homeSearch>dl>dt>.h_circle_s {
        font-size: 12px
    }

    #homeSearchWrapper #homeSearch>dl>dd {
        margin: 0;
        padding: 0
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearch {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        height: 44px;
        padding: 0 0 0 10px;
        background: #fff;
        border: 1px solid #999;
        font-size: 14px;
        line-height: 44px;
        vertical-align: top;
        width: 204px;
        border-radius: 0;
        margin: 0 0 15px
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearch:focus {
        border: 1px solid #f00;
        outline: 0
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearchBtn {
        width: 42px;
        margin: 0 0 15px;
        padding: 0;
        background-color: #333;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
        background-size: 100%;
        background-image: linear-gradient(to bottom, #666, #000);
        border: 0;
        vertical-align: top
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearchBtn:hover {
        background: #333 none
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearchBtn img {
        vertical-align: middle
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeTextSearchBtn:focus {
        outline: 0
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeKeySearch {
        *zoom: 1;
        list-style: none none outside;
        margin: 0 0 10px;
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeKeySearch:after {
        content: "";
        display: table;
        clear: both
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeKeySearch>li {
        margin: 0 0 10px;
        font-size: 17px;
        font-weight: 700;
        height: 35px;
        width: calc((100% - 40px)/5);
        line-height: 33px
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeKeySearch>li a {
        height: 35px;
        line-height: 33px
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeOtherSearch {
        *zoom: 1;
        list-style: none none outside;
        padding: 0;
        margin: 0;
        display: -ms-flexbox;
        display: flex
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeOtherSearch:after {
        content: "";
        display: table;
        clear: both
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeOtherSearch>li {
        float: none;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 700;
        height: auto;
        width: auto;
        overflow: hidden;
        -ms-flex: 1;
        flex: 1
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeOtherSearch>li+li {
        margin: 0 0 0 10px
    }

    #homeSearchWrapper #homeSearch>dl>dd #homeOtherSearch>li>a {
        height: 35px;
        line-height: 33px;
        font-size: 15px;
        white-space: nowrap
    }

    #homeSearchWrapper #homePr {
        float: right;
        width: 635px;
        padding: 15px 0 15px 15px;
        border: 1px solid #999;
        box-shadow: 0 1px 3px #999
    }

    #homeSearchWrapper #homePr a:focus {
        outline: 0
    }

    #homeSearchWrapper #homePr .slider {
        margin: 0;
        padding: 0
    }

    #homeSearchWrapper #homePr .slider.slider-for {
        width: 618px;
        height: 290px;
        background: #fff;
        overflow: hidden
    }

    #homeSearchWrapper #homePr .slider.slider-for a>img {
        transition: opacity .5s ease-out
    }

    #homeSearchWrapper #homePr .slider.slider-for a:hover>img {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        transition: opacity .2s ease-out
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper {
        position: relative;
        width: 618px;
        height: auto;
        overflow: hidden;
        margin: 10px 0 0
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slider-nav {
        width: 558px;
        margin: 0 auto;
        padding: 0
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slider-nav a>img {
        transition: opacity .5s ease-out
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slider-nav a:hover>img {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        transition: opacity .2s ease-out
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-prev,
    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-next {
        width: 23px;
        height: 35px;
        background: transparent url(../image/slide_arrow_l.png) 50% 50% no-repeat;
        background-size: contain
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-prev:before,
    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-next:before {
        content: "\0020"
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-prev:hover,
    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        cursor: pointer
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-prev {
        left: 0
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-next {
        right: 0;
        background-image: url(../image/slide_arrow_r.png)
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-slide img {
        box-sizing: border-box;
        display: block;
        width: 134px;
        height: 100%;
        border: 1px solid #ccc
    }

    #homeSearchWrapper #homePr .slider-nav-wrapper .slick-slide.slick-current img {
        width: 132px;
        height: 100%;
        border: 2px solid #f00
    }

    #siteHeader #headerWrapper,
    #homeSearchWrapper,
    #main {
        max-width: 1000px;
        width: 100%;
        position: relative
    }

    #siteHeader #globalNav>ul>li.current>a:after {
        content: none
    }

    #fontSizer,
    #breadCrumbs {
        display: none !important
    }

    #siteHeader:after {
        content: none
    }

    #siteHeader #headerWrapper {
        background-color: #fff;
        min-height: 58px;
        height: 58px;
        position: relative;
        z-index: 101
    }

    #siteHeader #headerWrapper #headerLogo {
        font-size: 9px;
        padding: 5px 0 0 10px
    }

    #siteHeader #headerWrapper #headerLogo a {
        margin: 7px 0 0
    }

    #siteHeader #headerWrapper #headerLogo a img {
        width: auto;
        /* height: 24px */
        height: 42px;
    }

    #siteHeader #headerWrapper #headerRight {
        float: right
    }

    #siteHeader #headerWrapper #headerRight ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex
    }

    #siteHeader #headerWrapper #headerRight ul li {
        width: 50px;
        display: block;
        height: 58px
    }

    #siteHeader #headerWrapper #headerRight a {
        width: 50px;
        height: 58px;
        display: block;
        position: relative;
        text-decoration: none;
        color: #fff
    }

    #siteHeader #headerWrapper #headerRight .text {
        font-size: 10px;
        color: #fff;
        position: absolute;
        bottom: 6px;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0
    }

    #siteHeader #headerWrapper #headerRight .search {
        transition: all .2s linear 0s
    }

    #siteHeader #headerWrapper #headerRight .search a {
        background: #564c4c;
        background: linear-gradient(to bottom, #564c4c 0, #564c4c 30%, #030101 100%)
    }

    #siteHeader #headerWrapper #headerRight .search a.active .top {
        border: none;
        border-radius: 0;
        background: #fff;
        top: 37%;
        margin: 0;
        transform: rotateZ(-135deg);
        -webkit-transform: rotateZ(-135deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    #siteHeader #headerWrapper #headerRight .search a.active .bottom {
        top: inherit;
        top: 37%;
        margin: 0;
        border-radius: 0;
        transform: rotateZ(135deg);
        -webkit-transform: rotateZ(135deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    #siteHeader #headerWrapper #headerRight .search a.active .icon {
        display: none
    }

    #siteHeader #headerWrapper #headerRight .search a.active .text:before {
        content: '閉じる'
    }

    #siteHeader #headerWrapper #headerRight .search .top,
    #siteHeader #headerWrapper #headerRight .search .bottom {
        transition: all .3s linear 0s;
        position: absolute;
        height: 2px;
        width: 30px;
        left: 10px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    #siteHeader #headerWrapper #headerRight .search .top {
        border: none;
        border-radius: 0;
        background: #fff;
        top: 37%;
        margin: 0
    }

    #siteHeader #headerWrapper #headerRight .search .bottom {
        top: inherit;
        top: 37%;
        margin: 0;
        background: #fff;
        border-radius: 0
    }

    #siteHeader #headerWrapper #headerRight .search .icon {
        display: block;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%)
    }

    #siteHeader #headerWrapper #headerRight .search .text:before {
        content: '製品検索';
        color: #fff
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a {
        background-color: #f00;
        position: relative;
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a span:not(.text) {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 1px;
        background-color: #fff
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a span:not(.text):nth-of-type(1) {
        top: 10px
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a span:not(.text):nth-of-type(2) {
        top: 20px
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a span:not(.text):nth-of-type(3) {
        top: 30px
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a .text {
        left: 50%;
        transform: translateX(-50%)
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a.active span:not(.text):nth-of-type(1) {
        transform: translate(-10px, 10px) rotate(-135deg)
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a.active span:not(.text):nth-of-type(2) {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    #siteHeader #headerWrapper #headerRight .gnavBtn a.active span:not(.text):nth-of-type(3) {
        transform: translate(-10px, -10px) rotate(135deg)
    }

    #siteHeader nav[role=navigation] {
        position: fixed;
        width: 100%;
        height: calc(100vh - 58px);
        top: 58px;
        left: 0;
        z-index: 1000;
        transform: translateY(-300vh);
        transition: all .2s;
        z-index: 100;
        background-color: rgba(0, 0, 0, .85);
        overflow: hidden;
        overscroll-behavior: contain
    }

    #siteHeader nav[role=navigation]:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40vh;
        background-color: #fff
    }

    #siteHeader #globalNav {
        height: inherit;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    #siteHeader #globalNav>ul {
        width: 100%;
        height: auto;
        background: #fff;
        border-bottom: 1px solid #dedede
    }

    #siteHeader #globalNav>ul>li {
        border-top: 1px solid #dedede;
        width: 100% !important;
        float: none;
        background: none
    }

    #siteHeader #globalNav>ul>li.gn-home {
        display: none
    }

    #siteHeader #globalNav>ul>li.megaDrop>a,
    #siteHeader #globalNav>ul>li.miniDrop>a {
        position: relative
    }

    #siteHeader #globalNav>ul>li.megaDrop>a:before,
    #siteHeader #globalNav>ul>li.miniDrop>a:before {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    #siteHeader #globalNav>ul>li.megaDrop.is-open>a:before,
    #siteHeader #globalNav>ul>li.miniDrop.is-open>a:before {
        content: url(../image/icon_minus_red.png)
    }

    #siteHeader #globalNav>ul>li.megaDrop .megaBody,
    #siteHeader #globalNav>ul>li.miniDrop .megaBody {
        padding: 0;
        display: block;
        width: 100% !important;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        box-shadow: none;
        border-color: #dedede;
        background-color: #f5f5f5;
        border-bottom: none
    }

    #siteHeader #globalNav>ul>li.megaDrop .megaBody:before,
    #siteHeader #globalNav>ul>li.miniDrop .megaBody:before {
        content: none
    }

    #siteHeader #globalNav>ul>li.megaDrop .megaBody .megaArrow,
    #siteHeader #globalNav>ul>li.miniDrop .megaBody .megaArrow {
        display: none
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody {
        display: block;
        width: 100% !important;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        box-shadow: none;
        border-color: #dedede;
        background-color: #f5f5f5;
        border-bottom: none;
        box-sizing: border-box
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody:before,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody:before {
        content: none
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody li,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody li {
        padding: 0
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody li:before,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody li:before {
        content: none
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody li+li,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody li+li {
        border-top: 1px solid #dedede
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody a,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody a {
        box-sizing: border-box;
        color: #333;
        text-decoration: none;
        display: block;
        width: 100%;
        position: relative;
        padding: 15px 20px 15px 35px
    }

    #siteHeader #globalNav>ul>li.megaDrop .miniBody a:before,
    #siteHeader #globalNav>ul>li.miniDrop .miniBody a:before {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    #siteHeader #globalNav>ul>li>a {
        width: 100%;
        box-sizing: border-box;
        display: block;
        height: inherit;
        font-size: 16px;
        text-align: left;
        padding: 15px 20px
    }

    #siteHeader #globalNav>ul>li>a:before {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    #siteHeader .mobileSubNav {
        display: -ms-flexbox;
        display: flex;
        border-top: none
    }

    #siteHeader .mobileSubNav li {
        border-top: none !important
    }

    #siteHeader .mobileSubNav li+li {
        border-left: 1px solid #dedede
    }

    #siteHeader .mobileSubNav li a {
        font-weight: 400 !important;
        padding: 10px !important;
        text-align: center !important
    }

    #siteHeader .mobileSubNav li a:before {
        content: none !important
    }

    #siteHeader .btnClose {
        padding: 15px 20px;
        display: block;
        text-decoration: none;
        position: relative;
        background-color: #f5f5f5;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #999
    }

    #siteHeader .btnClose:after {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        right: 20px;
        transform: rotate(45deg) translate(-5px, -50%)
    }

    .inquiryBox .mb-tel {
        color: #333;
        font-size: 30px;
        font-family: Century Gothic, sans-serif;
        font-weight: 700
    }

    .inquiryBox img {
        display: none
    }

    main img {
        max-width: 100% !important;
        height: auto
    }

    .l-diDetail img {
        height: auto !important
    }

    .itemsOB img {
        height: auto !important
    }

    .h_circle_m {
        border-bottom: none;
        font-size: 20px;
        margin: 0 10px 10px
    }

    .h_circle_l {
        font-size: 24px;
        margin: 0 10px 20px;
        padding-left: 25px
    }

    .h_circle_l:before {
        top: 3px;
        width: 20px;
        height: 20px;
        content: '';
        background: url(../image/icon_circle_l.png) no-repeat 0 0;
        background-size: contain
    }

    body {
        min-width: inherit;
        padding-top: 68px
    }

    body:before {
        content: none
    }

    body>#homeSearchWrapper {
        padding-top: 0;
        position: fixed;
        width: 100%;
        top: 58px;
        left: 0;
        z-index: 1000;
        transform: translateY(-150vh);
        transition: all .2s
    }

    body>#homeSearchWrapper #homeSearch {
        padding-bottom: 20px;
        background-color: #fff;
        position: relative;
        z-index: 2;
        width: 100%;
        height: auto;
        border: none;
        float: none;
        box-shadow: none
    }

    body>#homeSearchWrapper #homeSearch dl {
        padding: 10px
    }

    body>#homeSearchWrapper #homeSearch dl form {
        display: -ms-flexbox;
        display: flex
    }

    body>#homeSearchWrapper #homeSearch dl form input[type=text] {
        -ms-flex: 1;
        flex: 1
    }

    body>#homeSearchWrapper #homeSearch #homeKeySearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body>#homeSearchWrapper #homeSearch #homeKeySearch:after {
        content: none !important
    }

    body>#homeSearchWrapper #homeSearch #homeKeySearch li {
        margin: 0;
        float: none
    }

    body>#homeSearchWrapper .spMenuMask {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100vh - 56px);
        background-color: rgba(0, 0, 0, .85);
        z-index: 1;
        transition: all .2s
    }

    body.search-open {
        overflow: hidden
    }

    body.search-open>#homeSearchWrapper {
        transform: translateY(0)
    }

    body.search-open>#homeSearchWrapper #homeSearch {
        position: relative;
        z-index: 100
    }

    body.search-open>#homeSearchWrapper .spMenuMask {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    body.menu-open {
        overflow: hidden
    }

    body.menu-open nav[role=navigation] {
        transform: translateY(0) !important
    }

    body.menu-open nav[role=navigation] .spMenuMask {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    body>header {
        background-color: #fff;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 990
    }

    .includeArea {
        margin: 10px 10px 20px;
        font-size: 14px
    }

    footer #siteFooter {
        border-color: #ddd
    }

    footer #siteFooter #footerTop {
        display: none
    }

    footer #siteFooter #footerBottom {
        width: auto;
        padding: 0
    }

    footer #siteFooter #footerBottom #footerSubNav {
        float: none;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ddd
    }

    footer #siteFooter #footerBottom #footerSubNav li {
        width: 50%;
        margin: 0;
        padding: 0 0 0 5px;
        float: none
    }

    footer #siteFooter #footerBottom #footerSubNav li+li {
        border-left: 1px solid #ddd
    }

    footer #siteFooter #footerBottom #footerSubNav li:before {
        content: none
    }

    footer #siteFooter #footerBottom #footerSubNav li a {
        display: block;
        padding: 10px;
        text-align: center
    }

    footer #siteFooter #footerBottom #copyright {
        text-align: center;
        float: none;
        font-size: 10px;
        height: 40px;
        line-height: 40px
    }

    #homeNewsTitle {
        margin: 0 0 10px;
        text-align: center;
        font-size: 24px
    }

    .tabNewsList>dt a,
    .tabSearchList>dt a {
        background: none;
        height: 42px;
        display: table;
        width: 100%;
        line-height: 1.14
    }

    .tabNewsList>dt a span:not(.pc-cont),
    .tabSearchList>dt a span:not(.pc-cont) {
        vertical-align: middle;
        text-align: center;
        display: table-cell
    }

    #topicContents {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #topicContents:after {
        height: 0;
        width: 31.510417%
    }

    #topicContents li {
        width: 31.510417%;
        float: none;
        margin: 0 0 30px
    }

    #topicContents p {
        margin: 0;
        padding-left: 20px;
        font-size: 14px;
        position: relative
    }

    .tabLink.clone {
        display: none
    }

    .tabLink .h_circle_s {
        display: block
    }

    .tabLink>ul {
        padding: 0 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tabLink>ul>li {
        float: none;
        margin: 0 2px;
        height: 53px;
        box-sizing: border-box;
        -ms-flex: 1;
        flex: 1
    }

    .tabLink>ul>li>span {
        display: table;
        width: 100%;
        height: 53px
    }

    .tabLink>ul>li>span span {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.14
    }

    .tabLink>ul>li a {
        display: table;
        width: 100%;
        height: 51px;
        background: none
    }

    .tabLink>ul>li a span {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.14
    }

    .tabLink#diSearchName>div,
    .tabLink#diSearchName_clone>div {
        padding: 10px;
        box-shadow: none;
        border: none
    }

    .tabLink#diSearchName>div dl,
    .tabLink#diSearchName_clone>div dl {
        padding-top: 0;
        border: none
    }

    .tabLink#diSearchName>div dl>dt,
    .tabLink#diSearchName_clone>div dl>dt {
        width: auto;
        margin-bottom: 5px
    }

    .tabLink#diSearchName>div #diKeySearch dd,
    .tabLink#diSearchName_clone>div #diKeySearch dd {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tabLink#diSearchName>div #diKeySearch dd button,
    .tabLink#diSearchName_clone>div #diKeySearch dd button {
        width: 18.333333%;
        margin: 0 0 5px
    }

    .tabLink>div dl>dt {
        width: 100% !important;
        box-sizing: border-box;
        margin-right: 0 !important;
        margin-bottom: 5px !important
    }

    .diList {
        width: 100%;
        table-layout: fixed
    }

    .diList>tbody>tr>td.diL01.g,
    .diList>tbody>tr>td.diL01.l,
    .diList>tbody>tr>td.diL01.a {
        background-size: 15px 15px;
        padding-left: 30px
    }

    .pager {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pager li {
        display: block;
        width: 40px;
        height: 40px;
        margin: 2px !important;
        box-sizing: border-box;
        border: 1px solid #ddd;
        text-align: center;
        line-height: 38px;
        font-size: 13px
    }

    #diNav {
        background-color: #fff;
        top: 58px
    }

    #diNav ul {
        display: none;
        width: 100%;
        padding: 0;
        border-top: 1px solid #dedede
    }

    #diNav ul li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 !important;
        border: none;
        border-bottom: 1px solid #dedede
    }

    #diNav ul li a {
        background: none !important;
        position: relative;
        color: #333;
        text-align: left;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 16px;
        height: auto
    }

    #diNav ul li a:after {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    #diNav ul li.current a {
        color: #f00
    }

    #diNav #diNavBtn {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        display: block;
        background-color: #f5f5f5;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        line-height: 50px;
        height: 50px;
        position: relative;
        cursor: pointer
    }

    #diNav #diNavBtn:after {
        content: '›';
        color: #f00;
        font-weight: 400;
        line-height: 1;
        font-size: 30px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: rotate(90deg) translateX(-150%)
    }

    #diNav.is-open #diNavBtn span {
        display: none
    }

    #diNav.is-open #diNavBtn:before {
        content: 'メニューを閉じる';
        line-height: 50px;
        font-weight: 700;
        color: #999
    }

    #diNav.is-open #diNavBtn:after {
        transform: rotate(-90deg) translate(150%, -20%)
    }

    #main.futan_detail {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }

    #main.futan_detail .h_circle_l {
        margin-left: 0
    }

    #main.futan_detail .iconLink {
        font-size: 14px
    }

    #main.site section {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px
    }

    #main.site section header {
        margin-left: -10px
    }

    #main.site section+section {
        margin-top: 20px
    }

    #main.futan {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }

    #main.futan .h_circle_l {
        margin-left: 0
    }

    #main.futan .includeArea {
        margin-left: 0;
        margin-right: 0
    }

    #main.futan .text {
        font-size: 14px
    }

    #main.futan header {
        padding: 0 10px 10px;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        background-color: #fafafa
    }

    #main.futan header h2 {
        margin-bottom: 0
    }

    #main.futan header.sub {
        border: none;
        background: none
    }

    #main.futan .tabLink#futanSearchName {
        page-break-after: 0;
        background: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    #main.futan .tabLink#futanSearchName>div {
        border-top: none;
        padding: 0;
        box-shadow: none;
        border: none
    }

    #main.futan .tabLink#futanSearchName>div dl {
        padding: 0;
        padding-top: 47px
    }

    #main.futan .tabLink#futanSearchName>div dl#futanKeySearch dt {
        left: auto;
        right: 0
    }

    #main.futan .tabLink#futanSearchName>div dl.active dt {
        width: 50% !important;
        background-color: #f00;
        color: #fff;
        border-color: #f00
    }

    #main.futan .tabLink#futanSearchName>div dl.active dd {
        display: -ms-flexbox;
        display: flex
    }

    #main.futan .tabLink#futanSearchName>div dt {
        margin: 0;
        width: 49% !important;
        position: absolute;
        top: 0;
        box-sizing: border-box;
        border: 1px solid #999;
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    #main.futan .tabLink#futanSearchName>div dt .h_circle_s {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 47px;
        padding: 0;
        text-align: center
    }

    #main.futan .tabLink#futanSearchName>div dt .h_circle_s span {
        font-size: 16px;
        font-weight: 700;
        vertical-align: inherit
    }

    #main.futan .tabLink#futanSearchName>div dt .h_circle_s:before {
        content: none
    }

    #main.futan .tabLink#futanSearchName>div dd {
        background-color: #fafafa;
        width: 100% !important;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 10px 20px;
        box-sizing: border-box;
        border: 1px solid #999;
        border-bottom: none;
        display: none
    }

    #main.futan .tabLink#futanSearchName>div dd #futanTextSearch {
        -ms-flex: 1;
        flex: 1
    }

    #main.futan .tabLink#futanSearchName>div dd #futanTextSearch {
        width: 100%
    }

    #main.futan .tabLink#futanSearchName>div #futanKeySearch {
        padding-top: 0
    }

    #main.futan .tabLink#futanSearchName>div #futanKeySearch dd {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #main.futan .tabLink#futanSearchName>div #futanKeySearch dd button {
        width: 19.42446%;
        margin: 0 0 5px
    }

    #main.futan .tabLink#futanSearchName>div #futanKeySearch dd button.allItem {
        margin-top: 17px;
        width: 100%
    }

    #main.futan #futanSelect {
        padding-bottom: 0;
        background: none
    }

    #main.futan #futanSelect .futanList {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        padding: 0 10px 10px;
        border-top: none;
        overflow: visible
    }

    #main.futan #futanSelect .futanList.left {
        margin-bottom: 60px;
        position: relative;
        background-color: #fafafa
    }

    #main.futan #futanSelect .futanList.left:after {
        content: '';
        display: block;
        width: 62px;
        height: 20px;
        background: transparent url(../image/futan_bg.png) 50% 100% no-repeat;
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%)
    }

    #main.futan #futanSelect .futanList.right {
        padding: 10px;
        border: 1px solid #999;
        min-height: 87px;
        box-sizing: border-box
    }

    #main.futan #futanSelect .futanList.right table {
        border: none
    }

    #main.futan #futanSelect .futanList table {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #999;
        display: block;
        background-color: #fff
    }

    #main.futan #futanSelect .futanList table tbody {
        display: block;
        overflow: auto;
        height: 100%;
        max-height: 370px
    }

    #main.futan #futanSelect .futanList table tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 10px;
        position: relative
    }

    #main.futan #futanSelect .futanList table tbody tr.selected:before {
        content: '';
        display: block;
        background-color: rgba(0, 0, 0, .1);
        position: absolute;
        top: 0;
        left: -10px;
        width: calc(100% + 20px);
        height: 100%
    }

    #main.futan #futanSelect .futanList table tbody tr th,
    #main.futan #futanSelect .futanList table tbody tr td {
        display: block;
        border-bottom: 0
    }

    #main.futan #futanSelect .futanList table tbody tr th {
        -ms-flex: 1;
        flex: 1
    }

    #main.futan #futanSelect .futanList table tbody tr td {
        width: 90px;
        margin-left: 10px
    }

    #main.futan #futanSelect .futanList table tbody tr td button {
        width: 90px;
        height: 45px;
        box-sizing: border-box
    }

    .futanBtn {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 20px;
        font-weight: 700
    }

    #futanData .h_circle_s+p {
        font-size: 14px
    }

    #futanData .futanDataList {
        width: 100%;
        display: block;
        font-size: 13px
    }

    #futanData .futanDataList tbody,
    #futanData .futanDataList tr,
    #futanData .futanDataList th,
    #futanData .futanDataList td {
        display: block
    }

    #futanData .futanDataList tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #f5f5f5;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }

    #futanData .futanDataList tr>* {
        box-sizing: border-box
    }

    #futanData .futanDataList tr .sptb-cont {
        width: 120px;
        font-size: 13px;
        font-weight: 700;
        padding: 10px 5px;
        border-bottom: 1px solid #b2ada5;
        border-right: 1px solid #b2ada5;
        position: relative
    }

    #futanData .futanDataList tr .sptb-cont span {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center
    }

    #futanData .futanDataList tr td {
        width: calc(100% - 120px);
        background-color: #fff;
        padding: 10px 12px;
        border-bottom: 1px solid #b2ada5;
        text-align: left !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    #futanData .futanDataList tr td.fDL01 {
        background-color: #f5f5f5
    }

    #futanData .futanDataList tr td>.num-wrap {
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #707070;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        height: 32px;
        text-align: center;
        max-width: 256px;
        font-size: 11px
    }

    #futanData .futanDataList tr td>.num-wrap.err {
        background: #ffe4e4
    }

    #futanData .futanDataList tr td>.num-wrap.err .err {
        background: #ffe4e4;
        border: none
    }

    #futanData .futanDataList tr td>.num-wrap .fDIs,
    #futanData .futanDataList tr td>.num-wrap .fDIl {
        width: 2em;
        text-align: right;
        border: none;
        font-size: 13px
    }

    #futanData .futanDataList tr td>.num-wrap .minus,
    #futanData .futanDataList tr td>.num-wrap .plus {
        font-size: 15px;
        font-weight: 700;
        color: #ff6d00;
        border: none;
        background: none;
        width: 38px;
        height: 30px;
        padding: 0;
        text-align: center;
        background-color: #fff;
        line-height: 30px
    }

    #futanData .futanDataList tr td>.num-wrap .minus {
        border-right: 1px solid #707070;
        margin-right: auto
    }

    #futanData .futanDataList tr td>.num-wrap .plus {
        -ms-flex-order: 4;
        order: 4;
        border-left: 1px solid #707070;
        margin-left: auto
    }

    #futanData .futanDataList thead {
        display: none
    }

    #futanData .futanDataList#typeA tbody tr:last-child {
        border: none;
        background: none
    }

    #futanData .futanDataList#typeA tbody tr:last-child td {
        width: 100%;
        text-align: center !important;
        border: none;
        padding: 12px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    #futanData .futanDataList#typeA tbody tr:last-child td span {
        display: block;
        margin: 10px 0
    }

    #futanData .futanDataList#typeA tbody tr:last-child td #days {
        width: calc(100% - 3rem)
    }

    #futanResultWrapper #futanResult {
        width: 100%
    }

    #futanResultWrapper #futanResult>tbody>tr {
        border-top: 2px solid #ff8c00
    }

    #futanResultWrapper #futanResult>tbody>tr+tr {
        border-top: none
    }

    #futanResultWrapper #futanResult>tbody>tr>th,
    #futanResultWrapper #futanResult>tbody>tr>td {
        border: none;
        display: block;
        width: 100%;
        border-left: 2px solid #ff8c00;
        border-right: 2px solid #ff8c00;
        border-bottom: 2px solid #ff8c00;
        box-sizing: border-box;
        font-size: 13px
    }

    #futanResultWrapper #futanResult>tbody>tr>th {
        padding: 10px
    }

    #futanResultWrapper #futanResult>tbody>tr>td {
        border-top: none;
        padding: 0
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList {
        vertical-align: middle;
        width: 100%
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList thead th {
        background-color: #faf4ea;
        border-bottom: 1px solid #ff8c00;
        text-align: center
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList thead th+th {
        border-left: 1px solid #ff8c00
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList>tbody>tr>th {
        width: 42%
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList>tbody>tr>td {
        width: 58%
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList tr+tr th,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList tr+tr td {
        border-top: 1px solid #ff8c00
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList th {
        text-align: center;
        padding: 10px;
        vertical-align: middle
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList th+td {
        border-left: 1px solid #ff8c00
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td {
        padding: 10px;
        vertical-align: middle;
        font-size: 18px
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerSagaku,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerSagaku,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerSagaku {
        font-size: 13px
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerYearTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerYearTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerYearTT,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerYearSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerYearSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerYearSame,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay30PerYearSagaku,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay20PerYearSagaku,
    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td#selfPay10PerYearSagaku {
        font-size: 11px
    }

    #futanResultWrapper #futanResult>tbody>tr>td .futanResultList td+td {
        border-left: 1px solid #ff8c00
    }

    #futanResultWrapper #futanResultNotice {
        font-size: 13px;
        margin-bottom: 40px
    }

    .megaDrop {
        box-sizing: border-box;
        padding: 10px
    }

    .megaDrop .megaBody {
        box-sizing: border-box;
        border: none
    }

    .megaDrop #megaDiSearchPanel {
        box-sizing: border-box;
        background-color: inherit;
        padding: 15px;
        float: none;
        width: 100%;
        min-height: inherit !important
    }

    .megaDrop #megaDiSearchPanel form {
        display: -ms-flexbox;
        display: flex
    }

    .megaDrop #megaDiSearchPanel form input[type=text] {
        -ms-flex: 1;
        flex: 1;
        width: auto
    }

    .megaDrop #megaDiSearchPanel #megaKeySearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .megaDrop #megaDiSearchPanel #megaKeySearch:after {
        content: none !important
    }

    .megaDrop #megaDiSearchPanel #megaKeySearch li {
        margin: 0 0 6px !important
    }

    .megaDrop #megaDiSearchPanel #megaOtherSearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .megaDrop #megaDiSearchPanel #megaOtherSearch li {
        width: inherit;
        -ms-flex: 1;
        flex: 1
    }

    .megaDrop #megaDiMenuPanel {
        float: none;
        margin: 0;
        padding: 0;
        min-height: inherit !important;
        width: 100%;
        background-color: inherit
    }

    .megaDrop #megaDiMenuPanel>ul {
        width: 100%;
        border-top: 1px solid #dedede
    }

    .megaDrop #megaDiMenuPanel>ul li {
        border-bottom: 1px solid #dedede;
        padding: 0
    }

    .megaDrop #megaDiMenuPanel>ul li:before {
        content: none
    }

    .megaDrop #megaDiMenuPanel>ul li a {
        box-sizing: border-box;
        color: #333;
        text-decoration: none;
        display: block;
        width: 100%;
        position: relative;
        padding: 15px 20px 15px 35px
    }

    .megaDrop #megaDiMenuPanel>ul li a:before {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    .megaDrop #megaDiBanners {
        float: none;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .megaDrop #megaDiBanners li {
        margin: 0;
        width: 50%
    }

    .megaDrop #megaDiBanners li+li {
        margin: 0
    }

    .megaDrop #megaDiBanners li img {
        width: 100%;
        height: auto
    }

    #diData td {
        font-size: 13px
    }

    #diCodeSearch {
        -ms-flex: 1;
        flex: 1
    }

    #diCharacter {
        margin: 0 10px
    }

    #diCharacter img {
        height: auto !important
    }

    .contentsIndexList {
        margin: 0 10px
    }

    .contentsIndexList>li {
        margin: 0 0 22px !important;
        padding-left: 110px;
        width: 100%;
        box-sizing: border-box;
        float: none;
        min-height: 102px !important;
        border: 1px solid #acacac;
        border-left: 6px solid #ff6d00
    }

    .contentsIndexList>li h2 {
        font-size: 18px;
        margin-bottom: 10px;
        position: relative;
        left: -4px
    }

    .contentsIndexList>li p {
        font-size: 14px
    }

    .contentsIndexList>li .thumb {
        width: 86px !important;
        height: 70px !important;
        left: 12px
    }

    #opdTop {
        margin: 0 10px 25px
    }

    #opdTop img {
        vertical-align: bottom
    }

    #opdTop+p {
        font-size: 14px;
        margin: 0 10px 30px
    }

    .TTgeneric {
        padding: 0 10px;
        font-size: 14px
    }

    #TTgeneric {
        box-sizing: border-box;
        margin-top: 35px;
        margin-left: 10px;
        margin-right: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    #TTgeneric li {
        margin: 0 15px 30px !important;
        min-height: inherit !important;
        width: calc(50% - 30px);
        box-sizing: border-box;
        float: none
    }

    #TTgeneric li .thumb img {
        max-width: inherit !important;
        width: 100%
    }

    #TTgeneric li .text {
        font-size: 14px;
        padding: 16px 12px 20px
    }

    #movieTop {
        box-sizing: border-box;
        margin: 0 10px 30px
    }

    #movieTop p {
        font-size: 14px;
        margin: 0
    }

    #movieCont>section {
        border: 1px solid #dedede;
        border-left: none;
        border-right: none
    }

    #movieCont>section>section header {
        box-sizing: border-box;
        position: relative;
        background-color: #fff;
        color: #000;
        padding: 10px 50px 10px 20px;
        font-weight: 700
    }

    #movieCont>section>section header:before {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%)
    }

    #movieCont>section>section header h3 {
        font-size: 18px;
        margin: 0;
        padding: 0
    }

    #movieCont>section>section header h3:before {
        content: none
    }

    #movieCont>section>section.is-open header:before {
        content: url(../image/icon_minus_red.png)
    }

    #movieCont>section>section .movieContBody {
        border-top: 1px solid #dedede;
        padding: 10px;
        display: none;
        font-size: 14px
    }

    #movieCont>section>section .movieContBody .listMovie {
        padding: 0
    }

    #movieCont>section>section .movieContBody .listMovie li {
        width: 100%;
        margin: 0 0 20px !important;
        float: none;
        min-height: inherit !important
    }

    #movieCont>section>section .movieContBody .listMovie li .movCaption br {
        display: none
    }

    #movieCont>section>section .movieContBody .movWrapper {
        position: relative;
        height: 0;
        padding-top: 56.2%
    }

    #movieCont>section>section .movieContBody .movWrapper video {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0
    }

    #movieCont>section>section .movieContBody.movieHigh .movWrapper {
        padding-top: 75%
    }

    #movieCont>section+section {
        border-top: none
    }

    #infoTop {
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    #infoTop .text {
        font-size: 14px
    }

    #infoTop .caption {
        font-size: 13px;
        line-height: 1.62
    }

    #infoTop #infoNavi {
        margin-top: 30px
    }

    #infoTop .listLinkD {
        margin-left: 10px;
        margin-right: 10px
    }

    #infoTop .listLinkD li {
        font-size: 14px
    }

    #infoList header .text {
        font-size: 14px;
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px
    }

    #infoList .listAssetsFull {
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px
    }

    #infoList .listAssetsFull li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px
    }

    #infoList .listAssetsFull .thumb {
        float: none;
        width: 100px;
        margin-right: 10px
    }

    #infoList .listAssetsFull .iconLink {
        margin: 0;
        -ms-flex: 1;
        flex: 1
    }

    #infoList .listAssetsFull .text {
        width: 100%;
        box-sizing: border-box;
        margin: 10px 0 0
    }

    #columnWrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #columnWrapper>section {
        -ms-flex-order: 2;
        order: 2
    }

    #columnWrapper>nav {
        -ms-flex-order: 1;
        order: 1
    }

    #columnWrapper>nav #localNav {
        float: none;
        width: 100%
    }

    #columnWrapper>nav #localNav.formsLocalNav {
        border-color: #dedede;
        margin-bottom: 70px
    }

    #columnWrapper>nav #localNav.formsLocalNav * {
        border-color: #dedede
    }

    #columnWrapper>nav #localNav.formsLocalNav a {
        font-size: 1rem;
        background-image: none;
        padding: 15px 30px 15px 20px;
        position: relative
    }

    #columnWrapper>nav #localNav.formsLocalNav a:after {
        content: '›';
        color: #f00;
        font-weight: 400;
        line-height: 1;
        font-size: 26px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    #columnWrapper>nav #localNav.formsLocalNav ul {
        border-top: 1px solid #dedede
    }

    #columnWrapper>nav #localNav.formsLocalNav li li {
        font-weight: 400
    }

    #columnWrapper>nav #localNav.formsLocalNav li li a {
        padding-left: 2rem
    }

    #columnWrapper>nav #localNav.formsLocalNav li li a:after {
        font-size: 20px
    }

    #columnWrapper>nav #localNav.formsLocalNav li li li a {
        padding-left: 3rem
    }

    #columnWrapper>nav #localNav.formsLocalNav li li li a:after {
        content: url(../image/icon_caret_right.png);
        display: block;
        position: absolute
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) {
        box-sizing: border-box;
        padding: 0 10px;
        border-top: none;
        border-bottom: 3px solid #f00;
        margin-bottom: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) li {
        box-sizing: border-box;
        border-radius: 6px 6px 0 0;
        border: 1px solid #999;
        border-bottom: none;
        margin: 0 1px;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) li.current {
        border-color: #f00
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) li.current a {
        background-image: none;
        background-color: #f00;
        color: #fff
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) a {
        padding: 0;
        box-sizing: border-box;
        height: 42px;
        background: none;
        background-image: linear-gradient(to bottom, #fff 50%, #efefef 100%);
        display: table;
        width: 100%;
        text-align: center
    }

    #columnWrapper>nav #localNav:not(.formsLocalNav) a span {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.14
    }

    #columnWrapper:after {
        content: none
    }

    #columnWrapper #columnContents {
        float: none;
        width: 100%
    }

    #columnWrapper #columnContents img {
        max-width: 100% !important;
        height: auto !important
    }

    #columnWrapper #columnContents.newsContents .listNews {
        border-top: none;
        margin-bottom: 25px
    }

    #columnWrapper #columnContents.newsContents .listNews>li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }

    #columnWrapper #columnContents.newsContents .listNews>li * {
        float: none !important
    }

    #columnWrapper #columnContents.newsContents .listNews>li>.date {
        display: inline-block;
        padding-left: 10px;
        width: auto;
        margin-right: 10px;
        line-height: 1;
        font-size: 14px
    }

    #columnWrapper #columnContents.newsContents .listNews>li>.tag {
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        display: inline-block
    }

    #columnWrapper #columnContents.newsContents .listNews>li .news {
        width: 100%;
        margin: 3px 10px 0 !important;
        font-size: 14px;
        line-height: 1.5
    }

    #columnWrapper #columnContents.newsContents .newDate {
        margin-right: 10px;
        margin-bottom: 1em
    }

    #columnWrapper #columnContents.newsContents .text {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px
    }

    #columnWrapper #columnContents.newsContents .newLink {
        font-size: 14px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px
    }

    #columnWrapper #columnContents.newsContents #newsPackTab {
        margin-bottom: 25px
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul {
        border: none
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul:after {
        content: none
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul li {
        border-radius: 6px;
        box-sizing: border-box;
        height: 52px;
        border: 1px solid #999;
        display: table;
        width: calc(50% - 4px)
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul li>* {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.28
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul li.selected {
        border-color: #f00
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul li h2 {
        margin: 0;
        height: 100%
    }

    #columnWrapper #columnContents.newsContents #newsPackTab ul li a {
        height: 100%
    }

    #columnWrapper #columnContents.newsContents .listInline {
        padding-top: 0;
        margin-left: 10px;
        margin-right: 10px
    }

    #columnWrapper #columnContents.newsContents .listInline li {
        margin-right: 1.5em
    }

    .iconLink {
        padding-left: 15px
    }

    .backNumber {
        text-align: right
    }

    .backNumber P {
        display: inline-block;
        margin: 0 10px 125px 0
    }

    .backNumber P a {
        font-size: 14px
    }

    .backNumber:after {
        content: none !important
    }

    .modaal-content-container #modalInquiry {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding-bottom: 10px
    }

    .modaal-content-container #modalInquiry ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .modaal-content-container #modalInquiry h2 {
        font-size: 24px;
        margin: 0 10px 20px 0;
        padding-left: 25px;
        position: relative
    }

    .modaal-content-container #modalInquiry h2:before {
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        width: 20px;
        height: 20px;
        content: '';
        background: url(../image/icon_circle_l.png) no-repeat 0 0;
        background-size: contain
    }

    .modaal-content-container #modalInquiry .h_circle_m {
        font-size: 20px;
        margin-left: 0
    }

    .modaal-content-container #modalInquiry .text {
        font-size: 14px
    }

    .modaal-content-container #modalInquiry #inquiryTel dt {
        font-size: 1rem;
        display: block
    }

    .modaal-content-container #modalInquiry #inquiryTel dd {
        display: block;
        font-size: 13px
    }

    .modaal-content-container #modalInquiry #inquiryTel dd a {
        color: #333;
        font-size: 30px;
        font-family: Century Gothic, sans-serif;
        font-weight: 700;
        text-decoration: none
    }

    .modaal-content-container #modalInquiry .ibl {
        margin: 1rem 0 0
    }

    #forms {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px
    }

    #forms .forms1,
    #forms .forms2,
    #forms .forms3,
    #forms .forms4 {
        margin-bottom: 30px
    }

    #forms .forms1 h2 {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 22px;
        margin-left: -10px;
        margin-right: -10px;
        height: auto;
        line-height: 1.27
    }

    #forms .forms1 h3 {
        border-bottom: none;
        padding-bottom: 0;
        font-size: 14px
    }

    #forms .forms3 li {
        float: none;
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
        min-height: inherit !important;
        height: auto !important
    }

    #forms .forms3 li+li {
        margin-top: 20px
    }

    #forms .forms3 li .forms3_img {
        margin: 0 0 20px
    }

    #forms .forms3 li .forms3_img img {
        width: 100%;
        height: auto
    }

    #forms .forms3 li .forms3_ttl {
        margin: 0 0 10px
    }

    #forms .forms3 li .forms3_txt {
        margin: 0
    }

    #forms .forms4 {
        display: -ms-flexbox;
        display: flex
    }

    #forms .forms4:after {
        content: none
    }

    #forms .forms4>* {
        float: none
    }

    #forms .forms4_img {
        max-width: 220px;
        min-width: 110px;
        width: 37%
    }

    #forms .forms4>div {
        width: auto;
        -ms-flex: 1;
        flex: 1;
        margin-left: 20px
    }

    #forms .forms4.forms4R>div {
        margin-left: 0;
        margin-right: 20px
    }

    .tb-wrap {
        overflow-x: auto;
        margin-bottom: 20px
    }

    .tb-wrap .m_table {
        min-width: 688px;
        margin: 0
    }

    .m_btnL>a {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 1rem;
        line-height: 48px
    }

    .m_btnS>a {
        box-sizing: border-box;
        font-size: 15px;
        width: 59%
    }

    #diLDoc #diDocBtn,
    #diDoc #diDocBtn {
        margin: 0;
        min-height: 44px;
        height: auto
    }

    #diLDoc #diDocBtn a,
    #diDoc #diDocBtn a {
        box-sizing: border-box;
        min-height: 44px;
        height: auto;
        line-height: 1.3;
        padding: 12px 5px
    }

    #diLDoc #diLDocTtl,
    #diLDoc #diDocTtl,
    #diDoc #diLDocTtl,
    #diDoc #diDocTtl {
        white-space: inherit
    }

    nav[role=navigation] .h_circle_m {
        font-size: 14px
    }

    .movWrapper * {
        max-width: 100%;
        height: auto
    }
}

@media screen and (min-width:768px) and (max-width:999px) {
    .diL01_wrap {
        height: 100%;
        position: relative
    }

    .diL01_wrap>img {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    #main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #main #homeSearchWrapper {
        margin-bottom: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #main #homeSearchWrapper:after {
        content: none
    }

    #main #homeSearchWrapper #homeSearch {
        float: none;
        height: auto;
        width: 32.4%;
        box-sizing: border-box;
        margin-bottom: 0
    }

    #main #homeSearchWrapper #homeSearch dl {
        padding: 10px
    }

    #main #homeSearchWrapper #homeSearch form {
        display: -ms-flexbox;
        display: flex
    }

    #main #homeSearchWrapper #homeSearch form input[type=text] {
        -ms-flex: 1;
        flex: 1
    }

    #main #homeSearchWrapper #homeSearch #homeKeySearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main #homeSearchWrapper #homeSearch #homeKeySearch li {
        width: calc(20% - 4px);
        margin: 0 auto 5px;
        line-height: 33px
    }

    #main #homeSearchWrapper #homeSearch #homeOtherSearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #main #homeSearchWrapper #homeSearch #homeOtherSearch li {
        float: none
    }

    #main #homeSearchWrapper #homeSearch #homeOtherSearch li a {
        font-size: 13px
    }

    #main #homeSearchWrapper #homePr {
        padding: 10px;
        float: none;
        box-sizing: border-box;
        width: 65.2%
    }

    #main #homeSearchWrapper #homePr .slider.slider-for {
        width: 100%;
        height: auto
    }

    #main #homeSearchWrapper #homePr .slider-nav-wrapper {
        width: 100%
    }

    #main #homeSearchWrapper #homePr .slider-nav {
        width: auto;
        margin-left: 28px;
        margin-right: 28px
    }

    #main #homeSearchWrapper #homePr .slider-nav .slick-slide {
        margin: 0 2px
    }

    #main #homeSearchWrapper #homePr .slider-nav .slick-slide img {
        width: 100%
    }

    #homeNewsList,
    #diNewsList {
        margin-bottom: 30px;
        padding-bottom: 0
    }
}

@media screen and (min-width:768px) and (max-width:999px) and (max-width:999px) {

    #homeNewsList,
    #diNewsList {
        padding-top: 42px !important;
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:999px) and (max-width:999px) {

    #homeNewsList .tc_tabs,
    #diNewsList .tc_tabs {
        box-sizing: border-box;
        height: 42px !important;
        width: calc((100% - 40px)/5)
    }
}

@media screen and (min-width:768px) and (max-width:999px) and (min-width:768px) {

    #homeNewsList .tc_tabs:nth-of-type(1),
    #diNewsList .tc_tabs:nth-of-type(1) {
        left: 0 !important
    }

    #homeNewsList .tc_tabs:nth-of-type(2),
    #diNewsList .tc_tabs:nth-of-type(2) {
        left: calc((100% - 40px)/5 + 10px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(3),
    #diNewsList .tc_tabs:nth-of-type(3) {
        left: calc(((100% - 40px)/5)*2 + 20px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(4),
    #diNewsList .tc_tabs:nth-of-type(4) {
        left: calc(((100% - 40px)/5)*3 + 30px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(5),
    #diNewsList .tc_tabs:nth-of-type(5) {
        left: calc(((100% - 40px)/5)*4 + 40px) !important
    }
}

@media screen and (min-width:768px) and (max-width:999px) {

    #homeNewsList .listNews li,
    #diNewsList .listNews li {
        padding: 15px 0;
        font-size: 14px
    }

    #homeNewsList .listNews li .nonews,
    #diNewsList .listNews li .nonews {
        box-sizing: border-box;
        padding: 0 1em
    }

    #homeNewsList .listNews .iconLink,
    #diNewsList .listNews .iconLink {
        margin: 0 10px;
        width: auto;
        clear: both;
        box-sizing: border-box
    }

    #homeInquiry {
        border-color: #ddd;
        margin-bottom: 20px;
        display: -ms-flexbox;
        display: flex
    }

    #homeInquiry>* {
        float: none !important
    }

    #homeInquiry:after {
        content: none
    }

    #homeInquiry .inquiryBox h2 {
        margin-bottom: 15px
    }

    #homeInquiry .inquiryBox>dl>dt {
        font-size: 16px
    }

    #homeInquiry .inquiryBox>dl>dt .mb-tel {
        color: #333;
        font-size: 30px;
        font-family: Century Gothic, sans-serif;
        font-weight: 700;
        text-decoration: none
    }

    #homeInquiry .stableSupply {
        font-size: 20px
    }

    #homeInquiry .stableSupply h2 {
        margin-bottom: 10px
    }

    #homeInquiry .stableSupply p {
        font-size: 14px;
        margin: 0 10px
    }

    #homeInquiry .stableSupply .listLink {
        margin: 20px 10px 0;
        font-size: 14px
    }

    .tabLink.clone {
        display: none !important
    }

    .tabLink#diSearchCode>div dl>dd,
    .tabLink#diSearchCode_clone>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }

    .tabLink>div dl+dl {
        padding-top: 15px !important;
        border-top: 1px dotted #999 !important
    }

    .tabLink#diSearchName>div,
    .tabLink#diSearchName_clone>div {
        padding: 20px
    }

    .tabLink#diSearchName>div dl>dd,
    .tabLink#diSearchName_clone>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%
    }

    .tabLink#diSearchName form dl:first-child dd,
    .tabLink#diSearchName_clone form dl:first-child dd {
        display: -ms-flexbox;
        display: flex
    }

    .tabLink#diSearchName form dl:first-child dd input[type=text],
    .tabLink#diSearchName_clone form dl:first-child dd input[type=text] {
        -ms-flex: 1;
        flex: 1
    }

    .tabLink#diSearchName #diKeySearch dd,
    .tabLink#diSearchName_clone #diKeySearch dd {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tabLink#diSearchName #diKeySearch dd button,
    .tabLink#diSearchName_clone #diKeySearch dd button {
        width: 9% !important
    }

    .tabLink#diSearchName #diKeySearch,
    .tabLink#diSearchName #diKindSearch,
    .tabLink#diSearchName_clone #diKeySearch,
    .tabLink#diSearchName_clone #diKindSearch {
        width: calc(100% - 180px)
    }

    .tabLink#diSearchName #diKindSearch,
    .tabLink#diSearchName_clone #diKindSearch {
        padding-bottom: 0
    }

    .tabLink#diSearchName #diKindSearch dd,
    .tabLink#diSearchName_clone #diKindSearch dd {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tabLink#diSearchName #diKindSearch button,
    .tabLink#diSearchName_clone #diKindSearch button {
        width: 49.264706%
    }

    .tabLink#diSearchName #diKindSearch button.w160,
    .tabLink#diSearchName_clone #diKindSearch button.w160 {
        max-width: inherit;
        width: 23.7226%
    }

    .tabLink#diSearchName #diKindSearch button.w280,
    .tabLink#diSearchName_clone #diKindSearch button.w280 {
        max-width: inherit;
        width: 49.2701%
    }

    .tabLink#diSearchName #diAllSearch,
    .tabLink#diSearchName_clone #diAllSearch {
        width: 160px
    }

    .tabLink#diSearchName #diAllSearch button,
    .tabLink#diSearchName_clone #diAllSearch button {
        width: 100%;
        height: 150px
    }

    #diSearchResult .diList.clone {
        top: 58px
    }

    #diSearchResult .diList.clone th.target {
        font-size: 13px;
        box-sizing: border-box
    }

    #diSearchResult .diList.clone th.target div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult .diList.clone th.target div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult td img {
        width: 20px;
        height: auto;
        margin: 0 5px
    }

    #diSearchResult.diNameList .diList {
        font-size: 12px;
        width: 100%
    }

    #diSearchResult.diNameList .diList span {
        font-size: 10px
    }

    #diSearchResult.diNameList .diList .diL00 {
        width: 10%
    }

    #diSearchResult.diNameList .diList .diL01 {
        width: 24%
    }

    #diSearchResult.diNameList .diList .diL02 {
        width: 12%;
        vertical-align: top;
        padding-top: 40px !important
    }

    #diSearchResult.diNameList .diList .diL03,
    #diSearchResult.diNameList .diList .diL04,
    #diSearchResult.diNameList .diList .diL05,
    #diSearchResult.diNameList .diList .diL06,
    #diSearchResult.diNameList .diList .diL07,
    #diSearchResult.diNameList .diList .diL08,
    #diSearchResult.diNameList .diList .diL09,
    #diSearchResult.diNameList .diList .diL10,
    #diSearchResult.diNameList .diList .diL11,
    #diSearchResult.diNameList .diList .diL12,
    #diSearchResult.diNameList .diList .diL13,
    #diSearchResult.diNameList .diList .diL14,
    #diSearchResult.diNameList .diList .diL17,
    #diSearchResult.diNameList .diList .diL99 {
        width: 4%
    }

    #diSearchResult.diNameList .diList .diL03 img,
    #diSearchResult.diNameList .diList .diL04 img,
    #diSearchResult.diNameList .diList .diL05 img,
    #diSearchResult.diNameList .diList .diL06 img,
    #diSearchResult.diNameList .diList .diL07 img,
    #diSearchResult.diNameList .diList .diL08 img,
    #diSearchResult.diNameList .diList .diL09 img,
    #diSearchResult.diNameList .diList .diL10 img,
    #diSearchResult.diNameList .diList .diL11 img,
    #diSearchResult.diNameList .diList .diL12 img,
    #diSearchResult.diNameList .diList .diL13 img,
    #diSearchResult.diNameList .diList .diL14 img,
    #diSearchResult.diNameList .diList .diL17 img,
    #diSearchResult.diNameList .diList .diL99 img {
        vertical-align: bottom
    }

    #diSearchResult.diNameList .diList td.diL00 {
        text-align: left
    }

    #diSearchResult.diNameList .diList>thead>tr:first-child>th {
        padding: 10px 5px;
        height: 166px
    }

    #diSearchResult.diNameList .diList>thead>tr:first-child>th .diLLabel {
        position: absolute
    }

    #diSearchResult.diNameList .diList .fixedHeader {
        font-size: 13px
    }

    #diSearchResult.diNameList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diNameList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult.diEffectList .diList {
        font-size: 12px;
        width: 100%
    }

    #diSearchResult.diEffectList .diList span {
        font-size: 10px
    }

    #diSearchResult.diEffectList .diList .diL00 {
        width: 8.4%
    }

    #diSearchResult.diEffectList .diList .diL02 {
        vertical-align: top;
        padding-top: 40px !important
    }

    #diSearchResult.diEffectList .diList .diL14 {
        width: 20.9%;
        vertical-align: top;
        padding-top: 40px !important
    }

    #diSearchResult.diEffectList .diList .diL14 img,
    #diSearchResult.diEffectList .diList .diL14 .btn30 {
        display: none
    }

    #diSearchResult.diEffectList .diList th.diL14:before {
        content: '薬効分類';
        font-size: 13px
    }

    #diSearchResult.diEffectList .diList .diL01 {
        width: auto
    }

    #diSearchResult.diEffectList .diList .diL02 {
        width: 15.1%
    }

    #diSearchResult.diEffectList .diList .diL03,
    #diSearchResult.diEffectList .diList .diL05,
    #diSearchResult.diEffectList .diList .diL06,
    #diSearchResult.diEffectList .diList .diL07,
    #diSearchResult.diEffectList .diList .diL99 {
        width: 4.3%
    }

    #diSearchResult.diEffectList .diList>thead>tr:first-child>th {
        padding: 10px 5px;
        height: 166px;
        box-sizing: border-box
    }

    #diSearchResult.diEffectList .diList>thead>tr:first-child>th .diLLabel {
        position: absolute
    }

    #diSearchResult.diEffectList .diList .fixedHeader {
        font-size: 13px;
        margin: 0
    }

    #diSearchResult.diEffectList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diEffectList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult.diCodeList .diList {
        font-size: 12px;
        width: 100%
    }

    #diSearchResult.diCodeList .diList th {
        box-sizing: border-box
    }

    #diSearchResult.diCodeList .diList span {
        font-size: 10px
    }

    #diSearchResult.diCodeList .diList .diL01 {
        width: auto
    }

    #diSearchResult.diCodeList .diList .diL15 {
        width: 22.7%
    }

    #diSearchResult.diCodeList .diList .diL16 {
        width: 20.5%
    }

    #diSearchResult.diCodeList .diList .diL07,
    #diSearchResult.diCodeList .diList .diL03,
    #diSearchResult.diCodeList .diList .diL06 {
        width: 6.3%
    }

    #diSearchResult.diCodeList .diList>thead>tr>th {
        padding: 10px 5px
    }

    #diSearchResult.diCodeList .diList>thead>tr>th .diL01_wrap {
        height: 166px
    }

    #diSearchResult.diCodeList .diList .fixedHeader {
        font-size: 12px
    }

    #diSearchResult.diCodeList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diCodeList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    .tabLink>div {
        box-sizing: border-box
    }

    .tabLink#codeSearch>div dl>dd,
    .tabLink#priceSearch>div dl>dd {
        width: 100%;
        box-sizing: border-box
    }

    #futanSearchName #futanKeySearch {
        padding: 0 !important;
        border-top: none !important
    }

    .l-diDetail {
        padding-left: 20px;
        padding-right: 20px
    }

    .l-diDetail .h_circle_l {
        margin-left: 0
    }

    #diPicture {
        width: 43%
    }

    #diPicture #mainPicture {
        width: 100%;
        height: auto !important;
        margin: 0
    }

    #diPicture #mainPicture img {
        height: auto !important;
        vertical-align: bottom
    }

    #diPicture #pictureList {
        margin-top: 4px
    }

    #diPicture #pictureList li {
        height: auto !important;
        box-sizing: border-box;
        width: 24.038462% !important;
        margin: 0 4px 4px 0
    }

    #diPicture #pictureList li:nth-child(4n) {
        margin-right: 0
    }

    #diPicture #pictureList li a {
        height: auto
    }

    #diPicture #pictureList li a img {
        vertical-align: middle
    }

    #diData {
        width: 52.2%
    }

    #diCodeList #diCodeListBtn li {
        text-align: center
    }

    #diAssets .listAssetsBlock dl {
        width: 20% !important;
        box-sizing: border-box
    }

    #diAssets .listAssetsBlock dl dt {
        font-size: 13px
    }

    #diSafeInfo {
        margin: 0 10px
    }

    #diSafeInfo .listSafeInfo {
        margin: 0 0 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #diSafeInfo .listSafeInfo dl {
        margin: -1px 0 0 -1px;
        width: 20% !important;
        box-sizing: border-box;
        float: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f5f5f5;
        border: 1px solid #999;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #diSafeInfo .listSafeInfo dl dt {
        width: 100%;
        height: 56px !important;
        vertical-align: middle;
        text-align: center;
        font-weight: 700;
        font-size: 13px;
        position: relative
    }

    #diSafeInfo .listSafeInfo dl dt span {
        box-sizing: border-box;
        padding: 10px;
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        text-align: center
    }

    #diSafeInfo .listSafeInfo dl dd {
        box-sizing: border-box;
        width: 100%;
        background: #fff;
        -ms-flex: 1;
        flex: 1;
        min-height: inherit !important;
        text-align: center;
        padding: 10px;
        margin: 0
    }

    #diSafeInfo .listSafeInfo dl dd span {
        display: block;
        font-size: 14px
    }

    .keikaList {
        width: 100%
    }

    .tabLink#zaikoSearch>div dl>dd {
        width: 100%
    }

    .tabLink#zaikoSearch>div dl>dd+dd {
        padding-left: 0
    }

    .zaikoList thead,
    .zaikoList tbody {
        width: 100%
    }

    .zaikoList th.zaikoL01 {
        width: 28%
    }

    .zaikoList th.zaikoL02 {
        width: 28%
    }

    .zaikoList th.zaikoL03 {
        width: 18%
    }

    .zaikoList th.zaikoL04 {
        width: 12%
    }

    .zaikoList th.zaikoL05 {
        width: 14%
    }

    #newlaunch {
        box-sizing: border-box;
        width: auto;
        margin-left: 10px;
        margin-right: 10px
    }

    #newlaunch>dt a .type03Ttl {
        width: calc(100% - 128px)
    }

    #newlaunch img {
        height: auto !important
    }

    #newlaunch .newlaunchContent .newlaunchData01 {
        font-size: 14px
    }

    #newlaunch .newlaunchContent .newlaunchData02 {
        font-size: 14px
    }

    #newlaunch .newlaunchContent .newlaunchData02 th {
        width: 14%
    }

    #newlaunch .newlaunchContent .newlaunchData02 th+th {
        width: 19%
    }

    #newlaunch .newlaunchContent .newlaunchData02 th+th+th {
        width: 12%
    }

    #newlaunch .newlaunchContent .newlaunchData02 th+th+th+th {
        width: 29%
    }

    #newlaunch .newlaunchContent .newlaunchData02 th+th+th+th+th {
        width: 26%
    }

    #newlaunch .newlaunchContent .newlaunchData02 td button {
        font-size: 14px
    }

    #defferenceList {
        width: 100%
    }

    #defferenceList>thead>tr>th.defL01 {
        width: 26%
    }

    #defferenceList>thead>tr>th.defL02 {
        width: 23%
    }

    #defferenceList>thead>tr>th.defL03 {
        width: 42.2%
    }

    .libList {
        width: 100%
    }

    .libList>thead {
        width: 100%
    }

    .libList>thead>tr>th.libL01,
    .libList>thead>tr>th.libL04 {
        width: 13.5%
    }
    .libList>thead>tr>th.libL05 {
        width: 140px
    }
    .libList>thead>tr>th.libL02 {
        width: 19.2%
    }

    .libList>thead>tr>th.libL06 {
        width: 11.6%
    }

    .libList>tbody tr td.libL02 {
        padding: 10px
    }

    .tabLink#library>div dl>dd {
        width: 100%
    }

    .tabLink.newlaunchtabLink ul {
        box-sizing: border-box;
        width: 100%
    }

    .tabLink.newlaunchtabLink ul:after {
        content: none !important
    }

    .tabLink.newlaunchtabLink ul li {
        max-width: calc(25% - 4px);
        min-width: 0;
        width: 100%
    }

    .tabLink.newlaunchtabLink ul li.selected {
        display: table;
        vertical-align: middle
    }

    .tabLink.newlaunchtabLink ul li a {
        display: table;
        vertical-align: middle
    }

    .tabLink.newlaunchtabLink ul li div {
        display: table-cell;
        height: auto;
        vertical-align: middle;
        padding: 0 10px;
        box-sizing: border-box
    }

    .tabLink.newlaunchtabLink ul li div span {
        display: inline-block
    }

    #orderBanner {
        padding: 15px 20px !important;
        position: relative;
        border-radius: 4px;
        height: auto !important;
        min-height: 110px;
        box-sizing: border-box;
        background-size: cover !important
    }

    #orderBanner:before {
        box-sizing: border-box;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border: 4px solid #e2efd5;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #diSearchResult.codeList th.diLC01 {
        width: auto
    }

    #diSearchResult.codeList th.diLC02 {
        width: 21%
    }

    #diSearchResult.codeList th.diLC03 {
        width: 13%
    }

    #diSearchResult.codeList th.diLC04 {
        width: auto
    }

    #diSearchResult.codeList th.diLC05 {
        width: 23%
    }

    #diSearchResult.codeList th.diLC06 {
        width: 18%
    }

    #diSearchResult.codeList td {
        padding: 10px 5px
    }

    #diSearchResult.codeList td.diLC04,
    #diSearchResult.codeList td.diLC05,
    #diSearchResult.codeList td.diLC06 {
        padding: 0
    }

    #diSearchResult.priceList thead .prL01 {
        width: 11%
    }

    #diSearchResult.priceList thead .prL02 {
        width: 29%
    }

    #diSearchResult.priceList thead .prL03 {
        width: 11%
    }

    #diSearchResult.priceList thead .prL04 {
        width: 11%
    }
}

@media screen and (max-width:767px) {
    #main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body {
        min-width: inherit
    }

    .slider.slider-for {
        width: 100% !important;
        height: auto !important
    }

    .slider.slider-for img {
        width: 100% !important;
        height: auto !important
    }

    #homeNewsList,
    #diNewsList {
        margin-bottom: 30px;
        padding-bottom: 0
    }
}

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

    #homeNewsList,
    #diNewsList {
        padding-top: 42px !important
    }
}

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

    #homeNewsList .tc_tabs,
    #diNewsList .tc_tabs {
        box-sizing: border-box;
        height: 42px !important;
        width: calc((100% - 28px)/5)
    }
}

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

    #homeNewsList .tc_tabs:nth-of-type(1),
    #diNewsList .tc_tabs:nth-of-type(1) {
        left: 10px !important
    }

    #homeNewsList .tc_tabs:nth-of-type(2),
    #diNewsList .tc_tabs:nth-of-type(2) {
        left: calc((100% - 28px)/5 + 12px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(3),
    #diNewsList .tc_tabs:nth-of-type(3) {
        left: calc(((100% - 28px)/5)*2 + 14px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(4),
    #diNewsList .tc_tabs:nth-of-type(4) {
        left: calc(((100% - 28px)/5)*3 + 16px) !important
    }

    #homeNewsList .tc_tabs:nth-of-type(5),
    #diNewsList .tc_tabs:nth-of-type(5) {
        left: calc(((100% - 28px)/5)*4 + 18px) !important
    }
}

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

    #homeNewsList .listNews li,
    #diNewsList .listNews li {
        padding: 15px 0;
        font-size: 14px
    }

    #homeNewsList .listNews li .nonews,
    #diNewsList .listNews li .nonews {
        box-sizing: border-box;
        padding: 0 1em
    }

    #homeNewsList .listNews .iconLink,
    #diNewsList .listNews .iconLink {
        margin: 3px 10px 0;
        width: auto;
        clear: both;
        box-sizing: border-box;
        line-height: 1.5
    }

    .slider-nav-wrapper,
    .slider-nav {
        display: none
    }

    .slick-dots {
        margin: 8px 0 40px;
        position: relative;
        bottom: 0
    }

    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 12px;
        vertical-align: bottom
    }

    .slick-dots li button {
        width: 10px;
        height: 10px;
        background-color: #999;
        border-radius: 50%
    }

    .slick-dots li button:before {
        content: none
    }

    .slick-dots li.slick-active button {
        background-color: #f00
    }

    #diSearchName_clone {
        max-height: calc(100% - 58px);
        overflow-y: auto;
        box-sizing: border-box
    }

    #homeInquiry .inquiryBox {
        float: none;
        width: 100%;
        padding-top: 0;
        border-bottom: 1px solid #dedede
    }

    #homeInquiry .inquiryBox dl {
        margin-bottom: 0
    }

    #homeInquiry .inquiryBox .mb-tel {
        color: #333;
        font-size: 30px;
        font-family: Century Gothic, sans-serif;
        font-weight: 700;
        text-decoration: none
    }

    #homeInquiry .stableSupply {
        float: none;
        width: 100%;
        border-left: none;
        font-size: 14px
    }

    #homeSearchWrapper {
        padding-top: 0
    }

    #homeSearchWrapper #homeSearch {
        float: none;
        margin-bottom: 10px;
        width: 100%;
        height: inherit;
        box-shadow: none;
        border: none
    }

    #homeSearchWrapper #homeSearch h2 {
        font-size: 24px;
        line-height: 56px
    }

    #homeSearchWrapper #homeSearch .h_circle_s {
        font-size: 20px !important
    }

    #homeSearchWrapper #homeSearch .h_circle_s:before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        border: 4px solid #ff6d00;
        border-radius: 50%;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    #homeSearchWrapper #homeSearch .h_circle_s .span {
        font-size: 14px !important
    }

    #homeSearchWrapper #homeSearch dl {
        padding: 10px 10px 20px
    }

    #homeSearchWrapper #homeSearch dl dd #homeKeySearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #homeSearchWrapper #homeSearch dl dd #homeKeySearch:after {
        content: none
    }

    #homeSearchWrapper #homeSearch dl dd #homeKeySearch>li {
        box-sizing: border-box;
        float: none;
        width: calc((100% - 24px)/5);
        margin: 0 0 6px
    }

    #homeSearchWrapper #homeSearch dl dd #homeOtherSearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #homeSearchWrapper #homeSearch dl dd #homeOtherSearch>li {
        width: calc(50% - 3px);
        margin: 0
    }

    #homeSearchWrapper #homeSearch form {
        display: -ms-flexbox;
        display: flex
    }

    #homeSearchWrapper #homeSearch form input[type=text] {
        -ms-flex: 1;
        flex: 1;
        width: auto
    }

    #homeSearchWrapper #homePr {
        padding: 0;
        border: none;
        float: none;
        width: 100%;
        box-shadow: none
    }

    #importantNotice {
        margin-bottom: 10px;
        -ms-flex-order: -1;
        order: -1;
        text-align: center;
        padding: 10px;
        border-width: 3px
    }

    #importantNotice h2 {
        display: inline-block;
        float: none;
        width: auto;
        font-size: 16px;
        margin-bottom: 10px
    }

    #importantNotice ul {
        text-align: left;
        width: 100%;
        margin: 0;
        font-size: 14px
    }

    #topicContents {
        margin: 0 10px
    }

    #topicContents li {
        margin: 0 0 30px;
        width: 100%;
        min-height: inherit !important;
        float: none
    }

    #topicContents li a {
        display: -ms-flexbox;
        display: flex
    }

    #topicContents li div {
        width: 83px;
        height: 83px;
        overflow: hidden;
        border: 1px solid #dedddd;
        border-radius: 9px;
        position: relative;
        margin-right: 10px !important
    }

    #topicContents li div img {
        max-width: inherit !important;
        height: 100%;
        width: auto;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    #topicContents li p {
        -ms-flex: 1;
        flex: 1
    }

    .pager {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 16px;
        margin-right: 16px
    }

    .pager .prev,
    .pager .next {
        width: 60px
    }

    .diList.clone {
        z-index: -1
    }

    .tabLink.clone {
        position: fixed;
        top: 58px;
        width: 100%;
        transition: all .5s ease-out;
        display: none;
        z-index: 99
    }

    .tabLink.clone ul {
        display: none
    }

    .tabLink.clone div {
        background-color: #fff;
        display: none
    }

    .tabLink.clone #diNavBtn {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        display: block;
        background-color: #f5f5f5;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        line-height: 50px;
        height: 50px;
        position: relative;
        cursor: pointer
    }

    .tabLink.clone #diNavBtn:after {
        content: '›';
        color: #f00;
        font-weight: 400;
        line-height: 1;
        font-size: 30px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: rotate(90deg) translateX(-150%)
    }

    .tabLink.clone.is-open #diNavBtn span {
        display: none
    }

    .tabLink.clone.is-open #diNavBtn:before {
        content: '検索メニューを閉じる';
        line-height: 50px;
        font-weight: 700;
        color: #999
    }

    .tabLink.clone.is-open #diNavBtn:after {
        transform: rotate(-90deg) translate(150%, -20%)
    }

    .tabLink#diSearchName>div dl>dd,
    .tabLink#diSearchName_clone>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%
    }

    .tabLink#diSearchName>div dl>dd #diTextSearch,
    .tabLink#diSearchName_clone>div dl>dd #diTextSearch {
        -ms-flex: 1;
        flex: 1
    }

    #diKindSearch {
        width: 100%
    }

    #diKindSearch dd {
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
    }

    #diKindSearch button {
        width: auto;
        font-size: 14px;
        line-height: calc(16/14);
        margin-bottom: 5px
    }

    #diKindSearch button.w160 {
        max-width: inherit !important;
        width: calc(50% - 3px) !important
    }

    #diKindSearch button.w280 {
        margin-left: 0 !important;
        max-width: inherit !important;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    #diSearchResult .diList>tbody>tr>th {
        padding: 10px
    }

    #diSearchResult .diList.clone {
        top: 58px
    }

    #diSearchResult .diLLabel img {
        width: auto;
        height: 15px
    }

    #diSearchResult .diList.clone th.target {
        padding: 10px;
        font-size: 13px;
        box-sizing: border-box
    }

    #diSearchResult .diList.clone th.target div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult .diList.clone th.target div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult .theadTable.clone {
        display: none !important
    }

    #diSearchResult.priceList .theadTable,
    #diSearchResult.priceList .clone {
        display: none !important
    }

    #diSearchResult.priceList .sp-accordion dt span {
        font-weight: 700
    }

    #diSearchResult.priceList .sp-accordion dd {
        padding: 10px
    }

    #diSearchResult.priceList .sp-accordion .diListPrice {
        width: 100%;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-collapse: collapse
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th,
    #diSearchResult.priceList .sp-accordion .diListPrice td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px !important;
        text-align: left;
        vertical-align: middle
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"] {
        text-align: left;
        font-size: 12px;
        background-color: #ffeac9
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].g,
    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].l,
    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].a {
        background-size: 15px 15px;
        padding: 10px 30px !important
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].a {
        background-image: url(../image/icon_dil_a.png);
        background-position: 10px 10px;
        background-repeat: no-repeat
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].g {
        background-image: url(../image/icon_dil_g.png);
        background-position: 10px 10px;
        background-repeat: no-repeat
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th[colspan="2"].l {
        background-image: url(../image/icon_dil_l.png);
        background-position: 10px 10px;
        background-repeat: no-repeat
    }

    #diSearchResult.priceList .sp-accordion .diListPrice th {
        text-align: center;
        background-color: #f5f5f5;
        width: 9em
    }

    #diSearchResult.priceList .sp-accordion .diListPrice td.bggray {
        background-color: #f5f5f5
    }

    #diSearchResult.codeList .theadTable,
    #diSearchResult.codeList .clone {
        display: none !important
    }

    #diSearchResult.codeList .sp-accordion dt {
        font-weight: 700
    }

    #diSearchResult.codeList .sp-accordion dd {
        padding: 10px
    }

    #diSearchResult.codeList .sp-accordion .diList {
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-collapse: collapse;
        table-layout: auto
    }

    #diSearchResult.codeList .sp-accordion .diList th,
    #diSearchResult.codeList .sp-accordion .diList td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px !important
    }

    #diSearchResult.codeList .sp-accordion .diList th {
        background-color: #f5f5f5;
        text-align: center
    }

    #diSearchResult.codeList .sp-accordion .diList td {
        vertical-align: middle;
        text-align: center
    }

    #diSearchResult.codeList .sp-accordion .diList td.txt-left {
        text-align: left
    }

    #diSearchResult.codeList .sp-accordion .diList td+td {
        width: 56%
    }

    #diSearchResult.diNameList .diList {
        font-size: 13px;
        width: 100%
    }

    #diSearchResult.diNameList .diList span {
        font-size: 13px;
        font-weight: 400
    }

    #diSearchResult.diNameList .diList .diL00,
    #diSearchResult.diNameList .diList .diL03,
    #diSearchResult.diNameList .diList .diL04,
    #diSearchResult.diNameList .diList .diL05,
    #diSearchResult.diNameList .diList .diL06,
    #diSearchResult.diNameList .diList .diL07,
    #diSearchResult.diNameList .diList .diL08,
    #diSearchResult.diNameList .diList .diL09,
    #diSearchResult.diNameList .diList .diL10,
    #diSearchResult.diNameList .diList .diL11,
    #diSearchResult.diNameList .diList .diL12,
    #diSearchResult.diNameList .diList .diL13,
    #diSearchResult.diNameList .diList .diL14,
    #diSearchResult.diNameList .diList .diL17,
    #diSearchResult.diNameList .diList .diL99 {
        display: none
    }

    #diSearchResult.diNameList .diList .diL01 {
        width: 62.5%
    }

    #diSearchResult.diNameList .diList .diL02 {
        width: 37.5%
    }

    #diSearchResult.diNameList .diList>thead>tr>th {
        padding: 10px 10px 5px;
        vertical-align: top
    }

    #diSearchResult.diNameList .diList>thead>tr>th .diLLabel {
        position: static
    }

    #diSearchResult.diNameList .diList .fixedHeader {
        font-size: 13px
    }

    #diSearchResult.diNameList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diNameList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult.diEffectList .diList {
        font-size: 13px;
        width: 100%
    }

    #diSearchResult.diEffectList .diList span {
        font-size: 13px;
        font-weight: 400
    }

    #diSearchResult.diEffectList .diList .diL00,
    #diSearchResult.diEffectList .diList .diL03,
    #diSearchResult.diEffectList .diList .diL04,
    #diSearchResult.diEffectList .diList .diL05,
    #diSearchResult.diEffectList .diList .diL06,
    #diSearchResult.diEffectList .diList .diL07,
    #diSearchResult.diEffectList .diList .diL08,
    #diSearchResult.diEffectList .diList .diL09,
    #diSearchResult.diEffectList .diList .diL10,
    #diSearchResult.diEffectList .diList .diL11,
    #diSearchResult.diEffectList .diList .diL12,
    #diSearchResult.diEffectList .diList .diL13,
    #diSearchResult.diEffectList .diList .diL17,
    #diSearchResult.diEffectList .diList .diL99 {
        display: none
    }

    #diSearchResult.diEffectList .diList .diL14 {
        width: 28.125%;
        vertical-align: top;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px
    }

    #diSearchResult.diEffectList .diList .diL14 img,
    #diSearchResult.diEffectList .diList .diL14 .btn30 {
        display: none
    }

    #diSearchResult.diEffectList .diList th.diL14:before {
        content: '薬効分類';
        font-size: 13px
    }

    #diSearchResult.diEffectList .diList .diL01 {
        width: 56.25%
    }

    #diSearchResult.diEffectList .diList .diL02 {
        width: 28.125%
    }

    #diSearchResult.diEffectList .diList>thead>tr>th {
        padding: 10px 10px 5px;
        vertical-align: top
    }

    #diSearchResult.diEffectList .diList>thead>tr>th .diLLabel {
        position: static
    }

    #diSearchResult.diEffectList .diList .fixedHeader {
        font-size: 13px
    }

    #diSearchResult.diEffectList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diEffectList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diSearchResult.diCodeList .diList {
        font-size: 13px;
        width: 100%
    }

    #diSearchResult.diCodeList .diList span {
        font-size: 13px;
        font-weight: 400
    }

    #diSearchResult.diCodeList .diList .diL16,
    #diSearchResult.diCodeList .diList .diL07,
    #diSearchResult.diCodeList .diList .diL03,
    #diSearchResult.diCodeList .diList .diL06 {
        display: none
    }

    #diSearchResult.diCodeList .diList .diL01 {
        width: 62.5%
    }

    #diSearchResult.diCodeList .diList .diL15 {
        width: 37.5%
    }

    #diSearchResult.diCodeList .diList>thead>tr>th {
        padding: 10px 10px 5px;
        vertical-align: top
    }

    #diSearchResult.diCodeList .diList>thead>tr>th .diLLabel {
        position: static
    }

    #diSearchResult.diCodeList .diList .fixedHeader {
        font-size: 13px
    }

    #diSearchResult.diCodeList .diList .fixedHeader div {
        overflow: hidden;
        width: 100%
    }

    #diSearchResult.diCodeList .diList .fixedHeader div p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    #diAllSearch {
        position: static;
        width: 100%;
        height: 45px
    }

    #diAllSearch>button {
        width: 100%;
        height: 45px;
        line-height: 45px
    }

    .tabLink {
        margin-bottom: 20px
    }

    .tabLink>div {
        box-shadow: none;
        border: none
    }

    .tabLink>div dl {
        border-top: none
    }

    .tabLink#diSearchEffect>div dl,
    .tabLink#diSearchEffect_clone>div dl {
        padding: 0
    }

    .tabLink#diSearchEffect>div dl.is-open .h_circle_s:before,
    .tabLink#diSearchEffect_clone>div dl.is-open .h_circle_s:before {
        content: url(../image/icon_minus_red.png)
    }

    .tabLink#diSearchEffect>div dl>dt,
    .tabLink#diSearchEffect_clone>div dl>dt {
        width: 100%;
        border-bottom: 1px solid #dedede;
        margin-bottom: 0 !important
    }

    .tabLink#diSearchEffect>div dl>dt>.h_circle_s,
    .tabLink#diSearchEffect_clone>div dl>dt>.h_circle_s {
        font-size: 16px;
        position: relative;
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box
    }

    .tabLink#diSearchEffect>div dl>dt>.h_circle_s:before,
    .tabLink#diSearchEffect_clone>div dl>dt>.h_circle_s:before {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        left: auto;
        right: 10px;
        transform: translateY(-50%)
    }

    .tabLink#diSearchEffect>div dl>dd,
    .tabLink#diSearchEffect_clone>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        display: none
    }

    .tabLink#diSearchEffect>div dl>dd button,
    .tabLink#diSearchEffect_clone>div dl>dd button {
        width: 100%;
        height: auto;
        border-radius: 0;
        background: #f5f5f5;
        margin: 0;
        padding: 10px 20px 10px 35px;
        display: block;
        position: relative;
        font-size: 16px;
        text-align: left;
        border-bottom: 1px solid #dedede;
        color: #333;
        text-decoration: none
    }

    .tabLink#diSearchEffect>div dl>dd button:before,
    .tabLink#diSearchEffect_clone>div dl>dd button:before {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    #diSearchEffect,
    #diSearchEffect_clone {
        padding: 0
    }

    #diSearchEffect div,
    #diSearchEffect_clone div {
        padding-top: 1px;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none;
        border: none;
        padding-bottom: 0
    }

    .tabLink#diSearchCode,
    .tabLink#diSearchCode_clone {
        margin-bottom: 0
    }

    .tabLink#diSearchCode>div dl>dd,
    .tabLink#diSearchCode_clone>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }

    h1.h_circle_l {
        margin: 0 10px 20px;
        padding-left: 25px
    }

    h1.h_circle_l:before {
        top: 2px;
        width: 20px;
        height: 20px;
        content: '';
        background: url(../image/icon_circle_l.png) no-repeat 0 0;
        background-size: contain
    }

    h1.h_circle_l span {
        display: block;
        font-size: 14px
    }

    #diAnotherName {
        font-size: 14px;
        margin: 0 10px
    }

    #diStatusWrap {
        display: -ms-flexbox;
        display: flex;
        margin: 10px 10px 25px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #diTag {
        float: none;
        font-size: 13px;
        padding: 0;
        margin: 0
    }

    #diReleaseDate {
        font-size: 14px
    }
}

@media screen and (max-width:767px) and (min-width:768px) and (max-width:999px) {
    #diReleaseDate {
        margin-right: auto
    }
}

@media screen and (max-width:767px) {
    #diRelated {
        float: none;
        margin: 20px 10px 10px;
        width: auto
    }

    #diRelated dd {
        width: 100%;
        box-sizing: border-box;
        z-index: 100
    }

    #diModified {
        margin-right: 10px;
        font-size: 16px
    }

    .products-slider {
        width: 100%
    }

    .products-slider .slick-slide {
        margin: 0 5px;
        width: 180px;
        height: 180px
    }

    .products-slider .slick-slide img {
        width: 180px;
        height: 180px
    }

    #diPicture {
        float: none;
        width: 100%;
        padding-bottom: 0
    }

    #diData {
        float: none;
        width: auto;
        margin-left: 10px;
        margin-right: 10px
    }

    .sp-accordion {
        margin: 0;
        padding: 0;
        border: none;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede
    }

    .sp-accordion+.sp-accordion {
        border-top: none
    }

    .sp-accordion.diDComparison {
        margin-left: -10px;
        margin-right: -10px
    }

    .sp-accordion.diDComparison dd {
        padding: 0
    }

    .sp-accordion dt {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background-color: #fff;
        color: #000;
        padding: 10px 30px 10px 10px;
        font-weight: 700
    }

    .sp-accordion dt:before {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    .sp-accordion.is-open dt:before {
        content: url(../image/icon_minus_red.png)
    }

    .sp-accordion dd {
        margin: 0;
        display: none;
        border: none;
        padding: 0;
        border-top: 1px solid #dedede
    }

    .sp-accordion dd .listLink li {
        padding: 0;
        margin: 0
    }

    .sp-accordion dd .listLink li+li {
        border-top: 1px solid #dedede
    }

    .sp-accordion dd .listLink li:before {
        content: none
    }

    .sp-accordion dd .listLink li a {
        width: 100%;
        box-sizing: border-box;
        display: block;
        height: inherit;
        font-size: 16px;
        text-align: left;
        padding: 15px 20px;
        text-decoration: none;
        color: #333
    }

    .sp-accordion dd .listLink li a:before {
        content: '›';
        color: #f00;
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    .sp-accordion dd .diCodeList {
        margin: 10px !important;
        width: calc(100% - 20px) !important
    }

    .sp-accordion dd .diCodeList th {
        border-bottom: 1px solid #b2ada5;
        background-color: #f5f5f5;
        width: 40%;
        font-size: 13px;
        text-align: left
    }

    .sp-accordion dd .diCodeList td {
        border-left: none !important;
        font-size: 13px;
        text-align: left
    }

    .sp-accordion dd .diCodeList td img {
        width: 105px
    }

    .diCodeList.sp-cont {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .diCodeList.sp-cont tbody th {
        width: 50%;
        background-color: #f5f5f5;
        border-bottom: 1px solid #999;
        text-align: left;
        font-size: 13px
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .diCodeList.sp-cont tbody th br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .diCodeList.sp-cont tbody td {
        border-left: none !important;
        text-align: left !important;
        font-size: 13px
    }

    #diAssets section>.text {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px
    }

    #diAssets .listAssetsBlock {
        margin: 0 10px 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #diAssets .listAssetsBlock dl {
        width: 50% !important;
        box-sizing: border-box;
        float: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        background-color: #f5f5f5
    }

    #diAssets .listAssetsBlock dl+dl:nth-child(n+3) {
        border-top: none
    }

    #diAssets .listAssetsBlock dl dt {
        height: auto !important;
        background: inherit;
        position: relative;
        font-size: 13px;
        box-sizing: border-box;
        padding: 10px;
        display: table;
        vertical-align: middle;
        width: 67%;
        height: 100% !important
    }

    #diAssets .listAssetsBlock dl dt>span {
        display: table-cell;
        vertical-align: middle
    }

    #diAssets .listAssetsBlock dl dd {
        background: #fff;
        width: 33%;
        min-height: 30px !important;
        position: relative
    }

    #diAssets .listAssetsBlock dl dd a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #diAssets .listAssetsBlock dl dd a img {
        vertical-align: bottom
    }

    #diAssets .listAssetsBlock.hor-wide dl {
        width: 100% !important
    }

    #diAssets .listAssetsBlock.hor-wide dl+dl {
        border-top: none
    }

    #diAssets .listAssetsBlock.hor-wide dl dt {
        width: 50%
    }

    #diAssets .listAssetsBlock.hor-wide dl dd {
        width: 50%;
        text-align: center
    }

    #diAssets .listAssetsBlock.hor-wide dl dd a {
        position: static;
        transform: none
    }

    #diAssets .listAssetsBlock.hor-wide dl dd p {
        text-align: center
    }

    .listAssets li {
        min-height: inherit !important;
        display: block;
        width: auto;
        margin: 0 10px !important;
        padding: 20px 0
    }

    .listAssets li>*.thumb {
        float: none;
        width: 118px;
        height: auto;
        margin: 0 auto 20px
    }

    .listAssets li .iconLink {
        margin: 0;
        font-size: 14px
    }

    .listAssets li .text {
        margin: 1em 15px 0;
        font-size: 14px
    }

    #diCodeList #diCodeListBtn {
        margin: 10px
    }

    #diCodeList #diCodeListBtn li {
        text-align: left;
        font-size: 14px
    }

    #diCodeList #diCodeListBtn li .btn44 {
        display: block
    }

    #diCodeList .sp-accordion .diCodeList {
        margin: 0 !important;
        width: 100% !important
    }

    #diCodeList .sp-accordion .diCodeList th {
        width: 43%
    }

    #diQA_h {
        margin-bottom: 0
    }

    #diQA {
        margin: 0 10px;
        padding-bottom: 35px
    }

    #diQA dt {
        margin-top: 10px
    }

    #diQA dd {
        padding: 15px;
        font-size: 14px
    }

    #diQA dd img {
        max-width: 100%;
        height: auto !important
    }

    #diSafeInfo {
        margin: 0 10px
    }

    #diSafeInfo .listSafeInfo {
        margin: 0 0 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #diSafeInfo .listSafeInfo dl {
        margin: -1px 0 0;
        width: 100% !important;
        box-sizing: border-box;
        float: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f5f5f5;
        border: 1px solid #999
    }

    #diSafeInfo .listSafeInfo dl dt {
        -ms-flex: 1;
        flex: 1;
        height: auto !important;
        vertical-align: middle;
        text-align: center;
        font-weight: 700;
        font-size: 13px
    }

    #diSafeInfo .listSafeInfo dl dd {
        background: #fff;
        -ms-flex: 1;
        flex: 1;
        min-height: inherit !important;
        text-align: center;
        padding: 10px
    }

    #diSafeInfo .listSafeInfo dl dd span {
        display: block;
        font-size: 14px
    }

    #diNav>ul>li {
        border-radius: 0
    }

    #diNavSp {
        display: block !important;
        position: static
    }

    #diNavSp ul {
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    #diNavSp ul li {
        width: calc(50% - 15px);
        margin: 5px;
        list-style-type: none
    }

    #diNavSp ul li a {
        vertical-align: middle;
        display: table;
        width: 100%;
        height: 52px;
        text-align: center;
        color: #333;
        text-decoration: none;
        font-weight: 700;
        background-image: linear-gradient(to bottom, #fff 50%, #efefef 100%);
        border: 1px solid #999;
        border-radius: 6px;
        position: relative;
        box-sizing: border-box
    }

    #diNavSp ul li a:after {
        content: '›';
        color: #f00;
        font-weight: 400;
        line-height: 1;
        font-size: 30px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: rotate(90deg) translateX(-150%)
    }

    #diNavSp ul li a>span {
        display: table-cell;
        vertical-align: middle
    }

    #diNavSp ul li a>span span {
        display: block;
        font-size: 12px
    }

    .tabLink#codeSearch,
    .tabLink#priceSearch {
        background-color: #efefef
    }

    .tabLink#codeSearch>div,
    .tabLink#priceSearch>div {
        border-top: none
    }

    .tabLink#codeSearch>div dl>dd,
    .tabLink#priceSearch>div dl>dd {
        width: 100%
    }

    .tabLink#codeSearch>div dl>dd form,
    .tabLink#priceSearch>div dl>dd form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tabLink#codeSearch>div dl>dd form input[type=text],
    .tabLink#priceSearch>div dl>dd form input[type=text] {
        -ms-flex: 1;
        flex: 1;
        width: auto
    }

    .tabLink#codeSearch>div dl>dd form .customSelectBox,
    .tabLink#priceSearch>div dl>dd form .customSelectBox {
        width: 100%;
        margin-bottom: 6px
    }

    .tabLink#codeSearch>div dl>dd form #codeSearchCode,
    .tabLink#priceSearch>div dl>dd form #codeSearchCode {
        margin-left: 0;
        width: 100%
    }

    .tabLink#codeSearch>div dl>dd+dd,
    .tabLink#priceSearch>div dl>dd+dd {
        padding: 0
    }

    .tabLink#codeSearch>div dl>dd+dd p,
    .tabLink#priceSearch>div dl>dd+dd p {
        color: #757575
    }

    #priceSearchNotice {
        margin-left: 10px;
        margin-right: 10px
    }

    #priceSearchNotice .btn44 {
        float: none
    }

    #codeSearchNotice {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0
    }

    #codeSearchDocBtn {
        margin: 0 10px 30px
    }

    #codeSearchDocBtn li {
        display: block
    }

    #codeSearchDocBtn a {
        padding: 0;
        width: 100%
    }

    .diLLabel.sp-cont {
        margin-top: 0;
        list-style-type: none;
        padding: 0 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .diLLabel.sp-cont li {
        margin-right: 20px
    }

    #keikaLists .keikaNotice {
        margin: 15px 10px;
        font-size: 13px
    }

    #keikaLists .keikaNotice+.h_circle_m {
        margin-top: 35px
    }

    #keikaLists .sp-accordion dd {
        padding: 0 10px
    }

    #keikaLists .sp-accordion .btn-detail {
        text-align: right
    }

    #keikaLists .sp-accordion .iconLink {
        display: inline-block;
        font-size: 14px
    }

    #keikaLists .sp-accordion .keikaList_sp {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede
    }

    #keikaLists .sp-accordion .keikaList_sp th,
    #keikaLists .sp-accordion .keikaList_sp td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px
    }

    #keikaLists .sp-accordion .keikaList_sp th {
        background-color: #f5f5f5;
        width: 26%
    }

    #keikaLists .sp-accordion+.h_circle_m {
        margin-top: 35px
    }

    #keikaOver {
        margin-left: 10px;
        margin-right: 10px
    }

    #defferenceNotice {
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px
    }

    #defferenceNotice .text {
        font-size: 14px;
        margin-bottom: 20px
    }

    #defferenceNotice .btn44 {
        float: none;
        height: auto
    }

    #defferenceNotice .btn44 a {
        box-sizing: border-box;
        height: auto;
        line-height: 1.25;
        text-align: left;
        padding: 10px 20px 9px 60px;
        position: relative
    }
}

@media screen and (max-width:767px) and (min-width:361px) {
    #defferenceNotice .btn44 a br {
        display: none
    }
}

@media screen and (max-width:767px) {
    #defferenceNotice .btn44 a:before {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%)
    }

    .sp-accordion dd {
        padding: 10px
    }

    #defferenceList_sp {
        margin-bottom: 90px
    }

    #defferenceList_sp table {
        box-sizing: border-box;
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede
    }

    #defferenceList_sp table th,
    #defferenceList_sp table td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px
    }

    #defferenceList_sp table th {
        text-align: left;
        background-color: #f5f5f5
    }

    .zaikoList .clone {
        display: none !important
    }

    .zaikoList .sp-accordion dt {
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        -ms-flex-align: center;
        align-items: center
    }

    .zaikoList .sp-accordion dt .zaikoName {
        -ms-flex: 1;
        flex: 1;
        padding-right: 1em
    }

    .zaikoList .sp-accordion dt .zaikoLot {
        font-size: 16px;
        width: 5em
    }

    .zaikoList .sp-accordion table {
        box-sizing: border-box;
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede
    }

    .zaikoList .sp-accordion table th,
    .zaikoList .sp-accordion table td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px;
        text-align: center
    }

    .zaikoList .sp-accordion table th {
        text-align: center;
        background-color: #f5f5f5
    }

    .zaikoList .sp-accordion table th+th {
        width: 50%
    }

    .zaikoList .sp-accordion table td {
        font-weight: 400
    }

    .tabLink#zaikoSearch {
        background-color: #efefef
    }

    .tabLink#zaikoSearch>div {
        border-top: none
    }

    .tabLink#zaikoSearch>div dl>dd {
        width: 100%
    }

    .tabLink#zaikoSearch>div dl>dd #zaikoSearchLot,
    .tabLink#zaikoSearch>div dl>dd #zaikoSearchName,
    .tabLink#zaikoSearch>div dl>dd #zaikoSearchCode {
        margin: 0;
        box-sizing: border-box;
        width: 100%
    }

    .tabLink#zaikoSearch>div dl>dd .customSelectBox {
        display: block;
        margin-bottom: 10px
    }

    .tabLink#zaikoSearch>div dl>dd #zaikoSearchSelect {
        width: 100%;
        box-sizing: border-box
    }

    .tabLink#zaikoSearch>div dl>dd+dd {
        padding-left: 0
    }

    .tabLink#zaikoSearch>div dl>dd+dd>p {
        text-indent: 0;
        padding-left: 0
    }

    .tabLink#zaikoSearch>div #zaikoSubmit {
        padding-top: 0;
        border-top: none
    }

    .tabLink#zaikoSearch>div #zaikoSearchBtn {
        width: 100%;
        border-radius: 5px;
        position: relative;
        color: #fff;
        font-weight: 700
    }

    .tabLink#zaikoSearch>div #zaikoSearchBtn img {
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%)
    }

    .newlaunchtabLink {
        margin-bottom: 10px
    }

    .newlaunchtabLink ul {
        border-bottom: none;
        padding: 0 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .newlaunchtabLink ul li {
        border: 1px solid #999;
        border-radius: 6px;
        margin: 5px;
        width: calc(50% - 10px);
        -ms-flex: none;
        flex: none;
        font-size: 16px;
        text-align: center;
        line-height: 1.125
    }

    .newlaunchtabLink ul li.selected {
        display: table;
        vertical-align: middle
    }

    .newlaunchtabLink ul li a {
        display: table;
        vertical-align: middle
    }

    .newlaunchtabLink ul li div {
        display: table-cell;
        height: auto;
        vertical-align: middle;
        padding: 0 10px;
        box-sizing: border-box
    }

    .newlaunchtabLink ul li div span {
        display: inline-block
    }

    #newlaunch {
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 70px;
        border-bottom: 1px solid #dedede
    }

    #newlaunch dt {
        border-color: #dedede;
        background: none;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-radius: 0
    }

    #newlaunch dt a {
        padding: 15px 60px 15px 10px;
        background: none;
        position: relative
    }

    #newlaunch dt a:before {
        content: url(../image/icon_plus_red.png);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    #newlaunch dt a .type03Ttl {
        width: 100%;
        font-size: 16px
    }

    #newlaunch dt a .type03Ttl span {
        font-size: 14px
    }

    #newlaunch dt a .type03Thumb {
        display: none
    }

    #newlaunch dt.open a:before {
        content: url(../image/icon_minus_red.png)
    }

    #newlaunch dd {
        border-top: 1px solid #dedede
    }

    #newlaunch dd+dt {
        margin-top: 0
    }

    #newlaunch .newlaunchContent {
        margin: 0;
        padding: 10px;
        border-bottom: none
    }

    #newlaunch .newlaunchContent .newlaunchMainimg {
        margin: 0 0 10px
    }

    #newlaunch .newlaunchContent .newlaunchData01 {
        display: block;
        border: 1px solid #dedede;
        border-top: none;
        font-size: 13px
    }

    #newlaunch .newlaunchContent .newlaunchData01 tbody,
    #newlaunch .newlaunchContent .newlaunchData01 tr,
    #newlaunch .newlaunchContent .newlaunchData01 th,
    #newlaunch .newlaunchContent .newlaunchData01 td {
        display: block;
        box-sizing: border-box;
        border: none
    }

    #newlaunch .newlaunchContent .newlaunchData01 tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #newlaunch .newlaunchContent .newlaunchData01 tr th {
        width: 33%;
        border-top: 1px solid #dedede
    }

    #newlaunch .newlaunchContent .newlaunchData01 tr td {
        width: 67%;
        border-top: 1px solid #dedede
    }

    #newlaunch .newlaunchContent .newlaunchData02_sp {
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        border-collapse: collapse;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede
    }

    #newlaunch .newlaunchContent .newlaunchData02_sp th,
    #newlaunch .newlaunchContent .newlaunchData02_sp td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px
    }

    #newlaunch .newlaunchContent .newlaunchData02_sp th {
        background-color: #f5f5f5;
        height: 20px;
        text-align: left;
        padding: 5px 10px
    }

    #newlaunch .newlaunchContent .newlaunchData02_sp td {
        padding: 5px 25px
    }

    #newlaunch .newlaunchContent .newlaunchData02_sp td button {
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0
    }

    #newlaunch .newlaunchContent img {
        height: auto !important
    }

    #newlaunchHeader {
        margin: 0 10px
    }

    #newlaunchHeader p {
        margin-bottom: 10px
    }

    .hikakuModal {
        padding: 10px
    }

    .hikakuModal header {
        display: none
    }

    .hikakuModal #siteFooter>#copyright {
        width: 100%;
        box-sizing: border-box;
        padding: 0
    }

    .hikakuModal #main {
        padding-top: 0
    }

    .hikakuModal #diDataHikaku {
        padding-top: 40px
    }

    .hikakuModal #diDataHikaku .diDataListNote {
        text-align: right;
        font-size: 13px;
        margin-top: 2em;
        margin-right: 5px
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp,
    .hikakuModal #diDataHikaku .diDataListBody_sp {
        margin-bottom: 5px;
        box-sizing: border-box;
        border-collapse: collapse;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp th,
    .hikakuModal #diDataHikaku .diDataListHead_sp td,
    .hikakuModal #diDataHikaku .diDataListBody_sp th,
    .hikakuModal #diDataHikaku .diDataListBody_sp td {
        box-sizing: border-box;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp th,
    .hikakuModal #diDataHikaku .diDataListBody_sp th {
        background-color: #f5f5f5;
        width: 35%
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp th span,
    .hikakuModal #diDataHikaku .diDataListBody_sp th span {
        font-weight: 400
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td,
    .hikakuModal #diDataHikaku .diDataListBody_sp td {
        width: 65%
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td .note,
    .hikakuModal #diDataHikaku .diDataListBody_sp td .note {
        font-size: 10px
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td:empty:before,
    .hikakuModal #diDataHikaku .diDataListBody_sp td:empty:before {
        content: '　'
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td dl,
    .hikakuModal #diDataHikaku .diDataListBody_sp td dl {
        margin: 0;
        display: -ms-flexbox;
        display: flex
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td dl dt,
    .hikakuModal #diDataHikaku .diDataListBody_sp td dl dt {
        font-weight: 700;
        width: 6.5em
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td dl dd,
    .hikakuModal #diDataHikaku .diDataListBody_sp td dl dd {
        margin: 0;
        -ms-flex: 1;
        flex: 1
    }

    .hikakuModal #diDataHikaku .diDataListHead_sp td {
        font-weight: 700
    }

    .hikakuModal #diDataHikaku .caption {
        font-size: 11px
    }

    #orderBanner {
        background-position: center center !important;
        padding: 30px 20px !important;
        position: relative;
        border-radius: 8px;
        height: auto !important;
        min-height: 110px;
        box-sizing: border-box;
        background-size: auto 106% !important
    }

    #orderBanner:before {
        box-sizing: border-box;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border: 2px solid #e2efd5;
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0
    }

    .tabLink#library>div {
        border-top: none;
        padding-top: 0
    }

    .tabLink#library>div dl>dd {
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }

    .tabLink#library>div dl>dd #libTextSearch {
        -ms-flex: 1;
        flex: 1;
        width: auto
    }

    #libDomainSearch form {
        margin-left: -5px;
        margin-right: -5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #libDomainSearch form button {
        margin: 5px;
        width: 100%;
        width: calc(25% - 10px)
    }

    #libDomainSearch form button:last-child {
        width: 100% !important
    }
}

@media screen and (max-width:767px) and (max-width:610px) {
    #libDomainSearch form button {
        width: calc(33% - 10px)
    }
}

@media screen and (max-width:767px) and (max-width:470px) {
    #libDomainSearch form button {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:767px) {
    #libSearchResult {
        margin-left: 10px;
        margin-right: 10px
    }

    #libSearchResult .libList.theadTable {
        width: 100%;
        border: none
    }

    #libSearchResult .libList.theadTable thead {
        display: none
    }

    #libSearchResult .libList.theadTable tbody {
        width: 100%
    }

    #libSearchResult .libList.theadTable tbody th,
    #libSearchResult .libList.theadTable tbody td {
        border: none;
        border-bottom: 1px dotted #999
    }

    #libSearchResult .libList.theadTable .libL01,
    #libSearchResult .libList.theadTable .libL04,
    #libSearchResult .libList.theadTable .libL05,
    #libSearchResult .libList.theadTable .libL06 {
        display: none
    }

    #libSearchResult .libList.theadTable .libL02 {
        width: 36%;
        padding-right: 10px;
        background-color: #fff !important
    }

    #libSearchResult .libList.theadTable .libL03 {
        background-color: #fff !important;
        width: 64%
    }

    #libSearchResult .libList.theadTable .libL03 a:not(.btn30) {
        color: #333;
        text-decoration: none;
        cursor: default;
        pointer-events: none;
        font-size: 16px;
        margin-bottom: 12px
    }

    #libSearchResult .libList.theadTable .libL03 p {
        display: none
    }

    #libSearchResult .libList.theadTable .libL03 .btn30 {
        line-height: 34px;
        margin-top: 7px;
        font-size: 15px;
        color: #333;
        text-decoration: none
    }

    .modaal-container #detail-libL02 {
        text-align: center
    }

    .modaal-container #detail-libL02 img {
        width: 152px
    }

    .modaal-container #detailPdf {
        width: 178px;
        line-height: 34px;
        margin: 10px auto 20px;
        font-size: 15px;
        color: #333;
        text-decoration: none;
        display: block;
        font-weight: 700
    }

    .modaal-container #detail-libL03 a {
        font-weight: 700;
        color: #333;
        text-decoration: none;
        cursor: default;
        pointer-events: none;
        font-size: 16px;
        margin-bottom: 12px
    }

    .modaal-container #detail-libL03 p {
        font-size: 14px
    }

    .modaal-container #detail-libL03 .btn30 {
        display: none
    }
    .modaal-container #detail-libL03 a.sp-cont.iconLink {
        display: none;
    }
    .modaal-container table {
        width: 100%;
        border-top: 1px solid #b2ada5;
        border-left: 1px solid #b2ada5;
        border-collapse: collapse;
        font-size: 13px
    }

    .modaal-container table th,
    .modaal-container table td {
        box-sizing: border-box;
        border-bottom: 1px solid #b2ada5;
        padding: 10px
    }

    .modaal-container table th {
        width: calc(8em + 20px);
        background-color: #f5f5f5;
        text-align: center
    }

    .modaal-container table td {
        text-align: left;
        border-right: 1px solid #b2ada5
    }

    .basicBox {
        margin: 0 !important;
        border: none;
        box-shadow: none;
        padding: 10px;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .basicBox #authNotice {
        -ms-flex-order: 3;
        order: 3
    }

    .basicBox #authBtn {
        margin: 30px 0
    }

    .basicBox #authBtn dt {
        font-size: 1rem;
        margin-bottom: 20px
    }

    .basicBox #authBtn dd {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 50px;
        margin: 0
    }

    .basicBox #authBtn dd a {
        height: 100% !important;
        line-height: 48px
    }

    .basicBox #authBtn dd+dd {
        margin-top: 15px
    }

    .newsContents section+section {
        margin-top: 30px
    }

    .newsContents section:last-child {
        margin-bottom: 70px
    }

    .newsContents dl.packLogList {
        margin: 0
    }

    .newsContents dl.packLogList.sp-accordion dt {
        font-size: 1rem
    }

    .newsContents dl.packLogList dt {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background-color: #fff;
        color: #000;
        padding: 10px 30px 10px 10px;
        font-weight: 700;
        font-size: 13px
    }

    .newsContents dl.packLogList dt span {
        font-weight: 400;
        font-size: 10px
    }

    .newsContents dl.packLogList .packLogList_sp {
        width: 100%;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-collapse: collapse
    }

    .newsContents dl.packLogList .packLogList_sp th,
    .newsContents dl.packLogList .packLogList_sp td {
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        font-size: 13px;
        padding: 5px 10px !important;
        text-align: left;
        vertical-align: middle
    }

    .newsContents dl.packLogList .packLogList_sp th {
        background-color: #f5f5f5
    }

    .newsContents dl.packLogList .packLogList_sp td {
        padding: 10px 20px !important
    }

    .newsContents dl.packLogList .packLogList_sp td p {
        margin: 0
    }

    .newsContents dl.packLogList .packLogList_sp td p+p {
        margin-top: 1em
    }

    .newsContents dl.packLogList .packLogList_sp td .btn30 {
        margin: 10px 0;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-decoration: none;
        font-size: 15px;
        color: #333;
        font-weight: 700
    }
}

@media screen and (max-width:567px) {
    #TTgeneric {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #TTgeneric li {
        margin: 0 0 30px !important;
        width: 100%
    }
}

@media screen and (max-width:320px) {
    .tabLink#diSearchName_clone>div {
        padding-top: 5px
    }

    .tabLink#diSearchName_clone #diTextSearch {
        height: 38px;
        line-height: 38px
    }

    .tabLink#diSearchName_clone #diTextSearchBtn {
        height: 40px
    }

    .tabLink#diSearchName_clone>div dl {
        padding-bottom: 8px
    }

    .tabLink#diSearchName_clone>div dl#diKeySearch {
        padding-bottom: 3px
    }
}

@media print {

    .sp-cont,
    .sptb-cont,
    body>#homeSearchWrapper,
    #headerRight,
    .mobileSubNav,
    .btnClose,
    #diSearchName_clone,
    #diSearchCode_clone,
    #diSearchEffect_clone,
    .futanDataList .sptb-cont,
    .mb-tel,
    .num-wrap .minus,
    .num-wrap .plus,
    .diList.clone,
    #toPageTop {
        display: none !important
    }
}

#diKindSearch button.w160 {
    max-width: 160px
}

#diKindSearch button.w280 {
    max-width: 280px;
    width: 100%
}

#diSearchResult th.diL01,
#diSearchResult th.diL02,
#diSearchResult th.diL15,
#diSearchResult th.diL16 {
    vertical-align: top;
    padding-top: 40px
}

@media screen and (min-width:768px) and (max-width:999px) {
    #diSearchResult th.diL15,
    #diSearchResult th.diL16 {
        padding-top: 40px !important
    }
}
@media screen and (max-width:999px) {
    .sp_plr10 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sp_plr20 {
        padding-left: 20px;
        padding-right: 20px;
    }
}