@charset "utf-8";
/* pc */

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

/* tablet  */

@media only screen and (min-width: 641px) and (max-width: 960px) {}

/* smartPhone */

@media screen and (min-width: 641px) {
    .sp {
        display: none;
    }

}

@media screen and (max-width: 640px) {
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    font,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
        font-size: 105%;
    }

    body {
        min-width: 300px;
    }

    .pc {
        display: none;
    }

    .toptitle {
        text-align: center;
    }

    #header {
        width: auto;
    }

    .logo {
        display: block;
        margin: 0em auto 0;
        text-align: center;
        width: 60%;
    }

    #header .left {
        width: 100%;
    }

    #header .right {
        display: none;
    }

    #nav {
        display: none;
    }

    #nav ul {
        width: 100%;
        list-style: none;
        -webkit-box-shadow: 0 0 5px #666;
        -moz-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666;
    }

    #nav ul li {
        width: 100%;
        height: 43px;
        flex: 1.0;
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        text-align: center;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
        background: -moz-linear-gradient(#fff, #ddd);
        background: linear-gradient(#fff, #ddd);
        border-top: 1px solid #eee;
    }

    #nav ul li a {
        height: 27px;
        padding: 13px 0 0;
        display: block;
        font-size: 14px;
        color: #f66;
        font-weight: bold;
        text-decoration: none;
        background: none;
        text-indent: 0;
        text-align: center;
        width: 100%;
    }

    #nav ul li a:hover {
        background: none;
    }

    div.pagenavi {
        display: none;
    }

    .incho img.right {
        max-width: 40%;
    }

    #container {
        width: 100%;
    }

    .detail_title .left {
        width: 20%;
        float: left;
        min-height: 54px;
    }

    .detail_title .text {
        font-size: 180%;
        line-height: 1.2;
        width: 76%;
        float: right;
        margin-top: 10px;
    }

    .fotorama-wrap img {
        max-width: 100% !important;
        height: auto !important;
    }

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

    .detail_title {
        clear: both;
        padding: 0 0 20px;
    }

    .detail_title .right .sns {
        display: block;
        text-align: right;
        margin-bottom: 1.6em;
        margin-right: 0.8em;
        height: 12px;
    }

    .detail_title .right .sns iframe {
        display: inline-block;
        margin: 0 .3em;
        float: right;
    }

    .fb_iframe_widget {
        display: inline-block !important;
        position: absolute;
        top: 0;
        float:right;
        margin-right: 8px;
    }

    .detail_title .right {
        clear: both;
        float: none;
        display: block;
        text-align: center;
        padding: 0;
    }

    .detail_title .right a {
        display: block;
    }

    #main2 {
        width: 100%;
    }

    .catch.mincho {
        display: none;
    }

    .tab1 {
        display: none;
    }

    #tab_menu {
        background: none;
    }

    #tab_menu:last-child {
        border-top: none;
        margin-bottom: 20px;
    }

    #tab_menu li {
        width: 33%;
        flex: 1.0;
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        text-align: center;
        background: linear-gradient(#fffcfc, #ffe3ef);
        border-right: 1px solid #ff97c5;
    }

    #tab_menu:last-child {
        border-right: none;
    }

    #tab_menu a {
        padding: 10px 0;
        display: block;
        font-size: 12px;
        color: #0e3757;
        text-decoration: none;
        background: none;
        text-indent: 0;
        width: 100%;
        line-height: 41px;
    }

    .orange.left.senmon,
    .orange.right.shokureki {
        float: none;
    }

    .senmon,
    .shokureki {
        width: 90%;
    }

    div.orange.right.shokureki {
        border: none;
        padding-left: 10px;
    }

    .orange h4 {
        margin-bottom: 10px;
    }

    .mini_title {
        width: 100%;
    }

    #main2 p {
        width: 92%;
        margin: 0 auto;
    }

    .shinryo_naiyo {
        width: 94%;
        margin: 0 auto;
        float: none;
    }

    .shinryo_jikan {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    .orange_title {
        margin-left: 0;
        width: 90%;
        margin: 1em auto;
    }

    table {
        font-size: 10px;
    }

    p img.right {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 94%;
    }

    .hiyo {
        width: 98%;
    }

    .hiyo td+td,
    .hiyo th+td {
        width: 8em;
    }

    #access iframe {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    #access {
        text-align: center;
    }

    #access h3 {
        text-align: left;
    }

    #sidebox2 {
        display: none;
    }

    .f_top,
    .f_bottom {
        width: 100%;
    }

    .f_top .logo {
        float: none;
        width: 100%;
        margin-bottom: 1em;
    }

    .f_top {
        background: none;
        padding: 1em 0;
        height: auto;
    }

    .f-2 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .f-1 {
        float: none;
        width: 100%;
        padding: 0;
    }

    .f-1 p {
        text-align: center;
    }

    .f-1 h4 {
        display: none;
    }

    .f-2 img {
        float: none;
    }

    .f-2 .btn_bule {
        display: none;
    }

    .f_bottom ul {
        width: auto;
        float: none;
        clear: both;
        display: inline-block;
        margin-left: 1em;
    }

    .f_bottom li {
        width: auto;
        float: none;
        clear: both;
        display: inline-block;
        margin: 0.5em 1em;
    }

    .f_bottom {
        padding: 0;
    }

    .map.paper {
        display: none;
    }

    .ribon {
        width: 100%;
        background: none;
        padding: 0;
        margin: 0 auto;
        background: url(https://www.funin.info/img/title_bar.png) no-repeat;
        height: 56px;
        font-size: 18px;
        font-weight: normal;
        line-height: 56px;
        text-indent: 1em;
        margin: 20px auto;
    }

    .search_left {
        width: 100%;
        padding: 0;
    }

    .search_right {
        width: 100%;
        padding: 0;
    }

    #main .left {
        display: none;
    }

    #main .right {
        display: block;
        width: 100%;
    }

    #main {
        float: none;
        display: block;
        width: 100%;
        height: auto;
    }

    #sidebox {
        float: none;
        display: block;
        width: 100%;
    }

    .nivoSlider {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }

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

    .theme-default .nivoSlider a {
        max-width: 100%;
        width: 100% !important;
        height: 100%;
    }

    .slider-wrapper.theme-default {
        max-width: 100%;
        width: 100% !important;
        height: auto;
    }

    #container #main .search_title,
    #container #main .news_title,
    #container #main .movie_title {
        font-size: 1.2em;
    }

    .search_title span,
    .movie_title span,
    .news_title span,
    .study_title span {
        display: none;
    }

    #main .top_about ul.left,
    #main .top_about ul.right,
    #main .top_ranking ul.left,
    #main .top_ranking ul.right {
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
        float: none;
        display: block;
    }

    #main .top_about ul li {
        padding: 0 0 0 1em;
    }

    .top_ranking {
        margin-top: 2em;
    }

    .news_area,
    .study_area {
        float: none;
        width: 100%;
        margin-top: 2em;
        border: none;
    }

    #main .news {
        width: 86%;
        margin: 1em auto 3em;
        border: 1px solid #eee;
        height: 400px;
    }

    .movie_title {
        margin-top: 2em;
    }

    #main .top_search .left,
    #main .top_search .right {
        display: block;
        border-right: none;
        width: 100%;
    }

    #home .likebox iframe {
        display: none;
    }

    #sidebox {
        display: none;
    }

    #main .top_about li a {
        line-height: 3em;
        padding-left: 1.6em;
        background: url(https://www.funin.info/img/arw_circle.gif) no-repeat left 0.9em;
    }

    #main .top_ranking ul {
        /* padding-left:10px!important; */
    }

    #main .top_ranking li a.ranking01,
    #main .top_ranking li a.ranking02,
    #main .top_ranking li a.ranking03,
    #main .top_ranking li a.ranking04 {
        background: url(https://www.funin.info/img/pick-up.png) no-repeat 10px 0.5em;
        text-decoration: none;
        padding: 1em 0 1em 5.5em;
        line-height: 1.6;
        font-size: 11px;
        border-bottom: 1px dotted #ddd;
        display: block;
    }

    .news_area .news,
    .study_area .news {
        overflow-y: auto;
        border: 1px solid #eee;
        margin-bottom: 2em;
    }

    .movie_title,
    .movie {
        display: none !important;
    }

    .header {
        width: 100%;
        height: 50px;
        z-index: 3;
    }

    .header .logo {
        text-align: left;
        padding: 0;
        margin: 5px 0 0 5px;
        width: 180px;
        color: #fff;
    }

    .header .header__heading {
        background: #FFF;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        border-bottom: 1px solid #eee;
    }

    .nav-content {
        position: fixed;
        width: 100%;
        top: -735px;
        z-index: 2;
        -webkit-transition: 1.5s top;
        transition: 0.3s top;
    }

    .nav-content ul li {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .nav-content ul li a {
        text-align: center;
        display: block;
        padding: 13px 0px;
        color: #F4709C;
        text-decoration: none;
        font-size: 14px;
        border-bottom: 1px solid #eee;
    }

    .is-open .nav-content {
        top: 51px;
        background: #FFFFFF;
        z-index: 9999;
    }

    #js-cover {
        background: #000;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        opacity: 0;
        z-index: 1;
    }

    .menu-button {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #ddd;
    }

    .search-btn {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        right: 100px;
        top: 0px;
        text-align: center;
        border-left: 1px solid #ddd;
        display: none;
    }

    .search-btn:hover img {
        opacity: 1;
    }

    .search-btn img.search-icon {
        width: 25px;
        position: absolute;
        top: 9px;
        left: 13px;
    }

    .search-btn .search-text img {
        width: 40px;
        position: absolute;
        bottom: 4px;
        left: 4px;
    }

    .search-2 {
        width: 90%;
        margin: 0 auto;
    }

    .right .top_about .search-2 tr {
        background: #fff;
    }

    .shop-button {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        right: 50px;
        top: 0;
        text-align: center;
        border-left: 1px solid #ddd;
    }

    .shop-button:hover img {
        opacity: 1;
    }

    .shop-button img.shop-icon {
        width: 30px;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .shop-button .shop-text img {
        width: 30px;
        position: absolute;
        bottom: 6px;
        left: 10px;
    }

    .menu-button i {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: #F4709C;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
        position: relative;
        left: 15px;
        top: 20px;
    }

    .menu-button i:before,
    .menu-button i:after {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: #F4709C;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s !important;
        transition: all 0.3s !important;
    }

    .menu-button i:before {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }

    .menu-button i:after {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .is-open .menu-button i {
        background: #FFF;
    }

    .is-open .menu-button i:after {
        -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
        transform: translateY(0px) rotate(-45deg);
    }

    .is-open .menu-button i:before {
        -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
        transform: translateY(0px) rotate(45deg);
    }

    .menu-text {
        position: absolute;
        bottom: 5px;
        left: 10px;
        width: 30px;
        height: auto;
    }

    .content {
        height: 100px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .content p {
        color: #fff;
        position: relative;
        bottom: -80px;
        text-align: center;
    }

    #header {
        display: none;
    }

    #home {
        padding-top: 0;
        min-width: 300px;
    }

    #mainimage {
        display: none;
        margin-top: 5px;
    }

    #mainimg {
        margin-top: 5px;
        float: none;
        width: 100% !important;
    }

    #mainimg img {
        max-width: 100% !important;
    }

    #main_contents {
        width: 100%;
    }

    .nivo-prevNav,
    .nivo-nextNav {
        display: none !important;
    }

    #main #icon01 ul {
        padding: 0;
        text-align: center;
        margin: 0 auto;
        width: 94%;
    }

    #main #icon01 ul li a {
        background: none;
        border: none;
        padding: 0;
    }

    #main #icon01 ul li a img {
        max-width: 95px;
        padding: 5px 2%;
        width: 90%;
    }

    #main #icon01 ul li {
        display: inline-block;
        width: 23%;
        text-align: center;
        padding: 0;
    }

    #main #icon02 ul {
        padding: 0;
        text-align: center;
        margin: 0 auto;
        width: 94%;
    }

    #main #icon02 ul li a {
        background: none;
        border: none;
        padding: 0;
    }

    #main #icon02 ul li a img {
        max-width: 105px;
        padding: 5px 2%;
        width: 90%;
    }

    #main #icon02 ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
        padding: 0;
    }

    .top_about .left,
    .top_about .right,
    .top_search,
    #main .main-content-block {
        display: none !important;
    }

    #main .top_ranking .right,
    #main .top_ranking .left {

        margin: 0px;
    }

    #container #main .midashi {
        margin-top: 40px !important;
        background: none;
        text-align: center;
        max-width: 100%;
        padding: 0;
        display: inline-block;
        line-height: 1.6;
        height: auto;
        font-size: 22px;
        letter-spacing: 0.05em;

    }

    .sum {
        width: 100%;
    }

    .sum .layout {
        width: 90%;
        margin: 0 auto;
        float: none;
        min-height: 190px;
    }

    .sum .layout dl {
        width: 100%;
        float: none;
    }

    .random {
        width: 90%;
        margin: 1em auto;
        padding: 0;
    }

    .random img {
        width: 100%;
        display: block;
    }

    #js-accordion ul {
        background-color: #fff;
    }

    .layout {
        float: none;
    }

    #main img.right {
        width: 30%;
    }

    #causal img {
        max-width: 90%;
        float: none !important;
        display: block;
        margin: 0 auto;
    }

    #container #main #causal p {
        font-size: 16px;
    }
    #container #main #causal .sozai p {
        font-size:1.26em;
    }

    #container #main #causal .sozai-img {
        position: static;
        margin: 1em 0 1em 1em !important;
        width: 25% !important;
        float: right !important;
    }

    .category {
        margin-top: 1em;
    }

    .saishin_img {
        width: 100%;
        margin: -18px auto 1em;
        display: block;
        float: none;
        background-color: #EDF9EB;
    }

    .saishin_img a {
        width: 60%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .saishin_img img {
        margin: 0 auto;
        padding: 1em 0;
        display: block;
    }

    .saishin_text {
        width: 94%;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .saishin_text h3 {
        background-color: #69B35C;
        font-size: 0.8em;
        margin-bottom: 1em;
    }

    .saishin_text h3 span {
        display: block;
    }

    .button {
        width: 100%;
    }

    .button img {
        width: 50%;
    }

    .book img,
    .ebook img {
        max-width: 264px;
        width: 100%;
        height: auto;
    }

    .book,
    .ebook {
        width: 40%;
        margin: 0 4% 2em 4%;
        background: none;
        display: inline-block;
        text-align: center;
    }

    .book:nth-child(odd),
    .hospital:nth-child(even) {
        clear: both;
    }

    .hospital {
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
    }

    .book a,
    .ebook a {
        float: none;
        width: auto;
        max-width: 100%;
    }

    .book a img,
    .ebook a img {
        border: 1px solid #ddd;
    }

    .nakami img {
        width: 96%;
    }

    .blog {
        width: 100%;
    }

    .blog .left,
    .blog .right {
        float: none;
        width: 90%;
        margin: 1em auto;
    }

    #sidebar {
        display: none;
    }

    #container #main #consultation .midashi {
        background: none;
        font-size: 22px;
        border-bottom: 1px solid #eee;
        padding-bottom: 35px;
    }

    #container #main #consultation h1 a,
    #container #main #consultation_form h1 a {
        font-size: 18px;
        margin: 10px auto;
        display: block;
        width: 220px;
    }

    #wrapper #container .answer .q,
    #wrapper #container .answer .a {
        font-size: 16px !important;
        line-height: 1.6;
    }

    #main .right p {
        font-size: 16px;
        letter-spacing: 0.05em;
    }

    #main .right .study_area .news p {
        font-size: 12px;
    }

    .komoku li a {
        font-size: 10px;
    }

    #mailformpro .table th {
        background-color: #F3F3F3;
    }

    #mailformpro input[type="text"],
    #mailformpro input[type="email"],
    textarea {
        display: block;
        margin: 0.6em auto;
        max-width: 94% !important;
    }

    #mailformpro input[type="submit"],
    #mailformpro input[type="reset"] {
        font-size: 12px;
        padding: 1px 10px;
        margin: 1em;
    }

    .table01,
    .table01 thead,
    .table01 tbody,
    .table01 tr,
    .table01 th,
    .table01 td {
        display: block;
        width: auto !important;
        margin: 0 auto;
    }

    .table01 th {
        background-color: #F3F3F3;
        border-bottom: none;
    }

    .table01 td {
        border-bottom: none;
        width: 100%;
    }

    .table01 tr {
        background: none;
    }

    .table01 {
        border-bottom: 1px solid #999;
        width: 90% !important;
    }

    .table01 th {
        min-height: auto;
    }

    .table01 tr:nth-child(2n+1) {
        background: none;
    }

    #container #main h2 {
        font-size: 20px;
        background-image: none;
        background-color: #ed7882;
        color: #fff;
        padding: 20px 8px;
        line-height: 1.6;
        height: auto;
    }

    #container #main #consultation h2 {
        color: #666;
        font-size: 18px;
        line-height: 1.4;
    }

    #container #main #causal h3 {
        font-size: 18px;
    }

    #container #main #causal img {
        display: block;
        float: none !important;
        width: 80%;
        margin: 1em auto;
    }

    #container #main #causal.recipes img {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }

    #container #main #causal.recipes .recipes-title img {
        width: 55px;
    }

    #container #main .recipes-title h2 {
        color: #666;
    }

    .img_left,
    .img_right {
        float: none;
        width: 100%;
    }

    .tmb {
        max-width: 40% !important;
    }

    h4 {
        font-size: 12px;
    }

    #home .check-area img {
        display: block;
        float: none !important;
        min-width: 90%;
        margin: 0 auto;
    }

    #container #main .check-area h3 {
        font-size: 12px;
    }

    .saishin_text p {
        font-size: 10px;
    }

    .floatLeft {
        float: none;
        text-align: center;
        width: 100%;
    }

    #wrapper #service h3 {
        width: 100%;
        font-size: 13px;
    }

    .floatRight {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    #service .btn {
        font-size: 11px;
    }

    .words li {
        margin-bottom: 1em;
    }

    .words li a {
        font-size: 10px;
    }

    #acMenu dt {
        font-size: 12px;
        margin-top: 1em;
    }

    #acMenu dd {
        font-size: 10px;
        margin-right: 1em;
    }

    table.privacy th {
        background-color: #F3F3F3;
    }

    table.privacy,
    table.privacy thead,
    table.privacy tbody,
    table.privacy tr,
    table.privacy th,
    table.privacy td {
        display: block;
        width: auto !important;
    }

    table.privacy th {
        background-color: #F3F3F3;
        border-bottom: none;
    }

    table.privacy td {
        border-bottom: none;
        width: 100%;
    }

    table.privacy tr {
        background: none;
    }

    table.privacy {
        border-bottom: 1px solid #ddd;
        width: 90% !important;
        margin: 0 auto;
    }

    table.privacy th {
        min-height: auto;
    }

    #main .link .left,
    #main .link .right {
        float: none;
        width: 100%;
    }

    #main .link .left a,
    #main .link .right a {
        font-size: 12px;
    }

    .recipes-row {
        width: 100%;
    }

    .clinic-area table {
        margin: 1em auto;
        width: 100%;
        max-width: 100%;
        float: none;
        border-right: none;
        font-size: .9em;
    }

    #container #main #causal .clinic-area table .i-wish-img img,
    #container #main #causal .clinic-area table .clinic-img img {
        width: 100% !important;
        max-width: 150px !important;
        height: auto;
        margin: 0;
    }

    #sidebox2 {
        display: block;
        width: 100%;
    }

    #sidebox2 .memo {
        display: none;
    }

    #sidebox2 .memo:first-child {
        display: block;
        background: none;
    }

    #sidebox2 .memo .banner {
        display: grid;
        justify-content: center;
        gap:10px;
        width: 100%;
    }

    #sidebox2 .memo .memo_top {
        background: none;
        padding: 0;
    }

    #sidebox2 .memo .memo_top h4 {
        background: url(https://www.funin.info/img/title_bar.png) no-repeat;
        width: 100%;
        padding: 0;
        height: 56px;
        font-size: 20px;
        font-weight: normal;
        line-height: 56px;
        text-indent: 25px;
        margin-bottom: 20px;
        border: none;
        color: #666;
    }

    #sidebox2 .memo .memo_top h5 {
        margin-left: 15px;
        margin-bottom: 0;
    }

    #sidebox2 .memo .memo_top p {
        padding: 0 15px 10px;
    }

    .zoombox iframe {
        display: block;
    }

    .sonota_movie iframe {
        display: block;
        max-width: 80%;
        margin: 0 auto;
        height: auto;
    }

    #kiji td {
        display: block;
        text-align: center !important;
        margin: 10px auto;
        border: none !important;
    }

    #home .check-area h3 img {
        width: 100% !important;
    }

    #home .check-area {
        width: 100%;
    }

    #home .check-area img {
        margin-top: 1em;
        height: auto;
    }

    #home .check-area h3 img {
        margin-top: 0;
    }

    #home .check-area ul {
        overflow: hidden;
        margin: 0 1em;
    }

    #home .check-area li {
        float: left;
        width: 30%;
        margin-right: 5%;
        padding: 0 !important;
    }

    #home .check-area li:last-child {
        margin-right: 0;
    }

    .check-area li a {
        padding: 0 !important;
        background: none !important;
        width: auto !important;
        height: auto !important;
        border: none !important;
    }

    .check-body #check_box {
        width: 100%;
        float: none;
        border: none;
        box-shadow: none;
    }

    .check-body .woman_check_box,
    .check-body .man_check_box,
    .check-body .couple_check_box,
    .check-body .check_list {
        width: 100%;
    }

    .check-body .check_result {
        max-width: 340px;
        width: 86%;
    }

    .check-body .check_result input {
        width: 100%;
    }

    .check-body #container #check_box .woman_check_box .midashi,
    .check-body #container #check_box .man_check_box .midashi,
    .check-body #container #check_box .couple_check_box .midashi {
        width: 100%;
        margin-top: 30px;
        line-height: 1em;
        height: auto;
        background: none;
        text-align: center;
    }

    .check-body #container #check_box .woman_check_box .midashi .h1_sub,
    .check-body #container #check_box .man_check_box .midashi .h1_sub,
    .check-body #container #check_box .couple_check_box .midashi .h1_sub {
        display: none;
    }

    .check-body #container #check_box .woman_check_box .midashi .h1_title,
    .check-body #container #check_box .man_check_box .midashi .h1_title,
    .check-body #container #check_box .couple_check_box .midashi .h1_title {
        font-size: 110%;
        position: static;
        top: 0;
        left: 0;
    }

    .check-body .checkpaeg_left {
        width: 98%;
        float: none;
        margin: 0 auto;
    }

    .check-body .left .study_area {
        width: 100%;
    }

    .check-body .hospital {
        width: 100%;
        text-align: left;
    }

    .check-body .kanto_list li,
    .check-body .kansai_list li,
    .check-body .tohoku_list li,
    .check-body .tokai_list li,
    .check-body .shikoku_list li,
    .check-body .kyushu_list li{
        padding-left: 5px;
    }

    .answer-body #result_box .midashi_box {
        margin-top: 15px;
        margin-bottom: 20px;
        border: 5px solid #f0b4cc;
        background: none;
        height: auto;
        padding-bottom: 1em;
    }

    .answer-body #result_box {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    .answer-body .midashi_box h1 {
        font-size: .9em;
        margin: .5em 0 .3em;
    }

    .answer-body .midashi_box .level {
        font-size: 1.5em;
        margin: .5em 0 .3em;
    }

    .answer-body .midashi_box .subtext {
        font-size: .9em;
    }

    .answer-body .ribon {
        background: none;
        width: 100%;
        height: auto;
        line-height: 1.6;
        margin: 0;
        font-size: 1.2em;
        color: #fff;
        background-color: #f0b4cc;
        text-indent: 0;
        text-align: center;
    }

    .answer-body .clinic_title {
        padding: 0;
    }

    .answer-body .result_left,
    .answer-body .result_right {
        width: 100%;
        float: none;
        padding: 0;
    }

    .answer-body #result_box .minihp {
        display: none;
    }

    .answer-body .checkpaeg_left {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    .answer-body .left .study_area {
        width: 100%;
    }

    .detail_title .right .btn-hp {
        float: left;
        margin: 0 0 0 10px;
        width: 44%;
    }

    .detail_title .right .tel.sp {
        display: block;
        width: 44%;
        float: right;
        margin: 0 10px 0 0;
        text-align: right;
    }

    .detail_title .right .tel.sp:hover img {
        opacity: 1 !important;
    }

    .btn-area a {
        display: inline-block;
    }

    .doctor,
    .flow {
        font-size: .8em;
    }

    .copy {
        font-weight: bold;
        color: #f60971;
        font-size: 1.3em;
    }

    .right-img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 auto 1em;
    }

    #result_box .answer-check-area a img {
        width: 100%;
        margin-bottom: 1em;
        display: block;
    }

    #result_box .midashi_box {
        background: none !important;
    }

    .couple #result_box .midashi_box {
        border: 5px solid #ff7b1a;
    }

    .male #result_box .midashi_box {
        border: 5px solid #00a0ec;
    }

    .checkpaeg_left .answer-check-area a img {
        width: 100%;
        margin-bottom: 1em;
    }

    .clearfix,
    .list2 li label {
        font-size: 10px;
    }

    .kodawari_area {
        padding: 0 1em 1em;
    }

    .search_kodawari.paper {
        box-shadow: none;
        border: none;
    }

    .search_kodawari.paper .kodawari_area p {
        margin: 1em 0;
        padding: 0;
    }

    .search_list h2 {
        width: 100%;
        background: none;
        padding: 0;
        margin: 0 auto;
        background: url(https://www.funin.info/img/title_bar.png) no-repeat;
        height: 56px;
        font-size: 18px;
        font-weight: normal;
        line-height: 56px;
        text-indent: 1em;
        margin: 20px auto;
        border: none;
        font-size: 1.5em;
    }

    .search_list .title2 {
        padding: 0;
        margin: 10px 0 0 0;
    }

    .search_list .navi_area a {
        font-size: 1em;
    }

    .pref-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 5px 3%;
    }

    .pref-list a{
        color: #666;
        font-size: 16px;
        font-weight:bold;
        padding:5px;
    }

    .clinic img {
        float: none;
        margin: 0 auto 1.3em;
        display: block;
        max-width: 100%;
        width: 100%;
    }

    .clinic {
        padding: 15px 15px 0;
        border: none;
        margin-bottom: 10px;
    }

    .clinic ul {
        text-align: left;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .clinic ul li {
        width: 46%;
        float: none;
        padding: 0;
        font-size: .9em;
        line-height: 27px;
        text-indent: 2.5em;
    }

    body .interview_area .flow {
        margin-bottom: 6em;
    }

    .clinic .jin_100 {
        background-size: 20px 20px;
    }

    .clinic .jin_101 {
        background-size: 20px 20px;
    }

    .clinic .jin_102 {
        background-size: 20px 20px;
    }

    .clinic .jin_103 {
        background-size: 20px 20px;
    }

    .clinic .jin_104 {
        background-size: 20px 20px;
    }

    .clinic .jin_105 {
        background-size: 20px 20px;
    }

    .clinic .jin_106 {
        background-size: 20px 20px;
    }

    .clinic .jin_107 {
        background-size: 20px 20px;
    }

    .clinic .jin_108 {
        background-size: 20px 20px;
    }

    .clinic .jin_109 {
        background-size: 20px 20px;
    }

    .clinic .jin_110 {
        background-size: 20px 20px;
    }

    .clinic .jin_111 {
        background-size: 20px 20px;
    }

    .clinic .jin_112 {
        background-size: 20px 20px;
    }

    .clinic .jin_113 {
        background-size: 20px 20px;
    }

    .clinic .jin_114 {
        background-size: 20px 20px;
    }

    .clinic table,
    #wrapper .clinic2 table {
        width: 100%;
        margin-bottom: 15px;
    }

    .clinic table th,
    .clinic table td {
        width: auto;
    }

    .search_list .btn {
        font-size: 1em;
        padding: 8px 15px;
    }

    .search_list .clear {
        margin: 2em 0;
    }

    .clinic table,
    .clinic table tbody,
    .clinic table tr,
    .clinic table th,
    .clinic table td {
        display: block;
        width: 100% !important;
    }

    .clinic table th {
        background-color: #F3F3F3;
        border-bottom: none;
        padding: 8px 0;
    }

    .clinic table tr td {
        border-bottom: none;
        background-color: #fff;
        padding: 8px 0;
    }

    .clinic table tr {
        border-top: none;
    }

    .clinic table {
        border-bottom: 1px solid #999;
    }

    .clinic .on {
        background-color: transparent;
    }

    .mod_table {
        overflow: scroll;
        margin: 0 auto;
    }

    .paper {
        box-shadow: none;
        border: none;
    }

    .shisetsulist .paper img {
        margin: 0 2px 5px 5px;
        width: 20px;
    }

    .navi_area p {
        position: relative;
        margin: 0 0 2em;
    }

    .navi {
        display: block;
        height: 77px;
    }

    .navi_area {
        height: 70px;
    }

    #table2 {
        margin: 0;
    }

    .banner_area_02 .ad h3 {
        font-size: 1.4em;
    }

    .banner_area_02 .ad p {
        font-size: 1.2em;
        margin: 1.5em .5em .5em .5em;
        text-align: right;
    }

    table.sp-one-column,
    table.sp-one-column tbody,
    table.sp-one-column tr,
    table.sp-one-column th,
    table.sp-one-column td {
        display: block;
        width: auto !important;
    }

    table.sp-one-column {
        max-width: 96%;
        margin: 0 auto;
        border-top: 1px solid #999;
    }

    table.sp-one-column th {
        border-bottom: none;
        border-top: none;
    }

    .joseikin-box {
        width: 45%;
    }

    .joseikin-box .pref {
        font-size: .9em;
    }

    #container #main .check-area-content .joseikin-box h4 {
        font-size: .9em;
    }

    .joseikin-box .tel {
        font-size: .9em;
    }

    .recipes .recipes-area {
        padding: 1em 2em 2em;
        margin: 2em 0;
        border: 1px solid #ee7891;
        font-size: 0.9em;
    }

    #table2 {
        width: 96% !important;
        margin: 0 auto;
    }

    #table2,
    #table2 tbody,
    #table2 tr,
    #table2 th,
    #table2 td {
        display: block;
    }

    #table2 tr:nth-child(2n+1),
    #table2 tr:hover {
        background: none;
    }

    #table2 th,
    #table2 td.member,
    #table2 td.tel {
        display: none;
    }

    #table2 thead {
        display: none !important;
    }

    #table2 .table-row {
        border: 1px solid #eee;
        margin-bottom: 1.2em;
    }

    #table2 td.name {
        background-color: #eee;
        border: none;
        clear: both;
        padding: 5px;
    }

    #table2 td.name.ranka {
        padding-left: 28px;
        background: url(https://www.funin.info/img/search/membar.png) no-repeat 2px 3px #f6d2d5;
        background-size: 20px 20px;
    }

    #table2 td.address {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 5px 5px 0;
    }

    #table2 .table-row td:nth-child(5),
    #table2 .table-row td:nth-child(6),
    #table2 .table-row td:nth-child(7),
    #table2 .table-row td:nth-child(8),
    #table2 .table-row td:nth-child(9),
    #table2 .table-row td:nth-child(10),
    #table2 .table-row td:nth-child(11),
    #table2 .table-row td:nth-child(12),
    #table2 .table-row td:nth-child(13),
    #table2 .table-row td:nth-child(14),
    #table2 .table-row td:nth-child(15),
    #table2 .table-row td:nth-child(16),
    #table2 .table-row td:nth-child(17),
    #table2 .table-row td:nth-child(18),
    #table2 .table-row td:nth-child(19) {
        display: block;
        width: 6.66%;
        padding: 0;
        float: left;
        height: 30px;
        border: none;
        text-indent: -9999px;
        overflow: hidden;
    }

    #table2 .table-row td:nth-child(5) span,
    #table2 .table-row td:nth-child(6) span,
    #table2 .table-row td:nth-child(7) span,
    #table2 .table-row td:nth-child(8) span,
    #table2 .table-row td:nth-child(9) span,
    #table2 .table-row td:nth-child(10) span,
    #table2 .table-row td:nth-child(11) span,
    #table2 .table-row td:nth-child(12) span,
    #table2 .table-row td:nth-child(13) span,
    #table2 .table-row td:nth-child(14) span,
    #table2 .table-row td:nth-child(15) span,
    #table2 .table-row td:nth-child(16) span,
    #table2 .table-row td:nth-child(17) span,
    #table2 .table-row td:nth-child(18) span,
    #table2 .table-row td:nth-child(19) span {
        display: block;
        border-right: 1px solid #eee;
        height: 100%;
    }

    #table2 .table-row td:nth-child(19) span {
        border-color: #fff;
    }

    #table2 .table-row td.ok:nth-child(5) span,
    #table2 .table-row td.more:nth-child(5) span {
        background: url(https://www.funin.info/img/search/sp/hito.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(6) span,
    #table2 .table-row td.more:nth-child(6) span {
        background: url(https://www.funin.info/img/search/sp/karada.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(7) span,
    #table2 .table-row td.more:nth-child(7) span {
        background: url(https://www.funin.info/img/search/sp/ken.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(8) span,
    #table2 .table-row td.more:nth-child(8) span {
        background: url(https://www.funin.info/img/search/sp/tou.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(9) span,
    #table2 .table-row td.more:nth-child(9) span {
        background: url(https://www.funin.info/img/search/sp/otoko.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(10) span,
    #table2 .table-row td.more:nth-child(10) span {
        background: url(https://www.funin.info/img/search/sp/ha-to.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(11) span,
    #table2 .table-row td.more:nth-child(11) span {
        background: url(https://www.funin.info/img/search/sp/kan.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(12) span,
    #table2 .table-row td.more:nth-child(12) span {
        background: url(https://www.funin.info/img/search/sp/shoku.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(13) span,
    #table2 .table-row td.more:nth-child(13) span {
        background: url(https://www.funin.info/img/search/sp/un.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(14) span,
    #table2 .table-row td.more:nth-child(14) span {
        background: url(https://www.funin.info/img/search/sp/onna.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(15) span,
    #table2 .table-row td.more:nth-child(15) span {
        background: url(https://www.funin.info/img/search/sp/fuku.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(16) span,
    #table2 .table-row td.more:nth-child(16) span {
        background: url(https://www.funin.info/img/search/sp/ft.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(17) span,
    #table2 .table-row td.more:nth-child(17) span {
        background: url(https://www.funin.info/img/search/sp/fuiku.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(18) span,
    #table2 .table-row td.more:nth-child(18) span {
        background: url(https://www.funin.info/img/search/sp/ben.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #table2 .table-row td.ok:nth-child(19) span,
    #table2 .table-row td.more:nth-child(19) span {
        background: url(https://www.funin.info/img/search/sp/jo.png) no-repeat 2px 3px;
        background-size: auto 90%;
        background-position: center;
    }

    #consultation #soudan_banner a {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .w50 {
        width: 100%;
    }

    .dougabox .w50 p {
        margin: 0 5%;
    }

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

    .seminarbtn {
        width: 90%;
        margin-top: 60px;
        margin-bottom: -40px;
        height: 80px;
    }

    .seminarbtn img {
        height: 40px;
        margin-left: 10px;
    }

    .dougacl p {
        margin-left: 5%;
        margin-bottom: 20px;
    }

    .dougatop img {
        width: 70%;
    }

    .dougatext {
        margin: 0 5%;
    }

    .seminarbtn p {
        font-size: 4vw;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .bg_common {
        min-width: none;
    }

    #googlesearch {
        display: none;
        width: 100%;
        margin-top: 50px;
        position: fixed;
        background: rgba(255, 255, 255, 0.9);
        z-index: 10;
    }

    .open {
        display: block !important;
    }

    .gsc-control-cse {
        padding-top: 70px;
    }

    .sp-dis {
        display: block;
    }

    .pc-dis {
        display: none;
    }

    .accordion-open {
        margin-bottom: 160px;
    }

    .gsc-input-box {
        padding: 0 !important;
    }

    #googlesearch table tr td {
        border: none;
        padding: 5px 15px 5px 3px;
    }

    #googlesearch table tr:nth-child(2n+1) {
        background: none;
    }

    #googlesearch .gsc-input {
        padding: 5px 3px 5px 15px;
    }

    #googlesearch p {
        font-size: 14px;
        padding-left: 15px;
    }

    .right-open {
        margin-top: 60px;
    }

    .search-1 p {
        margin-top: 4px;
    }
}

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

    #table2 .table-row td:nth-child(5),
    #table2 .table-row td:nth-child(6),
    #table2 .table-row td:nth-child(7),
    #table2 .table-row td:nth-child(8),
    #table2 .table-row td:nth-child(9),
    #table2 .table-row td:nth-child(10),
    #table2 .table-row td:nth-child(11),
    #table2 .table-row td:nth-child(12),
    #table2 .table-row td:nth-child(13),
    #table2 .table-row td:nth-child(14),
    #table2 .table-row td:nth-child(15),
    #table2 .table-row td:nth-child(16),
    #table2 .table-row td:nth-child(17),
    #table2 .table-row td:nth-child(18),
    #table2 .table-row td:nth-child(19) {
        height: 27px;
    }

    #table2 .table-row td.ok:nth-child(5) span,
    #table2 .table-row td.more:nth-child(5) span {
        background: url(https://www.funin.info/img/search/sp/hito.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(6) span,
    #table2 .table-row td.more:nth-child(6) span {
        background: url(https://www.funin.info/img/search/sp/karada.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(7) span,
    #table2 .table-row td.more:nth-child(7) span {
        background: url(https://www.funin.info/img/search/sp/ken.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(8) span,
    #table2 .table-row td.more:nth-child(8) span {
        background: url(https://www.funin.info/img/search/sp/tou.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(9) span,
    #table2 .table-row td.more:nth-child(9) span {
        background: url(https://www.funin.info/img/search/sp/otoko.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(10) span,
    #table2 .table-row td.more:nth-child(10) span {
        background: url(https://www.funin.info/img/search/sp/ha-to.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(11) span,
    #table2 .table-row td.more:nth-child(11) span {
        background: url(https://www.funin.info/img/search/sp/kan.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(12) span,
    #table2 .table-row td.more:nth-child(12) span {
        background: url(https://www.funin.info/img/search/sp/shoku.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(13) span,
    #table2 .table-row td.more:nth-child(13) span {
        background: url(https://www.funin.info/img/search/sp/un.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(14) span,
    #table2 .table-row td.more:nth-child(14) span {
        background: url(https://www.funin.info/img/search/sp/onna.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(15) span,
    #table2 .table-row td.more:nth-child(15) span {
        background: url(https://www.funin.info/img/search/sp/fuku.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(16) span,
    #table2 .table-row td.more:nth-child(16) span {
        background: url(https://www.funin.info/img/search/sp/ft.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(17) span,
    #table2 .table-row td.more:nth-child(17) span {
        background: url(https://www.funin.info/img/search/sp/fuiku.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(18) span,
    #table2 .table-row td.more:nth-child(18) span {
        background: url(https://www.funin.info/img/search/sp/ben.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #table2 .table-row td.ok:nth-child(19) span,
    #table2 .table-row td.more:nth-child(19) span {
        background: url(https://www.funin.info/img/search/sp/jo.png) no-repeat 2px 3px;
        background-size: 90% auto;
    }

    #main-post {
        float: none;
        width: 100%;

    }

    #container #main-post .midashi {
        margin-top: 40px !important;
        background: none;
        text-align: center;
        max-width: 100%;
        padding: 0;
        display: inline-block;
        line-height: 1em;
        height: auto;
        font-size: 18px;
        margin-left: 0;
        margin-bottom: 20px;
    }

    #post-area {
        margin-left: 0;
    }

    .post {
        float: none;
        height: 100px;
        width: 94%;
        margin-left: 3%;

        margin-top: 10px;
    }

    .post-view {
        width: 100%;
        position: absolute;
        bottom: 0px;
        font-size: 10px;
        line-height: 10px;
    }

    .post-title {
        float: right;
        width: 56%;
        font-size: 14px;
        margin-right: 3%;
        padding-top: 10px;

    }

    .post-title a {
        margin-top: -4px;
    }

    .post-img {
        width: 35%;
        float: left;
        height: 100px;
    }

    .post-img img {
        max-width: none;
    }

    #right-post {
        float: none;
        margin: 0 auto;
    }

    .post-area div img:nth-of-type(n + 2) {
        display: none;
    }

    .paging {
        padding-left: 0;
    }

    .article p {
        font-size: 14px;
    }

    .article h2 {
        font-size: 18px;
    }

    .article-1,
    .article-2,
    .article-3,
    .article-4 {
        background-size: 100% 150px;
        font-size: 40px;
        padding-top: 50px;
        padding-bottom: 0;
        height: 100px;
    }

    .article-1 {
        padding-top: 45px;
        height: 105px;
    }

    .article-img {

        margin-left: -12px;

        width: 100vw;
        height: 300px;

    }



    #intro {
        width: 290px;
        margin: 5px auto;
    }

    .facility {
        margin: 5px auto;
        float: none;
        height: 50px;
    }

    .facilities {
        width: auto;
    }

    #facilities_box {
        width: 100%;
    }

    #facilities_box h1.Dr_ouen {
        width: auto;
        font-size: 23px;
        border: none;
        color: seagreen;
        margin: 10px 30px;
        padding-top: 20px;
        text-align: left;
        background: none;
    }

    .facility_img {
        width: 70px;
        height: 110px;
    }

    .facility_img img {
        width: 70px;
        height: 80px;
    }

    .facility_img p {
        font-size: 14px;

    }

    .facility_detail {
        margin: 10px 5%;
    }

    .facilities_right {
        float: none;
        clear: both;
        width: 90%;
        margin: 10px auto;

    }

    .facility_detail .back-btn a {
        font-size: 1vw;
    }


    .present-name {
        font-size: 14px;
        padding: 1%;

    }

    .present-title {
        height: 22vh;
        background-size: 170%;
        background-position-x: center;
    }

    .present-title img {
        display: none;
    }

    .present-time {
        left: 0px;
        bottom: 5px;
        width: 98%;
    }

    .present-box {
        width: 48%;
        margin: 10px 1%;
    }

    .present-box img {
        height: 45%;
    }

    .present-value {
        display: none;
    }

    .present-rule {
        margin: 0 2%;
    }

    .present-detail {
        text-align: left;
        font-size: 14px;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    p.present-sp img {
        width: 95%;
        margin: 0 2.5%;
    }

    table.words {
        width: 100%;
    }

    #container #main .right .jbox .jarticle p {
        font-size: 12px;
    }

    .shisetsulist .paper p.ribon {
        width: auto;
        padding: 0;
    }
    
    .shisetsulist .kodawari_area .list2 {
        padding: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        /* Safari */
        justify-content: space-between;
    }
    
    .shisetsulist .kodawari_area .list2 li {
        display: block;
        width: 45%;
        margin: 1.6% 0;
    }
    
    .hospital_list_text ul {
        margin-top: 1em;
    }
    
    .hospital_list_text img {
        width: 25px;
    }
    
    .ad01 iframe,
    .ad02 iframe {
        display: block;
    }
    
    .hospital_list_text {
        border: none;
    }
    
    #mailformpro table,
    #mailformpro table thead,
    #mailformpro table tbody,
    #mailformpro table tr,
    #mailformpro table th,
    #mailformpro table td {
        display: block;
        width: auto !important;
    }
    
    #mailformpro table {
        border-top: 1px solid #ddd;
    }
    
    #mailformpro table th {
        border-bottom: none;
        border-top: none !important;
    }
    
    #mailformpro table th,
    #mailformpro table td {
        padding: .8em !important;
        font-size: 14px;
        min-height: auto;
    }
    
    #mailformpro table {
        max-width: 96%;
        margin: 0 auto;
        border-top: 1px solid #999;
    }
    
    #mailformpro table tr:hover {
        background: transparent;
    }
    
    #mailformpro input[type="text"],
    #mailformpro input[type="email"],
    textarea {
        width: 100% !important;
    }
    
    .benkyokai-report li {
        width: 100%;
    }
    
    .benkyokai-report li img {
        position: relative;
        top: 0;
        left: 0;
        transition: 2s;
        width: 100%;
    }
    
    .benkyokai-report li:hover img {
        left: 0;
    }
    
    #new-search-area ul {
        width: 96%;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        /* Safari */
        justify-content: space-between;
    }
    
    #new-search-area ul li {
        width: 48.4%;
        margin-right: 0%;
        margin-bottom: 2em;
        border: 1px solid #cdcdcd;
        position: relative;
        cursor: pointer;
        transition: .4s;
    }
    
    #new-search-area ul li .tmb {
        width: 23%;
    }
    
    #new-search-area ul li .text {
        width: 72%;
    }
    
    #new-search-area ul li img {
        padding: 5px;
        float: left;
    }
    
    #new-search-area ul li:before {
        border-top: 1em solid transparent;
        border-right: 1em solid #f4709c;
    }
    
    #new-search-area ul li a {
        margin: 2px 5px 0 0;
        display: block;
        background: none;
        padding: 0;
        text-decoration: none;
        font-weight: bold;
        font-size: .8em;
    }
    
    #new-search-area ul li .address {
        font-size: .7em;
        margin: 0 5px 0 0;
    }
    
    #new-search-area ul li .tel {
        font-size: .7em;
        margin: 0;
        width: auto;
    }
    
    #main .news_area .news {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    #era_box {
        width: 100%;
        border: none;
        box-shadow: none;
    }
    
    #right-post {
        width: 90%;
    }
    
    #right-post .hospital {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    
    #container #era_box .midashi {
        background: none;
        width: 100%;
        color: #5094d7;
        padding-left: 0;
        font-size: 16px;
        text-align: center;
        height: 50px;
        margin-left: 0;
        line-height: 50px;
    
    }
    
    .era_article h2 {
        font-size: 14px;
    }
    
    iframe.eramovie {
        height: 200px;
    }
    
    .jarticle {
        width: 47.3%;
        margin: 1%;
    }
    
    a.osusumelink {
        background: none !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    
    .osusumeinner {
        padding: 15px;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
        box-shadow: #d8d8d8 0px 0px 1px 1px;
    }
    
    p.osusumetitle {
        color: black;
        font-size: 14px !important;
        text-align: center;
    }
    
    .osusumeinner img {
        width: 30%;
        float: left;
        margin-top: 5px;
    }
    
    p.osusumetext {
        padding-left: 0px !important;
        margin-right: 0px !important;
        width: 65%;
        font-size: 12px !important;
        float: right;
        color: black;
    }
    
    .osusume h4 {
        font-weight: bold;
        color: #f4709c;
        margin: 15px 0;
        text-align: center;
    }
    
    .osusume.sp {
        background-color: #eeeeee;
        display: block;
        margin: 5%;
        padding: 2%;
        overflow: hidden;
    }
    
    h2.consulh2 {
        color: black !important;
        font-size: 15px !important;
        margin-top: 20px !important;
    }
    
    #consultation h3 {
        font-size: 12px !important;
        margin-left: 30px;
    }
    
    .bmitest {
        width: 86%;
        margin: 40px auto;
    }
    
    #bmi {
        display: flex;
    }
    
    .shotokumidashi {
        margin: 10px auto;
    }
    
    .joseibox {
        width: 80%;
        margin-left: 5%;
    }
    
    .joseiallow {
        transform: rotate(90deg);
        margin: 40px 0 20px 36%;
        height: 70px;
        width: 100px;
    }
    
    .joseibox:last-child {
        margin-top: 10px;
    }
    
    .price input {
        width: 25px;
    }
    
    td.price {
        width: 40px;
    }
    
    .detail_area th {
        padding: 5px 0;
    }
    
    #era_box .btn_bule {
        text-align: center;
        display: block;
        height: auto;
    }
    
    #era_box .btn_bule a {
        font-size: 16px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        display: block;
    }
    
    .era-flex .btn_bule {
        display: none !important;
    }

    #container #main .layout-2 .service-h2_ttl{
        color:inherit;
        background-color:inherit;
        padding:0 0 3px;
    }

    #container #main .layout-2 .service-h1_ttl{
        font-size:20px;
    }

    #container #main .layout-2 .service-h2_ttl{
        font-size:18px;
    }

    #container #main .layout-2 p,#container #main .layout-2 li{
        font-size:16px;
    }
    #container #main .layout-2 .service-explain_wrap p{
        font-size:15px;
    }
    #container #main .layout-2 .heart-h2{
        background-image:none;
        background-color:#ed7882;
    }

    #container #main .service-hero .check-table th,#container #main .service-hero .check-table td{
        display: block;
        width: 94%;
        border:0;
        padding:12px;
    }

    .hospital-newswrap p{
        padding: 0 15px 10px;
    }

    .hospital-newswrap p a{
        color: #9d6c1e;
    }

    .hospita-newsttl{
        background: url(https://www.funin.info/img/title_bar.png) no-repeat;
        width: 100%;
        padding: 0;
        height: 56px;
        font-size: 20px;
        font-weight: normal;
        line-height: 56px;
        text-indent: 25px;
        margin-bottom: 20px;
        border: none;
        color: #666;
        margin-left: 0;
    }



}



@media screen and (max-width:320px) {
    #container #main .right .jbox .jarticle {
        height: 140px;
    }
}

.prp .hospital_list table tr.pc-dis {
    display: contents;
}

@media screen and (max-width:640px) {
    .hospital_list table tr td {
        display: block;
        width: 100%;
        padding: 8px 16px;
    }

    .hospital_list table tr {
        background: none;
        margin-bottom: 20px;
        display: block;
        box-sizing: border-box;
    }

    .hospital_list table tr td:first-child {
        background: #F5F5F5;
    }

    .hospital_list table tr td:nth-child(n+1) {
        text-align: left;
        line-height: 1.8;
        box-sizing: border-box;
    }

    .era-flex {
        display: block;
    }

    .hospital_list table tr td:nth-child(4) {
        display: flex;
        justify-content: space-around;
    }

    .prp .hospital_list table tr td:nth-child(4) {
        justify-content: initial;
    }

    .prp .hospital_list table tr td span.sp-dis {
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
    }

    .prp .hospital_list table tr.pc-dis {
        display: none;
    }

    .prp .hospital_list table tr.pc-dis {
        display: none;
    }

    .era-flex .about-era_ttl {
        margin: 0;
        padding: 25px 25px 0;
    }

    .sp-layout {
        margin: 0 16px;
    }

    .service-explain_sublist .num-decoration {
        border-radius: 0;
    }

    .service-explain span:before {
        top: 10px;
    }

    .explain-wrap .box {
        font-size: 15px;
    }

    .chiryo-point {
        width: 96%;
        margin: 0 2%;
    }

    .kensa-content-box {
        margin: 0 2% 16px;
    }

    .recruit-block .list dt {
        min-width: 80px;
    }

    .recruit-block .list dd {
        padding-left: 32px;
    }

    .recruit-block {
        margin: 0 12px 20px;
    }

    .recruit-block .list {
        padding: 25px 0 25px 12px;
    }

    .suruga-table_txt td,
    .suruga-table_txt th {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-bottom:0;
    }

    .suruga-table_txt tr:last-child td{
        border-bottom: 1px solid #999;
    }

    .suruga-table {
        width: 100%!important;
    }

    .suruga-table th,
    .suruga-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-bottom:0;
    }

    .suruga-table tr:last-child td{
        border-bottom: 1px solid #999;
    }

    .suruga-flex{
        display: block;
    }

    .suruga-flex picture{
        margin-bottom: 8px;
    }

    .service-block .suruga-picture{
        width:100%;
    }

    .ad-page .btn-wrap a{
        width:90%;
    }

    .service-block .suruga-picture,.service-hero .suruga-picture{
        width:100%;
    }

    .service-explain_wrap .heart-icon img{
        max-width:auto;
    }

    ul.btn-wrapbottom {
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 50px;
        background-color: #fc4c6e;
        text-align: center;
        padding-top: 10px;
    }

    ul.btn-wrapbottom a {
        color: white;
        text-decoration: none;
    }

    .list .search_title{
        margin-bottom: 10px;
    }

    .icon01 ul{
        display: flex;
        align-items: center;
        width:94%;
        margin:0 auto;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .icon01 ul li{
        width:23%;
        margin-bottom:5px ;
    }

    .icon01 ul li a img{
        width:90%;
    }

    .search_list .icon01.sp {
        margin-bottom: 50px;
        border-bottom: #f579a2 solid 5px;
        padding: 10px 0;
    }

    .detail_list p {
        text-align: center;
        background-color: #f3f3f3;
        border-bottom: #999999 solid 1px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 105%;
        padding: 8px 0;
        color:#484B6D;
    }

    .detail_list {
        border: #999999 solid 1px;
        clear: both;
        display: block;
        overflow: hidden;
    }

    .consultation-list_table tr td:last-child,.consultation-list_table tr th:last-child{
        width:120px;
      }
    .service-explain_wrap .icon {
        position: relative;
        margin-right: 0;
        width: 20px;
        margin-bottom: -2px;
        height: 16px;
        display: inline-block;
    }
}