@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
}
body {
	margin: auto;
	color: #000;
	font-size: 1.4em;
	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;}


/* クーポンボタン */
.couponBtn {
	position:fixed;z-index:3;
	right:-18em;top:140px;
	transition:right 0.5s ease-in-out;
	
}
.couponBtn.appered {
	right:0;
}
.couponBtn:before {
	content:"";position:absolute;top:1rem;left:1rem;width:100%;height:100%;
}
.couponBtn .txt {
	background: radial-gradient(#d80000, #bc0000);
	position:relative;
	font-weight:bold;text-align: center;
	width:18rem;
	height:11.5rem;
	padding:2rem 4rem 2rem 2rem;
	font-size:2rem;line-height:130%;
	box-sizing:border-box;
	transition:0.4s all ease-in-out;
}

.couponBtn .txt:hover {width:22rem;}
.couponBtn a {
	color:#fff!important;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	display:block;
	text-decoration:none;
}
.couponBtn a:hover {text-decoration:none;}
.couponBtn span {font-size:1.8rem;display:block;color:#fff;margin-bottom:1rem;background:#6ab9ff;padding:0.5em;border-bottom:2px dashed #fff;}
.couponBtn img {margin-right:0.3rem;}

.couponBtn .txt{background:#268de8;}




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.1;
	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;
	padding-bottom: 50px;
	text-align: center;
	background:#222;
}

.inner {
	width: 84rem;overflow:hidden;
	margin-left:auto;margin-right:auto;
}

header {
	height: 70px;
	background-image:url(../images/bg_header_center.gif),url(../images/bg_header.gif);
	background-repeat:no-repeat,repeat-x ;background-position:top center,top left;
        text-align: left;
	z-index:5;
}
header .logo {
	float:left;
	margin-top:0.5rem;
}
header .logo:hover {opacity:0.8;transition: .2s;}

#header_info {
	float:right;width:50%;
	padding:1.2rem 0;font-size:1.2rem;
}
#header_info .webyoyaku {padding: 2px;float: right;}
#header_info p,#header_info a {color:#fff;}
#header_info img {vertical-align:middle;margin-right:1rem;}
#header_info .tel {
	margin-top:0.3rem;
	font-size:2.8rem;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;
}
.web-yoyaku {
	display: none;
}
.mobile_nav {display:none;}



nav.pc {
	width:100%;height:7rem;
	margin: 0 auto;overflow: hidden;
	background:url(../images/bg_nav.gif) repeat-x top left;
	z-index:4;
}
nav.pc ul {
	width: 84rem;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.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;
}


/* coupon */
#coupon {color:#fff;}
.coupon {
	width:60%;border:2px dashed #ff1616;padding:3rem;
	margin-left:auto;margin-right:auto;
	background:#fff;color:#222;
}
.coupon .kome {text-align:left;margin-top:1rem;}
.coupon .kome p {line-height:150%;}






@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 {
	background:url(../images/bg_header.gif) repeat-x top left;background-size: auto 100%;
	padding:2% 0;
}
.footer_top ul {overflow:hidden;}
.footer_top li {float:left;}
.footer_top li a {text-align:center;display:block;width:15rem;color:#fff;}

.footer_mdl {background:#111;padding:5rem;}
.footer_mdl .logo {float:left;}
.footer_mdl .leftArea {
	width:60%;float:right;
}
.footer_mdl .leftArea p {padding-top:0.5rem;color:#fff;}


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




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


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