/**********************************************************************　コモン　*******************************************************************************/

body { margin: 0 0 0 0;} /* 白ふちのないデザイン */
.sp ,
.sitemap a.sp
{display: none;}

.kaig { display: inline; }


/**********************************************************************　大枠デザイン　*******************************************************************************/


/***** 　　　　　左右1366で縛るかどうか？ 　　　　　　*****/ 

@media screen and (min-width: 1366px) 
{

}

/**********************************************************************　ドラゴンバーガー　*******************************************************************************/

.logol { position: absolute ; z-index: 3 ; }
.logol { top: 8% ; left: 6% ; width: 10% ; }
#index .logol { top: 8% ; left: 6% ; width: 20% ; }

.mag30 {
			margin-left: 90px;
			margin-right: 15%;
			margin-top: 25px;
		}

.slidedown { width: 100% ; height: 200px ; margin: 0 ; padding : 0 0 0 0 ; text-align: center ; position: fixed ; bottom: 0 ; z-index: 2 }
.slidedown { background-image: url(https://dragon-burger.com/img/half.png) ; background-repeat: no-repeat ; background-position: left bottom ; background-size: 100% 50% ; }
.slidedown- { background-image: url(https://dragon-burger.com/img/half.png) ; }

.slidedown nav {
	width: 100%; 
	height: 200px;
	position: relative;
	/*max-width: 100%;*/
}
.slidedown nav { padding: 100px 0 0 0 ; background-image: url(https://dragon-burger.com/img/dragon.png) ; background-repeat: no-repeat;background-position: 105% 0 ; background-size: 20% auto ; }
.slidedown  nav a {
	float: left;
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
	text-align: left;
}

.slidedown nav a.end {
	/* [disabled]margin-right: 15%; */
}
.slidedown nav a.hit { color: #fff ; }

.logos { width: 60px ; position: relative ; top: 72px ; left: 30px ; text-align:left }
.logos a { position: absolute ; display: block ; top: 50px ; left: 0px ; z-index: 4 }

.logos img  { width: 100% ; height: auto; }

.scn-box { width: 90% ; padding: 50px 0% 50px 10% ;  }
.momiji div.scn-box {
	width: 80%;
	padding-top: 10px;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 50px;
}
.scn-box.admng { width: 80% ; padding: 50px 10% 50px 10% ;  }
.burger-box { width: 70%;margin: 0 ; padding: 50px 15% }
.burger-box { text-align: left }
.rgtoffset h3 { padding-right: 13%}

.zoom-box div { font-family: 'Fjalla One', sans-serif; font-size: 0.8em ; line-height: 1.0em }

/**********************************************************************　デザイン　*******************************************************************************/

.burgers .swiper-slide img { width: 70% ; padding: 50px 15% 100px 15% ; }
.name-box { top: 170px ; right: 10.5%; }
.adam img { width: 90%; height: auto; padding: 0 0 50px 0 }

/****************************　　lang　　****************************/

.lang {
    position: absolute;top: 20px ; right: 20px ; z-index: 4 ; width: 120px;
}

/**********************************************************************　画像サイズの調整　*******************************************************************************/

.p-wide-90p { width: 90%;margin-right: 10% }
.p-wide-80p { width: 80%;margin-right: 20% }
.p-wide-70p { width: 70%;margin-right: 30% }

.zu img { width: 70% ; height: auto ; padding: 0 15% }


/**********************************************************************　動画　*******************************************************************************/

.video-box { position: relative }
.video-bt { position: absolute; top: 0;left: 0;z-index: 1;}
.video-bt a img { width: 100%; height: auto; opacity: 0; }
.video-bt a:hover img { opacity: 1; }

#myVideo {
/*position: absolute;
right: 0;
bottom: 0;
top:0;
right:0;*/
width: 100%;
height: auto;/*100%*/
/*background-size: auto 100%;
background-image: url(../img/pv.jpg) ;
background-position: center center;*/
object-fit: cover; /*cover video background */
z-index:1;
}

/**********************************************************************　タイポグラフィー　*******************************************************************************/

.copy { text-align: justify; padding: 0 10% }

/**********************************************************************　フォントサイズ　*************************************************************************/

h1  { font-size: 3.0em;line-height: 1.2em ;  }
h1.eng  { font-size: 1.6em;line-height: 1.6em ;  }
h2  { font-size: 1.1em;line-height: 1.2em ; padding-bottom: 10px ; } 
h3  { font-size: 1.1em;line-height: 1.2em ; padding-bottom: 10px ; }
h4  { font-size: 0.9em;line-height: 1.2em ; }
h5  { font-size: 0.9em;line-height: 1.4em ; }
h2 span.engsub { font-size: 0.8em;line-height: 1.4em }

body#index h1.eng { position: absolute ; right: 150px ; top: 30px ; z-index: 3 ; color: #fff ; text-align: right ;font-size: 0.8em;line-height: 0.8em ; }
p.lang { top: 20px ; right: 20px; }
body.cn#index h1.eng { right: 150px }


body#burgers h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #fff ; text-align: right }
body#restaurant h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #fff ; text-align: right }
body#story h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #fff ; text-align: right }
body#location h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #000 ; text-align: right }

/**********************************************************************　サイズの調整　*******************************************************************************/

.lft { float: left;  }.rgt { float: right ; }/*background-color: #ff0000 */

/**************************************************************　スライドショー　******************************************************************/

.swiper-pagination{ height: 30px; position: absolute;left: 0;bottom: 0 }


/******************************************************************************* 　マルチ　 *********************************************************************************/

/**　　　　　左右２列　　　　　　　**/

.lft{float: left;width: 48%;}
.rgt{float: right;width: 48%;}

/**********************************************************************  説明など *******************************************************************************/

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

/******************　背景写真付　********************/
@media screen and (min-width: 900px) 
{
}

/**********************************************************************  エフェクト  *******************************************************************************/

.logoban img { width: 60% ; height: auto; }

.zoom-b {  }
.zoom-box:last-child { padding-bottom: 0%; }
.zoom-box::after { content: ''; clear: both; display: block; }
.zoom-box div {
	position: relative;
	width: 47%;
	height: auto;
	padding: 0;
}

.zoom-box.mojisoto:last-child { padding-bottom: 2.0%; }

/**　　　　　左右３列　　　　　　　**/

.zoom-box.sandan div {width: 30%;}
.zoom-box div.zb-rgt { float: right; }
.zoom-box.sandan div.zb-lft { margin-right: 4.4% }

.zoom-box.yondan div {width: 18.7%; margin: 10px 2.3%}
.zoom-box.godan div {
	width: 20%;
	margin: 10px 1.5% 0
}
.zoom-box.rokudan div {width: 12.0%; margin: 10px 1.5% 0}

.zoom-box div:first-child { margin-left: 0; }
.zoom-box div span {
/*	position: absolute;
	text-align: center;
	top: 3%;
	left: 5%;
	z-index: 1;
	display: block;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	width: 100%*/
}

.zoom-box.fdz div span {
	width: 25%
}

.zoom-box figure:hover+a span {
	left: 5%;
	opacity: 1;
}


/* 1. 背景写真がズームインするボタン */

.hover01 figure img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/**********************************************************************　サイズ調整　*******************************************************************************/

/*---------------------　パソコン用　---------------------*/

.w-wide { width: 90%;margin-left:10% }

.w-wide-fl { width: 85%;margin-left:10%;margin-right:5% }

.w-70p-fl { width: 77.5%;margin-left:14.5%;margin-right:0% }

.pt-ss { padding-top: 5px }.pb-ss { padding-bottom: 5px }
.pt-s { padding-top: 10px }.pb-s { padding-bottom: 10px }
.pt-m { padding-top: 20px }.pb-m { padding-bottom: 20px }
.pt-l { padding-top: 30px }.pb-l { padding-bottom: 30px }
.pt-ll { padding-top: 50px }.pb-ll { padding-bottom: 50px }

.mt-ss { margin-top: 5px }.mb-ss { margin-bottom: 5px }
.mt-s { margin-top: 10px }.mb-s { margin-bottom: 10px }
.mt-m { margin-top: 20px }.mb-m { margin-bottom: 20px }
.mt-l { margin-top: 30px }.mb-l { margin-bottom: 30px }
.mt-ll { margin-top: 50px }.mb-ll { margin-bottom: 50px }

.pr-s { padding-right: 10px }.pl-s { padding-left: 10px }
.pr-m { padding-right: 20px }.pl-m { padding-left: 20px }
.pr-l { padding-right: 30px }.pl-l { padding-left: 30px }
.pr-ll { padding-right: 40px }.pl-ll { padding-left: 40px }

.w-15p{ width: 15%;margin-left:42.5% }
.w-20p{ width: 20%;margin-left:40% }
.w-40p{ width: 40%;margin-left:30% }
.w-50p{ width: 50%;margin-left:25% }
.w-70p{ width: 70%;margin-left:15% }
.w-80p{ width: 80%;margin-left:10% }
.w-90p{ width: 90%;margin-left:5% }
.w-95p{ width: 95%;margin-left:2.5% ; }
.w-100p{ width: 100%;margin-left:0% ; }