@charset "utf-8";
/* CSS Document */
/************************************************

	Header
	
************************************************/

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

header {
	width:100%;
	height:43px;
	margin:0;
	padding:0;
	border-top:3px solid #683290;
}

header .sub,
header .lineup {
	display: none;
}

header .logo a {
	margin:10px 0 0 10px;
	padding:0;
	background:url(/img/sp/logo.jpg) no-repeat;
	background-size:161px 31px;
	display:block;
	text-indent:-9999px;
}

header .logo {
	margin:3px 0 0;
}

header .search {
	display:none;
}

#staff #wrapInner {
	padding:0;
}

.btn_entry .btn a {
	display:block;
	width:100%;
	float:left;
	padding:18px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background:#b4b801;
	color:#000;
	margin:0 auto 4px;
	position:relative;
	-webkit-animation-name: greenPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

.btn_entry .btn a:after {
	border-right: 2px solid #000;
		border-top: 2px solid #000;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
		display: block;
		height: 4px;
		right: 10px;
		margin-top: -4px;
		position: absolute;
		top: 55%;
		width: 4px;
}

.btn_entry .txt_e {
	font-weight:bold;
	color:#fff;
}

.btn_entry .txt_t {
	font-size:1.25em;
	font-weight:bold;
	color:#fff;
	padding:0 0 5px;
}

/************************************************

	Footer

************************************************/

footer {
	padding:20px 0 0;
	text-align:center;
	color:#fff;
}

.btn_tel {
	margin:16px;
	text-align:center;
}

.btn_tel .btn a {
	display:block;
	width:100%;
	float:left;
	padding:13px 0 12px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	background:#2b2b2b;
	border:1px solid #666;
	color:#fff;
	margin:0 auto 8px;
}

.btn_tel .btn a span {
	position:relative;
	padding:2px 20px 0 34px;
}

.btn_tel .btn a span:before {
	content: "";
	background:url(/img/common/ico_tel.png) no-repeat;
	background-size:14px 20px;
	width:14px;
	height:20px;
		display: block;
		position: absolute;
		top:0;
		left:7px;
}

.btn_tel .txt_e {
	font-weight:bold;
	color:#fff;
}

footer {
	padding:25px 0 10px;
	background:#683290;
}

footer .flogo img {
	width:60%;
	margin:0 0 10px;
}

#top footer .address a {
	color:#683290;
}

footer .address a {
	display:block;
    background:#fff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px rgba(108, 108, 108, 0.2);
    font-size: 1.4em;
    font-weight: bold;
    padding:14px;
	margin:5px 10px;
    text-align: center;
}

footer .address a span {
    font-size: 0.8em;
}

footer .fb {
	padding:0 0 10px 25px;
}

footer .fb span {
	font-weight:bold;
	padding:12px 0 0;
	float:left;
	display:block;
}

footer .ft_btm {
	background:#fff;
	padding:10px 0;
}

footer .pc a {
	font-weight:bold;
	position:relative;
	padding:0 25px;
	margin:0 0 12px;
}

footer .pc a:before {
	content: "";
	background:url(/img/common/ico_pc.png) no-repeat;
	background-size:16px 15px;
	width:16px;
	height:15px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
}

footer .pc a:after {
	border-right: 2px solid #444;
		border-top: 2px solid #444;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
		display: block;
		height: 4px;
		right: 10px;
		margin-top: -4px;
		position: absolute;
		top: 55%;
		width: 4px;
}

footer .copyright {
	font-size:0.7em;
	color:#fff;
	padding:30px 0 0;
}

/************************************************

	line

************************************************/

#sns_area .line{
	margin:0 auto;
	text-align:center;
	padding:15px 0 20px 0;
}

.ninja_onebutton {
width: 170px;
margin: 0 auto 6px auto;
/* padding-bottom: 10px; */
/*z-index: 10350000 !important;*/
/* overflow: auto; */
}


.tw{
	float:left;
}

.fb-like{
	float:right;
}

.tokuten{
	margin:10px auto;
	text-align:center;
}

.bnr{
	margin:10px auto;
	text-align:center;
}

/************************************************

	fnav

************************************************/

.fnav {
	padding:0 0 0 0;
	margin:0;
}

.fnav a {
	display:block;
	height:auto;
	padding:6px 0 5px;
	clear:both;
}
.fnav a:after {
		border-right: 2px solid #8A8A8A;
		border-top: 2px solid #8A8A8A;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
		display: block;
		height: 4px;
		right: 6px;
		margin-top: -4px;
		position: absolute;
		top: 56%;
		width: 4px;
}

.fnav li {
	position:relative;
	float:left;
	color:#444;
	font-weight:bold;
	background:#C1C1C1;
	font-size:90%;
	border-bottom:1px solid #919191;
	width:50%;
	text-align:center;
}
.fnav li:nth-child(2n-1) {
	border-right:1px solid #DADADA;
	width:50%;
	display:block;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				 -o-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}

.fnav li:nth-child(2n) {
	border-left:1px solid #919191;
	display:block;
	width:50%;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				 -o-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}



/************************************************

	fixfooter

************************************************/


#bottom_fix{
	position: fixed;
	bottom: 0px;
	margin:0 auto;
	height:74px;
	width:100%;
	transition: bottom 200ms linear 0;
	z-index:99999;
	}
#bottom_fix.liftup{
	bottom: 22px;
	margin:0 auto;
	}

#bottom_fix .fix_btn{
	text-align:center;
	width:210px;
	margin:0 auto;
}

#bottom_fix .fix_btn li{
	float:left;
	margin:0 0 0 10px;
	border:none;
	padding:0;
}

}