@charset "utf-8";

@media screen and (max-width: 768px) {
    /*===============================================
●tablet.css  ここから 画面の横幅が768pxまで

===============================================*/
    .meta1 {
        width: auto !important;
        margin-right: 0px !important;
        margin-top: 50px !important;
        margin-bottom: 30px !important;
        float: none !important;
    }
    .meta2 {
        margin-top:0px !important;
    }
    .meta3 {
        background: #20457c !important;
    }
    .meta4 {
        background: #20457c !important;
        padding: 40px 0px 40px 0px !important;
    }
    .meta5 {
        width: auto !important;
        margin-left: 0px !important;
    }
    .meta6 {

    }
    .meta7 {
        margin: 40px auto 20px auto !important;
        display: block;
    }
    .meta8 {
        width: auto !important;
        margin: auto !important;
        display: block;
        float: none !important;
    }
    .meta9 {
        width: auto !important;
        float: none !important;
        margin-top: -20px !important;
    }
    .meta10 {
        margin-left: 0px !important;
    }
    .meta11 {
        display: block;
        float: none !important;
        margin: 10px auto 10px auto;
    }
    .meta12 {
        padding-left: 0px!important;
    }
    .meta13 {
        margin-left: 0px !important;
    }
    .meta14 {
        display: block;
        float: none !important;
        margin: 10px auto 10px auto;
    }
    .meta15 {
        margin-right: 0px !important;
        margin-bottom: 20px;
    }
    .meta16 {
     
    }
    .meta17 {
        line-height: 26px;
        padding-bottom: 15px !important;
    }
    .meta18 {

    }
    .meta19 {

    }
    .meta20 {

    }
    .meta21 {
        width: calc(50% - 10px) !important;
    }
    .meta22 {
        width: auto !important;
        background: #fff;
        border: solid 1px #49B5D7;
    }
    .meta23 {
        background-image: none !important;
        padding: 12px 10px 12px 20px !important;
        line-height: 25px;
    }
    .meta24 {
        padding: 20px 10px 20px 20px !important;
    }
    .meta25 {
        padding: 0px !important;
        margin: 0px !important;
    }
    .metaQ {
        padding: 15px 10px 15px 20px !important;
    }
    .metaA {
        padding: 15px 10px 15px 20px !important;
    }
    .dairyBox a {
        margin-left: 0px !important;
    }
    .meta26 {
        text-align: left !important;
    }
    .meta26 br{
        display:none;
    }
    .meta27 {
        width: 100% !important;
    }
    .meta28 {
        padding: 20px 0px;
        text-align: center;
        display: block;
        width: 100%;
    }
    .meta28 img{
        float:none!important;
    }
    .meta29 {
        float: none !important;
        margin: auto;
        padding-bottom: 70px !important;
    }
    .meta30 {
        width: 100%;
    }
    .buttonMeta1 {
        background-image: none;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 12px;
        min-width: 0px;
        width: auto;
        margin-bottom: 30px;
    }
    .smartSilde {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-top: 73px;
    }
    .headCopyMobile {
        width: calc(100% - 40px) !important;
        bottom: 40px !important;
        left: 20px !important;
        max-width: 384px;
    }
    .columnList {
        height: auto;
        padding-left: 0px !important;
    }
    .footaccess1 {
        margin-left: 0px;
    }
    .detailColumn {
        margin-top: 20px !important;
    }
    .detailQandA {
        margin-top: -30px !important;
    }
    .detailkomatu {
        margin-bottom: 50px !important;
    }
    .about1 {
        margin-bottom: 10px;
    }
    .about2 {
        margin-bottom: 35px;
    }
    .reserve1 {
        display:none;
    }
    .reserve4 {
        display: none;
    }
    .reserve6 {
        margin: 20px auto;
        display: none;
        text-align: center;
        position: static;
        width: 240px;
        float: none!important;
    }
    .background_4 {
        height: auto;
    }
    .reserve3 {
        margin: 20px auto;
        display: block;
        text-align: center;
        position: static;
        width: 240px;
        float: none;
    }
    .reserve5 {
        margin: 20px auto;
        display: block;
        text-align: center;
        position: static;
        width: 240px;
        float: none;
    }
    .reserve5 {
        margin: 20px auto;
        display: block;
        text-align: center;
        position: static;
        width: 240px;
        float: none;
    }
    .kkfoot {
        width: 100% !important;
        margin-right: 0px !important;
        padding-bottom: 50px;
    }
    .room2 {
        margin-top: 20px;
    }
    .access3 {
        font-size: 20px;
        padding-top: 40px;
        font-weight: bold;
        margin-bottom: 10px;
        border-top: solid 1px #8DACA3;
        margin-top: 20px;
    }
    .borderline6 {
        border-top: solid 1px #8DACA3;
        display: none;
    }
    .borderline {
        display:none;
    }
    .access1 {
        width: 100%;
    }
    .access2 {
        width: 100%;
        float: none;
        position: relative;
    }
    .kk5 {
        width: 100% !important;
        margin-left: 0px !important;
        text-align: center;
    }
    .profkazuma {
        width: 100% !important;
        margin: 20px 0px 20px 0px !important;
    }
    .treat1 {
        width: calc(100% - 123px);
        max-width: 317px;
        float: right;
    }
    .treat2 {
        margin: 0px auto 30px auto !important;
        display: block;
    }
    .kazumakomatsu-591 {
        margin-bottom: 20px;
    }
    .center600 {
        width: 100%;
    }
    #page_contents .question {
        padding: 20px 10px 20px 60px;
        background-position: 10px 12px;
    }
    #page_contents .answer {
        padding: 20px 20px 20px 60px;
        background-position: 10px 12px;
    }
    .borderline5 {
        display: none;
    }
    img[src="img/kazumakomatsu-591.svg"] {
        margin-right: 0px !important;
        width: auto !important;
        margin-bottom: 20px;
    }
    .kk4 {
        width: auto !important;
        margin-left: 0px !important;
    }
    .kk3 {
        width: auto !important;
    }
    .number {
        top: -44px;
        left: 0px;
        padding: 20px 10px 10px 10px;
    }
    .naname {
        width: 50px;
    }
    .face {
        margin-right: -10px;
    }
    .voice4 {
        padding: 10px;
    }
    .voice1 {
        border: solid 1px #648E82;
        padding: 50px 20px 20px 20px;
        position: relative;
        margin-bottom: 60px;
        width: calc(100% - 40px);
        float: right;
        clear: both;
    }
    .menuRight4 {
        width: 100%;
        /* float: right; */
        margin-right: 0px;
        margin-left: 0px;
    }
    .menuRight3 {
        width: 100%;
        margin: 0px;
    }
    .normaDis2 {
        width: 100%;
    }
    .menuBoxTaiken {
        background-color: #715648;
        text-align: center;
        font-size: 18px;
        padding: 10px;
    }
    .menuBox2 {
        padding: 20px;
    }
    .menuBox {
        width: 100%;
    }
    .borderline3 {
        left: 11px;
    }
    .menuRight {
        width: calc(100% - 50px);
        float: right;
        margin-right: 0px;
    }
    .leftmargin2 {
        margin-left: 0px;
        margin-top: 60px;
    }

    img[src="img/taikenmenu-25.svg"] {
        margin-right: 0px!important;
    }
    img[src="img/room.jpg"] {
        width: 60% !important;
        max-width: 322px;
    }
    .kk1 {
        float:left;
    }
    .kk2 {
        float: right;
    }
    .about1 {
        float: left;
        width: 100%;
        margin-right: 0px;
    }
    .leftmargin {
        margin-left: 0px;
        margin-top: 30px;
    }
    #page_contents td {
        min-width:70px;
    }
    .dr1 {
        padding-bottom:50px!important;
    }
    .dr2 {
        margin-top: 30px !important;
    }
    .selectProductPanel {
        text-align: center;
    }
    .selectProduct {
        float: none;
        display: inline-block;
    }
    .gallery {
        display: none;
    }
    .roseC1 {
        margin-top: 0px !important;
    }
    .kasou {
        display: none;
    }
    .campaignText3 hr {
    }
    .rose10 {
        margin: auto;
        display: block;
        position: static !important;
    }
    .rose11 {

    }
    .rose11 a {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .rose12 {
        background-image: url(../img/3objects.png) !important;
        padding: 100px 0px 0px 0px!important;
    }
    .bodyroseMenu {
        text-align: right;
        margin-top: 34px;
        margin-right: 0px;
    }
    .footSalonText2-1 {
        border-right: solid 0px #715648;
        width: auto;
        padding: 0px;
        float: left;
    }
    .footLeftPanel {
        padding-top: 20px;
        width: 100%;
        padding-bottom: 0px;
    }
    .footText5 {
        float: right;
        width: 100%;
    }
    .footSalonText2 {
        margin-top: 30px;
    }
    .nofloat {
        float:none!important;
    }
    .footRightPanel {
        padding: 0px;
        width: 100%;
    }
    .footRightPanel {
        padding-top: 20px;
        width: 100%;
    }
    .featureFrame {
        position: static !important;
        width: auto;
        padding-top: 40px;
        /*border: solid 1px #333;
        border-left: none;
        border-radius: 0px 60px 60px 0px;*/
        padding: 0px 0px 40px 0px;
    }
    .featureText1 {
        font-size: 22px;
        line-height: 40px;
        margin: 20px 0px;
    }
    .featureFrame2 {
/*        border-top: none;
        border-bottom: none;
        border-radius: 60px 0px 0px 60px;*/
    }
    .noBG {
        background-image: none !important;
    }
    .rose1 {
        padding: 0px 40px !important;
    }
    .rose2 {
        left: 10px!important;
    }
    .rose3 {
        margin-bottom: 60px!important;
    }
    .rose4 {
        left: calc(50% - 62px) !important;
        bottom: -100px!important;
    }
    .rose5 {
        margin-bottom: 120px;
    }
    .rose6 {
        top: -70px!important;
        right: -30px!important;
    }
    .rose7 {
        position: static !important;
        width: 55%;
        float: left;
        margin-left: -10px;
    }
    .rose8 {
        position: static !important;
        width: 55%;
        float: right;
        margin-right: -20px;
        margin-top: -50px;
    }
    .rose9 {
        bottom: -170px !important;
        left: 30px !important;
    }
    .campaignFrame {
        margin: 20px 0px;
        padding: 40px !important;
        width: calc(100% - 80px) !important;
        float: left;
    }
    .campaignText1 {
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 23px;
        background-position: 3px 6px;
        line-height: 28px;
    }
    .campaignText2 {
        text-align: center !important;
        margin-bottom: 30px !important;
        padding: 0px !important;
    }
    .topTitleText2 {
        margin-bottom: 10px !important;
    }
    .kasouhead {
        background-image: url(../img/kasouhead-short.png);
        height: 400px;
        padding-top: 0px;
    }
    .middlling2 {
        float: left;
        margin: 20px;
    }
    .table_05 {
        width: 310px !important;
        margin: auto;
    }
    .voiceFrame {
        width: calc(100% - 100px) !important;
        min-width: unset;
        border-radius: 0px 100px 100px 0px;
        padding: 40px 50px 40px 40px;
    }
    .voiceFrame2 {
        width: calc(100% - 100px) !important;
        min-width: unset;
        border-radius: 100px 0px 0px 100px;
        padding: 40px 40px 40px 50px;
    }
    .voiceFrame3 {
        width: auto !important;
        min-width: unset;
    }
        .voiceFrame3 .before {
            float: none;
            margin: auto;
            display: block;
        }
    .voiceFrame3 .colon {
        position: absolute;
        top: -50px;
        right: -30px;
    }
    .voiceFrame3 .voiceText {
        width:auto;
        position:static;
        margin-top:20px;
    }
    
    .voiceFrame4 {
        width: auto !important;
        min-width: unset;
    }
        .voiceFrame4 .before {
            float: none;
            margin: auto;
            display: block;
        }
    .voiceFrame4 .colon {
        position: absolute;
        top: -50px;
        left: -30px;
    }
    .voiceFrame4 .voiceText {
        width: auto;
        position: static;
        margin-top: 20px;
    }
    #selectmenu ul {
        padding: 0px;
        margin-top: 0px;
    }
    #selectmenu {
        position: static;
        top: 0px;
        left: 0px;
        display: block !important;
    }
    #div2 {
        position: static !important;
        top: 190px !important;
        left: calc(50% - 200px) !important;
    }
    .rie1 {
        background-image: none !important;
        margin: 0px -20px;
        height: auto !important;
    }
    .rie3 {
        margin-top: -50px;
    }
    .rie4 {
        margin-top: -50px;
    }
    .serviceFrame {
        width: 451px;
        margin-top: 40px;
    }
    .serviceFrame2 {
        width: auto;
        padding: 20px 0px;
    }
    .serviceFrame3 {
        padding: 20px 20px;
        line-height: 30px;
        float: left;
        font-size: 14px;
    }
    .menuBottomButton {
        position: static !important;
        width: auto;
        margin: 20px 20px 60px 20px;
        height: auto;
    }
    .footlogo {
        display: block;
        margin: 30px auto;
    }
    .menuBottomButton a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .menuBottomButton br {
        display:none;
    }
    .slash {
        display: none;
    }
    .muse7 {
        display: none;
    }

    
    img[src="img/mission322.svg"] {
        width: 60% !important;
        max-width: 322px;
    }
    img[src="img/contact230.svg"] {
        position: static !important;
        margin: auto;
        display: block;
    }
    img[src="img/riesdata380.svg"] {
        width: 60% !important;
        max-width: 380px;
    }
    img[src="img/service295.svg"] {
        width: 60% !important;
        max-width: 295px;
    }
    img[src="img/voice223.svg"] {
        width: 60% !important;
        max-width: 223px;
    }
    img[src="img/profilelink244.svg"] {
        width: calc(50% - 10px) !important;
    }
    img[src="img/works244.svg"] {
        width: calc(50% - 10px) !important;
    }
    
    
    img[src="img/schedule.png"] {
        margin: 0px 0px 30px 0px;
    }
    img[src="img/osusumebook.png"] {
        margin: 0px 0px 30px 0px;
    }
    img[src="img/4reasons.png"] {
        margin: 30px 0px!important;
    }
    .textLargeHeight {
        line-height: 35px;
    }
    .largeTitle {
        font-size: 24px;
    }
    .pointPic {
        left: calc(50% - 80px);
    }
    .pointBox1 {
        width: calc(100% - 60px);
    }
    .mailiframe1 {
        margin: 0px -20px;
        background-color: #DF306C;
    }
    .mailiframe2 {
        left: 0px !important;
        top: 0px !important;
        position: initial!important;
        width: 280px;
    }
    .cocoro1 {
        margin-top: 20px !important;
    }
    .cocoro2 {
        text-align:left!important;
    }
    .dispTable {
        display: table !important;
        margin-top: 20px !important;
    }
    .colorBox1 {
        width: auto !important;
        margin: auto;
        height: auto !important;
        float: none;
        padding-bottom: 10px;
        margin-bottom: 40px;
    }
    .colorBox1_1 {
        width: 100% !important;
        padding: 0px 0px 0px 0px !important;
        border: none !important;
        margin-bottom: 60px;
        float:none;
    }
    .voiceBox1 {
        width:auto;
        height:auto;
    }
    .voiceBox1 img {
        float: left;
        margin-bottom: 50px;
        width: auto;
    }
    .whiteBack {
        margin: 10px auto !important;
        float: none;
    }
    .cocoro3 {
        background-repeat: repeat !important;
    }
    .cocoro4 {
        text-align:left !important;
    }
    .cocoro5 {
        margin-top:40px!important;
    }
    .cocoro6 {
        margin: 0px auto 20px auto !important;
        display: block;
    }
    .cocoro7 {
        margin: 20px auto !important;
        display: block;
        float: none !important;
    }
    .pointBox1 {
        margin: 30px auto;
        width: auto;
    }
    .serviceBox1 {
        float: none;
        width: auto;
        background-color: #fff;
        padding: 30px 30px 30px 30px !important;
        text-align: center;
    }
    .numberPic {
        margin: auto;
        display: block !important;
        margin-bottom: -13px;
    }
    .happy2 {
        margin-top: 20px !important;
        line-height: 33px !important;
    }
    .happy3 {
        margin-top: 60px !important;
        margin-bottom: 20px !important;
    }
    .happy5 {
        background-color: #fff;
        padding: 10px 20px;
        text-align: left !important;
        line-height: 25px !important;
        margin-bottom: 20px;
    }
    .happy6 {
        padding: 50px 0px 20px 0px!important;
    }
    .formBox {
        background-color: #FADFEE;
        border: solid 8px #fff;
        padding: 40px 40px 40px 60px;
        /* text-align: center; */
        border-radius: 20px;
        width: 260px;
        display: block;
        margin: auto;
    }
    .charmcontentsText {
        background-color: #fff;
        border: solid 1px #876753;
        width: calc(100% - 20px);
        position: static;
        border-radius: 10px;
        padding: 10px 10px;
    }
    .charmcontents {
        height: auto !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .purpleBack {
        background-color: #EEE5F3;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-right: 20px;
        padding: 1px 0px 20px 10px;
        margin-top: 60px;
    }
    .otherSession {
        height: auto;
    }
        .otherSession img {
            float: none;
            margin: auto;
            display: block;
        }
    .center {
        text-align: center;
        margin: auto;
        display: block;
    }
    .kasou {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        margin-left: -20px;
    }
    .topHeadTitle {
        left: 0px;
        top: -10px;
        line-height: 25px;
    }
    .topHeadMenu {
        right: 0px;
        position: absolute;
        top: 20px;
        left: auto;
    }
    #topmenulist3 {
        left: auto;
        position: absolute;
        top: 22px;
        width: 130px;
        right: 50px;
    }
    #footmenulist a {
        display: block;
        font-size: 14px;
        line-height: 40px;
    }
    .mikaTable th {
        min-width: 80px !important;
        width: 80px !important;
    }
    .mikaTable td {
        line-height: 20px !important;
        font-size: 14px !important;
    }
    .mikaTable td p{
        line-height: 20px !important;
        font-size: 14px !important;
    }
        .mikaTable td div {
            line-height: 20px !important;
            font-size: 14px !important;
        }
        .mikaTable td span {
            line-height: 20px !important;
            font-size: 14px !important;
        }
    #snslink a {
        display: inline !important;
    }
    #snslink img {
        margin: 8px 10px 0px 10px;
        vertical-align: middle;
        height: 27px;
    }
    
    img[src="img/lesson-head.jpg"] {
        height: 100px;
        width: 100%;
    }
    .widthMika1
    {
     width:50%!important;    
    }
    .underlineMark {
        padding-left: 30px;
        background-position: 0px 7px;
    }
    .underlineWAKU {
        margin-left: -20px!important;
        width: calc(100% - 0px);
        padding: 20px 20px!important;
        line-height:1.8!important;
    }
    .underlineWAKU p{
        line-height:1.9!important;
    }
    .fontB {
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
    }
    .boxString3 {
        top: 135px!important;
    }
    .hrA {
        width: 100%;
        max-width: 550px;
        margin: 0px auto;
    }
    .voice_ranking {
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px;
    }
    .fontA {
        font-size: 20px;
        padding: 20px 0px !important;
        text-align: center;
        width: calc(100% - 0px);
    }
    .wakuA {
        width: 100%;
        height: auto !important;
    }
        .wakuA img {
            margin: 0px auto !important;
            display: block !important;
            float: none !important;
        }
        .wakuA1 {
            padding: 20px 0px 10px 0px;
            width: 100% !important;
            float: left;
        }
    .wakuA2 {
        clear:both;
    }
    .wakuA3 {
        margin-left: 0px !important;
        margin-bottom: 30px;
    }
    .fontJ {
        padding: 10px 20px;
        line-height: 30px;
    }
    img[src="img/readmore.jpg"] {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    img[src="img/mika-prof550.jpg"] {
        float: none !important;
        margin: 0px auto;
        display: block;
    }
    img[src="img/academy.jpg"] {
        display: none !important;
    }
    img[src="img/img/mail].png"] {
        display: none !important;
    }
    


    img[src="img/ichioshi.png"] {
        top: -80px !important;
        right: 0px !important;
        height: 80px !important;
    }
    img[src="img/voicetitle.png"] {
        top: -50px !important;
        left: calc(50% - 90px) !important;
    }
    img[src="img/faq.png"] {
        left: calc(50% - 160px) !important;
    }
    img[src="img/about.png"] {
        width:300px!important;
    }
    img[src="img/about-en.png"] {
        top: 90px !important;
        width: 300px !important;
        left: calc(50% - 150px) !important;
    }
    .fontC {
        font-size: 16px !important;
    }

    .caseAdjust {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background: none !important;
    }
    .mika1 {
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-bottom: 40px !important;
    }
    .mika2 {
        margin-left: 0px !important;
        margin-right:0px !important;
        width: calc(100% + 0px) !important;
    }
    .mika3 {
        width: calc(100% - 20px) !important;
        margin-left: 20px !important;
    }
    .mika4 {
        padding-bottom: 40px;
        box-shadow: none !important;
    }
    .mika5 {
        left: calc(50% - 80px) !important;
    }
    .mika6 {
        width: 100% !important;
    }
    .yohaku {
        width:100%;
    }
    .mika7 {
        width: 100% !important;
        top: 300px !important;
    }
    .mika8 {
        margin-top: 40px !important;
    }
    .footContact {
        margin-left: calc(50% - 76px) !important;
        text-decoration: none !important;
        float: none !important;
    }

        .logoFootIMG {
            top: 220px !important;
            left: 10px !important;
        }
    .wakuB {
        width: calc(100% - 100px);
        margin: 20px;
        padding: 20px 30px;
    }
    .topQ {
        width: calc(100% - 20px);
    }
        .topQ:hover {
            background:#EDBBC8;
        }
    .qText {
        padding: 0px 10px 0px 5px;
        margin-bottom: 20px;
        display: block;
        float: left;
    }
    .topA {
        width: calc(100% - 80px);
    }
    footer .layout_centering {
        width: calc(100% - 40px) !important;
        margin-left: 0px;
        margin-right: -10px;
        height: auto !important;
        background-size: 100% 210px;
        padding: 0px 20px;
    }

    .layout_c




    .anchor {
        padding-top: 130px;
        margin-top: -130px;
    }
    .width100 {
        width: 100% !important;
        margin-left: 0px !important;
        clear: both;
        height: auto !important;
        margin-top: -100px !important;
    }
    .todofukenD {
        height: 0px;
        padding-top: 130px;
        margin-top: -130px;
    }
    .moreaboutMobile {
         text-align:center;
    }
    .moreaboutMobile a {
        color:#fff;
    }
        .moreaboutMobile h4 {
            color: #111;
            text-align: center;
        }
    .head7 {
        display: none;
    }
.background_movie {
    height: auto;
    margin-bottom: -10px;
}
    .background_voice {
        padding-bottom: 0px;
        padding-top: 70px;
    }
    #tryit {
        padding-top: 0px;
    }
    #toTop {
        display: none;
    }
    footer {
        height: auto;
        padding-bottom: 50px;
        background-size: cover;
    }
    .makestage1 {
        margin-bottom: 100px;
    }
    .img1 {
        position: absolute;
        bottom: -100px;
        left: -330px;
        width: 400px;
    }
    .img2 {
    position: absolute;
    bottom: -100px;
    right: -300px;
    width: 340px;
    }
    .img4 {
        position: absolute;
        top: -80px;
        right: -200px;
    }
    .img5 {
        position: absolute;
        top: 0px;
        right: 30%;
        width: 50%;
        max-width: 100%;
    }
    .img6 {
        position: absolute;
        top: 0px;
        right: 20%;
        width: 60%;
        max-width: 389px;
    }
    .img7 {
        position: absolute;
        top: 4%;
        left: 0%;
        width: 45%;
        max-width: 212px;
    }
    .img12 {
        top: 30px;
        left: 9%;
        width: 30%;
        max-width: 180px;
    }

    .img13 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .img14 {
        top: 80px;
        left: 5%;
        width: 30%;
        max-width: 100%;
    }
    .img19 {
        position: absolute;
        top: 380px;
        left: 0px;
        width: 20%;
    }
    .img16 {
        position: absolute;
        top: 0px;
        left: 44%;
    }
    .img17 {
        position: absolute;
        top: 80px;
        left: 0%;
        width: 45%;
        max-width: 232px;
    }
    .img18 {
        top: 20px;
        left: 18%;
        width: 30%;
        max-width: 100%;
    }
    .background_expertpic {
        height: 234px;
    }
    .people1 {
        float: left;
        margin: 0px;
        /* margin-top: 30px; */
    }
    .expart_block {
        width: calc(50% - 20px);
        height: 500px;
        margin: 36px;
        margin-left: 10px;
        margin-right: 10px;
        float: left;
        margin-bottom: 0px;
        margin-top: 16px;
    }
.expart_block img {
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.layout_tryit
{
        width: calc(100% - 30px);
}
.layout_tryit2 
{
    width:auto;
    padding:30px;
}
.text2 {
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}
    .background_column {
        padding-bottom: 0px;
      background-image:none;
    }
    .background_moreabout {
     display:none;
    }
    .background_media {
        padding-top: 50px;
    }
        .background_others {
        padding-top: 0px!important;
    }
    .text3 {
        font-size: 18px;
    }
        .todofukenCommon {
    font-size: 16px;
    width: calc(100% - 0px);
    float: none;
    line-height: 22px;
    padding: 0px 15px;
    display: block;
    margin-bottom: 18px;
    font-weight: normal;
    letter-spacing: 0px;
}
    .todofuken {
        width:auto;
    }
    .instructor1 {
        font-size: 15px;
    }
.instructor2
{
        font-size: 15px;
}
.background_about {
    padding-top: 80px;
}
.instructor4 {
    width: calc(100% - 60px);
            font-size: 15px;
}
    .serviceboxmobile {
        margin-left:10px;
    }
    .serviceboxmobile1 img {
        width: calc(50% - 3px);
    }
    .serviceboxmobile2 img {
        margin-left: calc(25% - 15px);
        margin-right: calc(25% - 15px);
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .serviceboxmobile3 img {
        width: calc(100% - 3px);
    }
    .familyphotoframe {
        margin-left: 20px;
        margin-right: 20px;
    }
#main_slide2 ul
{
       width: 2897px!important;
    height: 250px!important; 
}
    .background_slide2 {
        height: 102px;
        background-image: url(../img/slider-2.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 5px;
        background-size: cover;
    }
.footerClass
{
height: 1100px!important;    
}
.footerNewLink {
    width: 50%;
        margin-top: 20px;
            min-height: 400px;
}
.footerNewLink b{
     color:#fff;
}
.footerNewLink a {
    color: White;
    text-decoration: blink;
    display: list-item;
    margin-left: 20px;
}
.modal__content {
     left: 10%!important;
    top: 50%!important;
    transform: translate(-6%,-50%)!important;
    text-align: center!important;
    padding-bottom: 10px!important;
}
.modal__content img
{
 max-width:auto;    
}
    .layout_service {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .button_tokyo8 {
        text-decoration: none;
        background-color: #695632;
        color: #fff;
        /* width: 250px; */
        font-family: 'Sawarabi Mincho', sans-serif;
        display: inline-block;
        padding: 10px 0px;
        width: calc(50% - 15px);
        margin-top: 10px;
        /* background: no-repeat right center, linear-gradient(-90deg, #8dd1f2, #b2fab5); */
        margin-left: 10px;
        float: left;
    }
.button_tokyo9 
{
    color: #000;
    background: #D4E01F!important;
    float: right!important;
    margin-right: 10px!important;
        margin-left: 0px!important;
}
    #bottomLink {
        display: block;
    }

    #menubutton {
        display: block;
    }
#bottomLink {
    text-align: center;
    /* margin-right: 5px; */
    position: fixed;
    z-index: 500;
    bottom: 0px;
    right: 0px;
    height: 60px;
    background-color: rgba(255,255,255,0.7);
    width: calc(100%);
    padding-bottom: 10px;
}
#page_contents .scheduleTable td:nth-of-type(1) {
    width: 30%;
}
#headerSmartLink
{
}
#headerSmartLink br
{
    display:none;
}
.scheduleTable {
    border: solid 1px #ddd!important;
}
    #headerSmartLink a {
        margin: 0px;
        text-align: center;
        padding: 20px 0px;
        border-bottom: solid 0px #282E63;
        /* border-top: 0px; */
        height: 20px;
        font-size: 16px;
        letter-spacing: 0px;
        padding-left: 20px;
        text-align: left;
    }
    #headerSmartLink a:nth-child(odd) {

    }
#slide_box span
{
 padding:10px;    
}
.linoStyle4 a {
    padding: 15px 0px;
}
.realStory2 {
    width: 41%;
    float: left;
    padding-left: 20px;
    line-height: 20px;
}
.realStory {
    margin-top: 50px;
}
.realStory3 {
    font-size: 10px;
}
div.columnList2 {
height: 250px!important;
    overflow: hidden!important;
    margin-bottom: 10px;
        margin-top: 0px;
    padding: 0px;
}
.columPage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.lino1
{
    top: -270px!important;
    left: 0px!important;
}
.lino2
{
       padding-left: initial!important;
    width: auto!important;
    background-image: none!important; 
}
.lino3
{
        top: 10px!important; 
    left: 0px!important; 
}
.lino4
{
        bottom: 0px!important; 
    left: -100px!important; 
}
.lino5
{
        margin-right: 0px!important; 
    padding: 15px 130px!important; 
    position: initial!important; 
    left: 0px!important; 
    margin-bottom: 40px!important; 
    margin-top: 30px!important; 
    display: block!important; 
    text-align: center!important; 
    float: none!important; 
}
.lino6
{
left: calc(50% - 200px)!important;   
}
.lino7
{
    background-image: url(../img_linohawaii/friends.png);
    background-position:-150px bottom;
    background-repeat:no-repeat;
}
.lino8
{
 text-align:center;
 padding:20px;    
     padding-top: 0px;
}
.lino9
{
   margin-left:auto!important; 
   margin-right:auto!important; 
}
.lino10
{
     background-image: url(../img/top-couple_mobile.png)!important; 
}
.lino11
{
    width: 60%!important;
    margin-left: auto!important;
    margin-right: auto!important;
margin-bottom: 10px!important;
    display: block!important;
    margin-top: 10px!important;
        position: initial!important;
}
.lino12
{
    position:static!important;
    margin-top: 30px;
}
.lino13
{
    position:static!important;    
        margin-bottom: 30px;
}
.lino14
{
        position:static!important;
            float: right;
    margin-top: 30px;
}
.lino15
{
        position:static!important;
    margin-top: 30px;
}
.lino16
{
        position:absolute!important;
    top: 340px!important;
    left: 0px!important;
}
.lino17
{
  font-size:18px!important;   
}
.lino18
{
   margin-bottom:30px;
}
.lino19
{
  font-size:14px!important;   
   font-family: 'Noto Sans Japanese', sans-serif;
}
#link1 {
padding-top: 160px;
margin-top: -160px;
}
#link2 {
padding-top: 160px;
margin-top: -160px;
}
#link3 {
padding-top: 160px;
margin-top: -160px;
}
#link4 {
padding-top: 160px;
margin-top: -160px;
}
.columPage td {
    float: left;
    margin-bottom: 20px;
}
.menuStyle1
{
    margin-top: 20px;    
}
.button_tokyo3
{
 width:auto!important;    
}
img[src="img_keym/hobby-left.jpg"]
{
    margin-top: 20px;    
}
img[src="img_keym/lifework-right.jpg"]
{
    margin-top: 20px;    
}
img[src="https://keym.jp/userPic/26.jpg"]
{
    margin-top: 20px;
    margin-bottom: 20px!important;
}
img[src="https://keym.jp/userPic/66.jpg"]
{
    margin-top: 20px;
    margin-bottom: 20px!important;
}
img[src="img_keym/case3.jpg"]
{
     float:right!important;
}
img[src="img_keym/case5.jpg"]
{
     float:right!important;
}
.comment
{
    margin-top: 20px;
    margin-bottom: 20px!important;   
        padding: 35px 30px;
}
.menuStyle1-2
{
     margin-bottom: 20px!important;       
}
.menuStyle2-2
{
     margin-bottom: 20px!important;       
}
.menuStyle3-2
{
        margin-bottom: 20px!important;       
}
.keym1
{
    text-align: left!important;
    width: auto!important;
    margin-top: 20px;
}
.keym2
{
     margin-top: 40px!important;  
}
.snapwidget-widget
{
 min-height:270px;    
     width: 100%!important;  
    height: auto!important;  
}
.sidetop
{
    margin-left: auto;
    margin-right: auto;
    width: 262px;    
}
ul.button2istitem {
    width: 262px;
     margin: 0px auto 0px auto;
     float:none;
}
.textaligncenter
{
 text-align:center;    
}
.accessArea {
    padding-left: 0px;
}
.padding10
{
     padding: 10px!important;   
}
.keympoint
{
 margin:20px 0px;    
}
.keympointlink
{
 margin:20px 0px 50px 0px;    
 text-align:center;    
}
.nomobile
{
 display:none!important;    
}
.keymschedule3
{
 width:30%;    
}
.threebox {
    width: 100%;
  margin-left:-10px;
  margin-right:-10px;
}
.keymcase
{

}
.keymcase img
{
 width:50%;    
}
.keymschedule1
{
 margin:10px 0px;    
}
.keymschedule2
{
 margin-bottom:0px;
}
.height2 {
    padding-bottom: 0px!important;
    padding-top: 20px!important;
}
.todoketaikata
{
        margin-left: -20px;
    width: calc(100% + 40px);
        margin-top: -20px;
    line-height: 39px!important;
}
img[src="img_harmony/forcecollegeisfor.jpg"]
{
        margin-left: -20px;
    width: calc(100% + 40px);
    max-width: none;
}
.linksLeft
{
        float: left;
    padding-right: 10px;
        padding-left: 10px;
    height: 40px;
    clear: both;
    color: #e5eaf2;
}
.linksLeft img
{
        vertical-align: top;
    padding-top: 5px;
}
.onedaylesson
{
 background-color:#b4c4da!important;    
     background-image: none!important;
    padding-top: 20px!important;
    height:auto!important;
        padding-bottom: 20px;
    margin-bottom: 20px;
}
.onedaylesson2
{
        padding-top: 20px!important;
        width:auto!important;
        height:auto!important;
}
.nowidth
{
 width:auto!important;    
}
.nomargin
{
 margin:0px!important;    
}
.nopadding
{
 padding:0px!important;    
}
.galleryLayout
{
 margin-left:-20px!important;    
 margin-right:-20px!important;    
}
.menuPics img 
{
    margin: 0px;
    margin-bottom: 15px;
    width: 90%;
}
.columnbg
{
    background-size: auto 360px;
        background-size: cover;
    margin-bottom: 40px;
}
    .dairyBox {
        padding: 0px;
        width: auto;
        margin-left: 0px !important;
        width: calc(100% + 20px);
        margin-left: -20px !important;
        width: calc(100% + 60px);
        float: left;
        margin-bottom: 0px;
        margin-top: 40px;
    }
.columTop {
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: -webkit-inline-box;
    float: left;
    width: calc(50% - 15px);
    padding: 5px 0px;
    text-align: center;
    display: block;
    font-size: 11px;
}
.columTop {
 
 
}
.background_3 {
    padding-top: 0px;
}
.reserveSide
{
 margin:0px!important;   
     margin-bottom: 30px!important; 
}
.centering
{
    margin-left: auto;
    margin-right: auto;    
}
#page_contents_bg {
    padding: 0px 0px 30px 0px;
}
    #page_contents p {
        line-height: 2.2;
        font-size: 14px;
    }

    #page_contents div {
        line-height: 2.2;
        font-size: 14px;
    }
.noabsolute
{
 position:initial!important;    
}
.nobk
{
 background-image:none!important;    
}
.heightauto
{
 height:auto!important;    
}
.widthauto
{
 width:auto!important;    
}
.paddingtop40
{
    padding-top:40px!important;
        height: auto!important;
}
.margintop30
{
    margin-top:30px!important;
}
.margintop40
{
    margin-top:40px!important;
}
.footerIMG
{
    position: static!important;
    margin-top: 20px;
    margin-right: auto!important;
    margin-left: auto!important;
    display: block;
    padding-top: 20px;  
}
.footerHaikei
{
 background-image:none!important;    
 margin-top: 50px;
}
.service_title, .service_text {
    width: auto;
}
#subpageOnlySmart
{
 display:block;    
}
.snsmobile a
{
margin-left: 20px;
    margin-right: 20px;
}
.headerTop
{
 display:none;    
}
.profile_detail {
    position: initial;
    top: initial;
    right: initial;
    width: auto;
    font-size: 13px;
    line-height: 22px;
    padding: 30px;
    clear: both;
}
.button_tokyo {
    margin-left: auto!important;
    width: 100%!important;
    margin-right: auto!important;
    margin-bottom: 30px;
    padding: 15px 0px!important;
}
.button_tokyo2 {
    width: 80%!important;
    padding: 15px 10px!important;
    background-image: none;
}
    a.button_tokyo2:hover {
        background-image: none;
    }
    .comment1 {
        margin-left: 85px !important;
    }
        .comment1:before {
            width: 85px !important;
            height: 76px !important;
            background: url(../img/fukidashi-mobile-1.png) no-repeat !important;
            left: -85px !important;
        }
    .comment1top:before {
        background: url(../img/comment-mobiletop.jpg) no-repeat !important;
    }
    .comment1top {
        font-size: 13px !important;
        line-height: 25px !important;
    }
    .comment2:before {
        content: "";
        display: block;
        width: 106px !important;
        height: 110px !important;
        background: url(../img/comment2_1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 20px !important;
        right: 15px !important;
    }
    .kaiwa {
        padding: 70px 30px;
    }
    .comment2 {
    }
    .comment3:before {

    }
    .comment3 {
        padding: 180px 20px 20px 20px !important;
    }
    .comment4:before {
        background: url(../img/fukidashi-sugo-moble.png) no-repeat !important;
        width: 80px !important;
        height: 80px !important;
        right: -80px !important;
    }
    #tableinfo td:nth-child(1) {
        width: 40%;
    }
    .comment4 {
        padding: 20px 20px 20px 20px !important;
        margin-right: 80px !important;
    }
    .comment5 {
        padding: 50px 20px 20px 90px !important;
        background-color: #fff8d8 !important;
        position: relative;
        display: block;
        margin-top: 40px !important;
        margin-bottom: 10px !important;
        clear: both;
        min-height: 130px;
        line-height: 28px !important;
        font-size: 15px !important;
        background-image: url(../img/manamisan-circle-mobile.png) !important;
        background-position: 20px 10px !important;
        background-repeat: no-repeat !important;
        box-shadow: 6px 6px 10px 0px rgb(0 0 0 / 40%)
    }

        .comment5:before {
            content: "";
            display: block;
            width: 45px !important;
            height: 26px !important;
            background: url(../img/seal-mobile.png) no-repeat !important;
            background-size: contain;
            position: absolute;
            top: -20px !important;
            left: calc(50% - 23px);
        }
.comment8 {
margin-left: 80px!important;
    border-bottom: none;
    min-height: 50px;
}
.comment8:before {
    width: 80px!important;
    height: 78px!important;
    background: url(../img/fukidashi-coupld-mobile.jpg) no-repeat!important;
    left: -80px!important;
}
.comment9 {
     margin-right: 80px!important;
}
.comment9:before {
    width: 80px!important;
    height: 82px!important;
    background: url(../img/fukidashi-bride-mobile.jpg) no-repeat!important;
    right: -80px!important;
}
.comment10 {
     margin-right: 80px!important;
}
.comment10:before {
    width: 80px!important;
    height: 83px!important;
    background: url(../img/fukidashi-groom-mobile.jpg) no-repeat!important;
    right: -80px!important;
}
.movieBox {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.movieBox img
{
    width: 100%;
}
.weddingstyle {
    margin: 6px 0px;
    display: block;
    float: left;
        width: calc(100% - 12px);
}
.comment4
{
    background-position: right top;
    padding: 20px;
    padding-right: 110px;
        margin: 20px 0px;
}
html,body{
  overflow: hidden
}
.whiteBox {
    margin-top: 40px;
    margin-bottom:0px;
}
.serviceBlockLarge
{
    background-color: #ffe9e6;
    /* display: table-cell; */
    margin-left: -20px;
    margin-right: -20px;  
        padding-top: 20px;
        padding-bottom: 20px;
}
.serviceBlock
{
    background-color: #fff;
    display: table;
    margin: 20px auto 20px auto;
    padding: 40px 30px 20px 30px;
    width: 300px;
    float: none;
    border: solid 1px #6f2e38;
        box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mannaka
{
 text-align:center;    
}
.mannaka .button_tokyo
{
     float: none;
    margin-right: 0px; 
}
.service_title
{
 font-size: 20px;    
}
.height4
{
padding-bottom: 0px!important;    
}
.button_jyukousei {
    padding: 10px 30px;
    margin-top: 40px;
}
    #columnIchiran {
        width:calc(100% + 60px);
        margin-left:-20px;
    }
    .linoStyle5 a {
        padding: 10px 0px !important;
    }
.grid-item {
    width: calc(33% - 10px);
        padding: 5px;
}
.smarller
{
    font-size: 18px;
}
    .footerTop {
        height: auto;
        padding: 20px 0px;
    }
    .moreaboutbox {
        margin-left: -30px;
        margin-right: -30px;
    }
    #footerLink {
        position: static;
    width: calc(100% - 40px);
        margin-left: 0px;
        padding: 40px 20px 150px 20px;
        text-align: center;
        white-space: inherit;
        line-height: 50px;
        display:none;
    }
select{
    font-family: inherit;
    font-size: 80%;
    margin: 0;
}
body
{
     word-wrap : break-word;
      overflow-wrap : break-word;    
}
.columnList2 {
    margin-left: 0px!important;
        height: 250px;
    overflow-y: hidden!important;
}
.floatLeftPic
{
    width:100%!important;
        margin-right: 10px;
}
.floatRightPic
{
    width:100%!important;
        margin-left: 10px;
}
.prevButton
{
    margin-right: 20px;
}
.nextButton
{
    margin-left: 20px;
}
#page_contents img {
    max-width: 100%;
    margin-bottom: 10px;
    height:auto!important;
}
.topimages {
    text-align:center;
}
.topimages img {
    float: none;
    width: 170px;
    margin-right: 10px;
    margin-left: 10px;
}
.layout_rightbox
{
    width: calc(100% - 42px);    
}
.layout_leftbox,.background_3_2
{
 width:100%;    
}
.layout_leftbox
{
     margin-top: 30px;
         margin-bottom: 30px;
}
.backgroundImage1
{
 background-image:none;    
}
.whiteColor
{
 margin:0px;
 color:#333333;    
 margin-top:-50px;
}
.floatLeftPanel {
    margin-left: 0px;
    width: 100%;
    margin-top:-50px;
    float:none;
    text-align:center;
}
.floatLeftPanel div
{
    text-align:center;
}
.floatRightPanel
{
    margin-top: 50px;
    float:none;
    width: 100%;
    text-align:center;
}
.makisan
{
    float:none;
    margin-right:0px;
    margin-bottom:20px;
}
.linkBox
{
 width:75%;
 padding: 10px 10px 10px 10px;    
 margin-bottom:0px;
 margin-top: 0px;
}
.linkBox4
{
    margin-top: 40px;
}
.divide3 
{
    float:none;
 margin-left: 0px!important;
    width: 290px;
    text-align: center;
    margin: 0px auto;    
    display: inline-block;
    margin-top: 40px;
}
/*===============================================
●mobile.aspxからの移植
===============================================*/
.pad20
{
 padding-left:20px;    
 padding-right:20px;
}
#subpageOnly
{
 display:none;    
}
h1.h1sub {
    font-size: 16px!important;
        margin-bottom: 0px!important;
}   
h1.h1sub2 {
    font-size: 16px!important;
        margin-bottom: 0px!important;
}    
.nopc
{
 display:block;    
}
.mobile1
{
    padding-top:25px!important;
    padding-bottom:25px!important;
        line-height: 21px;
}
.mobile2
{
    height:auto!important;
}
    .widelink4 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    overflow-wrap: break-word;
    line-height: 10px;
    }
.secondHobby
{

 float:left!important;    
}
.anatahadotti
{
 font-size:22px!important;    
}
.footerCopy
{
    position: initial;
    text-align: center;
    right: 0px!important;
    top: 1000px!important;
    color: white!important;
}
    .copyright {
        position: initial;
        text-align: center;
        padding-bottom: 0px;
    }
    .columnList {
        width: calc(100% + 20px) !important;
        margin-left: 0px !important;
        padding-top: 0px;
        overflow: inherit !important;
        float: left;
    }
.accessTable td {
    min-width: 60px;
}
.itemBox
{
    width: 50%;
    margin: 0px;
    height: 240px;
    margin-bottom: 20px;
    border: solid 0px #72333c;


    position:relative;
    background-color:#eeefee;
}
.itemBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.columnList .itemBox:nth-child(odd){
    margin-left:0px;
}
    .columnList .itemBox:nth-child(even) {
        float: right;
        margin-right: 20px;
        margin-left: 0px;
    }
.itemBox a
{
        width: 100%;
}
.itemTitle a
{
            width: auto;
            height: 60px;
    overflow: hidden;
}
.itemText a
{
    position:static;
}
.itemBox .themeBox
{
    left: 0px;
    top: 0px;
    position: absolute;
    width: auto;
    padding-left: 10px;
    padding-right: 10px; 
}
.itemPicFrame
{
        width:100%;
            margin-right: 10px;
                    margin-bottom: 10px;
                    height:145px;
}
.itemTitle
{
    width: 90%;
    line-height: 20px;
    height: 50px;
    /* float: right; */
    /* margin-top: 2%; */
    padding: 5%;
    overflow: hidden;
        margin-top: 0px;
}
.itemText
{
    width: 55%;
    line-height: 20px;
    font-size: 12px;
        float: right;
    margin-right: 0px;
    height: 120px;
    overflow: hidden;
     padding-right: 2%;
         display: none;
    margin-top:20px;         
}
.itemBox .updateDateTime {
left: 0px;
    bottom: 0px;
    position: absolute;
    width: 84px;
    display: none!important;
}
.hajimete
{
    float: none;
    margin-left: auto!important;
    padding: 10px 10px 10px 30px;
    background-position: 5px 5px;
    margin-right: auto;
    width: 260px;
}
.hajimete2
{
float:none;margin-right:auto!important;
}
#pnlAdmin
{
 display:none;    
}
img{
max-width: 100%;
height: auto;
}
.holisticMobileTitle
{
 width:auto!important;    
}
.layout_centering
{
 margin-left:20px;    
 margin-right:20px;
 width:auto!important;
 position:relative;
}
    .text1 {
        font-size: 18px;
        text-align: center;
        margin-top: 30px;
        font-weight: bold;
    }
.boxLayout{
width:100%;
padding-top: 0px;
}
.fitMovie {
    width: 100%;
    position: initial;
    left: initial;
    margin-left: 0%;
    height: auto;
    margin-top: 123px;
}
    
html
{
   overflow-y:scroll;
}
    #smartHead {
        display: block;
        height: 110px;
    }
#smartFooter
{
display:block;
}
.background_4
{
 
}
.rplac_Okes
{
         height:auto!important;
}
.nayamiGroup {
    width: auto;
    padding-left: 0px;
    padding-top: 20px;
}
.nayamiA {
    padding: 30px 20px 20px 20px;
    min-height: 123px;
    height: 130px;
    width: calc(50% - 60px);
    margin: 20px 10px;
    float: left;
    position: relative;
    float: left;
    line-height: 30px;
}
.Q {
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
}
.gsc-control-cse {
    width: auto!important;
    margin-left: auto;
}
.gsc-input-box {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}    
.noheight
{
 height:auto!important;    
}
.threeboxbutton
{
 width:auto!important;    
}
.nopaddingtop
{
 padding-top:0px!important;    
}
.rplac_Okes table
{
 border:solid 2px #383838!important;
}
.rplac_Okes input
{
     max-width:200px!important;
}
.rplac_Okes td
{
     border:solid 1px #808080!important;
}
.rplac_Okes td:nth-child(1)
{
  background-color: #9bc04e!important;
}
.paddingbottom40
{
    padding-bottom: 40px!important;
}
.paddingbottom60
{
    padding-bottom: 60px!important;
}
.nomobile
{
display:none;
}
.nosmart
{
display:none;
}
.divide4
{
 width:auto;
 margin-bottom:20px;    
}

.footerBox
{
 height: auto;
 background-color:#e19a7c;
     background-position: center bottom;
         padding-top: 20px;
         padding-bottom: 20px;
    text-align: center;
}
    .topmoji {
        margin: 30px 20px !important;
    }
    .background_2 {
        height:0px;
    }
    #slide_box {
        background-color: #49B5D7 !important;
        display: none;
        position: absolute;
        padding: 0px;
        top: 90px;
        width: calc(100% - 10px);
        margin-left: 10px;
        color: #282E63;
        filter: alpha(opacity=95);
        -moz-opacity: 0.95;
        opacity: 0.95;
        max-height: 500px;
        overflow-y: auto;
        padding-bottom: 300px;
        left: -10px;
        z-index: 999;
        position: fixed;
        margin: 0px !important;
        font-size: 20px !important;
        line-height: 50px !important;
        padding: 20px !important;
        padding-bottom: 300px !important;
    }
.large2 {
font-size: 18px;
    padding: 5px;
 }
    #slide_box a {
        color: #fff;
        line-height: 40px;
        display: block;
        text-decoration: none;
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .dropmenu {
        height: 40px !important;
    }
        .yukiyosanPic
{
 display:none;    
}
.height3
{
        background-position: center!important;
    background-repeat: no-repeat;
    background-size: 90%;
        margin-bottom: 40px;
}
.yukiCover1
{
padding-top:50px!important;    
}
.yukiCover2
{
 height:auto!important;    
}
.yukiCover3 {
    margin: 0px;
    width: auto!important;
}
#page_contents ul li {

}
.youtube_box
{
 padding: 0px;    
 margin: 30px 0px 20px 0px;
 line-height: 18px;
 width: 400px;
}
.topBoxMargin {
    padding-top: 40px;
}
    .smartTopObi {
        color: #ffffff;
        padding: 0px 13px 0px 13px;
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 14px;
        font-weight: normal;
        position: fixed;
        width: calc(100% - 26px);
        z-index: 3;
        height: 25px;
        height: 33px;
        background-size: 40%;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: center;
        border-top: solid 40px #fff;
        border-bottom: solid 0px #fff;
        text-align: center;
        top: 0px;
    }
    
    .topbutton {
        border-radius: 5px; /* CSS3草案 */
        -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
        -moz-border-radius: 5px; /* Firefox用 */
        border: solid 0px #e2e2e2;
        color: #ffffff;
        padding: 8px;
        margin-right: 5px;
        position: fixed;
        z-index: 4;
        top: 19px;
        right: 0px;
        width: 30px;
    }  
.mapouter
{
 position:relative;    
}
/* accordion from */  
ul.accordion { background:#fff; width:100%; margin:0px auto; padding:0px; font-size:12px;border-top:1px dotted #808080;}
ul.accordion a { border-bottom: 1px dotted #808080;display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
ul.accordion span { display:block; padding:10px; padding-left:30px;background-position:1% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion ul { display:block;}
ul.accordion > li { background:#ffffff;}
ul.accordion > li > p {margin:0px;background:#ffffff;cursor:pointer;border-bottom:1px dotted #808080;}
ul.accordion > li > p span { background-image:url(https://akanbi.net/m/plus.png);color:#333333;}
ul.accordion > li > p span.open { background-image:url(https://akanbi.net/m/minus.png);}
ul.accordion > li > ul { list-style-type:none;padding:0px;}
ul.accordion > li > ul > li { background:#FAFAFA; border-bottom:1px dotted #808080;}
ul.accordion > li > ul > li > p { background:#999;}
ul.accordion > li > ul > li > a { background:url(https://akanbi.net/m/listmark.png) no-repeat 98% center;color:#666666;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #808080;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
/* accordion to */
iframe {
    width: 100%;
}
h1 {
    line-height: 35px;
    background-image: none;
    border-top: solid 2px #2E487F;
    border-bottom: solid 2px #2E487F;
    padding: 7px 0px;
}
h2 {

}
h3 {
    font-size: 18px;
    line-height: 28px;
}
h4 {
    font-size: 18px;
    line-height: 28px;
    background-image: none;
    border-top: solid 1px #648E82;
    border-bottom: solid 4px #648E82;
    padding: 5px 5px;
}
h5 {
    font-size: 18px;
    line-height: 28px;
    background-image: none;
    border: solid 1px #715648;
    padding: 10px 15px;
    border-radius: 20px;
}
h6 {
    font-size: 18px;
    line-height: 28px;
}
.box50 
{
        width: 98%;
}
.boxStyle1 {
    height:auto;
}
.boxStyle1 .whitebox {
    height:auto;
}
.boxStyle2 {
       height:auto;
}
.boxStyle3 {
       height:auto;
}
.whitebox
{
           height:auto!important;
}
.rehari4 {
    padding: 20px 20px 20px 20px;
    background-image:none;
    background-color:#f2f9c2;
       width:auto;
       height:auto;
    line-height: 20px;
}
.recommendPanel
{
  background-color:#F2EDD8;
  padding:40px;    
}
.recommendPanelInner
{
 padding:40px;    
 border:solid 1px #D8C08C;
 background-color:#fff;
}
.recommendPanelInner img
{
    margin-bottom:20px;
}
.recommendPanelInner .linkBox3
{
        margin-bottom: 60px;
    font-size: 14px;
    padding: 10px 10px;
    line-height: 16px;
    height: auto;
    letter-spacing: 0px;
}
.menuBoxPanel
{
 margin-right:0px!important;
}
.menuBoxTitle
{
 text-align:center;
 font-size:20px;
     padding-bottom: 10px;    
    color: #ab7c22;
    font-family: Cinzel, serif;     
    font-weight: bold;
}
.menuTitle
{
        font-size: 16px;
        line-height: 30px;
}
.menuBorder {
    padding-bottom: 0px;
}
.gallery
{
  margin-left:0px!important;
  width: 100%!important;
}
.gallery div
{
  width: 100%!important;
}
.gallery ul
{
  width: 100%!important;
}
#camera_wrap_1 {
    max-width: 100%!important;
    height:334px!important;
    width: 100%!important;
}
#page_contents table {
    width: 100%!important;
}
#page_contents td:nth-of-type(1) {
   
}
#pnlItem1,#pnlItem2,#pnlItem3,#pnlItem4,#pnlItem5,#pnlFreeItem1,#pnlFreeItem2,#pnlFreeItem3,#pnlFreeItem4,#pnlFreeItem5,#pnlFreeItem6,#pnlFreeItem7,#pnlFreeItem8,#pnlFreeItem9,#pnlFreeItem10,#pnlSelectItem1,#pnlSelectItem2,#pnlSelectItem3,#pnlSelectItem4,#pnlSelectItem5,#pnlSelectItem6,#pnlSelectItem7,#pnlSelectItem8,#pnlSelectItem9,#pnlSelectItem10
{
padding:15px;
 background-color:#f8f8f7;
 margin-bottom:3px;
 line-height:30px;
 font-size:11px;
}

.registMust
{

}
.regist_question
{
 font-weight:normal;    
}
#pnlNormalForm > div {
    margin-top: 0px;
}
#pnlForm input[type="text"]
{
    border: 1px solid #cdc3af!important;
    height: 30px!important;
    line-height: 24px!important;
    padding: 3px!important;
    margin: 0 0 3px!important;
    width: 98%!important;
}
#pnlForm textarea
{
    border: 1px solid #cdc3af!important;
    padding: 3px!important;
    margin: 0 0 3px!important;
    width: 98%!important;
}
.mobile_contents td
{
    background-color:Transparent;    
}
/*===============================================
●tablet.css  ここまで
===============================================*/
/*===============================================
●otoiawase table From
===============================================*/

#pnlItem1,#pnlItem2,#pnlItem3,#pnlItem4,#pnlItem5,#pnlFreeItem1,#pnlFreeItem2,#pnlFreeItem3,#pnlFreeItem4,#pnlFreeItem5,#pnlFreeItem6,#pnlFreeItem7,#pnlFreeItem8,#pnlFreeItem9,#pnlFreeItem10,#pnlSelectItem1,#pnlSelectItem2,#pnlSelectItem3,#pnlSelectItem4,#pnlSelectItem5,#pnlSelectItem6,#pnlSelectItem7,#pnlSelectItem8,#pnlSelectItem9,#pnlSelectItem10
{
padding:0px;
 margin-bottom:3px;
 line-height:30px;
 font-size:11px;
}
span.registMust
{

}
span.regist_question
{
 font-weight:normal;    
}
table.otoiawase_table,.otoiawase_table tbody,.otoiawase_table tr,.otoiawase_table th,.otoiawase_table td {
display: block;
}
table.otoiawase_table,.otoiawase_table td
{
 border:0px;    
}

.tdleft
{
 background-color:Transparent;    
 padding-bottom:0px;
 padding:0px;
     width: 100%;
}
.tdright
{
 background-color:Transparent;        
 padding-top:0px;
 padding:0px;
}
.otoiawase_table tr
{
        margin-bottom:5px;
}
#pnlForm input[type="text"]
{
    border: 1px solid #cccccc!important;
    height: 30px!important;
    line-height: 24px!important;
    padding: 3px!important;
    margin: 0 0 3px!important;
    width: 98%!important;
}
#pnlForm textarea
{
    border: 1px solid #cdc3af!important;
    padding: 3px!important;
    margin: 0 0 3px!important;
    width: 98%!important;
}
.leftMenuButton {
    margin-bottom: 30px!important;
    margin-right: 0px!important;
}
.profile_pic
{
 display:none;    
}
.profile_button a
{
     position: static!important;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.profile_button
{
    text-align:center;
    margin-bottom:20px;
}
.profile_pic2
{
    margin-bottom:80px;
}
.GoogleCalender
{
        width: 100%;
}
.otoiawase_table {
    width: auto;
    margin: 0px 40px;
}

.columnList {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-top: 20px;
    overflow: inherit;
}
    .itemBox {
        width: calc(50% - 15px);
        margin: 0px;
        height: 240px;
        margin-bottom: 20px;
        border: solid 0px #72333c;
        position: relative;
        background-color: transparent;
        overflow: hidden;
        box-shadow: none;
    }
.itemBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itemBox a
{
        width: 100%;
}
.itemTitle a
{
            width: auto;
            height: 60px;
    overflow: hidden;
}
.itemText a
{
    position:static;
}
.itemBox .themeBox
{
    left: 0px;
    top: 0px;
    position: absolute;
    width: auto;
    padding-left: 10px;
    padding-right: 10px; 
}
.itemPicFrame
{
        width:100%;
            margin-right: 10px;
                    margin-bottom: 10px;
}
.itemTitle
{
    width: 90%;
    line-height: 20px;
    height: 50px;
    /* float: right; */
    /* margin-top: 2%; */
    padding: 5%;
    overflow: hidden;
}
.itemText
{
    width: 55%;
    line-height: 20px;
    font-size: 12px;
        float: right;
    margin-right: 0px;
    height: 120px;
    overflow: hidden;
     padding-right: 2%;
         display: none;
    margin-top:20px;         
}
.itemBox .updateDateTime {
left: 0px;
    bottom: 0px;
    position: absolute;
    width: 84px;
    display: none!important;
}
    .itemBox {
        height: 320px;
    }
    .itemPicFrame {
        height: 220px;
    }
/*===============================================
●otoiawase table To
===============================================*/
        /*===============================================
●yuki-watanabe.com  From
===============================================*/
        .background_0
{
 background-image:none;    
 border:none;
}
/*===============================================
!important
===============================================*/
    .happy4 {
        margin-top: 60px !important;
        width: calc(100% - 10px) !important;
        padding-right: 20px !important;
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .banner88 img {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 425px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が425pxまで
===============================================*/
    .banner88 img {
        width: 100%;
    }
    .serviceFrame {
        width: auto;
    }
.topmoji {
    margin: 0px !important;
}
.nomobile2
{
 display:none;    
}
.nopc2
{
 display:block;    
}
.youtube_box
{
 width: 100%;
}
    .voiceBox1 img {
        width: 40%;
        margin-bottom: 250px;
    }
    .itemBox {
        height: 240px;
    }

    .itemPicFrame {
        height: 145px;
    }
/*===============================================
●tablet.css  ここから 画面の横幅が425pxまで
===============================================*/       
}
@media screen and (max-width: 400px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が425pxまで
===============================================*/    
.nomobile3
{
 display:none;    
}
.nopc3
{
 display:block;    
}
    img[src="img/ichioshi.png"] {
        top: 30px !important;
        right: 0px !important;
        height: 80px !important;
    }
}
@media screen and (max-width: 375px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が375pxまで
===============================================*/    
    .width_x
    {
     margin-left:0px;    
    }
    .button_jyukousei 
    {
    padding: 10px 0px;
    }
    .mailiframe1 {
        padding: 20px 20px;
    }
/*===============================================
●tablet.css  ここから 画面の横幅が375pxまで
===============================================*/
    }
@media screen and (max-width: 320px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が320pxまで
===============================================*/      
    .whiteBox
    {
     margin-left:-20px;    
    }
    .mika7 {
        top: 380px !important;
    }
    #snslink img {
        height: 18px;
    }
    .voiceBox1 img {
        margin-bottom: 320px;
    }
    #p1 {
        margin-left: -15px;
    }
    .C320 {
        display:none;
    }
/*===============================================
●tablet.css  ここから 画面の横幅が320pxまで
===============================================*/     
}
@import url("https://yuki-watanabe.com/css/tabletEdit.css");