@charset "UTF-8";

/*-----------------------------------------------------	*/
/*	index					*/
/*-----------------------------------------------------	*/


.content nav.gnv, #articles nav.gnv {
width: 960px;
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -480px;
text-align: center;
}

.content nav.gnv ul, #articles nav.gnv ul {
width: 100%;
display: table;
}

.content .gnv li, #articles .gnv li {
width: auto;
display: table-cell;
text-align: center;
border-right: #ccc 1px solid;
}

.content .gnv li:last-child, #articles .gnv li:last-child {
border-right: none;
}

.content .gnv li a, #articles .gnv li a {
display: block;
font-size: 125%;
color: #fff;
font-weight: bold;
}

.content .gnv li span, #articles .gnv li span {
display: block;
font-size: 60%;
padding-top: 8px;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.2em;
font-weight: normal;
}

/*main*/

#articles {
position: relative;
height: 600px;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}

#intro {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #000;
background-size: cover !important;
z-index: 0;
height: 600px;

/*ダミーイメージ　動画設置時削除
background:url(../images/index/mv.jpg) no-repeat center center;*/
}

#intro:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: url("../images/common/dot.png");
z-index: 1;
}

#keymovie {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

#index #articles .main_logo {
position: absolute;
top:  25%;
bottom:  0;
left:  0;
right:  0;
margin:  auto;
}

/*contents*/

.content {
position: relative;
width: 100%;
height: 800px;
overflow: hidden;
}

/*ばんからについて*/

#aboutbankara {
background: url(../images/index/bg_about.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 1040px;
}

#aboutbankara .aboutbox {
width: 550px;
height: 800px;
background: url(../images/index/bg_about_blk.png) repeat;
position: absolute;
top: 55px;
left: 50%;
margin-left: -275px;
}

#aboutbankara .aboutbox figure {
padding-top: 50px;
margin-bottom: 40px;
text-align: center;
}

#aboutbankara .aboutbox h2 {
width: 470px;
padding-bottom: 50px;
margin: 0 auto 50px auto;
text-align: center;
border-bottom: #555555 2px solid;
font-family: 'Montserrat', sans-serif;
font-size:300%;
font-weight:bold;
color:#fff;
}

#aboutbankara .aboutbox h3 {
text-align: left;
margin: 0 0 20px 40px;
}

#aboutbankara .aboutbox p {
text-align: left;
margin: 0 40px 20px 40px;
font-size: 125%;
color: #fff;
line-height: 1.8;
}


#aboutbankara .aboutbox .viewmore1{
	margin:0 40px;
}

#aboutbankara .aboutbox .viewmore1 a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:133%;
color:#fff;
}

/*グローバル*/

#global {
background: url(../images/index/bg_menu_global.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#global .readbox {
position: absolute;
top: 66px;
right: 0;
}

#global .readbox h3 {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: #888888 1px solid;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:300%;
font-weight:bold;
color:#fff;
}

#global .titbox .readbox .viewmore2{
	margin:0 40px;
}

#global .titbox .readbox .viewmore2 a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:133%;
color:#fff;
}

/*お知らせ*/

#news {
background: #000;
height: 680px;
}

#news .inner {
width: 800px;
margin: 0 auto;
padding: 60px 0;
}

#news h2 {
text-align: center;
margin-bottom: 60px;
font-family: 'Montserrat', sans-serif;
font-size:300%;
font-weight:bold;
color:#fff;
}

#news article {
width: 380px;
height: 404px;
float: left;
margin: 0 20px 20px 0;
background: #fff;
text-align: left;
}

#news article:nth-child(2n+1) {
margin: 0 0px 30px 0;
}

#news article figure {
background: url(../images/index/img_news_non.gif) no-repeat;
width: 380px;
height: 180px;
}

#news article .txtbox {
padding: 20px;
}

#news article .date {
color: #666;
margin-bottom: 5px;
}

#news article dt {
font-size: 150%;
height: 75px;
font-weight: bold;
}

#news article dd {
font-size: 116%;
color: #333333;
line-height: 1.8;
}

#news .viewmore {
position: absolute;
bottom: 135px;
width: 390px;
left: 50%;
margin-left: -195px;
}

#news .viewmore a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:133%;
color:#fff;
}

/*メニュー*/

#menu {
border-top: #555555 1px solid;
padding: 200px 0 0 0;

background: url(../images/index/bg_menutit.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 440px;

}

#menu h2 {
text-align: center;
margin-bottom: 40px;
}

#menu .viewall {
width: 460px;
margin: 0 auto 240px auto;
}

#menu .viewall a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:133%;
color:#fff;
font-weight:normal;
}

#menu .menunav {
width: 100%;
border-top: #555555 1px solid;
}

#menu .menunav ul {
width: 1200px;
margin: 0 auto;
display: table;
table-layout: fixed;
}

#menu .menunav li {
display: table-cell;
}

#menu .menunav li a {
display: block;
text-align: center;
background: url(../images/common/ic_menu_cursor.png) no-repeat center 50px;
color: #fff;
font-size: 150%;
padding: 15px 0;
}

.titbox {
width: 1050px;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}

.readbox {
width: 410px;
text-align: left;
}

.readbox h3 {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: #888888 1px solid;
text-align: center;
}

.readbox p {
color: #fff;
font-size: 125%;
line-height: 2;
margin-bottom: 2em;
}

.readbox ul {
margin-bottom: 2em;
}

.readbox li {
color: #fff;
font-size: 116%;
line-height: 2;
text-indent: -1.3em;
padding-left: 1em;
}

.readbox p.txts {
color: #fff;
font-size: 116%;
line-height: 2;
}

.menudetail li .pr{
	display:block;
	font-size:250%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:25px;
	font-weight:bold;
	color:#fff;
	padding-top:20px;
	line-height:1.4;
}

	.menudetail .stit{
	display:block;
	font-size:300%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:25px;
	font-weight:bold;
}

.menudetail .sread{
	font-size:125%;
	line-height:2;
}

/*メニュー　ばんから*/

#bankara {
background: url(../images/index/bg_menu_bankara.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
/* z-index: 1000; */
}

#bankara .readbox {
position: absolute;
top: 66px;
left: 0;
}

#bankara_menu {
background: #000;
padding: 50px 0;
height: 1460px;
}

#bankara_menu ul {
width: 1100px;
height: 1560px;
position: relative;
margin: 0 auto;
}

#bankara_menu .m1 {
position: absolute;
top: 0;
left: 0;
background:url(../images/index/menu_bankara_1.png) no-repeat;
width:390px;
height:330px;
padding:90px 620px 0 90px;
text-align:left;
}


#bankara_menu .m2 {
position: absolute;
top: 474px;
left: 76px;
}

#bankara_menu .m3 {
position: absolute;
top: 725px;
left: 613px;
}

#bankara_menu .m4 {
position: absolute;
top: 999px;
left: 78px;
}

#bankara_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　とんこつ*/

#tonkotsu {
background: url(../images/index/bg_menu_tonkotsu.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#tonkotsu .readbox {
position: absolute;
top: 66px;
right: 0;
}

#tonkotsu_menu {
background: #000;
padding: 50px 0;
height: 670px;
}

#tonkotsu_menu ul {
width: 1100px;
height: 770px;
position: relative;
margin: 0 auto;
}

#tonkotsu_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#tonkotsu_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#tonkotsu_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#tonkotsu_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　中華そば*/

#chuka {
background: url(../images/index/bg_menu_chuka.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#chuka .readbox {
position: absolute;
top: 66px;
left: 0;
}

#chuka_menu {
background: #000;
padding: 50px 0;
height: 670px;
}

#chuka_menu ul {
width: 1100px;
height: 770px;
position: relative;
margin: 0 auto;
}

#chuka_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#chuka_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#chuka_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#chuka_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　つけ麺*/

#tsukemen {
background: url(../images/index/bg_menu_tsukemen.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#tsukemen .readbox {
position: absolute;
top: 66px;
right: 0;
}

#tsukemen_menu {
background: #000;
padding: 50px 0;
height: 670px;
}

#tsukemen_menu ul {
width: 1100px;
height: 770px;
position: relative;
margin: 0 auto;
}

#tsukemen_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#tsukemen_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#tsukemen_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#tsukemen_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　ばんからみそ（旧せいべい）*/

#miso {
background: url(../images/index/bg_menu_seibei-2.jpg) 30% 0 no-repeat;
background-position: height -300px;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#miso .readbox {
position: absolute;
top: 66px;
left: 0;
}

#miso_menu {
background: #000;
padding: 50px 0;
height: 1460px;
}

#miso_menu ul {
width: 1100px;
height: 1560px;
position: relative;
margin: 0 auto;
}

#miso_menu .m1 {
position: absolute;
top: 0;
left: 0;
background:url(../images/index/menu_seibei_1.png) no-repeat;
width:390px;
height:330px;
padding:90px 620px 0 90px;
text-align:left;
}

#miso_menu .m2 {
position: absolute;
top: 474px;
left: 76px;
}

#miso_menu .m3 {
position: absolute;
top: 725px;
left: 613px;
}

#miso_menu .m4 {
position: absolute;
top: 999px;
left: 78px;
}

#miso_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　担々麺*/

#tantanmen {
background: url(../images/index/bg_menu_tantanmen.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#tantanmen .readbox {
position: absolute;
top: 66px;
right: 0;
}

#tantanmen_menu {
background: #000;
padding: 50px 0;
height: 670px;
}

#tantanmen_menu ul {
width: 1100px;
height: 770px;
position: relative;
margin: 0 auto;
}

#tantanmen_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#tantanmen_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#tantanmen_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#tantanmen_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　ごはんもの*/

#gohan {
background: url(../images/index/bg_menu_gohan.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 700px;
}

#gohan .readbox {
position: absolute;
top: 66px;
right: 0;
}

#gohan_menu {
background: #000;
padding: 50px 0;
height: 670px;
}

#gohan_menu ul {
width: 1100px;
height: 770px;
position: relative;
margin: 0 auto;
}

#gohan_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#gohan_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#gohan_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#gohan_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　トッピング*/

#topping {
background: url(../images/index/bg_menu_toping.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 750px;
}

#topping .readbox {
position: absolute;
top: 66px;
left: 0;
}

#topping_menu {
background: #000;
padding: 50px 0;
height: 650px;
}

#topping_menu ul {
width: 1029px;
height: 750px;
position: relative;
margin: 0 auto;
}

#topping_menu li{
	width:180px;
}

#topping_menu .m1 {
position: absolute;
top: 20px;
left: 40px;
}

#topping_menu .m2 {
position: absolute;
top: 20px;
left: 316px;
}

#topping_menu .m3 {
position: absolute;
top: 20px;
left: 600px;
}

#topping_menu .m4 {
position: absolute;
top: 20px;
left: 880px;
}

#topping_menu .m5 {
position: absolute;
top: 350px;
left: 40px;
}

#topping_menu .m6 {
position: absolute;
top: 350px;
left: 316px;
}

#topping_menu .m7 {
position: absolute;
top: 350px;
left: 600px;
}

#topping_menu .m8 {
position: absolute;
top: 350px;
left: 880px;
}

#topping_menu .at {
position: absolute;
bottom: 90px;
right: 20px;
color: #fff;
}

/*メニュー　逸品*/

#ippin {
background: url(../images/index/bg_menu_ippin.jpg) 50% 0 no-repeat;
background-attachment: fixed;
background-size: cover;
height: 640px;
}

#ippin .readbox {
position: absolute;
top: 66px;
right: 0;
}

#ippin_menu {
background: #000;
padding: 50px 0;
height: 440px;
}

#ippin_menu ul {
width: 1100px;
height: 440px;
position: relative;
margin: 0 auto;
}

#ippin_menu .m1 {
position: absolute;
top: 0;
left: 0;
}

#ippin_menu .m2 {
position: absolute;
top: 0;
left: 368px;
}

#ippin_menu .m3 {
position: absolute;
top: 0;
left: 738px;
}

#ippin_menu .at {
position: absolute;
bottom: -448px;
right: 0px;
color: #fff;
}

#ippin_menu ul {
width: 1100px;
height: auto;
position: relative;
margin: 0 auto;
}

#pnav {
background: #000;
height: 90px;
}

@media screen and (max-width: 1200px) {

body::before {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 320px;
  content: "";
  z-index: -1;
}

.sp_main{
	height:auto;
	/*
	background:url(../images/index/mv.jpg) 50% 0 no-repeat;
	background-attachment: fixed;
 background-size: auto 400px;*/
	position:relative;
	margin-top:60px;
	overflow:hidden;
}

.sp_main .main_logo {
position: absolute;
top: 120px;
left: 50%;
margin-left: -50px;
display:none;
}

.sp_main .main_logo img{
	width:100px;
	height:auto;
}

.content nav.gnv, #articles nav.gnv {
	display:none;
}


/*main*/

#articles {
position: relative;
height: 320px;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}

#intro {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #000;
background-size: cover !important;
z-index: 0;
height: 320px;
}

#intro:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: url("../images/common/dot.png");
z-index: 1;
}

#keymovie {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

#index #articles .main_logo {
position: absolute;
top: 100px;
left: 50%;
margin-left: -50px;
}

#index #articles .main_logo img{
	width:100px;
	height:auto;
}

/*contents*/

.content {
position:inherit;
width: auto;
height: auto;
overflow: hidden;
}

/*ばんからについて*/

#aboutbankara {
background: url(../images/index/bg_about.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
padding-top:25px;
}

#aboutbankara  .net{
	padding-top:25px;
}

#aboutbankara .aboutbox {
width: auto;
height: auto;
background: url(../images/index/bg_about_blk.png) repeat;
position: inherit;
top: auto;
left: auto;
margin-left: auto;
margin:0 25px 25px 25px;
padding-bottom:10px;
}

#aboutbankara .aboutbox figure {
padding-top: 25px;
margin-bottom: 25px;
text-align: center;
}

#aboutbankara .aboutbox figure img{
	width:50px;
	height:auto;
}

#aboutbankara .aboutbox h2 {
width: auto;
padding-bottom: 25px;
margin: 0 10px 25px 10px;
text-align: center;
border-bottom: #555555 2px solid;
font-family: 'Montserrat', sans-serif;
font-size:150%;
font-weight:bold;
}

#aboutbankara .aboutbox h2 img{
	width:auto;
	height:20px;
}

#aboutbankara .aboutbox h3 {
text-align: left;
margin: 0 0 20px 20px;
}

#aboutbankara .aboutbox h3 img{
		width:auto;
	height:15px;
}

#aboutbankara .aboutbox p {
text-align: left;
margin: 0 20px 20px 20px;
font-size: 116%;
color: #fff;
line-height: 1.8;
}

#aboutbankara .aboutbox .viewmore1{
	margin: 0 20px 20px 20px;
}

#aboutbankara .aboutbox .viewmore1 a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:116%;
color:#fff;
}

/*グローバル*/

#global {
background: url(../images/index/bg_menu_global.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#global .readbox {
position: inherit;
top: auto;
right: auto;
}

#global .readbox h3 {
font-size:150%;
padding-bottom:20px;
}

/*お知らせ*/

#news {
background: #000;
height: auto;
}

#news .inner {
width: auto;
margin: 0 20px;
padding: 20px 0;
}

#news h2 {
text-align: center;
margin-bottom: 20px;
font-size:150%;
font-weight:bold;
}

#news h2 img{
	width:auto;
	height:20px;
}

#news article {
width: 48%;
height: auto;
float: left;
margin: 0 0 20px 0;
background: #fff;
text-align: left;
}

#news article:nth-child(3n+1) {
margin: 0 0 20px 0;
}

#news article:nth-child(2n+1) {
margin: 0 0 20px 0;
float:right;
}

#news article figure {
background: url(../images/index/img_news_non.gif) no-repeat;
width: 100%;
height: auto;
background-size:100% auto;
}

#news article figure img{
	width:100%;
	height:auto;
}

#news article .txtbox {
padding: 10px;
}

#news article .date {
color: #666;
margin-bottom: 5px;
}

#news article dt {
font-size: 133%;
height: 60px;
font-weight: bold;
}

#news article dd {
font-size: 116%;
color: #333333;
line-height: 1.6;
}

#news .viewmore {
position: inherit;
bottom: auto;
width: auto;
left: auto;
margin-left:auto;
margin-top:20px;
clear:both;
}

#news .viewmore a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:116%;
}

/*メニュー*/

#menu {
border-top: #555555 1px solid;
padding: 100px 0 0 0;

background: url(../images/index/bg_menutit.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#menu h2 {
text-align: center;
margin-bottom: 20px;
}

#menu h2 img{
	width:auto;
	height:20px;
}
#menu .viewall {
width: auto;
margin: 0 20px 100px 20px;
}

#menu .viewall a {
background: url(../images/common/btn_cursor.png) 95% center no-repeat #D30000;
padding: 15px 0;
display: block;
line-height: 1;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:116%;
color:#fff;
}

#menu .menunav {
width: 100%;
border-top: #555555 1px solid;
}

#menu .menunav ul {
width: 100%;
margin: 0 auto;
display: table;
table-layout:inherit;
}

#menu .menunav li {
display: table-cell;
border-bottom:#555555 1px solid;
border-right:#555555 1px solid;
width:33%;
float:left;
box-sizing:border-box;
}

#menu .menunav li:nth-child(3n+0) {
border-right:none;
}
#menu .menunav li.bn {
border-bottom:none;
}

#menu .menunav li a {
display: block;
text-align: center;
background:none;
color: #fff;
font-size: 125%;
padding: 10px 0;
}

.titbox {
width: auto;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}

.readbox {
width: auto;
text-align: left;
padding:20px;
}

.readbox h3 {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #888888 1px solid;
text-align: center;
}

.readbox h3 img{
	width:auto;
	height:20px;
}

.readbox p {
color: #fff;
font-size: 116%;
line-height: 1.8;
margin-bottom: 2em;
}

.readbox ul {
margin-bottom: 2em;
}

.readbox li {
color: #fff;
font-size: 116%;
line-height: 1.8;
text-indent: -1.3em;
padding-left: 1em;
}

.readbox p.txts {
color: #fff;
font-size: 116%;
line-height: 2;
}

.menudetail li .pr{
	display:block;
		font-size:180%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:25px;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
}

.menudetail .stit{
	display:block;
	font-size:180%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:#000 1px solid;
	padding-bottom:10px;
}

.menudetail .sread{
	font-size:116%;
	line-height:1.6;
}

/*メニュー　ばんから*/

#bankara {
background: url(../images/index/bg_menu_bankara.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#bankara .readbox {
position: inherit;
top: auto;
left: auto;
}

#bankara_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#bankara_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 10px;
}

#bankara_menu li{
	margin: 0 30px 30px 30px;
	text-align:center;
}

#bankara_menu li img{
	width:300px;
	height:auto;
}

#bankara_menu .m1 {
position: inherit;
top: auto;
left:auto;
background:url(../images/index/menu_bankara_1_sp.png) no-repeat center bottom #AB9986;
width:auto;
height:auto;
padding:30px 30px 180px 30px;
text-align:left;
margin:0 10px 30px 10px;
background-size:auto 160px;
border:#AA9A88 3px solid;
}


#bankara_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#bankara_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#bankara_menu .m4 {
position: inherit;
top: auto;
left: auto;
}

#bankara_menu .at {
position: inherit;
bottom: auto;
right:auto;
color: #fff;
}

/*メニュー　とんこつ*/

#tonkotsu {
background: url(../images/index/bg_menu_tonkotsu.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#tonkotsu .readbox {
position: inherit;
top: auto;
right: auto;
}

#tonkotsu_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#tonkotsu_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#tonkotsu_menu li{
	margin: 0 80px 30px 80px;
	text-align:center;
}

#tonkotsu_menu li img{
	width:250px;
	height:auto;
}

#tonkotsu_menu .m1 {
position: inherit;
top: auto;
left: auto;
}

#tonkotsu_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#tonkotsu_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#tonkotsu_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　中華そば*/

#chuka {
background: url(../images/index/bg_menu_chuka.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#chuka .readbox {
position: inherit;
top: auto;
left: auto;
}

#chuka_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#chuka_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#chuka_menu li{
	margin: 0 80px 30px 80px;
	text-align:center;
}

#chuka_menu li img{
	width:250px;
	height:auto;
}

#chuka_menu .m1 {
position: inherit;
top: auto;
left: auto;
}

#chuka_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#chuka_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#chuka_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　つけ麺*/

#tsukemen {
background: url(../images/index/bg_menu_tsukemen.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#tsukemen .readbox {
position: inherit;
top: auto;
right: auto;
}

#tsukemen_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#tsukemen_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#tsukemen_menu li{
		margin: 0 80px 30px 80px;
	text-align:center;
}

#tsukemen_menu li img{
	width:250px;
	height:auto;
}

#tsukemen_menu .m1 {
position: inherit;
top: auto;
left:auto;
}

#tsukemen_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#tsukemen_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#tsukemen_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　ばんからみそ*/

#miso {
background: url(../images/index/bg_menu_seibei-2.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#miso .readbox {
position: inherit;
top: auto;
left: auto;
}

#miso_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#miso_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 10px;
}

#miso_menu li{
	margin: 0 30px 30px 30px;
	text-align:center;
}

#miso_menu li img{
	width:300px;
	height:auto;
}

#miso_menu .m1 {
position: inherit;
top: auto;
left: auto;
background:url(../images/index/menu_seibei_1_sp.png) no-repeat center bottom #AB9986;
width:auto;
height:auto;
padding:30px 30px 180px 30px;
text-align:left;
margin:0 10px 30px 10px;
background-size:auto 160px;
border:#AA9A88 3px solid;
}

#miso_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#miso_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#miso_menu .m4 {
position: inherit;
top: auto;
left: auto;
}


#miso_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　担々麺*/

#tantanmen {
background: url(../images/index/bg_menu_tantanmen.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#tantanmen .readbox {
position: inherit;
top: auto;
right: auto;
}

#tantanmen_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#tantanmen_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#tantanmen_menu li{
		margin: 0 80px 30px 80px;
	text-align:center;
}

#tantanmen_menu li img{
	width:250px;
	height:auto;
}

#tantanmen_menu .m1 {
position: inherit;
top: auto;
left:auto;
}

#tantanmen_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#tantanmen_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#tantanmen_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　ごはんもの*/

#gohan {
background: url(../images/index/bg_menu_gohan.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#gohan .readbox {
position: inherit;
top: auto;
right:auto;
}

#gohan_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#gohan_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#gohan_menu li{
	margin: 0 80px 30px 80px;
	text-align:center;
}

#gohan_menu li img{
	width:250px;
	height:auto;
}


#gohan_menu .m1 {
position: inherit;
top: auto;
left:auto;
}

#gohan_menu .m2 {
position: inherit;
top:auto;
left:auto;
}

#gohan_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#gohan_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

/*メニュー　トッピング*/

#topping {
background: url(../images/index/bg_menu_toping.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#topping .readbox {
position: inherit;
top: auto;
left: auto;
}

#topping_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#topping_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
display:table;
}

#topping_menu li{
	display:table-cell;
	width:50%;
	text-align:center;
	float:left;
	padding-bottom:30px;
}

#topping_menu .m1 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m3 {
position: inherit;
top:auto;
left: auto;
}

#topping_menu .m4 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m5 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m6 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m7 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .m8 {
position: inherit;
top: auto;
left: auto;
}

#topping_menu .at {
position: inherit;
bottom:auto;
right: auto;
color: #fff;
}

/*メニュー　逸品*/

#ippin {
background: url(../images/index/bg_menu_ippin.jpg) 50% 0 no-repeat;
background-attachment:scroll;
background-size: cover;
height: auto;
}

#ippin .readbox {
position: inherit;
top: auto;
right: auto;
}

#ippin_menu {
background: #000;
padding: 25px 0;
height: auto;
}

#ippin_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#ippin_menu li{
	margin: 0 30px 30px 30px;
	text-align:center;
}

#ippin_menu li img{
	width:250px;
	height:auto;
}

#ippin_menu .m1 {
position: inherit;
top: auto;
left: auto;
}

#ippin_menu .m2 {
position: inherit;
top: auto;
left: auto;
}

#ippin_menu .m3 {
position: inherit;
top: auto;
left: auto;
}

#ippin_menu .at {
position: inherit;
bottom: auto;
right: auto;
color: #fff;
}

#ippin_menu ul {
width: auto;
height: auto;
position: inherit;
margin: 0 auto;
}

#pnav {
background: #000;
height: auto;
}


}

@media screen and (max-width: 640px) {


.sp_main .main_logo {
position: absolute;
top: 100px;
left: 50%;
margin-left: -50px;
}

}

@media screen and (max-width: 480px) {

.sp_main .main_logo {
position: absolute;
top: 70px;
left: 50%;
margin-left: -50px;
}

}

@media screen and (max-width: 320px) {


.sp_main .main_logo {
position: absolute;
top: 10px;
left: 50%;
margin-left: -50px;
}


}