html{font-size:62.5%;}
.ind{
padding-left:1em;
text-indent:-1em;
}
body {
  padding-top: 0rem;
  font-size:1.4rem;
}
main{display:block;}
.flex{display:flex;}
.d-block{display:block;}
#nav{background:#172A88;}
a.navbar-brand{margin-bottom:1%; position:relative; top:-4px;}

ul#sns{padding:0; width:80%; margin:0 auto; align-items: center;}
ul#sns img{max-width:30px;}
.even{justify-content: space-evenly;}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

#social{position:relative;}
#social ul{width:150px;
	padding:0 10%;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
header{
	background-color:#000;
	position:relative;
	display:block;
	margin:0;
	padding:2.4% 4%;
	background-image:url(../images/sptop-bg.jpg);
	background-size:100%;
	background-repeat: no-repeat;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
header #select-lang{width:145px; height:25px; position:relative;margin:5px 0;}
header #select-lang a{font-size: 14px; color:#fff; text-decoration: underline;}
header #select-lang select{width:100%;}

.align-center{align-items:center;}

/*menuボタン*/
#menu{
	position:absolute;
	top:9%;
	right:5%;
}
#menu-multi{
	position:relative;
}

[canvas=container],
[off-canvas] {
    padding:0;
}

[class*=js-] {
    cursor: pointer;
}

#slide_menu li a{color:#FFF; font-size:1.6rem; text-decoration:none; display:inline-block; width:100%;}
#slide_menu li span{color:#FFF; font-size:1.6rem; text-decoration:none; padding:2% 5%; display:inline-block; width:100%;}
#slide_menu{
	list-style:none;
	padding:0px;
	margin:0px;
}
#slide_menu li span{
	border-bottom:1px solid #CCC;
}
#slide_menu li ul{
	margin:2% 0;
}
#slide_menu li ul li a{
	border-bottom:1px solid #CCC;
	color:#FFF; font-size:1.6rem; text-decoration:none; padding:2% 5%;
	display:inline-block; width:100%; text-align:right;
}


nav ul ul{ display:none;}


img {
	max-width: 100%;
}
.grid-img {
	position: relative;
	overflow: hidden;
}
.grid-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.ratio-1_1:before {
	content: "";
	display: block;
	padding-top: 85%; /* 1:1 */
}
main .container-fluid {
	padding-left:5px;
	padding-right:5px;
	display: block;
	margin-top: 1%;
}
.col-4 {
	padding:0;
}

.btn_color {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,000000+51,111111+60,1c1c1c+82,515151+92,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #000000 51%, #111111 60%, #1c1c1c 82%, #515151 92%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#000000 51%,#111111 60%,#1c1c1c 82%,#515151 92%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#000000 51%,#111111 60%,#1c1c1c 82%,#515151 92%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	}

.bg_black {
	background-color:#000;
}

.container-white {
	background-color:#fff;
	color:#000;
	width:100%;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:2.5%;
	margin-right:auto;
	margin-left:auto
}
.container-white .article{color:#000;}


/*button {
	position:fixed;
	top:0.5rem;
	right:0.5rem;
	}*/

.navbar-toggler {
	padding:0.25rem;
	}
.pd_btn {
	padding:0.1rem;
	}
.tbl_r {
	border-collapse:separate; border-radius:0.2rem;
}

.ft-sz {
	font-size:13px;
	}

	.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.viewport {
    width:320px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
    width: 960px; /* 320px(item width) * 3(item count) */
}

.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.item {
    float: left;
    width: 320px;
    font-size: 50px;
    text-align: center;
	margin-bottom:0px;
/*    padding: 50px 0;
    background: #EFEFEF;
    border: 5px solid #999;
    color: #666;
*/}

.pointer {
text-align:center;
	margin-bottom:20px;

}

.pointer span.current {
	color:#FFFF00;
	}

.border-warning {
	border-color:#F60 !important;
	}
	ul {
list-style: none;
	}


.news ul{
	padding:0;
	margin:0;
	width:100%;
	color:#fff;
	}

.b_b {margin:1rem 0 0; padding:0; border-bottom:3px solid #F60;}

.news ul li img{
/*	border: 1px solid #999;
*/	float: left;
	width:100%;
	}

.news dt {
    font-weight: bold;
    color: #F60;
    margin-bottom: 0px;
	font-size:1.6rem;
}
.news dl {
	float: right;
width: 70%;
	}


.news a:link, .news a:visited {
    color: #fff;
    text-decoration: none;
}


/* スライド下のページャーの設定 */
.sp-buttons { padding-top: 20px; }
.sp-button { width: 30px; height: 10px; border: none; border-radius: 0; margin: 7px; background: #999; }
.sp-selected-button { background: #f60; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .sp-button { width: 25px; height: 8px; } }
@media only screen and (min-width: 568px) and (max-width: 768px) { .sp-button { width: 25px; height: 8px; } }
@media only screen and (min-width: 320px) and (max-width: 568px) { .sp-button { width: 25px; height: 8px; } }
/* 左右の矢印の設定 */
.sp-arrow { width: 48px; height: 48px; }
.sp-vertical .sp-arrow { -webkit-transform: none; -ms-transform: none; transform: none; }
/*.sp-horizontal .sp-previous-arrow { background: url(../images/prev.png) no-repeat; }
.sp-horizontal .sp-next-arrow { background: url(../images/next.png) no-repeat; }*/
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: inherit;}



/* これからMENUページ */



.card {
	border-radius:0;
	border:none;
	background-color:#FF6600;
	color:#fff;
	font-size:2rem;
	}
.list-group-item {
	background-color:#FC0;
	}
.list-group-item a {
	color:#000 !important;
	}

a.text-light:focus, a.text-light:hover {
	color:#fff !important;
	}


.panel dt {
   position: relative;
}

.panel dt:after {
   content: "";
   position: absolute;
   border-right: 3px solid #f00;
   border-bottom: 3px solid #f00;
   width: 15px;
   right: 30px;
   height: 15px;
   bottom:15px;
   transform: rotate(45deg);
}

.panel dt.ac:after {
   content: "";
   position: absolute;
   border-left: 3px solid #f00;
   border-top: 3px solid #f00;
   border-right: 0;
   border-bottom: 0;
   width: 15px;
   right: 30px;
   height: 15px;
   bottom:15px;
   transform: rotate(45deg);
}

footer {
	padding-top:15px;
	}

.footer_ad {
	background-color:#f60; color:#fff; padding:1rem 0; margin:0.25rem 0;
	}

.footer_list1 {
	border-bottom:1px #fff solid; border-top:1px #fff solid; padding:0.25rem 0;
}

.footer_list {
	border-bottom:1px #fff solid; #fff solid; padding:0.25rem 0;
}

.menu_first {
margin-bottom:5px;
}

.menu_title {
	background-color: rgba(255,255,255,1); color:#000; margin:10px 20px; padding:5px;
	}

.menu_info {
	background-color: rgba(0,0,0,0.8); color:#fff; padding:5px;
	}

.menu_middle {
	margin-bottom:5px; padding-top:2rem; margin-top:2rem; border-top:3px #fff dotted;
	}
.prd_name {
	font-size:2rem; font-weight: bold; background-color:rgba(255,255,255,1); color:#000; margin:10px 20px; padding:5px;
}
.prd_disc {
	background-color: rgba(255,255,255,1); color:#000; margin:10px 20px; padding:5px;
}
.prd_price {
	font-size:1.5rem; font-weight: bold;
}

.prd_info {margin:10px 20px; padding:5px; color:#f00; background-color:#fff; border:1px #f00 solid; font-weight:bold; text-decoration:none;}

.prd_name {
	/*font-size:2rem; font-weight: bold; background-color; color:#fff; margin:10px 20px; padding:5px;*/
}

.takeout_link {

}

.takeout_link a{
	padding-left:13px;
	background:url(images/listmark.gif) no-repeat left center;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
}

.takeout_link a:visited {
	color: #999999;
	text-decoration: underline;}

.takeout_link a:hover {
	color: #ff5c00;
	text-decoration: none;}