@charset "utf-8";
@media screen and (min-width:767px){


.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 105px; /* バナーの上下の位置 */
   left: 5px; /* バナーの左右の位置 */
}
.pc {
    width: 200px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
    }
}



#top{
	background: url(../images/dish/top_bg.png) no-repeat center top;
	background-size: cover;
	height:400px;
	position:relative;
}
#top .on_text{
	max-width:1000px;
	height:300px;
	margin:0 auto;
	text-align: right;
	position:relative;
}
#top .on_text img{
	position:absolute;
	top:32%;
	right:10%;
}

/* nav */
#nav{
	max-width: 1000px;
	margin:98px auto 44px;
	text-align: center;
}
#nav ul{
	overflow: hidden;
}
#nav li{
	display: inline-block;
	width:17%;
	border:2px solid #bebfbf;
	text-align: center;
	margin-right:1.4%;
	vertical-align: middle;;
}
#nav li:nth-of-type(5){
	margin:0;
}
#nav li a{
	color:#3D4040;
	font-size: 1.2rem;
	display: block;
	padding:12px 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	transition: 0.2s ease-in-out;
}
#nav li a:hover{
	background: #3D4040;
	color:#fff;
}

/* 水炊き */
#mizutaki .main{
	background: url(http://www.jisco-group.net/jhs/images/dish/mizutaki_bg.png) no-repeat center top;
	background-size: cover;height:450px;
}
#mizutaki .main .on_text{
	max-width:880px;
	margin:0 auto;
	text-align: center;
}
#mizutaki .main .on_text img{
	margin:30px 0 20px;
	width:100%;
}
#mizutaki .main .sp_text{
	display: none;
}
#mizutaki .course{
	background: url(http://www.jisco-group.net/jhs/images/dish/mizutaki_bg02.png) no-repeat center top;
	background-size: cover;
}
.inner{
	max-width: 1000px;
	margin:28px auto 26px;
	overflow: hidden;
}
.inner .photo{
	width:49%;
	float:left;
	text-align: right;
	padding-right:1%;
}
.inner .photo img{
	width:90%;
}
.inner .photo video{
	width:90%;
}

/* 共通 */
.inner .content{
	width:50%;
	float: left;
	padding:0 5% 0 1%;
	color:#494646;
}
.inner .content dl,dd{
	margin:0;
}
.inner .content dt.name{
	font-size: 1.3rem;
	padding-bottom: 2px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.inner .content dd.price{
	font-size: 1.3rem;
	border-bottom:1px solid #808080;
	padding-bottom: 5px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.inner .content dd.option{
	font-size: 1.2rem;
	padding-top:10px;
}
.inner .content dl.course01{
	margin-bottom:54px;
}

/* 天ぷら */
#tenpura .main{
	background: url(http://www.jisco-group.net/jhs/images/dish/tenpura_bg.png) no-repeat center top;height:450px;
	background-size: cover;
}
#tenpura .on_text{
	max-width:1000px;
	height:360px;
	margin:0 auto;
	text-align: right;
	position:relative;
}
#tenpura .on_text img{
	position:absolute;
	top:12%;
	left:13%;
}
#tenpura p.comment{
	text-align: center;
	line-height: 1.8;
	color:#808080;
font-size: 1.38rem;
	margin:33px 0 45px;
}
#tenpura .add_option{
	max-width:1000px;
	margin:50px auto 0;
}
#tenpura .add_option p{
	text-align: center;
	color:#808080;
	font-size: 1.38rem;
	margin-bottom:27px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tenpura .add_option .photo{
	text-align: center;
	margin-bottom:16px;
}
#tenpura .add_option .photo img{
	width:28%;
	display: inline-block;
	margin-right:3%;
}
#tenpura .add_option .photo img:nth-of-type(3){
	margin:0;
}
#tenpura .add_option .btn{
	width:240px;
	margin:0 auto 50px;
	text-align: center;
	border:2px solid #808080;
}
#tenpura .add_option .btn a{
	color:#808080;
	display: block;
	padding: 7px 0;
	font-size: 2rem;
	transition: 0.2s ease-in-out;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tenpura .add_option .btn a:hover{
	background: #808080;
	color:#fff;
}

/* すき焼き　しゃぶしゃぶ */
#sukiyaki .main{
	background: url(http://www.jisco-group.net/jhs/images/dish/sukiyaki_bg.png) no-repeat center top;
	background-size: cover;height:450px;
}
#sukiyaki .on_text{
	max-width:1000px;
	height:360px;
	margin:0 auto;
	text-align: right;
	position:relative;
}
#sukiyaki .on_text img{
	position:absolute;
	top:7%;
	left:14%;
}
#sukiyaki .description p.comment{
text-align: center;
	font-size:1rem;
	margin:55px 0 45px;
font-size: 1.38rem;
	color:#808080;
}
#sukiyaki .movie{
	max-width:1000px;
	margin:0 auto;
	text-align: center;
}
#sukiyaki .movie video{
	width:42%;
	margin:0 2%;
}

/* 飲み物・土産 */

#drink .main{
	background: url(http://www.jisco-group.net/jhs/images/dish/bus.png) no-repeat center top;
	background-size: cover;height:450px;
}
#drink .on_text{
	max-width:1000px;
	height:360px;
	margin:0 auto;
	text-align: right;
	position:relative;
}
#drink .on_text img{
	position:absolute;
	top:7%;
	left:14%;
}
#drink .description p.comment{
text-align: center;
	font-size:1rem;
	margin:55px 0 45px;
font-size: 1.38rem;
	color:#808080;
}
#drink .movie{
	max-width:1000px;
	margin:0 auto;
	text-align: center;
}
#drink .movie video{
	width:42%;
	margin:0 2%;
}




#drink{
	width:100%;
	background: rgba(153,140,128,.1);
}
#drink .row{
	max-width:100%;
	margin:0;
	overflow: hidden;
	padding-bottom: 47px;
}
#drink .text_area{
	max-width:1000px;
	margin:0 auto;
}
#drink .text_area .text{
	width:50%;
	float:left;
	padding:26px 1% 0 5%;
	color:#808080;
}
#drink .text_area .text h3{
	font-size: 1.5rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#drink .text_area .text p{
	font-size: 0.82rem;
	line-height: 1.8;
}
#drink .row .photo{
	width:50%;
	padding:0;
	height:400px;
	float: right;
}
#drink .row02{
	max-width:100%;
	margin:0;
	overflow: hidden;
	padding-bottom: 48px;
}
#drink .text_area{
	max-width:1000px;
	margin:0 auto;
}
#drink .row02 .text_area .text{
	width:50%;
	float:right;
	padding:26px 1% 0 5%;
}
#drink .row02 .photo{
	width:50%;
	padding:0;
	height:400px;
	float: left;
}
#drink .row02 .photo img{
	float:right;
}
}
@media screen and (max-width:960px){
#nav li a{
	font-size: 0.7rem;
}
.inner .content dd.price{
	font-size: 0.96rem;
}
}
@media screen and (min-width:1401px){
	#drink .row .photo img,
	#drink .row02 .photo img{
	width:100%;
}
}