@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Mouse+Memoirs');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

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

body.jp {
	font-family: "Noto Sans Japanese",sans-serif;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
}
body.en { font-family: 'Titillium Web', sans-serif; letter-spacing: 0.05em; }
body.cn { font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif; }

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.Baskerville { font-family: 'Libre Baskerville', serif;}
.eng { font-family: 'Libre Baskerville', serif; }
.btn.eng { font-family: 'Russo One', sans-serif; }
.btn2.eng { font-family: 'Russo One', sans-serif; }  

body.en strong,
.engsub { font-family: 'Montserrat', sans-serif; }
nav { font-family: 'Russo One', sans-serif; }

h2 span.engsub { display: block }

.eng { font-size: 1.0em;line-height: 1.0em; }

.rubi { font-size: 60%; }
.tel.eng { padding-top: 10px ; padding-bottom: 10px ; font-size: 1.6em }
.scn-box { padding-top: 40px ; padding-bottom: 40px ; }

.nami { background-image: url(https://dragon-burger.com/img/nami.png) ; background-repeat: repeat-x ;background-position: top left ; background-size: 15px auto ; }

.nami2 { background-image: url(https://dragon-burger.com/img/nami2.png) ; background-repeat: repeat-x ;background-position: top left ; background-size: 15px auto ; }

.nami2yr { background-image: url(https://dragon-burger.com/img/nami2yr.png) ; background-repeat: repeat-x ;background-position: top left ; background-size: 15px auto ; }

.nami2r {
	/* [disabled]background-image: url(https://dragon-burger.com/img/nami2r.png); */
	background-repeat: repeat-x;
	background-position: top left;
	background-size: 15px auto;
}

.nami2ry { background-image: url(https://dragon-burger.com/img/nami2ry.png) ; background-repeat: repeat-x ;background-position: top left ; background-size: 15px auto ; }

.s-txt {
	font-size: smaller;	
}

.adam {  }

.btn-box { width: 100% }
p.btn { margin: 10px 10px 20px 0 ; float: left ; width: 140px ; }
p.btn a { display: block ; background-color: #f6ab00;width: 100% ; text-align: center ; color: #000 ; padding: 10px 0 ; border-radius: 5px }
p.btn a:hover { opacity: .7 }

p.btn2 {
	margin: 10px 10px 20px 0;
	/* [disabled]float: left; */
	width: 140px;
}
p.btn2 a { display: block ; background-color: #f6ab00;width: 100% ; text-align: center ; color: #000 ; padding: 10px 0 ; border-radius: 5px }
p.btn2 a:hover { opacity: .7 }

p.lang { position: absolute ; z-index: 3 ;font-family: 'Montserrat', sans-serif;font-size: 80%; }
p.lang a { display: block ; background-color: #000	;	width: 100% ; text-align: center ; color: #fff ; padding: 6px 0 ; border-radius: 5px ; border: 1px solid #999 ;  }

h1  { letter-spacing: 0.15em }
h1.eng  { letter-spacing: 0.1em ;font-weight: normal ; text-transform: uppercase; }
body#location h1.eng  { color: #fff; }

h2  { font-weight: bolder } 
h2.buger_tit{
	width: 100%;
	text-align: left;
}
h3  { font-weight: bolder }
h4  { font-weight: normal }
h5  { font-weight: normal }

body.cn name-box.eng { font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif;font-weight: bolder }
body.cn h4.eng { font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif;font-weight: bolder }

/**********************************************************************　バーガー　*************************************************************************/

.logol img { width: 100% ; height: auto }
.burgers { background-color: #000 ; color: #fff }
.name-box { position: absolute ; display: block ; z-index: 4;font-family: 'Fjalla One', sans-serif;  }

#ice .phj img ,
#menupdf .phj img ,
#pate .phj img ,
#pate2 .phj img ,
#buns .phj img ,
#buns2 .phj img ,
#sauce .phj img ,
#vegetables .phj img
{ width: 60%; height: auto ; padding: 0 20% }

/***********************************************************************　リンク　色　******************************************************************************/
a { text-decoration: none;color: #f6ab00;}
a { transition-property: all;transition: 0.5s linear; }
a:hover { opacity: .7;}


.iro, a.iro ,.hissu { color: rgba(0,0,0,1) ;border-bottom: dotted 1px #f6ab00 ; }
div.anch a { color: #999 }

.zoom-box div.hit {  }
.zoom-box div.zb-lft { float: left; }
.zoom-box.yondan img { padding-bottom: 10px }

.card a:hover {opacity: .8 ; }

.sitemap { display: table; height:35px ;  margin: 0 auto ; text-align: center }
.sitemap a {
	width: 100px ; height: 20px ; padding: 5px 0 0 0 ; margin: 0 5px ; 
	border: 1px solid #f6ab00 ;border-radius: 5px ; 
	color: #000 ;
	display: block ;
	float: left ;
	font-size: 0.7em ;line-height: 1.5em ;
}
.sitemap a:hover { background-color: #f6ab00;color: #fff; }

.mediamail {
	display: table;
	height: 35px;
	margin-top: 15px;
	margin-left: auto;
	margin-bottom: 0;
	text-align: center;
	margin-right: auto;
}
.mediamail a {
	width: 30em;
	height: 20px;
	padding: 5px 0 0 0;
	margin: 0 5px;
	border: 1px solid #f6ab00;
	border-radius: 5px;
	color: #000;
	display: block;
	float: left;
	font-size: 0.7em;
	line-height: 1.5em;
}
.mediamail a:hover { background-color: #f6ab00;color: #fff; }

.sns img { width: 40px ; height: auto ; margin: 10px 5px 0;  }

.zairyo img { width: 40% ; height: auto ; margin: 15px 0 }

/**********************************************************************　文字色　*******************************************************************************/
body { background-color: #fff;color: #000 }

.type-wht { color: #ffffff }
.type-blk { color: #000000 }

/**********************************************************************　アローリスト　*******************************************************************************/
ul.arrowlist li:before { background:#f9be00; }
ul.arrowlist li:after { border-left-color:#000; }
ul.arrowlist li:after { border-left-color:#000 ; }

ul.arrowlist li.gre:before { background:#439300; }
ul.arrowlist li.yel:before { background:#ffd600; }
ul.arrowlist li.rdd:before { background:#e23801; }
ul.arrowlist li.ora:before { background:#eab000; }
ul.arrowlist li.cre:before { background:#eac787; }
ul.arrowlist li.kim:before { background:#adcb00; }
ul.arrowlist li.wht:before { background:#e6e1e3; }
ul.arrowlist li.pnk:before { background:#dd8a7a; }

/**********************************************************************　背景色　*******************************************************************************/
.bg-yel { background-color: #f9be00; }
.bg-blk { background-color: #000000;color: #ffffff }
.bg-drk { background-color: #333333;color: #ffffff }
.bg-slv { background-color: #f1f1f1;color: #000; }


/**********************************************************************　ボーダー色　角丸　*******************************************************************************/
.tray.card.kakomilink a img { border: 1px solid #999;padding: 0; margin: 0 }

.tray {  }
.boto { border-top: 1px solid #f6ab00; }
.kakomi { border: 1px solid #d9d9d9;padding: 10px }


#sample {
 width: 100%;
   height: 1000px;
}


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

.lang .menu > li {
float: left;
width: 100%;
background: rgba(0, 0, 0 ,.5);
font-size: 0.6em;
line-height: 1.0em;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.lang .menu > li a {
display: block;
color: #fff;
text-align: center;
height: 18px;
padding: 8px 0 0 0 ;
}

.lang .menu > li a:hover {
color: #999;
}

.lang ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.lang ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

.lang ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.lang .menu > li:hover {
    background: rgba(0, 0, 0 ,.5);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.lang .menu__second-level li {
    border-top: 1px solid rgba(0, 0, 0 ,.6);
}

.lang .menu__third-level li {
    border-top: 1px solid rgba(0, 0, 0 ,.3);
}

.lang .menu__second-level li a:hover {
    background: rgba(0, 0, 0 ,.5);
}

.lang .menu__third-level li a:hover {
    background: #2a1f1f;
}

.lang .menu__fourth-level li a:hover {
    background: #1d0f0f;
}

.lang .init-bottom:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 15px 2px 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.lang .menu:before,
.lang .menu:after {
    content: " ";
    display: table;
}

.lang .menu:after {
    clear: both;
}

.lang .menu {
    *zoom: 1;
}
.lang .menu {
    position: relative;
    width: 100%;
    height: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.lang .menu > li.menu__single {
    position: relative;
}

.lang li.menu__single ul.menu__second-level {
    position: absolute;
    top: 0px;
    width: 100%;
    background: rgba(0, 0, 0 ,.5);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.lang li.menu__single:hover ul.menu__second-level {
    top: 26px;
    visibility: visible;
    opacity: 1;
}


/**************************************************　recruit　**************************************************/

.bord_1 {
	border: 1px solid #B1B1B1;
	border-radius: 10px;
	padding: 3%;
}
ul.bord_1 {
	list-style-type: decimal;
}

.boldtxt {
	font-weight: bold;	
}

.boldtxt ul li {
	font-weight: lighter;
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 2em;
}
.boldtxt ul.deciLi li{
	list-style-type: decimal;
}

.mail_bannar a {
	width: 6em;
	border: 1px solid #f6ab00;
	border-radius: 5px;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: center;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	color: #000000;
}

.mail_bannar a:hover { background-color: #f6ab00;color: #fff; }


/**************************************************　MOMIJI　**************************************************/

		.momiji h4 {
	text-align: justify;
	margin-top: 15px;
		}
		.momiji p {
			text-align: justify;
		}
		.momiji img {
			max-width: 100%;
			height: auto;
		}
		.center_momiji {
			text-align: center;
		}