@media (min-width:921px) {
    .mob {
        display:none;
    }
}

@media (max-width:920px) {
    body {
        background-color:#82DAF6;
        background:url('https://mikan-b.co.jp/images/_frame/new_back_top.gif') center top no-repeat, url('https://mikan-b.co.jp/images/_frame/new_back.gif') center repeat;
    }
    .mob {
        display:block;
    }
}

.mob {
    overflow:hidden;
}
.mobin {
    padding:0 20px 0 20px;
}

.mhead {
    padding:20px 0 20px 0;
    display:flex;
    align-items:center;
    gap:10px;
    overflow:hidden;
}
.mlogo {
    flex:0.5;
}
.mlogo img {
    width:100%;
}
.mcon {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:end;
    gap:10px;
}
.mwork {
    font-size:10px;
    color:white;
    text-align:center;
    line-height:15px;
}
.mworkin {
    padding:3px 5px 3px 5px;
    border:1px solid white;
    border-radius:5px;
    overflow:hidden;
}
.menq {
    font-size:12px;
}
.menq a {
    text-decoration:none;
    color:white!important;
}
.menq div {
    display:inline-block;
    padding:5px 10px 5px 10px;
    background-color:#fa586d;
    border-radius:15px;
    line-height:20px;
}

.mpos {
    padding:0 0 10px 0;
    text-align:center;
}
.mpos img {
    width:50%;
}

.mnav {
    padding:0 0 20px 0;
}
.mnavin {
    padding:0 0 5px 0;
    display:flex;
    gap:5px;
}
.mnavin a {
    flex:1;
    text-decoration:none;
    background-color:white;
    border:1px solid;
}
.mnavin div {
    padding:10px 0 10px 0;
    font-size:14px;
    font-weight:bold;
    color:#194B9F;
    text-align:center;
    line-height:20px;
}

.msect {
    margin:0 0 20px 0;
    background-color:white;
    border-radius:10px;
    box-shadow:7px 7px 5px -5px rgba(0, 0, 0, 0.3);
    overflow:hidden;
}

.mtitle {
    padding:20px 0 20px 0;
    text-align:center;
}
.mtitlein1 {
    font-size:20px;
    font-weight:bold;
    color:#194B9F;
    line-height:25px;
}
.mtitlein2 {
    font-size:14px;
    color:white;
}
.mpar {
    padding:0 0 20px 0;
    font-size:18px;
    font-weight:bold;
    color:#194B9F;
    text-align:center;
    line-height:25px;
}
.mart {
    padding:0 0 20px 0;
    font-size:14px;
    text-align:center;
    line-height:20px;
}
.mnote {
    padding:0 0 20px 0;
    font-size:12px;
    line-height:20px;
}
.mpar2 {
    padding:0 0 20px 0;
    font-size:18px;
    font-weight:bold;
    color:#EF8200;
    text-align:center;
    line-height:25px;
}

.mnews {
    padding:20px;
    line-height:25px;
}
.mnewstit {
    padding:0 0 10px 0;
    font-size:18px;
    font-weight:bold;
    color:#194B9F;
}
.mnewsline {
    display:flex;
    align-items:center;
    gap:10px;
}
.mnewsin1 {
    /*flex:0.5;*/
    display:none;
}
.mnewsin2 {
    flex:1;
}
.mcovbox {
    padding:20px;
    display:flex;
    align-items:center;
    gap:20px;
}
.mcovboxin1 img {
    width:50px;
}
.mcovboxin2 {

}
.mcovboxtit {
    padding:0 0 20px 0;
    font-size:20px;
}
.mcovboxmess {
    padding:0 0 20px 0;
    font-size:16px;
    line-height:25px;
}
.mcovboxrem {
    font-size:11px;
    line-height:15px;
}
.mcovboxtb {
    padding:0 0 20px 0;
    font-size:16px;
}
.mcovboxtbin {
    padding:0 0 5px 0;
    display:flex;
    align-items:center;
}
.mcovpromo img {
    width:100%;
}

.mrec {
    padding:20px;
}
.mrecimg {
    padding:0 0 20px 0;
}
.mrecimg img {
    width:100%;
}
.mrecprice {
    padding:0 0 20px 0;
}
.mrecpricein {
    padding:10px;
    border:2px dotted #194B9F;
    border-radius:10px;
}
.mrecsam {
    padding:0 0 30px 0;
}
.mrecsamtit {
    padding:0 0 10px 0;
    font-size:16px;
    font-weight:bold;
}
.mrecsameg {
    font-size:14px;
}
.mrecsamegin {
    padding:10px 0 10px 30px;
    font-size:12px;
    line-height:20px;
}
.mrecsamegtot {
    padding:0 0 20px 30px;
    font-size:14px;
    font-weight:bold;
    color:#EF8200;
}
.mrecsamnote {
    font-size:14px;
    line-height:20px;
}

.msup {
    padding:20px;
}
.msuplang {
    padding:0 0 20px 0;
}
.msuplangin {
    margin:0 20px 0 20px;
    padding:10px;
    display:flex;
    align-items:center;
    gap:20px;
    border:2px dotted #194B9F;
    border-radius:10px;
}
.msuplangin1 {

}
.msuplangin1 img {
    width:50px;
}
.msuplangin2 {
    font-size:18px;
    font-weight:bold;
    color:#194B9F;
    line-height:25px;
}
.msupinlogo {
    padding:0 0 20px 0;
    display:flex;
    overflow:hidden;
}
.msupinlogo div {
    flex:1;
    text-align:center;
}
.msupinlogo img {
    width:100%;
}

.mvol {
    padding:20px;
}
.mvolin1 {
    padding:0 0 20px 0;
    font-size:18px;
    color:#194B9F;
}
.mvolbox {
    padding:0 0 20px 0;
}
.mvolbox img {
    width:100%;
}
.mvolin2 {
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color:#194B9F;
}
.mvolin2 a {
    text-decoration:none;
}
.mvolin2 div {
    display:inline;
    padding:5px 15px 5px 15px;
    background-color:#194B9F;
    font-size:18px;
    color:white;
    border-radius:10px;
}