@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
*,*:before, *:after {box-sizing:border-box;}

html {
	font-size: 62.5%;
}
body {
	margin: auto;
	color: #fff;
	font-size: 15px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;
}
div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}

a:link {color:#555555;}
a:visited {color: #ddd;}
a:hover {color: #ff5500;}
h1 {
	font-size: 12px;
	font-weight: normal;
        text-decoration: none;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
p {
	line-height: 1.4;
	letter-spacing: 0.1em;
	margin: 0px 0px;
	padding: 0px;
}
img { border: 0px;}
br {padding:0;margin:0;width:0;}
.empha {
         font-weight: bold;
         color: #c92851;
         font-style: normal;
}

.fclear {clear:both;}

#wrapper {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	/*background:#222;*/
}

.inner {
	width: 900px;overflow:hidden;
	margin-left:auto;margin-right:auto;
}

header {
	height: 70px;
	background-image:url(../images/bg_header_center-re.gif),url(../images/bg_header.gif);
	/*background:#f94444;*/
	background:#ff2929;
	background-repeat:no-repeat,repeat-x ;background-position:top center,top left;
        text-align: left;
	z-index:5;
	border-bottom:1px solid #a10000;
}
header a{text-decoration:none;}
header .logo {float:left;}
/*header .logo img {width:;}*/
header .logo:hover {opacity:0.8;transition: .2s;}
header .logo a {font-weight:bold;color:#fff!important;text-decoration:none;}
header .logo a:hover {text-decoration:none;}
header .logo span {display:inline-block;vertical-align:middle;text-align:center;padding-left:5px;}

#header_info {
	 float:right;width:58%;
	padding:1.2rem 0;font-size:1.2rem;
}
#header_info p,#header_info a {color:#fff;}
#header_info img {vertical-align:text-top;}
#header_info .tel {float:left;
	font-size:3.5rem;font-weight:bold;letter-spacing:0.02rem;color:#fff;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#header_info .webyoyaku {padding: 2px;float: right;}
.web-yoyakuTel {
	display: none;
}
#header_info .Eigyo {
	padding-top: 2px;
	float: left;
	width: 180px;
}
#header_info .Eigyo img {display:block;float:left;}
#header_info .Eigyo .time {
	display: block;
	float: left;
	color: #fff;
	padding: 0 10px;
	font-size: 20px;
	line-height: 140%;
	margin-top: 8px;
}
#header_info .tellink {pointer-events: none;padding: 8px;}
.mobile_nav {display:none;}



nav.pc {
	width:100%;height:7rem;
	margin: 0 auto;overflow: hidden;
	background:url(../images/bg_nav-re.gif) repeat-x top left;
	z-index:999;
	border-bottom: 2px solid #9a0d0d;
}
nav.pc ul {
	width: 1120px;overflow:hidden;
	margin: 0 auto;padding: 0;
	text-align: center;list-style-type: none;
}
nav.pc ul li {
	float: left;
	background:url(../images/bg_nav_li-re.gif) no-repeat top left ;
	width: 14rem;
}
nav.pc.fixed {position:fixed;top:0;left:0;}
nav.pc ul li a:hover {opacity:0.5;transition: .2s;}
nav.pc ul li a {display:block;}




#container {
	overflow: hidden;
	margin-left:auto;margin-right:auto;
}
main {
}
.sbcommonTt {
	color:#fff;font-weight:bold;font-size:3rem;line-height:160%;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
	padding:1% 0;
}

.tellink {
    pointer-events: none;}
.web-yoyaku.mb {
    display: none;
}

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

#wrapper {width: 100%;}
#header {width: 100%;}
#wrapper #header p.header_info {display:none;}
#fla_area {display:none;}
#topnavi-nonpc {width:100%;display:block;}
#topnavi-nonpc ul {list-style-type:none;margin:5px auto;}
#topnavi-nonpc ul li {width:100%;float:left;}
#topnavi-nonpc ul li a {font-size:1.6em;}
#container {width:100%;}
#main {width:100%;}

#topics {width:100%;}
#darts_box {width:100%;}
#pack {width:100%;}
#pointbox {width:100%;}
#link_area {width:100%;}

}




footer {
}

.footer_top {
	padding:2% 0;
	background: url(../images/bg_ft_top-re.gif) repeat-x top left;
	background-size: auto 100%;
	padding: 2% 0;
	border-top: 2px solid #97190c;
	border-bottom: 1px solid #990a0a;
}
.footer_top ul {overflow:hidden;}
.footer_top li {float:left;}
.footer_top li a {text-align:center;display:block;width:15rem;color:#fff;font-size:13px;line-height:180%;}

.footer_mdl {background:#ff2929;padding:5rem;}
.footer_mdl .logo {float:left;}
.footer_mdl .logo:hover {opacity:0.8;transition:0.3s;}
.footer_mdl .logo span {display:inline-block;color:#fff;font-size:12px;vertical-align:middle;text-align:center;padding-left:7px;}

.footer_mdl .leftArea {
	width:60%;float:right;
}
.footer_mdl .leftArea p {padding-top:0.5rem;color:#fff;}
.footer_mdl .tel {color:#fff;}

.footer_btm p {background:#000;line-height:160%;color:#999;padding: 0.3rem 0;text-indent:-6.5em;padding-left:6.5em;}

.karaLink {
    padding: 0.5em;
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    background: #2d2d2d;
}
.karaLink ul li {
    width: 25%;
    text-align: center;
    float: left;
    list-style: none;

}
.karaLink ul li a {
    color: #eee;
}
.karaLink ul {
    margin: 15px auto;
    overflow: hidden;
}
.karaLink .inner {
  width: 950px;
}



a {color:#557;}
a:hover{
		color:#ef5500;
		text-decoration: underline;}
a:visited {color:#888;}


.pc_only {display:block;}
.mobile_only {display:none;}
.mb_only {display:none;}