@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);

* {
 padding             : 0;
 margin              : 0;
}

html{
 font-size           : 62.5%;
 line-height         : 140%;
 height              : 100%;
}

body {
 margin              : 0;
 padding             : 60px 0 0 0;
 height              : 100%;
/* font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;*/
 font-family         : "Sawarabi Mincho" ,  "游明朝", YuMincho, serif;
 letter-spacing      : 0.05em;
 color               : #ffffff;
 background          : #181818;
 overflow-x          : hidden;
}

.codepc{ display     : inline; }
.codesp{ display     : none; }

a[href^="tel:"]{
 pointer-events      : none;
}

.red { color : #e50011; }


#notice,
#about,
#haku,
#seki,
#counter,
#cuisine,
#lunch,
#takuhai,
#access,
#contact{
 margin-top : -60px;
 padding-top: 60px;
}



/*ヘッダー*/
#menu-wrap{
 position            : fixed;
 top                 : 0;
 left                : 0;
 width               : 100%;
 height              : 60px;
 background          : #181818;
 text-align          : right;
 z-index             : 9999;
}
#menu-wrap .inner{
 width               : 100%;
 position            : relative;
}


#menu-wrap .inner .logo{
 position            : absolute;
 top                 : 0;
 left                : 0;
 margin              : 0 auto;
 width               : 200px;
 background          : #181818;
 z-index             : 9999;
 text-align          : center;
}
#menu-wrap .inner .logo img{
 padding             : 40px 0% 40px 0%;
 width               : 60%;
}

#menu-wrap .inner .nav{
 float               : left;
 display             : inline;
 width               : 98vw;
 color               : #ffffff;
 text-align          : right;
 font-size           : 1.6em;
 padding             : 1.2em  0 0.5em 0;
}
#menu-wrap .inner .nav .menuTXT{
 display             : inline;
 padding             : 0 2em 0 0;
}
#menu-wrap .inner .nav .menuSNSsp{
 display             : none;
}
#menu-wrap .inner .nav .menuSNS{
 display             : inline;
 padding             : 0 0.5em 0 0;
}
#menu-wrap .inner .nav .menuTXT a,
#menu-wrap .inner .nav .menuSNS a{
 text-decoration     : none;
 color               : #ffffff;
}
#menu-wrap .inner .nav .menuTXT a:hover,
#menu-wrap .inner .nav .menuSNS a:hover{
 text-decoration     : none;
 color               : #929292;
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}

/* SP用 */
.spmenu{
 display             : none;
}




/*カウンター・珀・隻　共通*/

.sec02,
.sec03,
.sec04{
 width               : 100vw;
 padding             : 0;
 margin              : 0;
 color               : #ffffff;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
}
.sec02 .box,
.sec03 .box,
.sec04 .box{
 position            : relative;
}
.sec02 .box .boxpct,
.sec03 .box .boxpct,
.sec04 .box .boxpct{
 width               : 100%;
 height              : auto;
 position            : relative;
 overflow            : hidden;
}

.sec02 .box .bg,
.sec03 .box .bg,
.sec04 .box .bg{
 width               : 100vw;
 vertical-align      : bottom;
}

.txtSide{
 font-size           : 2vw;
 line-height         : 180%;
}
.txtMenu{
 font-size           : 1.6vw;
 line-height         : 160%;
}
.txtPrice{
 font-size           : 1.8vw;
 line-height         : 160%;
 padding             : 0 0 0 2vw;
}
.txtYen{
 font-size           : 1.1vw;
 line-height         : 160%;
}

.txtYoyaku{
 display             : inline;
 color               : #000000;
 background          : #ffffff;
 padding             : 0.1em 0.5em 0.1em 0.5em;
 margin              : 0 0 0 0;
 border              : 1px solid #ffffff;
 font-size           : 0.8vw;
}
.txtLimit{
 font-size           : 0.8vw;
 display             : inline;
 color               : #ffffff;
 padding             : 0.1em 0.5em 0.1em 0;
 margin              : 0 0 0 0;
 border              : 1px solid #ffffff;
}
.txtLimit2{
 font-size           : 0.8vw;
 display             : inline;
 color               : #ffffff;
 padding             : 0.1em 0em 0.1em 0;
 margin              : 0 0 0 0;
 border              : 1px solid #ffffff;
}
.txtKazu{
 display             : inline;
 color               : #000000;
 background          : #ffffff;
 padding             : 0.1em 0.5em 0.1em 0.5em;
 margin              : 0 0 0 0.5em;
 border              : 1px solid #ffffff;
 font-size           : 0.8vw;
}



/*カウンター*/
.sec02 .box .txt{
 position            : absolute;
 top                 : 30%;
 right               : 4%;
 width               : 22vw;
}
.sec02 .box .txt .txtP{
 display             : block;
 padding             : 0 0 2em 0;
}



/*珀*/
.sec03 .box .txt{
 position            : absolute;
 top                 : 60%;
 left                : 5%;
 width               : 20vw;
}
.sec03 .box .txt .txtP{
 display             : block;
 padding             : 0 0 2em 0;
}
.sec03 .box .txthaku{
 position            : absolute;
 top                 : 10%;
 right               : 0%;
 width               : 20vw;
 padding             : 1em 1em 1em 1em;
 background          : rgba(255,255,255,0.2);
 font-size           : 1.3em;
 line-height         : 160%;
}



/*隻*/
.sec04 .box .txt{
 position            : absolute;
 top                 : 60%;
 left                : 5%;
 width               : 20vw;
}
.sec04 .box .txt .txtP{
 display             : block;
 padding             : 0 0 2em 0;
}



/*料理*/
.cuisine{
 width               : 100vw;
 padding             : 40px 0 80px 0;
 margin              : 0;
 background          : #181818;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
 text-align          : center;
}
.cuisine:after{
 content             : "";
 display             : block;
 clear               : both;
}
.cuisine .box{
 margin              : 0px auto;
 width               : 1000px;
 text-align          : left;
}

.cuisine .box .mds{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.8vw;
 line-height         : 180%;
 padding             : 2em 0 1em 0;
}
.cuisine .box .pic{
 float               : left;
 display             : inline;
 width               : 60%;
}
.cuisine .box .pic img{
 width               : 100%;
}
.cuisine .box .txt{
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : 0 0 0 0%;
 padding             : 0 0 0 0;
}

.cuisine .box .txt .cuisineMenu{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 width               : 100%;
 padding             : 1em 0 0.5em 0;
 border-bottom       : 1px dotted #6d6d6d;
}
.cuisine .box .txt .cuisineName{
 float               : left;
 display             : inline;
 font-size           : 2.3vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 60%;
 text-align          : left;
}
.cuisine .box .txt .cuisinePrice{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 40%;
 text-align          : right;
}
.cuisine .box .txt .cuisineYen{
 font-size           : 1.4vw;
 line-height         : 160%;
}
.cuisine .box .txt .cuisineKondate{
 float               : left;
 display             : inline;
 font-size           : 1.2vw;
 padding             : 1em 0 0 1em;
 line-height         : 160%;
}

.cuisine .box .txt .cuisinetxtmds{
 float               : left;
 display             : inline;
 font-size           : 2vw;
 line-height         : 180%;
 padding             : 0 0 0 0;
 margin              : 0 1em 0 0;
}
.cuisine .box .txt .cuisinetxtmds b{
 color               : #ffffff;
 padding             : 0 0.5em 0 0.5em;
 margin              : 0 0 0 0;
 background          : #666666;
 font-size           : 1.4vw;
 font-weight         : normal;
}


/*2024.04追加▼*/
.cuisine .box .txt .cuisineMenuP{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 width               : 100%;
 padding             : 1em 0 0.5em 0;
 border-bottom       : 1px dotted #6d6d6d;
}
.cuisine .box .txt .cuisineMenuP .pic{
 float               : left;
 display             : inline;
 width               : 30%;
}
.cuisine .box .txt .cuisineNameP{
 float               : left;
 display             : inline;
 font-size           : 2.3vw;
 line-height         : 160%;
 padding             : 1em 0 0 2%;
 width               : 68%;
 text-align          : left;
}
.cuisine .box .txt .cuisinePriceP{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 padding             : 0 0 0 2%;
 width               : 68%;
 text-align          : right;
}
.cuisine .box .txt .cuisineKondateP{
 float               : left;
 display             : inline;
 font-size           : 1.2vw;
 line-height         : 160%;
 padding             : 1em 0 0 2%;
 width               : 68%;
 text-align          : left;
}
/*2024.04追加▲*/

/*2024.04追加▼*/
.cuisine .box .txt .cuisineMenuP2{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 width               : 100%;
 padding             : 1em 0 0.5em 0;
 border-bottom       : 1px dotted #6d6d6d;
}
.cuisine .box .txt .cuisineMenuP2 .pic{
 float               : left;
 display             : inline;
 width               : 45%;
}
.cuisine .box .txt .cuisineNameP2{
 float               : left;
 display             : inline;
 font-size           : 2.3vw;
 line-height         : 160%;
 padding             : 1em 0 0 2%;
 width               : 53%;
 text-align          : left;
}
.cuisine .box .txt .cuisinePriceP2{
 float               : left;
 display             : inline;
 font-size           : 2.4vw;
 line-height         : 160%;
 padding             : 0 0 0 2%;
 width               : 53%;
 text-align          : right;
}
.cuisine .box .txt .cuisineKondateP2{
 float               : left;
 display             : inline;
 font-size           : 1.2vw;
 line-height         : 160%;
 padding             : 1em 0 0 2%;
 width               : 53%;
 text-align          : left;
}
/*2024.04追加▲*/


.cuisine .box2{
 margin              : 0px auto;
 width               : 1000px;
 text-align          : left;
}
.cuisine .box2 .picPC{
 float               : left;
 display             : inline;
 width               : 30%;
 padding             : 2em 0 0 0;
}
.cuisine .box2 .picPC img{
 width               : 100%;
}
.cuisine .box2 .picSP{
 display             : none;
}


.cuisine .box2 .txt{
 float               : left;
 display             : inline;
 width               : 68%;
 margin              : 0 0 0 2%;
 padding             : 2em 0 0 0;
}

.cuisine .box2 .txt .cuisineMenu{
 float               : left;
 display             : inline;
 font-size           : 1.6vw;
 line-height         : 160%;
 width               : 100%;
 padding             : 1em 0 0.5em 0;
 border-bottom       : 1px dotted #6d6d6d;
}
.cuisine .box2 .txt .cuisineName{
 float               : left;
 display             : inline;
 font-size           : 1.6vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 50%;
 text-align          : left;
}
.cuisine .box2 .txt .cuisinePrice{
 float               : left;
 display             : inline;
 font-size           : 1.6vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 50%;
 text-align          : right;
}
.cuisine .box2 .txt .cuisineYen{
 font-size           : 1.1vw;
 line-height         : 160%;
}
.cuisine .box2 .txt .cuisineKondate{
 float               : left;
 display             : inline;
 font-size           : 0.8vw;
 letter-spacing      : -0.05em;
 padding             : 1.5em 0 0 1em;
 line-height         : 160%;
}

.cuisine .box2 .txt .cuisinetxt{
 float               : left;
 display             : inline;
 font-size           : 0.8vw;
 letter-spacing      : 0;
 padding             : 1em 0 0 0;
 line-height         : 160%;
}
.cuisine .box2 .txt .cuisinetxt .ind{
 margin              : 0 0 0 1em;
}

.cuisine .box2 .txt .cuisinetxt a{
 color               : #ffffff;
 text-decoration     : none;
}
.cuisine .box2 .txt .cuisinetxt a:hover{
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}

.cuisinetxtmds{
 float               : left;
 display             : inline;
 font-size           : 1.2vw;
 line-height         : 180%;
 padding             : 0 0 0 0;
 margin              : 0 1em 0 0;
}
.cuisinetxtmds b{
 color               : #ffffff;
 padding             : 0 0.5em 0 0.5em;
 margin              : 0 0 0 0;
 background          : #666666;
 font-size           : 0.9vw;
 font-weight         : normal;
}








/*ランチ*/
.lunch{
 width               : 100vw;
 padding             : 0 0 80px 0;
 margin              : 0;
 background          : #181818;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
 text-align          : center;
}
.lunch:after{
 content             : "";
 display             : block;
 clear               : both;
}
.lunch .box{
 margin              : 0px auto;
 width               : 1000px;
 text-align          : left;
}
.lunch .box .mds{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.8vw;
 line-height         : 180%;
 padding             : 2em 0 1em 0;
}

.lunch .box .pic{
 float               : left;
 display             : inline;
 width               : 60%;
}
.lunch .box .pic img{
 width               : 100%;
}

.lunch .box .txt{
 float               : left;
 display             : inline;
 width               : 38%;
 margin              : 0 0 0 2%;
 padding             : 80px 0 0 0;
}

.lunch .box .txt .ssn{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 0.9vw;
 line-height         : 100%;
 padding             : 0 0 0.5em 0;
}
.lunch .box .txt .mds{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.2vw;
 line-height         : 180%;
 padding             : 0 0 1em 0;
}
.lunch .box .txt .mds2{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.2vw;
 line-height         : 180%;
 padding             : 0 0 1em 0;
}
.lunch .box .txt .mds b{
 color               : #ffffff;
 padding             : 0 0.5em 0 0.5em;
 margin              : 0 0.5em 0 0;
 background          : #666666;
 font-size           : 0.9vw;
 font-weight         : normal;
}
.lunch .box .txt .mds2 b{
 color               : #ffffff;
 padding             : 0.2em 0.5em 0.2em 0.5em;
 margin              : 0 0.5em 0 0;
 font-size           : 0.9vw;
 font-weight         : normal;
 border              : 1px solid #ffffff;
}


.lunchMenu{
 font-size           : 1.6vw;
 line-height         : 160%;
 width               : 100%;
}
.lunchPrice{
 font-size           : 1.6vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 100%;
 text-align          : right;
}
.cuisineYen{
 font-size           : 1.1vw;
 line-height         : 160%;
}
.lunchKondate{
 font-size           : 12px;
 letter-spacing      : 0;
 padding             : 1em 0 0 1em;
}
.lunchtxt{
 font-size           : 0.8vw;
 letter-spacing      : 0;
 margin              : 2em 0 0 0;
}
.lunchtxt2{
 font-size           : 1vw;
 letter-spacing      : 0;
 margin              : 2em 0 0 0;
}





/*宅配*/
.takuhai{
 width               : 100vw;
 padding             : 40px 0 80px 0;
 margin              : 0;
 background          : #181818;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
 text-align          : center;
}
.takuhai:after{
 content             : "";
 display             : block;
 clear               : both;
}
.takuhai .box{
 margin              : 0px auto;
 width               : 1000px;
 text-align          : left;
}

.takuhai .box .mds{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1.8vw;
 line-height         : 180%;
 padding             : 0 0 1em 0;
}
.takuhai .box .mds_SP{
 display             : none;
}
.takuhai .box .left{
 float               : left;
 display             : inline;
 width               : 49%;
}
.takuhai .box .left img{
 width               : 100%;
}
.takuhai .box .right{
 float               : left;
 display             : inline;
 width               : 49%;
 margin              : 0 0 0 2%;
 padding             : 0 0 0 0;
}

.takuhaiMenu{
 font-size           : 1.2vw;
 line-height         : 160%;
 width               : 100%;
}
.takuhaiPrice{
 font-size           : 1.2vw;
 line-height         : 160%;
 padding             : 0 0 0 0;
 width               : 100%;
 text-align          : right;
}
.takuhaiYen{
 font-size           : 0.9vw;
 line-height         : 160%;
}
.takuhaiKondate{
 font-size           : 0.8vw;
 letter-spacing      : 0;
 padding             : 1em 0 0 0;
}
.takuhaiKondate .cont01{
 float               : left;
 display             : inline;
 width               : 63%;
}
.takuhaiKondate .cont02{
 float               : left;
 display             : inline;
 width               : 37%;
}
.takuhaitxt{
 float               : left;
 display             : inline;
 font-size           : 0.8vw;
 letter-spacing      : 0;
 margin              : 2em 0 0 0;
 line-height         : 160%;
}

.takuhai .box .right .set01{
 float               : left;
 display             : inline;
 width               : 49%;
 margin              : 0 0 0 0;
}
.takuhai .box .right .set02{
 float               : left;
 display             : inline;
 width               : 49%;
 margin              : 0 0 0 2%;
}

.takuhai .box .right .set01 img,
.takuhai .box .right .set02 img{
 width               : 100%;
}

.takuhai .box .right .takuhaimds{
 float               : left;
 display             : inline;
 height              : 186px;
 width               : 100%;
 background-image    : url(../img/mdsbg01.png);
 background-repeat   : no-repeat;
 background-position : left 0% bottom 60%;
}
.takuhai .box .right .takuhaimds .mds{
 float               : left;
 display             : inline;
 margin              : 11% 0 0 10%;
 font-size           : 1.5vw;
 line-height         : 180%;
}



/*アクセス*/
.access{
 width               : 100vw;
 padding             : 0;
 margin              : 0;
 font-size           : 0.9vw;
 line-height         : 180%;
 letter-spacing      : 0.1em;
}
.access:after{
 content             : "";
 display             : block;
 clear               : both;
}
.access .mds_SP{
 display             : none;
 width               : 90%;
 font-size           : 6vw;
 line-height         : 180%;
 padding             : 4em 5% 1em 5%;
}

.access .image{
 position            : relative;
}
.access .image .bg{
 width               : 100vw;
 vertical-align      : bottom;
}

.access .box{
 margin              : 0px auto;
 padding             : 40px 0 0 0;
 width               : 1000px;
 text-align          : left;
}
.access .box .left{
 float               : left;
 display             : inline;
 width               : 49%;
}
.access .box .right{
 float               : left;
 display             : inline;
 width               : 45%;
 margin              : 0 0 0 6%;
 padding             : 0 0 0 0;
}
.access .box .right .tel{
 float               : left;
 display             : inline;
 margin              : 20px 0 10px 0;
 font-size           : 2vw;
 line-height         : 140%;
 width               : 100%;
}
.access .box .right .tel .txtS{
 font-size           : 0.7em;
}




.access .box .right .acslogo{
 margin              : 40px 0 30px 0;
 width               : 30%;
}
.access .box .right .acslogo img{
 width               : 100%;
}

.gmap {
 height              : 0;
 overflow            : hidden;
 padding-bottom      : 100%;
 position            : relative;
}
.gmap iframe {
 position            : absolute;
 left                : 0;
 top                 : 0;
 height              : 100%;
 width               : 100%;
}


.access .box .right .aclink{
 float               : left;
 display             : inline;
 margin              : 0 0 10px 0;
 width               : 100%;
}
.access .box .right .aclink a{
 color               : #ffffff;
 text-decoration     : none;
}

.access .box .right .aclink a:hover{
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}
.access .box .right .aclink a img{
 vertical-align      : middle;
 margin              : 0 0 10px 0;
}

.access .box .right .kakomi{
 float               : left;
 display             : inline;
 margin              : 0 0 10px 0;
 padding             : 1em 1em 1em 1em;
 border              : 1px solid #ffffff;
}
.access .box .right .kakomi h2{
 font-weight         : normal;
 padding             : 0.5em 0 0.5em 0;
}
.access .box .right .kakomi .name{
 float               : left;
 display             : inline;
 margin              : 0 0 0 0;
 padding             : 1em 0 1em 0;
 width               : 100%;
 text-align          : right;
}
.access .box .right .keiyaku{
 display             : inline-block;
 margin              : 0 0 10px 0;
 padding             : 0.2em 1em 0.2em 1em;
 background          : #ffffff;
 color               : #000000;
}




/*お問い合わせ*/
.contact{
 width               : 100vw;
 padding             : 40px 0 80px 0;
 margin              : 0;
 font-size           : 0.9vw;
 line-height         : 160%;
 text-align          : center;
}
.contact:after{
 content             : "";
 display             : block;
 clear               : both;
}
.contact .box{
 margin              : 0px auto;
 width               : 1000px;
 text-align          : left;
}
.contact .box .mds_SP{
 display             : none;
}

.contact .box .left{
 float               : right;
 display             : inline;
 width               : 49%;
 padding             : 50px 0 0 0;
}
.contact .box .right{
 float               : right;
 display             : inline;
 width               : 49%;
 margin              : 0 0 0 2%;
 padding             : 0 0 0 0;
}

.contact .box .right .contactmds{
 float               : left;
 display             : inline;
 height              : 106px;
 width               : 100%;
 background-image    : url(../img/mdsbg01.png);
 background-repeat   : no-repeat;
 background-position : left 0% bottom 25%;
}
.contact .box .right .contactmds .mds{
 float               : left;
 display             : inline;
 margin              : 10% 0 0 10%;
 font-size           : 1.5vw;
 line-height         : 180%;
}

.contact .box .right .tel{
 float               : left;
 display             : inline;
 margin              : 20px 0 40px 0;
 font-size           : 2vw;
 width               : 100%;
}
.contact .box .right .tel .txtS{
 font-size           : 0.7em;
}


.cell00{
 float               : left;
 display             : inline;
 border-bottom       : 0px dotted #898989;
 width               : 100%;
}
.cell00 .cell01{
 float               : left;
 display             : inline;
 padding             : 10px 0 10px 0;
 width               : 30%;
}
.cell00 .cell02{
 float               : left;
 display             : inline;
 padding             : 10px 0 10px 0;
 width               : 70%;
}
.cell00 .cell03{
 float               : left;
 display             : inline;
 padding             : 0 0 20px 0;
 width               : 100%;
 text-align          : center;
}

.fl      { width : 300px; height : 24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
textarea { width : 300px; height : 10em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
.soushin { width : 200px; height : 50px; background: #10376b; color : #ffffff; border: solid 0px #10376b; cursor:  "hand"; margin-top : 10px;}





/*フッター*/
footer{
 clear               : both;
 display             : block;
 margin              : 100px 0 0 0;
 padding             : 0 0 0 0;
 width               : 100%;
 background          : #10376b;
 text-align          : center;
 font-size           : 1.2em;
 line-height         : 180%;
 color               : #ffffff;
}
footer .foot{
 clear               : both;
 display             : block;
 margin              : 0 auto;
 padding             : 70px 0 100px 0;
 width               : 1000px;
 position            : relative;
}
footer .foot strong{
 font-size           : 2em;
}
footer .foot p{
 width               : 100%;
 padding             : 2em 0 0 0;
}
.foot p a{
 display             : inline-block;
 padding             : 10px 10px 0 0;
 color               : #ffffff;
 text-decoration     : none;
}
.foot p a:hover{
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}

footer .foot .sec{
 padding             : 10px 0 0 0;
 margin              : 0 auto;
 width               : 70%;
 position            : relative;
 font-size           : 0.9vw;
 line-height         : 180%;
}




/*お知らせ*/
.notice{
 width               : 100vw;
 padding             : 0;
 margin              : 0 0 0 0;
 color               : #ffffff;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
}
.notice .area{
 width               : 100vw;
 text-align          : center;
 padding             : 2em 0 2em 0;
}
.notice .area:after{
 content             : "";
 display             : block;
 clear               : both;
}

.notice .area .txt{
 margin              : 0 auto;
 width               : 1000px;
 text-align          : left;
 color               : #ffffff;
}
.notice .area .txt strong{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 0.5em 0;
 font-size           : 2vw;
 line-height         : 180%;
}

.notice .area .txt .mds{
 width               : 100%;
 padding             : 0 0 0.5em 0;
 font-size           : 1.6em;
}


.notice .area .txt .left{
 float               : left;
 display             : inline;
 width               : 39%;
 padding             : 1em 0 0 0;
}
.notice .area .txt .right{
 float               : left;
 display             : inline;
 width               : 55%;
 margin              : 0 0 0 6%;
 padding             : 1em 0 0 0;
}
.notice .area .txt .left .name,
.notice .area .txt .right .name{
 width               : 100%;
 padding             : 0 0 0.5em 0;
 font-size           : 1.6em;
}
.notice .area .txt .left .name span,
.notice .area .txt .right .name span{
 font-size           : 0.8em !important;
}
.notice .area .txt .left .tel,
.notice .area .txt .right .tel{
 width               : 95%;
 padding             : 0 0 2.5em 5%;
}
.notice .area .txt .left .tel a,
.notice .area .txt .right .tel a{
 color               : #ffffff;
 text-decoration     : none;
}
.notice .area .txt .left .tel a:hover,
.notice .area .txt .right .tel a:hover{
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}
.notice .area .txt .left .tel a img,
.notice .area .txt .right .tel a img{
 vertical-align      : middle;
 margin              : 0 0 10px 0;
}
.notice .area .txt .left .tel a span,
.notice .area .txt .right .tel a span{
 font-size           : 0.9em;
}

.notice .area .txt .left .tel .sanso,
.notice .area .txt .right .tel .sanso{
 width               : 100%;
 padding             : 1em 0 1em 0;
}







/*檸について*/
.about{
 width               : 100vw;
 padding             : 0;
 margin              : 0 0 0 0;
 color               : #ffffff;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
}
.about .box{
 position            : relative;
}
.about .box .boxpct{
 width               : 100%;
 height              : auto;
 position            : relative;
 overflow            : hidden;
}

.about .box .bg{
 width               : 100vw;
 vertical-align      : bottom;
}
.about .box .area{
 position            : absolute;
 top                 : 30%;
 left                : 0%;
 width               : 100vw;
 height              : 70%;
 background          : rgba(0,0,0,0.5);
 text-align          : center;
}
.about .box .area .txt{
 margin              : 0 auto;
 padding             : 1em 0 0 0;
 width               : 1000px;
 text-align          : left;
 color               : #ffffff;
}
.about .box .area .txt strong{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 0.5em 0;
 font-size           : 2vw;
 line-height         : 180%;
}



.about .box .area .txt .add{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1em 0 0 0;
 text-align          : left;
}



.about .box .area .txt .add .left{
 float               : right;
 display             : inline;
 width               : 69%;
 padding             : 0em 0 0 0;
}
.about .box .area .txt .add .right{
 float               : right;
 display             : inline;
 width               : 25%;
 margin              : 0 0 0 6%;
 padding             : 1em 0 0 0;
}
.about .area .txt .add .right .name{
 width               : 100%;
 padding             : 0 0 0.5em 0;
 font-size           : 1.4em;
}
.about .area .txt .add .right .tel{
 width               : 95%;
 padding             : 0 0 2.5em 5%;
 font-size           : 0.9em;
}
.about .area .txt .add .right .tel a{
 color               : #ffffff;
 text-decoration     : none;
}
.about .area .txt .add .right .tel a:hover{
 opacity             : 0.5;
 transition-duration : 1s;
 transition-timing-function:ease-in-out;
}
.about .area .txt .add .right .tel a img{
 vertical-align      : middle;
 margin              : 0 0 10px 0;
}
.about .area .txt .add .right .tel a span{
 font-size           : 0.9em;
}


.about .area .txt .kakomi{
 float               : left;
 display             : inline;
 margin              : 0 0 10px 0;
 padding             : 1em 1em 1em 1em;
 border              : 1px solid #ffffff;
}



.gmap2 {
 height              : 0;
 overflow            : hidden;
 padding-bottom      : 100%;
 position            : relative;
}
.gmap2 iframe {
 position            : absolute;
 left                : 0;
 top                 : 0;
 height              : 18vw;
 width               : 100%;
}




.topmovie{
 width               : 100vw;
 padding             : 0;
 margin              : 0;
 color               : #ffffff;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
 min-height          : 100%;
}



/*S1*/
.sec01{
 width               : 100vw;
 height              : 100vh;
 background          : #181818;
 text-align          : center;
 position            : relative;
 color               : #ffffff;
}
.sec01 .box{
 position            : absolute;
 top                 : 50%;
 left                : 50%;
 transform           : translateY(-50%) translateX(-50%);
 -webkit-transform   : translateY(-50%) translateX(-50%);
 width               : 10%;
}
.sec01 .box_39A{
 position            : absolute;
 top                 : 35%;
 left                : 50%;
 transform           : translateY(-50%) translateX(-50%);
 -webkit-transform   : translateY(-50%) translateX(-50%);
 width               : 20%;
}
.sec01 .box_39A img{
 width               : 70%;
}



.sec01 .box_39B{
 position            : absolute;
 top                 : 70%;
 left                : 50%;
 transform           : translateY(-50%) translateX(-50%);
 -webkit-transform   : translateY(-50%) translateX(-50%);
 width               : 40%;
 font-size           : 14px;
 line-height         : 180%;
}
.sec01 .box_39B a{
 color               : #ffffff;
 padding             : 0.5em 1em 0.5em 1em;
 border              : 1px solid #ffffff;
 display             : inline-block;
 margin              : 1em 0 0 0;
 text-decoration     : none;
}
.sec01 .box_39B a:hover{
 color               : #10376b;
 padding             : 0.5em 1em 0.5em 1em;
 border              : 1px solid #ffffff;
 display             : inline-block;
 margin              : 1em 0 0 0;
 text-decoration     : none;
 background          : #ffffff;
}








/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (max-width: 850px) {


	.codepc{ display     : none; }
	.codesp{ display     : inline; }

	a[href^="tel:"]{
	 pointer-events: auto;
	}




	#notice,
	#about,
	#haku,
	#seki,
	#counter,
	#cuisine,
	#takuhai,
	#access,
	#contact{
	 margin-top : -60px;
	 padding-top: 60px;
	}



/*ヘッダー*/
	#menu-wrap{
	}
	#menu-wrap .inner{
	}


	#menu-wrap .inner .logo{
	 width               : 20vw;
	 z-index             : 2;
	}
	#menu-wrap .inner .logo img{
	 padding             : 20px 0% 20px 0%;
	}

	#menu-wrap .inner .modal-content .nav{
	 float               : left;
	 display             : inline;
	 width               : 94%;;
	 color               : #ffffff;
	 text-align          : left;
	 font-size           : 1.4em;
	 padding             : 1em  3% 0.5em 3%;
	}
	#menu-wrap .inner .nav .menuTXT{
	 display             : block;
	 padding             : 1em 0 1em 0;
	 width               : 100%;
	 border-bottom       : 1px dotted #cccccc;
	}
	#menu-wrap .inner .nav .menuSNSsp{
	 display             : block;
	 padding             : 1em 0 1em 0;
	 width               : 100%;
	 border-bottom       : 1px dotted #cccccc;
	}
	#menu-wrap .inner .nav .menuSNSsp img{
	 padding             : 0 1em 0 0;
	 vertical-align      : -20%;
	}
	#menu-wrap .inner .nav .menuSNS{
	 display             : none;
	}
	#menu-wrap .inner .nav .menuTXT a,
	#menu-wrap .inner .nav .menuSNS a,
	#menu-wrap .inner .nav .menuSNSsp a{
	 text-decoration     : none;
	 color               : #ffffff;
	}
	#menu-wrap .inner .nav .menuTXT a:hover,
	#menu-wrap .inner .nav .menuSNS a:hover{
	 text-decoration     : none;
	 color               : #ffffff;
	 opacity             : 0.5;
	 transition-duration : 1s;
	 transition-timing-function:ease-in-out;
	}
/* スクロール後固定 */
	.fixed{
	 position            : fixed;
	 top                 : 0px;
	 left                : 0px
	 z-index             : 9999;
	}
/* SP用 */
	.spmenu{
	 float               : right;
	 display             : inline;
	 padding             : 10px 0 0 0;
	}





/*カウンター・珀・隻　共通*/

	.sec02,
	.sec03,
	.sec04{
	 padding             : 0 0 4em 0;
	 font-size           : 4vw;
	}
	.sec02 .box,
	.sec03 .box,
	.sec04 .box{
	 position            : static;
	}

	.sec02 .box .boxpct,
	.sec03 .box .boxpct,
	.sec04 .box .boxpct{
	 width               : 100vw;
	 height              : 60vh;
	 position            : relative;
	 overflow            : hidden;
	}
	.sec02 .box .boxpct img,
	.sec03 .box .boxpct img,
	.sec04 .box .boxpct img{
	 position            : absolute;
	 top                 : 50%;
	 left                : 50%;
	 transform           : translateY(-50%) translateX(-50%);
	 -webkit-transform   : translateY(-50%) translateX(-50%);
	 width               : auto;
	 height              : 60vh;
	}


	.sec02 .box .bg,
	.sec03 .box .bg,
	.sec04 .box .bg{
	}

	.txtSide{
	 font-size           : 6vw;
	}
	.txtMenu{
	 font-size           : 5vw;
	 line-height         : 140%;
	}
	.txtPrice{
	 font-size           : 6vw;
	}
	.txtYen{
	 font-size           : 4vw;
	 line-height         : 160%;
	}

	.txtYoyaku{
	 color               : #ffffff;
	 background          : #474748;
	 padding             : 0.1em 0.5em 0.1em 0.5em;
	 border              : 1px solid #474748;
	 font-size           : 2vw;
	}
	.txtLimit{
	 font-size           : 2vw;
	 padding             : 0.1em 0.5em 0.1em 0;
	 margin              : 0 0 0 0;
	 border              : 1px solid #474748;
	}
	.txtLimit2{
	 font-size           : 2vw;
	 padding             : 0.1em 0em 0.1em 0;
	 margin              : 0 0 0 0;
	 border              : 1px solid #474748;
	}
	.txtKazu{
	 color               : #ffffff;
	 background          : #474748;
	 padding             : 0.1em 0.5em 0.1em 0.5em;
	 border              : 1px solid #474748;
	 font-size           : 2vw;
	}



/*カウンター*/
	.sec02 .box .txt{
	 position            : static;
	 width               : 90%;
	 padding             : 1em 5% 1em 5%;
	}
	.sec02 .box .txt .txtP{
	 padding             : 0 0 1em 0;
	}



/*珀*/
	.sec03 .box .txt{
	 position            : static;
	 width               : 90%;
	 padding             : 1em 5% 1em 5%;
	}
	.sec03 .box .txt .txtP{
	 display             : block;
	 padding             : 0 0 1em 0;
	}
	.sec03 .box .txthaku{
	 position            : static;
	 width               : 80%;
	 padding             : 1em 5% 1em 5%;
	 margin              : 0em 0 0 4%;
	 background          : rgba(255,255,255,0);
	 font-size           : 3.5vw;
	 border              : 1px solid #ffffff;
	}



/*隻*/
	.sec04 .box .txt{
	 position            : static;
	 width               : 90%;
	 padding             : 1em 5% 1em 5%;
	}
	.sec04 .box .txt .txtP{
	 padding             : 0 0 1em 0;
	}



/*料理*/
	.cuisine{
	 padding             : 40px 0 40px 0;
	}
	.cuisine:after{
	}
	.cuisine .box{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}

	.cuisine .box .mds{
	 font-size           : 6vw;
	}
	.cuisine .box .pic{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	}
	.cuisine .box .pic img{
	}
	.cuisine .box .txt{
	 width               : 100%;
	 margin              : 0 0% 0 0%;
	 padding             : 10px 0 0 0;
	}

	.cuisineMenu{
	 font-size           : 5vw;
	 line-height         : 160%;
	 width               : 100%;
	}
	.cuisineMenu:first-child{
	 font-size           : 5vw;
	 line-height         : 160%;
	 width               : 100%;
	 padding             : 0 0 0 0;
	}
	.cuisinePrice{
	 font-size           : 5vw;
	}
	.cuisineYen{
	}
	.cuisineKondate{
	 font-size           : 3vw;
	 letter-spacing      : 0;
	 line-height         : 160%;
	}

	.cuisinetxt{
	 font-size           : 3vw;
	 letter-spacing      : 0;
	 margin              : 2em 0 0 0;
	 line-height         : 160%;
	}
	.cuisinetxt .ind{
	}

	.cuisinetxt a{
	}
	.cuisinetxt a:hover{
	}

	.cuisineMenu .cuisinetxtmds{
	 font-size           : 3vw;
	}
	.cuisineMenu .cuisinetxtmds b{
	 font-size           : 3vw;
	}





	.cuisine .box .txt .cuisineMenu{
	 font-size           : 5vw;
	 line-height         : 160%;
	 width               : 100%;
	 padding             : 1em 0 0.5em 0;
	 border-bottom       : 1px dotted #6d6d6d;
	}
	.cuisine .box .txt .cuisineName{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : left;
	}
	.cuisine .box .txt .cuisinePrice{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : right;
	}
	.cuisine .box .txt .cuisineYen{
	 font-size           : 3vw;
	 line-height         : 160%;
	}
	.cuisine .box .txt .cuisineKondate{
	 font-size           : 3vw;
	 padding             : 1em 0 0 1em;
	 line-height         : 160%;
	}

	.cuisine .box .txt .cuisinetxtmds{
	 width               : 100%;
	 font-size           : 3vw;
	 line-height         : 180%;
	 padding             : 0 0 0 0;
	 margin              : 0 1em 0 0;
	}
	.cuisine .box .txt .cuisinetxtmds b{
	 font-size           : 3vw;
	}



/*2024.04追加▼*/
	.cuisine .box .txt .cuisineMenuP{
	 font-size           : 5vw;
	 line-height         : 160%;
	 width               : 100%;
	 padding             : 1em 0 0.5em 0;
	 border-bottom       : 1px dotted #6d6d6d;
	}
	.cuisine .box .txt .cuisineMenuP .pic{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}
	.cuisine .box .txt .cuisineNameP{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : left;
	}
	.cuisine .box .txt .cuisinePriceP{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : right;
	}
	.cuisine .box .txt .cuisineKondateP{
	 float               : left;
	 display             : inline;
	 font-size           : 3vw;
	 letter-spacing      : 0;
	 line-height         : 160%;
	 padding             : 1em 0 0 0%;
	 width               : 100%;
	}
/*2024.04追加▲*/

/*2024.04追加▼*/
	.cuisine .box .txt .cuisineMenuP2{
	 font-size           : 5vw;
	 line-height         : 160%;
	 width               : 100%;
	 padding             : 1em 0 0.5em 0;
	 border-bottom       : 1px dotted #6d6d6d;
	}
	.cuisine .box .txt .cuisineMenuP2 .pic{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}
	.cuisine .box .txt .cuisineNameP2{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : left;
	}
	.cuisine .box .txt .cuisinePriceP2{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : right;
	}
	.cuisine .box .txt .cuisineKondateP2{
	 float               : left;
	 display             : inline;
	 font-size           : 3vw;
	 letter-spacing      : 0;
	 line-height         : 160%;
	 padding             : 1em 0 0 0%;
	 width               : 100%;
	}
/*2024.04追加▲*/



	.cuisine .box2{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}
	.cuisine .box2 .picPC{
	 display             : none;
	}
	.cuisine .box2 .picSP{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 padding             : 5em 5% 0 5%;
	}
	.cuisine .box2 .picSP img{
	 width               : 100%;
	}
	.cuisine .box2 .txt{
	 width               : 100%;
	 margin              : 0 0% 0 0%;
	 padding             : 10px 0 0 0;
	}

	.cuisine .box2 .txt .cuisineMenu{
	 font-size           : 5vw;
	 padding             : 1em 0 0.5em 0;
	 border-bottom       : 1px dotted #6d6d6d;
	}
	.cuisine .box2 .txt .cuisineName{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : left;
	}
	.cuisine .box2 .txt .cuisinePrice{
	 font-size           : 5vw;
	 line-height         : 160%;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : right;
	}
	.cuisine .box2 .txt .cuisineYen{
	 font-size           : 3vw;
	 line-height         : 160%;
	}
	.cuisine .box2 .txt .cuisineKondate{
	 font-size           : 3vw;
	 letter-spacing      : 0em;
	 padding             : 1em 1em 0 1em;
	 line-height         : 160%;
	}

	.cuisine .box2 .txt .cuisinetxt{
	 font-size           : 3vw;
	 letter-spacing      : 0;
	 margin              : 2em 0 0 0;
	 line-height         : 160%;
	}
	.cuisine .box2 .txt .cuisinetxt .ind{
	}

	.cuisine .box2 .txt .cuisinetxt a{
	}
	.cuisine .box2 .txt .cuisinetxt a:hover{
	}

	.cuisinetxtmds{
	 font-size           : 3vw;
	}
	.cuisinetxtmds b{
	 font-size           : 3vw;
	}













/*ランチ*/
	.lunch{
	 padding             : 40px 0 40px 0;
	}
	.lunch:after{
	}
	.lunch .box{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}

	.lunch .box .mds{
	 font-size           : 6vw;
	}
	.lunch .box .pic{
	 width               : 100%;
	}
	.lunch .box .pic img{
	}

	.lunch .box .txt{
	 width               : 100%;
	 margin              : 0 0 0 0;
	 padding             : 10px 0 0 0;
	}

	.lunch .box .txt .ssn{
	 font-size           : 4vw;
	}
	.lunch .box .txt .mds{
	 font-size           : 6vw;
	}
	.lunch .box .txt .mds2{
	 font-size           : 4vw;
	}
	.lunch .box .txt .mds b{
	 font-size           : 5vw;
	}
	.lunch .box .txt .mds2 b{
	 font-size           : 4vw;
	}


	.lunchMenu{
	 font-size           : 5vw;
	}
	.lunchPrice{
	 font-size           : 5vw;
	}
	.lunchYen{
	 font-size           : 3vw;
	}
	.lunchKondate{
	 font-size           : 3vw;
	 padding             : 1em 0 0 1em;
	 line-height         : 160%;
	}
	.lunchtxt{
	 font-size           : 3vw;
	 line-height         : 160%;
	}
	.lunchtxt2{
	 font-size           : 4vw;
	 line-height         : 160%;
	}





/*宅配*/
	.takuhai{
	 padding             : 40px 0 40px 0;
	}
	.takuhai:after{
	}
	.takuhai .box{
	 width               : 90%;
	 padding             : 0 5% 0 5%;
	}

	.takuhai .box .mds{
	 font-size           : 6vw;
	}
	.takuhai .box .mds_SP{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 font-size           : 6vw;
	 line-height         : 180%;
	 padding             : 40px 0% 1em 0%;
	}
	.takuhai .box .left{
	 width               : 100%;
	}
	.takuhai .box .left img{
	}
	.takuhai .box .right{
	 width               : 100%;
	 margin              : 0 0 0 0;
	}

	.takuhaiMenu{
	 font-size           : 5vw;
	}
	.takuhaiPrice{
	 font-size           : 5vw;
	}
	.takuhaiYen{
	 font-size           : 3vw;
	}
	.takuhaiKondate{
	 font-size           : 3vw;
	 line-height         : 180%;
	 padding             : 1em 0 0 1em;
	}
	.takuhaiKondate .cont01{
	 width               : 100%;
	}
	.takuhaiKondate .cont02{
	 width               : 100%;
	}
	.takuhaitxt{
	 font-size           : 3vw;
	 margin              : 2em 0 2em 0;
	}

	.takuhai .box .right .set01{
	 width               : 100%;
	}
	.takuhai .box .right .set02{
	 width               : 100%;
	}

	.takuhai .box .right .set01 img,
	.takuhai .box .right .set02 img{
	}

	.takuhai .box .right .takuhaimds{
	 display             : none;
	}
	.takuhai .box .right .takuhaimds .mds{
	 display             : none;
	}



/*アクセス*/
	.access{
	 font-size           : 4vw;
	 line-height         : 160%;
	}
	.access:after{
	}
	.access .mds_SP{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 font-size           : 6vw;
	 line-height         : 180%;
	 padding             : 4em 5% 1em 5%;
	}

	.access .image{
	}
	.access .image .bg{
	}

	.access .box{
	 padding             : 0 0 0 0;
	 width               : 100%;
	}
	.access .box .left{
	 width               : 100%;
	}
	.access .box .right{
	 width               : 90%;
	 margin              : 0 0 0 0;
	 padding             : 0 5% 0 5%;
	}

	.access .box .right .tel{
	 font-size           : 5vw;
	}
	.access .box .right .tel a{
	 color               : #ffffff;
	}
	.access .box .right .tel .txtS{
	 font-size           : 0.7em;
	}

	.access .box .right .acslogo{
	}
	.access .box .right .acslogo img{
	}

	.gmap {
	 padding-bottom      : 50%;
	}
	.gmap iframe {
	}

	.access .box .right .aclink{
	}
	.access .box .right .aclink a{
	}
	.access .box .right .aclink a:hover{
	}
	.access .box .right .aclink a img{
	}
	.access .box .right .kakomi{
	}
	.access .box .right .kakomi h2{
	}
	.access .box .right .kakomi .name{
	}
	.access .box .right .keiyaku{
	}





/*お問い合わせ*/
	.contact{
	 padding             : 40px 0 40px 0;
	 font-size           : 4vw;
	}
	.contact:after{
	}
	.contact .box{
	 width               : 100%;
	}
	.contact .box .mds_SP{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 font-size           : 6vw;
	 line-height         : 180%;
	 padding             : 4em 5% 1em 5%;
	}

	.contact .box .left{
	 float               : right;
	 display             : inline;
	 width               : 90%;
	 padding             : 50px 5% 0 5%;
	}
	.contact .box .right{
	 width               : 90%;
	 margin              : 0 0 0 0%;
	 padding             : 0 5% 0 5%;
	}

	.contact .box .right .contactmds{
	 display             : none;
	}
	.contact .box .right .contactmds .mds{
	}

	.contact .box .right .tel{
	 font-size           : 6vw;
	}
	.contact .box .right .tel a{
	 color               : #ffffff;
	}
	.contact .box .right .tel .txtS{
	}


	.cell00{
	}
	.cell00 .cell01{
	 padding             : 10px 0 0 0;
	 width               : 100%;
	}
	.cell00 .cell02{
	 padding             : 10px 0 20px 0;
	 width               : 100%;
	}
	.cell00 .cell03{
	}

	.fl      { width : 95%; height : 24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	textarea { width : 95%; height : 10em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	.soushin { width : 95%; height : 50px; background: #10376b; color : #ffffff; border: solid 0px #10376b; cursor:  "hand"; margin-top : 10px;}






/*フッター*/
	footer{
	}
	footer .foot{
	 width               : 100%;
	}
	footer .foot strong{
	}
	footer .foot p{
	}
	.foot p a{
	}
	.foot p a:hover{
	}

	footer .foot .sec{
	 padding             : 10px 0 0 0;
	 margin              : 0 auto;
	 width               : 80%;
	 position            : relative;
	 font-size           : 3.8vw;
	 line-height         : 180%;
	}




/*お知らせ*/
	.notice{
	 font-size           : 4vw;
	}
	.notice .area{
	}
	.notice .area:after{
	}

	.notice .area .txt{
	 width               : 90%;
	}
	.notice .area .txt .mds{
 font-size            : 1.3em;
	}
	.notice .area .txt strong{
	 font-size           : 6vw;
	}

	.notice .area .txt .left{
	 width               : 100%;
	 margin              : 0 0 0 0%;
	 padding             : 2em 0 0 0;
	}
	.notice .area .txt .right{
	 width               : 100%;
	 margin              : 0 0 0 0%;
	 padding             : 2em 0 0 0;
	}
	.notice .area .txt .left .name,
	.notice .area .txt .right .name{
	 font-size           : 1.2em;
	}
	.notice .area .txt .left .name .menb,
	.notice .area .txt .right .name .menb{
	 font-size           : 0.8em;
	}
	.notice .area .txt .left .tel,
	.notice .area .txt .right .tel{
	}
	.notice .area .txt .left .tel a,
	.notice .area .txt .right .tel a{
	}
	.notice .area .txt .left .tel a:hover,
	.notice .area .txt .right .tel a:hover{
	}
	.notice .area .txt .left .tel a img,
	.notice .area .txt .right .tel a img{
	}
	.notice .area .txt .left .tel a span,
	.notice .area .txt .right .tel a span{
	}

	.notice .area .txt .left .tel .sanso,
	.notice .area .txt .right .tel .sanso{
	 width               : 95%;
	 padding             : 1em 0 1em 0;
	}





/*檸について*/
	.about{
	 margin              : 0;
	 color               : #474748;
	 font-size           : 4vw;
	}
	.about .box{
	 position            : static;
	}
	.about .box .boxpct{
	 width               : 100vw;
	 height              : 60vh;
	 position            : relative;
	 overflow            : hidden;
	}
	.about .box .boxpct img{
	 position            : absolute;
	 top                 : 50%;
	 left                : 50%;
	 transform           : translateY(-50%) translateX(-50%);
	 -webkit-transform   : translateY(-50%) translateX(-50%);
	 width               : auto;
	 height              : 60vh;
	}


	.about .box .bg{
	}

	.about .box .area{
	 position            : static;
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 padding             : 1em 5% 1em 5%;
	 margin              : 0 0 2em 0;
	 background          : none;
	 height              : auto !important;
	}
	.about .box .area .txt{
	 width               : 100%;
	}
	.about .box .area .txt strong{
	 font-size           : 6vw;
	}


	.about .box .area .txt .add{
	}



	.about .box .area .txt .add .left{
	 width               : 100%;
	 padding             : 0em 0 0 0;
	}
	.about .box .area .txt .add .right{
	 width               : 100%;
	 margin              : 0 0 0 0%;
	 padding             : 1em 0 0 0;
	}
	.about .area .txt .add .right .name{
	}
	.about .area .txt .add .right .tel{
	}
	.about .area .txt .add .right .tel a{
	}
	.about .area .txt .add .right .tel a:hover{
	}
	.about .area .txt .add .right .tel a img{
	}
	.about .area .txt .add .right .tel a span{
	 font-size           : 0.9em;
	}


	.gmap2 {
	}
	.gmap2 iframe {
	 height              : 100vw;
	}




.topmovie{
 width               : 100vw;
 padding             : 0;
 margin              : 0;
 color               : #ffffff;
 font-size           : 1vw;
 line-height         : 160%;
 letter-spacing      : 0.1em;
 min-height          : 10%;
}




/*S1*/
	.sec01{
	}
	.sec01 .box{
	 width               : 30%;
	}

	.sec01 .box_39A{
	 top                 : 20%;
	 left                : 50%;
	 transform           : translateY(-50%) translateX(-50%);
	 -webkit-transform   : translateY(-50%) translateX(-50%);
	 width               : 30%;
	}
	.sec01 .box_39B{
	 top                 : 60%;
	 left                : 50%;
	 transform           : translateY(-50%) translateX(-50%);
	 -webkit-transform   : translateY(-50%) translateX(-50%);
	 width               : 90%;
	 font-size           : 3vw;
	 line-height         : 180%;
	}
	.sec01 .box_39A img{
	 width               : 100%;
	}
	.sec01 .box_39B a{
	}
	.sec01 .box_39B a:hover{
	}







}/*--*/