@charset "utf-8";


.photoBox .bx-wrapper{max-width:400px !important;}
.photoBox.boxL .bx-wrapper{max-width:100% !important;}



/* ===========================================================
 #kaninobou-contents-common
=========================================================== */
#kaninobou #header h1 a{background-image:url(../images_kaninobou/common/logo.png);}

/* ===========================================================
 .bodyIndex
=========================================================== */
.bodyIndex{background:none;}
.bodyIndex #fadeCover{position:fixed;top:0;left:0;width:100%;height:100%;background:#000 url(../images_kaninobou/index/bg_mikuni.jpg) no-repeat 50% 0;z-index:999999999;}
.bodyIndex #fadeCover p{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:url(../images_kaninobou/index/txt_mikuniminato.png) no-repeat 50% 120px;}
.bodyIndex #fadeCover div{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:url(../images_kaninobou/index/bg_kani.jpg) no-repeat 50% 0;}
/***************/
.bodyIndex #contents #fullscreensliderParts{display:none;}

/* ===========================================================
 .bodyNews
=========================================================== */
.bodyNews #pagetitleArea h1{background-image:url(../images_kaninobou/news/index/pagetitle.png);}

/* ===========================================================
 .bodyAboutus
=========================================================== */
.bodyAboutus .textBox{text-align:left;}
.bodyAboutus #container h2{background-repeat:no-repeat;background-position:50% 0;}
.bodyAboutus #container h3{padding-bottom:50px;}
.bodyAboutus #pagetitleArea h1{height:295px;background-image:url(../images_kaninobou/aboutus/index/pagetitle.png);}
.bodyAboutus #about_mikuni{min-height:850px;background-image:url(../images_kaninobou/aboutus/index/bg_mikuni.jpg);}
.bodyAboutus #about_mikuni h2{height:205px;background-image:url(../images_kaninobou/aboutus/index/title_mikuni.png);}
.bodyAboutus #about_honmono{background-image:url(../images_kaninobou/aboutus/index/bg_honmono.jpg);background-position:70% 0 !important;}
.bodyAboutus #about_honmono h2{height:270px;background-image:url(../images_kaninobou/aboutus/index/title_honmono.png);}
.bodyAboutus #about_honmono .textBox{padding-top:360px;}
.bodyAboutus #about_kani{background-image:url(../images_kaninobou/aboutus/index/bg_kani.jpg);background-position:50% bottom;}
.bodyAboutus #about_kani h2{height:195px;background-image:url(../images_kaninobou/aboutus/index/title_kani.png);}
.bodyAboutus #about_kani .textBox{padding-bottom:450px;}
.bodyAboutus #about_tasai{background-image:url(../images_kaninobou/aboutus/index/bg_tasai.jpg);}
.bodyAboutus #about_tasai h2{height:140px;background-image:url(../images_kaninobou/aboutus/index/title_tasai.png);}
.bodyAboutus #about_tasai h3 br{display:block !important;}
.bodyAboutus #about_tasai .textBox{padding-top:360px;}
.bodyAboutus #about_kutsurogi{background-image:url(../images_kaninobou/aboutus/index/bg_kutsurogi.jpg);}
.bodyAboutus #about_kutsurogi h2{height:305px;background-image:url(../images_kaninobou/aboutus/index/title_kutsurogi.png);}
.bodyAboutus #about_bouyourou{background-image:url(../images_kaninobou/aboutus/index/bg_bouyourou.jpg);background-position:50% bottom;}
.bodyAboutus #about_bouyourou h2{height:250px;background-image:url(../images_kaninobou/aboutus/index/title_bouyourou.png);}
.bodyAboutus #about_bouyourou .textBox{padding-bottom:100px;}

@media screen and (min-width:601px){
.bodyAboutus .textBox{text-align:center;}
.bodyAboutus .textBox br{display:block;}
.bodyAboutus #about_honmono h2{background-position:110px 0;}
.bodyAboutus #about_tasai h2{background-position:70px 0;}
.bodyAboutus #about_tasai .textBox{text-align:left;}
}
@media screen and (min-width:901px){
.bodyAboutus #about_honmono h2{background-position:70px 0;}
.bodyAboutus #about_honmono{background-position:50% 0 !important;}
.bodyAboutus #about_honmono .textBox{padding-top:0;text-align:left;}
.bodyAboutus #about_kani h2{margin-bottom:540px;background-position:220px 0;}
.bodyAboutus #about_kani .textBox{position:absolute;top:155px;left:50%;width:auto;margin:0 0 0 -80px;padding:0;text-align:left;}
.bodyAboutus #about_tasai .textBox{padding-top:70px;padding-bottom:120px;}
.bodyAboutus #about_kutsurogi h2{background-position:680px 0;}
.bodyAboutus #about_kutsurogi .textBox{text-align:right;}

}
@media screen and (min-width:1201px){
.bodyAboutus #about_tasai,
.bodyAboutus #about_kutsurogi{padding-bottom:300px;}
.bodyAboutus #about_tasai .btn_arrowDown,
.bodyAboutus #about_kutsurogi .btn_arrowDown{bottom:350px;}
.bodyAboutus #about_tasai .btn_arrowDown:hover,
.bodyAboutus #about_kutsurogi .btn_arrowDown:hover{bottom:340px;}
}



/* ===========================================================
 .bodySouvenir
=========================================================== */
.bodySouvenir #pagetitleArea h1{height:185px;background-image:url(../images_kaninobou/souvenir/index/pagetitle.png);}
.bodySouvenir #souvenir_store{background-image:url(../images_kaninobou/souvenir/index/bg_store.jpg);background-position:30% 0;background-size:950px 425px;}
.bodySouvenir #souvenir_store h2{height:235px;margin-top:200px;background-image:url(../images_kaninobou/souvenir/index/title_store.png);}
.bodySouvenir #souvenir_products{position:relative;width:100%;overflow:hidden;}
.bodySouvenir #souvenir_products:after{content:"";position:absolute;top:0;left:50%;display:block;width:950px;height:425px;margin-left:-475px;
background-image:url(../images_kaninobou/souvenir/index/bg_products.jpg);background-position:-186px 0;background-size:950px 425px;}
.bodySouvenir #souvenir_products h2{height:335px;margin-top:280px;background-image:url(../images_kaninobou/souvenir/index/title_products.png);}
.bodySouvenir .textBox{text-align:left;}


@media screen and (min-width:901px){
.bodySouvenir #souvenir_store{background-position:50% 0;background-size:1900px 850px;}
.bodySouvenir #souvenir_store h2{margin-top:70px;}
.bodySouvenir #souvenir_store h2{background-position:700px 0;}
.bodySouvenir #souvenir_store .textBox{text-align:right;}
.bodySouvenir #souvenir_store .textBox br{display:block;}
.bodySouvenir #souvenir_store .btn_arrowDown{margin:0 0 0 272px;}
.bodySouvenir #souvenir_products{background-image:url(../images_kaninobou/souvenir/index/bg_products.jpg);}
.bodySouvenir #souvenir_products:after{display:none;}
.bodySouvenir #souvenir_products h2{margin-top:0;background-position:100px 0;}
.bodySouvenir #souvenir_products .textBox{text-align:left;margin-top:-413px;margin-left:250px;margin-bottom:200px;}
.bodySouvenir #souvenir_products .textBox br{display:block;}
}


/* ===========================================================
 .bodyMenus
=========================================================== */
.bodyMenus #pagetitleArea h1{height:195px;background-image:url(../images_kaninobou/menus/index/pagetitle.png);}
.bodyMenus #container h2{margin:0 0 50px;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;background-position:50% 0;}
.bodyMenus .textBox{text-align:left;}
.bodyMenus #menus_bishoku{min-height:850px;background:#000 url(../images_kaninobou/menus/index/bg_bishoku.jpg) no-repeat 50% 0;}
.bodyMenus #menus_bishoku h2{height:180px;background-image:url(../images_kaninobou/menus/index/title_bishoku.png);}
.bodyMenus #menus_bishoku .textBox{float:none;color:#000;}
.bodyMenus #btnArea li#btnMeal{background-image:url(../images_kaninobou/menus/meal/bg.jpg);}
.bodyMenus #btnArea li#btnDish{background-image:url(../images_kaninobou/menus/dish/bg.jpg);}
.bodyMenus #btnArea li#btnCrab{background-image:url(../images_kaninobou/menus/crab/bg.jpg);}
@media screen and (min-width:601px){
.bodyMenus #menus_bishoku .textBox{text-align:center;}
.bodyMenus #btnArea li{width:33%;}
.bodyMenus #btnArea li#btnCrab{width:34%;}
}
@media screen and (min-width:1201px){
.bodyMenus #menus_bishoku .textBox{width:100%;text-align:center;}
}

/* ===========================================================
 .bodyMenus-common
=========================================================== */
.menuBox dl{width:100%;margin:0 0 10px;padding:0 0 17px;line-height:1.5;border-bottom:1px solid #ba9;}
.menuBox dl:after{content:"";display:table;clear:both;height:0;visibility:hidden;}
.menuBox dl dt{float:left;width:100%;max-width:290px;margin:0;padding:0;text-align:left;}
.menuBox.boxL dl dt{max-width:500px;}
.menuBox dl dd{float:right;width:100%;max-width:140px;margin:0;padding:0;text-align:right;}
.menuBox h3{margin:0 0 40px;font-size:1.3em;}
.menuBox h3 span{float:right;}
.menuBox .menuPrice{padding-top:20px;}
.menuBox .menuPrice p{padding:0 0 10px;font-size:0.9em;line-height:1.75;}
.menuBox .menuPrice p span{display:inline-block;width:150px;padding:0 20px 0 0;}
.menuBox img{width:100%;height:auto;}

/* ===========================================================
 .bodyMenus_meal
=========================================================== */
.bodyMenus_meal #pagetitleArea h1{height:200px;background-image:url(../images_kaninobou/menus/meal/pagetitle_zen.png);}
.bodyMenus_meal #container h2{margin:0 auto 50px;background:none !important;height:auto !important;writing-mode:vertical-rl;}

/* ===========================================================
 .bodyMenus_dish
=========================================================== */
.bodyMenus_dish #pagetitleArea h1{height:240px;background-image:url(../images_kaninobou/menus/dish/pagetitle.png);}
.bodyMenus_dish #container h2{margin:0 auto 50px;background:none !important;height:auto !important;writing-mode:vertical-rl;}
/* ===========================================================
 .bodyMenus_crab
=========================================================== */
.bodyMenus_crab #pagetitleArea h1{height:260px;background-image:url(../images_kaninobou/menus/crab/pagetitle.png);}
.bodyMenus_crab #container h2{margin:0 auto 50px;background:none !important;height:auto !important;writing-mode:vertical-rl;}
.bodyMenus_crab #menu_crabcourse h3{margin-bottom:15px;}
.bodyMenus_crab #menu_crabcourse .textBox dl dd{width:100%;max-width:300px;}
.bodyMenus_crab #menu_crabteishoku .textBox dl dd{max-width:160px;}
.bodyMenus_crab #menu_crabmeal .textBox dl dd{max-width:160px;}
.bodyMenus_crab #menu_crabonly .textBox dl dt,
.bodyMenus_crab #menu_crabonly .textBox dl dd{float:none;width:100%;max-width:none;}
.bodyMenus_crab #menu_crabippin .menuBox p{text-align:left;}
.bodyMenus_crab #menu_crabfullcourse .menuBox h3{margin-bottom:25px;}
.bodyMenus_crab #menu_crabfullcourse .textBox{padding-bottom:45px;}
.bodyMenus_crab #menu_crabfullcourse .courseinnerBox{padding:0 0 40px;}
.bodyMenus_crab #menu_crabfullcourse .courseinnerBox p{padding:0;}



/* ===========================================================
 .bodyInfo information.css
===========================================================*/
.bodyInfo #info_calendar h2{height:105px;margin:0 auto 50px;background-position:50% 0;background-repeat:no-repeat;text-indent:-99999px;overflow:hidden;}
.bodyInfo #info_calendar h2{background-image:url(../images_kaninobou/information/index/title_calendar.png);}
@media screen and (min-width:601px){
.bodyInfo #pagetitleArea{height:auto;}
.bodyInfo #pagetitleArea .pagetitle{position:relative;width:900px;max-width:100%;margin:0 auto;padding:0;}
.bodyInfo #pagetitleArea h1{position:absolute;top:130px;left:15px;width:100px;height:255px;text-indent:-99999px;overflow:hidden;transition:all 0.5s ease 0s;}
.bodyInfo .slideContent{padding:130px 10px 150px 0;transition:all 0.5s ease 0s;}
}
@media screen and (min-width:931px){
.bodyInfo #pagetitleArea h1{left:0;}
}
/*attentionBox*/
.bodyInfo .attentionBox{margin:0 0 40px;padding:15px;line-height:1.3;border:3px double #c00;}
.bodyInfo .attentionBox li{padding:7px 0;border-top:1px dotted #ccc;}
.bodyInfo .attentionBox li:first-child{border-top:none;}
/*dateBox-timeBox*/
.bodyInfo .dateBox {margin:0 0 40px;}
.bodyInfo .dateBox > h3{float:left;padding:0 20px 0 0;line-height:20px;}
.bodyInfo .dateBox > p{float:left;line-height:20px;}
.bodyInfo .dateBox .calendarBox{clear:both;margin:0 0 10px;padding:20px;background:#fff;text-align:center;}
.bodyInfo .dateBox .calendarBox:before,
.bodyInfo .dateBox .calendarBox:after{content:"";display:table;}
.bodyInfo .dateBox .calendarBox:after{clear:both;}
.bodyInfo .dateBox .calendarBox p{text-align:left;line-height:1.3;}
.bodyInfo .dateBox .calendarBox .tableCalendar{display:inline-block;margin:0 10px;border-collapse:separate;border-spacing:2px;background:#fff;}
.bodyInfo .dateBox .calendarBox .tableCalendar caption{font-size:1.75em;}
.bodyInfo .dateBox .calendarBox .tableCalendar caption span{font-size:0.7em;}
.bodyInfo .dateBox .calendarBox .tableCalendar th,
.bodyInfo .dateBox .calendarBox .tableCalendar td{width:40px;padding:2px 0;text-align:center;border-left:1px dotted #999;border-bottom:1px dotted #999;}
.bodyInfo .dateBox .calendarBox .tableCalendar th{background:#eee;}
.bodyInfo .dateBox .calendarBox .tableCalendar th:first-child{border-left:none;background:#ecc;}
.bodyInfo .dateBox .calendarBox .tableCalendar th:first-child+th+th+th+th+th+th{background:#cde;}
.bodyInfo .dateBox .calendarBox .tableCalendar td:first-child{border-left:none;}
.bodyInfo .dateBox .calendarBox .tableCalendar tr:last-child td{border-bottom:none;}
.bodyInfo .dateBox .calendarBox .tableCalendar .cellClosed{background:#900 !important;color:#fff;}
.bodyInfo .dateBox .calendarBox .tableCalendar .cellLunchonly{background:#cfdc90;text-decoration:underline;}
.bodyInfo .dateBox .calendarBox .tableCalendar .cellDinneronly{background:#90d1dc;text-decoration:underline;}
.bodyInfo .dateBox .calendarBox .tableCalendar .cellHoliday{color:#c00;}
.bodyInfo .dateBox .calendarBox p.calendarExpText{padding:15px 0;color:#555;font-size:0.8em;line-height:2.0;border-top:1px dashed #ccc;}
.bodyInfo .calendarBox p.calendarExpText .txtClosed{color:#bf3f42;}
.bodyInfo .calendarBox p.calendarExpText .txtLunchonly{color:#527500;}
.bodyInfo .calendarBox p.calendarExpText .txtDinneronly{color:#006273;}



.bodyInfo .timeBox h3{margin-top:1em;font-weight:bold;font-size:150%;border-top:1px solid #999;border-bottom:1px dotted #999;}
.bodyInfo .timeBox+.timeBox{padding-top:50px;}
.bodyInfo .timeBox p{line-height:1.3;}
.bodyInfo .textBox .timeBox h3 br+span{margin-left:0;}
@media screen and (min-width:601px){
.bodyInfo #storeCalendar{width:100%;padding-left:150px;}
.bodyInfo .dateBox .calendarBox p{text-align:center;}
.bodyInfo .timeBox h4{clear:both;float:left;padding:0 20px 0 0;line-height:20px;}
.bodyInfo .timeBox p{margin:0 0 0 100px;line-height:20px;}
}
@media screen and (min-width:601px){
.bodyInfo .timeBox .timeboxInner{margin:0 0 20px;}
.bodyInfo .timeBox .timeboxInner h4{float:none;margin:0 0 15px;}
.bodyInfo .timeBox .timeboxInner p{margin:0;}
}