@charset "utf-8";

@media screen and (max-width: 768px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が768pxまで
===============================================*/
    .linoStyle7 a {
        padding: 15px 0px;
    }
    .moenaprismtoha {
        font-size: 16px !important;
    }
    .kasouhead {
        height: 300px;
        background-image: url(../img/mobile-head-kasou.jpg);
    }
        .box .src1 {
        background-image: url(../img/mobile-head1-nologo.jpg); /* 背景の画像を指定 */
    }

    .box .src2 {
        background-image: url(../img/mobile-head2-nologo.jpg); /* 背景の画像を指定 */
        animation-delay: 5s;
    }

    .box .src3 {
        background-image: url(../img/mobile-head1-nologo.jpg); /* 背景の画像を指定 */
        animation-delay: 10s;
    }

    .box .src4 {
        background-image: url(../img/mobile-head2-nologo.jpg); /* 背景の画像を指定 */
        animation-delay: 15s;
    }
    .box .bgImg {
        background-size: contain;
    }

    .height1 {
        height: 806px;
    }
    .background_3 {
        padding-top: 60px;
    }
    .youget {
        font-size: 13px;
        line-height: 22px;
        position: absolute;
        top: 10px;
        left: 40%;
    }
    .picg3 {
        margin-top: 20px;
    }
    .koe {
        width: 100%;
        float: left;
        margin: 0px;
        margin-bottom: 40px;
        text-align:center;
        height:auto;
    }
    .koe_titleA {
        width: 703px;
    }

    .smartPart {
        clear: both;
        margin: 10px 0px;
        border: solid 3px #3333;
        float: left;
        padding: 20px;
        border-radius: 10px;
        width: calc(100% - 46px);
        vertical-align: middle;
        align-items: center;
    }
    .tabletHaikei1 .reasonA {
        max-width: 385px;
        margin: auto !important;
        padding-bottom: 80px;
    }
    .smartPart img {
        max-width: 40%;
        float: none;
        margin-right: auto;
        display: inherit;
        margin-left: auto;
    }
    .youcangetLast {
        text-align:left;
    }
    .smartPart2 {
        font-size: 16px;
        line-height: 30px;
        vertical-align: middle;
        width: 100%;
        text-align: center;
    }
        .smartPart2 br {
            display:none;
        }
        .cover {
            background-size: cover;
        }
    .youget br{
        display:none;
    }
    .moena1 {
        display: table-cell;
        vertical-align: middle;
        height: 800px;
        padding: 50px 60px 50px 50px;
        line-height: 40px;
    }
    .moena2 {
        font-size: 17px !important;
        letter-spacing: 0px !important;
        line-height: 35px !important;
        min-width: 315px;
        position: static !important;
    }
    .moena1 br{
        
    }
        .grid-item {
        width: calc(50% - 6px);
        padding: 2px;
    }
    .youget2 {
        font-size: 17px;
        line-height: 33px;
        position: relative;
        background-color: white;
        padding: 20px 20px;
        color: #474145;
        border-radius: 20px;
        width: 450px;
        width: calc(100% - 40px);
        left: 0px !important;
        margin-top: -70px;
        top: 0px !important;
    }
    .marginbottom20 {
        margin-bottom: 20px;
        margin-left: 0px !important;
        height: auto !important;
    }
        .marginbottom20 img {
            float:none!important;
            position:relative!important;
        }
    .tabletHaikei1 {
        background-position: top;
        color: #fff;
        background-repeat: no-repeat;
        height:auto!important;
        background-size: cover;
    }
    .reason1 {
        margin-bottom: 70px;
    }

    .reason2 {
    }

    .reason3 {
        left: -20px !important;
    }
        #outerbottomLink {
            width: auto;
            margin-left: auto;
            margin-right: auto;
        }
#bottomLink
{
 display:block!important;    
}
    #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;
    }
    #bottomLink2 {
        text-align: center;
        /* margin-right: 5px; */
        height: 60px;
        background-color: rgba(255,255,255,0.7);
        width: calc(100%);
        padding-bottom: 10px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
.realVoice
{
    background-image: url(../img/realvoice-back.jpg)!important;
    padding-top: 50px!important;
    margin-top: 50px;
    padding-bottom: 0px;
    background-repeat: repeat-y!important;
}
.voicePic
{
        border: solid 2px #b88584;
    margin-left: -10px;
    width: calc(100% + 16px);
    max-width: none;    
}
    .footheight {
        height: auto !important;
        margin-top: 40px;
        padding-bottom: 70px;
    }
.superbigfont {
    font-size: 24px;
}
.bigfont {
    font-size: 16px!important;
    line-height: 30px!important;
}
.nodisp
{
 display:none;    
}
.moreabout2
{
     padding: 19px 0px;
     float:none;
    width: 48%;
    float: left;
    height: 300px;
}
.moreabout2:nth-child(even){
    float: right;
}
.largeFont
{
    font-size: 20px!important;    
}
.aligncenter
{
 text-align:center;    
}
.pricebox
{
        margin-top: 40px;
margin-bottom: 0px!important;
}
.niawasehaircut
{
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 250px;
    max-height: 260px;
    margin-top: 10px!important;
    margin-left: 0px!important;
    width: auto!important;
}

.lessonTable_td2 {
    font-size: 12px;
    padding: 5px!important;
}
    .columTop {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
        display: -webkit-inline-box;
        float: left;
        width: calc(50% - 10px);
    }
    .taiken2 {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .taiken3 {
        font-size: 17px;
    }
    img[src="img/sachiko-koushi.png"] {
        margin-bottom: 40px;
        width: 50%;
        float: none !important;
        margin: auto auto 40px auto !important;
        display: block;
    }

    img[src="img/about.png"] {
        margin-bottom: 30px !important;
    }
    img[src="img/syosai.png"] {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
img[src="img/sachiko-san-missionpic.jpg"]
{
width: 70%;
}
    img[src="img/about-logo.png"] {
        width: 90%;
    }
    

    img[src="img/experience.png"] {
        bottom: -30px !important;
        right: 0px !important;
    }
.nodisp
{

}
.nomargin
{
 margin:0px!important;        
}
.noabsolute
{
 position:static!important;    
}
.nofloat
{
 float:none!important;    
}
.noabsolute1
{
    padding-bottom: 40px; 
}
.noheight
{
 height:auto!important;    
}
.nowidth
{
 width:auto!important;    
}
.konnakata {
width: calc(100% - 20px);
    margin: 5px 0px 5px 0px;
    padding: 10px;
}
.curriculum
{
width:auto!important;    
margin:0px!important;
 height:auto!important; 
 background:none!important; 
 
}
.curriculumMoji
{
    margin-top: 40px;
    display: block;
    margin-bottom: 40px;
}

    
.moreabout
{
    width:45%;
    float:left;
    padding: 0px;    
    padding: 20px 0px 0px 0px;
    min-height:220px;
}
.moreabout img
{
     
}
.moreabout:nth-child(even){
	float:right!important;
 }
.knowmore
{
        left: 0px!important;
    top: 130px!important;    
}

.galleryLayout
{
 margin-left:-20px!important;    
 margin-right:-20px!important;    
}
.menuPics img 
{
    margin: 0px;
    margin-bottom: 15px;
}
.columnbg
{
    background-size: auto 360px;
}
.nannotameni
{
    margin-top:30px;
 margin-bottom:30px;    
 padding-bottom:0px;    
}
    .dairyBox {
        padding: 0px;
        width: calc(100% + 10px);
    }

.centering
{
    margin-left: auto;
    margin-right: auto;    
}
.noabsolute
{
 position:initial!important;    
}
.nobk
{
 background-image:none!important;    
}
.heightauto
{
 height:auto!important;    
}
.widthauto
{
 width:auto!important;    
}
.paddingtop30
{
    padding-top:30px!important;
        height: auto!important;
}
.paddingtop40
{
    padding-top:40px!important;
        height: auto!important;
}
.margintop40
{
    margin-top:40px!important;
}
    .foot1 {
        margin: 40px auto 20px auto;
    }
    .foot2 {
         text-align:center;
    }
        .foot2 img {
            margin: 10px 20px !important;
        }
    .foot3 {
        text-align: center;
    }
    .foot4 {
        margin-top: 0px !important;
    }
    .foot5 {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    #footerLink li {
        float: none;
        width: 100%;
        text-align: center;
    }
    .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;    
}
.paddingtop50
{
    padding-top:50px!important;
}
.profile_detail {
    position: initial;
    top: initial;
    right: initial;
    width: auto;
    font-size: 13px;
    line-height: 22px;
    padding: 30px;
    clear: both;
}
.button_tokyo {
    margin-left: 0px;
    width:auto;
        margin-top: 30px;
    margin-bottom: 20px;
    padding: 10px 30px;
}
    .comment1 {
        margin-left: 80px !important;
    }
    .comment1:before {
        width: 80px !important;
        left: -80px !important;
        height: 80px !important;
        background-image: url(../img/fukiashi-mobile1.png) !important;
    }
    .comment1-2 {
        background-image: url(../img/green-box_mobile.png);
        padding: 20px 20px 20px 100px;
        background-position: 20px 20px;
        height: auto;
    }

    .comment1-3 {
        background-image: url(../img/box2_mobile.png);
        padding: 20px 20px 20px 100px;
        background-position: 0px 0px;
        height: auto;
        background-size: contain;
        width: calc(100% - 120px);
    }
.comment2 {
    padding-left: 40%;
    padding-right: 10px;
    padding-top: 15%;
    background-image: url(../img/sachiko-comment2.jpg);
    background-size: contain;
    border: solid 1px #d8d8d8;
    padding-bottom: 20px;
    overflow: initial;
    height: auto;
}
    .anchor {
        padding-top: 90px;
        margin-top: -90px;
    }
.comment3 {
    background-image: url(../img/comment2-mobile.jpg);
    padding-right: 10px;
    padding-left: 105px;
}
.comment4 {
    background-image: url(../img/anchancomment-mobile.jpg);
    padding-right: 105px;    
}

.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;
}
.service_title
{
 font-size: 20px;    
}
.height4
{
padding-bottom: 0px!important;    
}
.button_jyukousei {
    padding: 10px 30px;
    margin-top: 40px;
}
    .columTop {
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        letter-spacing: 0px;
        padding: 10px 0px;
        font-weight: normal;
        font-size: 12px;
    }
.smarller
{
    font-size: 18px;
}
#footerLink
{
    top: 360px;
        position: static;
    width: auto;
    margin-top: 30px;
}
.lastmessage
{
width: auto!important;    
 max-width:100%;
    }
.lastmessage2    
{
 display:none;    
}
select{
    font-family: inherit;
    font-size: 80%;
    margin: 0;
}
html, body {
    overflow: hidden;
}
    body {
        word-wrap: break-word;
        overflow-wrap: break-word;
        min-width: auto;
        border-top: solid 0px #1F2727;
    }
.columnList2 {
    margin-left: 0px!important;
}
.floatLeftPic,.floatRightPic
{
    width:40%!important;
}
.prevButton
{
    margin-right: 20px;
}
.nextButton
{
    margin-left: 20px;
}
    #page_contents {
        width: 100%!important;
    }
#page_contents img {
    max-width: 100%;
    margin-bottom: 10px;
}
.topimages {
    text-align:center;
}
.whatishermission
{
    font-size:30px;    
        padding-bottom: 0px;
}
.fukmakelesson
{
 border:solid 2px #a0837b;
 margin-top:10px;
     
}
.nopaddingtop
{
  padding-top:0px!important;    
}
.fukmakelesson td
{
    padding:5px;
    border-bottom:solid 1px #ddd;
}
.bigfont2
{
    font-size: 14px!important;    
}
.mainichiIkiru
{
     font-size:18px!important;
}
.mainichiIkiru2
{
    font-size:15px;
}
.topimages img {
    float: none;
    width: 170px;
    margin-right: 10px;
    margin-left: 10px;
}
.layout_leftbox,.background_3_2
{
 width:100%!important;    
}
.layout_rightbox
{
  width:100%!important;    
      text-align: center;
}
.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;
}
    .footerCopy {
        position: initial !important;
        text-align: center;
        right: 0px !important;
        top: 120px !important;
        display: block;
        clear: both;
        padding-top: 20px;
    }
.copyright {
    position: initial;
    text-align: center;
}
.columnList {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-top: 20px;
    overflow: inherit;
}
.itemBox
{
    width: calc(50% - 5px);
    margin: 0px;
    height: 240px;
    margin-bottom: 20px;
    border: solid 0px #72333c;

    position:relative;
}
.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:0px;
}
.itemBox a
{
        width: 100%;
}
.itemTitle a
{
            width: auto;
            height: 60px;
    overflow: hidden;
}
.itemText a
{
    position:static;
}
.itemBox .themeBox
{
    left: 0px;
    top: 10px;
    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;
}
.luce1 
{
    padding: 35px 15px 20px 100px;
}
.luce2 {
        padding: 10px 10px 10px 60px;
    background-position: 20px 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;
}
#main_slide
{
 margin-left:-100px;    
}
.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;
}
.layout_centering
{
 margin-left:20px;    
 margin-right:20px;
 width:auto;
 position:relative;
}
.boxLayout{
width:100%;
padding-top: 0px;
}
.background_2
{
 display:none;    
}
html
{
   overflow-y:initial;
}
    .picmobile {
        margin: 10px auto !important;
        display: block !important;
        float: none !important;
        padding: 0px !important;
    }
    #smartHead {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 999;
        background: white;
    }
#smartFooter
{
display:block;
}
.background_4
{
 display:none;    
}
.rplac_Okes
{
         height:auto!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;
}
.nomobile
{
display:none;
}
.nosmart
{
display:none;
}
.originalsize
{
 max-width: initial;
}
.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;
}
#slide_box {
    background-color:#9b773d;
    display: none;
    position: absolute;
    padding: 20px;
    top: 70px;
    width: 80%;
    margin-left: 10px;
    color: #fff;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
}
.large2 {
font-size: 18px;
    padding: 5px;
 }
#slide_box a{
    color: #ffffff;
    line-height: 20px;
    border-bottom: dotted 1px #ffffff;
    display: block;
    text-decoration: none;
    margin-top: 0px;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 22px;
}
.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;
}
.youtube_box
{
 padding: 0px;    
 margin: 30px 0px 20px 0px;
 line-height: 18px;
 width: 400px;
}
    .moenaprismpad {
        padding: 80px 0px 44px 0px
    }
    .topBoxMargin {
        padding-top: 40px;
    }
    .smartTopObi {
        color: #8d442f;
        padding: 5px;
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        display: none;
    }
    .topbutton {
        border: solid 0px #ffffff;
        color: #8d442f;
        padding: 8px;
        margin-right: 5px;
        position: absolute;
        top: 18px;
        right: 5px;
        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(http://akanbi.net/m/plus.png);color:#333333;}
ul.accordion > li > p span.open { background-image:url(http://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(http://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 */
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 24px;
    }
h3 {
    font-size: 18px;
}



iframe
{
 width:100%;    
}
/*h3
{
        background-color: #d8e5f0;
    height: auto;
    padding-bottom: 10px;
    background-position: -5px center;
        padding-right: 10px;
}*/
h4 {

}
    h5 {
        background-color: #FBEDEE;
        border: solid 1px #E7979F;
        background-image: none;
        border-radius: 10px;
        padding: 10px;
    }


h6
{

}
.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 {

}
#page_contents td:nth-of-type(1) {
    width: 80px;
}
#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;    
}
.columnList {
    margin-left: 0px!important;
    width: auto!important;
}
.columnList2 {
    margin-top: 0px;
}
/*===============================================
●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;
}
.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;
}
.columPage td
{
 float:left;
 margin-bottom:20px;    
}

/*===============================================
●otoiawase table To
===============================================*/
/*===============================================
●yuki-watanabe.com  From
===============================================*/
.background_0
{
 background-image:none;    
}
    .moena2 {
        display:none;
    }
    /*===============================================
●yuki-watanabe.com  To
===============================================*/
    .itemBox {
        height: 340px;
    }
    .itemPicFrame {
        height: 245px;
    }
    .box {
        height: 849px;
    }
    .height1 {
        height: 839px;
        overflow: hidden;
    }
}
@media screen and (max-width: 425px)
{
/*===============================================
●tablet.css  ここから 画面の横幅が425pxまで
===============================================*/    
.youtube_box
{
 width: 100%;
}
    .itemBox {
        height: 240px;
    }

    .itemPicFrame {
        height: 145px;
    }
    .box {
        height: 470px;
    }
    .height1 {
        height: 460px;
        overflow: hidden;
    }
/*===============================================
●tablet.css  ここから 画面の横幅が425pxまで
===============================================*/       
}
@media screen and (max-width: 390px) {
    .box {
        height: 431px;
    }

    .height1 {
        height: 421px;
        overflow: hidden;
    }
}
    @media screen and (max-width: 375px) {
        /*===============================================
●tablet.css  ここから 画面の横幅が375pxまで
===============================================*/
        .width_x {
            margin-left: 0px;
        }

        .button_jyukousei {
            padding: 10px 0px;
        }

        .box {
            height: 415px;
        }

        .height1 {
            height: 405px;
            overflow: hidden;
        }
        /*===============================================
●tablet.css  ここから 画面の横幅が375pxまで
===============================================*/
    }

    @media screen and (max-width: 320px) {
        /*===============================================
●tablet.css  ここから 画面の横幅が320pxまで
===============================================*/
        .whiteBox {
            margin-left: -20px;
        }

        .moena1 {
            padding: 30px 0px 30px 10px;
        }

        .box {
            height: 354px;
        }

        .height1 {
            height: 344px;
            overflow: hidden;
        }
        /*===============================================
●tablet.css  ここから 画面の横幅が320pxまで
===============================================*/
    }

    @import url("https://yuki-watanabe.com/css/tabletEdit.css");