@charset "UTF-8";

* {
    padding: 0;
    margin: 0
}

body {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    font-style: normal;
    counter-reset: num;
    color: #231815;
}
.clear {
    clear: both;
}

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

.clearfix {
    display: inline-table;
}

/*\*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
#noScreen2 {
    display: none !important;
}

#noScreen {
    display: none;
}

@media (orientation: landscape) {
    body {
        height: 100vh;
    }

    #appScreen {
        background-color: #E4F2F2;
        height:100vh;
        /* height: calc(var(--vh, 1vh) * 100); */
    }

    #appScreen2 {
        display: none !important;
    }

    #content {
        width: 100%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        height: calc(100vh - 20px);
    }

    #main {
        width: 88%;
        float: left;
        /* height: 100%; */
        /* height: calc(100% - 10px); */
        background: linear-gradient(#DAEAEA, #5FB5AC);
        box-shadow: 0 5px 5px 0 rgba(172, 182, 181);
        padding-bottom: 10px;
    }

    #outBox {
        width: 95%;
        margin-top: 7%;
        margin-left: auto;
        margin-right: auto;
        /* background-color: #EEF6F9; */
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        height: calc(calc(93% - 20px) - 100px);
        box-sizing: border-box;
        position: relative;
    }

    #inBox {
        /* width: calc(100% - 10px); */
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        border: solid 1px #64BDBB;
        /* height: calc(calc(100% - 5px) - 5px); */
        box-sizing: border-box;
        /* display: flex; */
        margin-bottom: 5px;
    }

    #outBoxHeadMenu {
        width: 95%;
        /* margin-top: 7%; */
        margin-left: auto;
        margin-right: auto;
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
    }

    #menu {
        width: 12%;
        float: right;
        height: 100%;
    }

    #menu ul {
        width: 100%;
        list-style: none;
        font-size: 0px;
        margin-top: 20px;
    }

    #menu ul li {
        width: 100%;
        text-align: center;
    }

    #menu ul li img {
        width: 100%;
        max-width: 110px;
        height: auto;
    }

    #menu ul li:hover {
        opacity: 0.7;
    }

    #detailMove {
        width: 72% !important;
        margin-top: 15px;
        height: 70%;
        float: left;
    }

    #detailMove video {
        /* width: 100%; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        /* height: 100%;
        max-height: 450px;
        margin-top: 3vh; */
    }

    #detailMove>h1#midashi1 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
    }

    #movieText {
        width: 26%;
        float: right;
        margin-top: 15px;
        padding-right: 0.5%;
        margin-left: 1%;
    }

    #movieText p {
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
    }

    #underMenu1 {
        width: 100%;
        height: 100px;
    }

    #headSubMenu {
        display: flex;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7vh;
    }

    #headSubMenu li {
        display: flex;
        position: relative;
    }
    #yoboMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        margin-left: 2.5%;
        height: 100%;
        display: block;
        width: 50%;
        float: left;
    }

    #yoboMenu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #yoboMenu ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 49%;
    }

    #yoboMenu ul li {
        box-sizing: border-box;
    }

    li.fiveBtn {
        width: 17.4%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.oneBtn {
        width: 99%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
    }

    li.oneBtn p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtn {
        width: 3%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }

    .vaioBtn_1_2 {
        text-align: center;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#E2E2E4, #BEBEC0);
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        border: solid 1px #929493;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        margin-right: 1.5%;
    }


    #yoboMenu ul li.subBtn2 {
        /* margin-right: 3%; */
        width: 98.2% !important;
    }

    /*下部メニュー枠*/
    .underMenuWaku {
        display: block;
        margin-left: 2.5%;
        width: 95%;
        height: 85px;
        margin-top: 5px;
    }

    /*大きいボタン1つ*/
    .oneBigBtnBack {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        display: block;
        width: 15%;
        float: left;
        height: 100%;
    }

    .oneBigBtnBack::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }
    .oneBigBtnBack2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        display: block;
        width: 8%;
        float: left;
        height: 100%;
    }

    .oneBigBtnBack2::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }


    .oneBigBtn {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #929493;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 79px;
        margin-top: 3px;
        margin-bottom: 3px;
        position: relative;
    }

    .oneBigBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #underMenuBtn {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 62.5%;
        float: left;
    }

    #underMenuBtn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }
    #underMenuBtn ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
    }

    #underMenuBtn ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
    }

    li.fiveBtn2 {
        width: 17%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn2_1 {
        width: 17%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 85%;
        position: relative;
        margin-top: 1.6%;
    }

    li.fiveBtn2 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.fiveBtn2_1 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    #panel1 {
        width: 100%;
        margin: 0 auto;
        padding-top: 1%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
        padding-bottom: 1%;
    }

    #panel1 ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel1 ul li {
        width: 33.3%;
        margin-bottom: 1%;
        text-align: center;
        /* border: solid 1px #A5A5A5; */
        padding-top: 5px;
        box-sizing: border-box;
        /* box-shadow: 1px 1px 3px 1px #929292 inset; */
        position: relative;
        float: left;
    }
    #panel1 ul li img {
        width: 100%;
    }

    a.linkArea {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 99;
    }
    /*PMTC*/
    #pmtcMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 36%;
        /* margin-top: 1%; */
        float: left;
    }

    #pmtcMenu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #pmtcMenu ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 49%;
    }

    #pmtcMenu ul li {
        box-sizing: border-box;
    }
    li.thirdBtn {
        width: 29%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }
    .selectBtn {
        background: linear-gradient(#CDE0D5, #8DA095) !important;
        border: solid 2px #809388 !important;
    }

    li.thirdBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtnThird {
        width: 6%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }
    #fullContent {
        width: 100%;
    }
    .panelContent {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .panelContent>h1#midashi1 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #CCCCCC;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        margin-top: 5px;
        box-sizing: border-box;
    }

    .smallText {
        font-size: clamp(14px, 2vw, 18px) !important;
    }
    #panel2 {
        width: 67%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel2 ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel2 ul li {
        width: 47%;
        margin-bottom: 6%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
    }

    #panel2 ul li img {
        width: 85%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    #panel2 h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }

    #panel3 {
        width: 31%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        border: solid 1px #CCCCCC;
        background-color: #fff;
        text-align: center;
        /* height: 100%; */
        padding-bottom: 11.5%;
    }
    #panel3 img {
        width: 86%;
        /* max-width: 250px; */
    }
    #panel4 {
        width: 31%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panel4 ul {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        list-style: none;
    }

    #panel4 ul li {
        width: 100%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 6%;
        padding-bottom: 6%;
        box-sizing: border-box;
        /* box-shadow: -2px -2px -10px #929292 inset; */
        box-shadow: -1px -1px 3px #929292 inset;
        position: relative;
        background-color: #fff;
    }
    #panel4 ul li:not(:last-child) {
        margin-bottom: 6%;
    }

    #panel4 ul li img {
        width: 90%;
    }


    .yobouText1 {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        margin-top: 1%;
        margin-bottom: 2%;
        font-weight: bold;
    }
    #detailMoveFull {
        width: 100% !important;
        /* height: 99%; */
        margin-bottom: 1%;
        margin-top: 1%;
        position: relative;
    }

    #detailMoveFull video {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 10px);
        display: block;
        height: 98%;
    }
    .movieText2 {
        position: absolute;
        top: 60%;
        right: 10px;
        width: 28.5%;
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
    }
    #panel2Full {
        width: 100%;
        padding-top: 3%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 2%;
        /* height: 90%; */
        border: solid 1px #CCCCCC;
        /* float: right; */
        background-color: #fff;
    }

    #panel2Full ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        /* height: 100%; */
        margin-top: 10px;
    }

    #panel2Full ul li {
        width: 48%;
        margin-bottom: 3%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
    }

    #panel2Full ul li img {
        width: 70%;
        /* max-width: 250px; */
        /* max-width: 180px; */
    }

    #panel2Full h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }
    /*見出し付き動画*/
    #detailMoveTitle {
        width: 72% !important;
        margin-top: 10px;
        /* height: 70%; */
        float: left;
        position: relative;

    }

    #detailMoveTitle video {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
    }

    #detailMoveTitle h1#midashi1 {
        position: absolute;
        top: 0px;
        left: 10px;
        /* width: calc(100% - 4px); */
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box !important;
    }
    #pmctContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
        padding-bottom: 20px;
    }
    #pmctContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 2px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    #yoboImg {
        position: absolute;
        bottom: 16%;
        left: 40%
    }

    #leftAreaWaku {
        width: 49%;
        float: left;
        margin-top: 42px;
    }
    #leftArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    #leftArea img {
        width: 95.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }
    #leftArea video {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }

    #centerArea {
        width: 2%;
        float: left;
        margin-top: 20%;
        text-align: center;
    }
    #rightAreaWaku {
        width: 49%;
        float: right;
        margin-top: 42px;
        position: relative;
    }
    #rightArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    #rightArea img {
        width: 95.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }
    #rightArea video {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }
    .pcmtLeftText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
    }
    .pcmtRightText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 20%;
        width: 80%;
        font-weight: bold;
    }
    /*フッ化物*/
    #yobo010Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 13%;
        /* margin-top: 1%; */
        float: left;
    }
    .btnImg {
        width: 5%;
        background-color: #C3E3E0;
        height: 35%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 1%;
        position: relative;
        padding-top: 10px;
    }
    .btnImg::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    #yobo010Menu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #yobo010Menu ul {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    #yobo010Menu ul.upMenu {
        height: 59%;
    }
    #yobo010Menu ul.downMenu {
        height: 39%;
    }

    #yobo010Menu ul li {
        box-sizing: border-box;
    }
    li.twoBtn {
        width: 46%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }
    li.twoBtn p {
        width: 100%;
        font-size: clamp(12px, 1vw, 14px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtnTwo{
        width: 8%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 10%;
    }
    /*yobo_011.html*/
    ul.fussoTop {
        width: 100%;
        list-style: none;
    }
    ul.marginPlus {
        margin-bottom: 3%;
    }
    ul.fussoTop {
        width: 100%;
    }
    ul.fussoTop li {
        width: 32.5%;
        float: left;
        border: solid 1px #ACB1B4;
        background-color: #fff;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 3.5%;
        padding-top: 3%;
    }
    ul.fussoTop li:not(:last-child) {
        margin-right: 1.25%;
    }
    ul.fussoTop li img {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    ul.fussoTop li p {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        font-weight: bold;
    }

    /*フッ素ボトムメニュー*/
    #underMenuBtnFusso {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 52.5%;
        float: left;
    }

    #underMenuBtnFusso::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }
    #underMenuBtnFusso ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
    }

    #underMenuBtnFusso ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
    }
    /*画像*/
    #underMenuBtnImg {
        margin-left: 1%;
        height: 85px;
        display: block;
        width: 12%;
        float: left;
    }

    #underMenuBtnImg ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
        list-style: none;
        text-align: center;
    }

    #underMenuBtnImg ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
        width: 48%;
        float: left;
        margin-top: 28%;
    }
    #underMenuBtnImg ul li img {
        box-sizing: border-box;
        border: solid 2px #8D9997;
        border-radius: 5px;
    }
    #underMenuBtnImg ul li img.selectImg {
        filter: opacity(0.5) drop-shadow(0 0 0 #C2D5CB); 
    }

    li.fiveBtn3 {
        width: 19%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn3_1 {
        width: 18.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 85%;
        position: relative;
        margin-top: 1.6%;
    }

    li.fiveBtn3 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.fiveBtn3_1 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    /*yobo_014.html*/
    #fussoContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo014_pic1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 22% auto;
        display: block;
        padding-bottom: 20px;
    }
    #fussoContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    #fussoContent2 {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo014_pic1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 17.5% auto;
        display: block;
        padding-bottom: 20px;
    }
    #fussoContent2 h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    .tab {
        position: absolute;
        top: -4px;
        left: 15%;
        width: 70%;
        font-size: clamp(14px, 2vw, 18px) !important;
        background: linear-gradient(#EAEAEA, #F6F6F6);
        background-color: #EAEAEA;
        border-top: solid 2px #E2E2E2;
        border-left: solid 2px #E2E2E2;
        border-right: solid 2px #E2E2E2;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }
}

@media (orientation: portrait) {
    #appScreen {
        display: none;
    }

    #appScreen2 {
        display: none !important;
    }

    .smartphone {
        display: none !important;
    }

    #noScreen {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

    h1 {
        color: black;
        margin-top: 50vh;
        text-align: center;
    }
}