@charset "utf-8";

body{font-size:100%;line-height:1.6;letter-spacing:0;}
html>/**/body{font-size:13px;line-height:1.6;letter-spacing:0;}
body{
	font-family:"Noto Sans JP",sans-serif;
	font:13px;
	*font-size:small;
	*font:x-small;
}

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

html,body{height:100%;}

.fixedArea{
	width:100%;
	background-color:#fff;
	position:fixed;
}

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

@media screen and (max-width:999px){
	.pcOnly{display:none !important;}

	.fixedArea{
		z-index:30;
		box-shadow:0px 2px 7px rgba(0,0,0,0.2);
	}

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

	.headWrap{
		width:100%;
		height:50px;
		margin:0 auto;
		padding:9px 0 0 0;
	}
	.headWrap .logoWrap .qbb{
		width:86px;
		float:left;
		margin-right:15px;
		padding:0 0 0 15px;
	}
	.headWrap .logoWrap .txt{
		width:112px;
		float:left;
		margin-right:15px;
	}
	.headWrap .logoWrap .seventieth{
		width:43px;
		float:left;
	}

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

	.spMenu{
		width:10%;
		position:fixed;
		top:0px;
		right:0px;
		z-index:200;
	}
	/* Humbuger Menu*/
	#panel-btn{
		display:inline-block;
		position:relative;
		width:50px;
		height:50px;
		float:right;
		background-color:rgba(231,0,19,1);
		/*background-color:#e70013;*/
	}
	#panel-btn-icon{
		display:block;
		position:absolute;
		top:38%;
		left:50%;
		width:26px;
		height:2px;
		margin:-2px 0 0 -13px;
		background-color:rgba(255,255,255,1);
		transition:.2s;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:26px;
		height:2px;
		background-color:rgba(255,255,255,1);
		transition:.3s;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
	}
	#panel-btn-icon:before{margin-top:-7px;}
	#panel-btn-icon:after{margin-top:5px;}
	#panel-btn .close{background:transparent;}
	#panel-btn .close:before, #panel-btn .close:after{margin-top:0;}
	#panel-btn .close:before{
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	#panel-btn .close:after{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}

	#panel-btn .txtIcon{
		width:100%;
		text-align:center;
		position:absolute;
		top:62%;
	}
	#panel-btn .txtIcon img{
		width:74%;
	}
	#panel-btn .txtIcon.opened{
		display:none;
	}


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

	.navWrap_sp{
		height:100%;
		background-color:#ffeb8d;
		padding:5% 5% 10% 5%;
		position:fixed;
		top:-100%;
		opacity:0;
		z-index:11;
	}
	.navWrap_sp .inner .shareTxt{
		width:15%;
		margin:8% auto 0;
		opacity:0;
	}
	.navWrap_sp .inner .gnav{
		opacity:0;
	}
	.navWrap_sp .inner .gnav li{
		padding:8% 0 2% 0;
		border-bottom:2px solid #fcc92d;
	}
	.navWrap_sp .inner .gnav li a{
		display:block;
		width:90%;
		margin:0 auto 0;
	}
	.navWrap_sp .inner .shareWrap{
		width:100%;
		text-align:center;
		margin:3% auto 0;
		opacity:0;
	}
	.navWrap_sp .inner .shareWrap li{
		width:12%;
		display:inline-block;
		margin-right:4%;
	}
	.navWrap_sp .inner .shareWrap li:nth-of-type(3){
		margin-right:0;
	}

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

	.container{
		padding-top:50px;
	}
	.btmSnsBtn{
		width:90%;
		margin:10% auto 0;
	}
	.btmSnsBtn li{width:48%;}
	.btmSnsBtn li:nth-of-type(1){float:left;}
	.btmSnsBtn li:nth-of-type(2){float:right;}

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

	.footWrap .footer{
		width:100%;
		margin:0 auto;
		position:relative;
		background-color:#f6780e;
	}
	.footWrap .footer:before{
		content: "";
		display: block;
		padding-top:10%;
	}
	.footWrap .footer p{
		width:100%;
		padding:4% 0 0 0;
		text-align:center;
		font-size:2vw;
		color:#ffffff;
		line-height:1;
		position:absolute;
		top:0;
		left:0;
	}
	.footWrap .footer .rttBtn{
		width:20%;
		margin-left:-5%;
		position:absolute;
		left:50%;
		top:-136%;
	}

}

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

@media screen and (min-width:1000px){
	.spOnly{display:none !important;}

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

	.fixedArea{
		box-shadow:0px 2px 5px rgba(0,0,0,0.1);
		z-index:10;
		background:url(../images/common/navBg.gif) repeat-x;
	}

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

	.headWrap{
		width:980px;
		margin:0 auto;
		padding:20px 0;
	}

	.headWrap .logoWrap{
		width:245px;
		padding:2px 0;
		float:left;
	}
	.headWrap .logoWrap .qbb{
		/*width:90px;*/
		width:70px;
		float:left;
		margin-right:10px;
	}
	.headWrap .logoWrap .txt{
		/*width:140px;*/
		width:104px;
		float:left;
		margin-right:10px;
	}
	.headWrap .logoWrap .seventieth{
		/*width:53px;*/
		width:38px;
		float:left;
	}

	.headWrap ul.txtGlobalNav{
		width:665px;
		float:left;
		font-size:1px;
		line-height:1;
		padding:8px 0;
	}
	/*.headWrap ul.txtGlobalNav li{
		width:153.75px;
		float:left;
	}*/
	.headWrap ul.txtGlobalNav li{
		display:inline-block;
		font-size:1px;
		line-height:1;
		border-right:1px solid #7d7a59;
	}
	.headWrap ul.txtGlobalNav li:last-child{
		border:none;
	}
	.headWrap ul.txtGlobalNav li a{
		display:block;
		padding:0 10px;
		font-size:1px;
		line-height:1;
	}
	.headWrap ul.txtGlobalNav li:nth-of-type(1) a{
		padding:0 10px 0 25px;
	}

	.headWrap .shareWrap{
		/*width:195px;*/
		width:70px;
		padding:0 0 0 0;
		float:right;
	}
	.headWrap .shareWrap .txtImg{
		width:48px;
		float:left;
		margin-right:25px;
	}
	.headWrap .shareWrap .tw,
	.headWrap .shareWrap .fb,
	.headWrap .shareWrap .ln{
		width:30px;
		float:left;
	}
	/*.headWrap .shareWrap .tw,
	.headWrap .shareWrap .fb{
		margin-right:15px;
	}*/
	.headWrap .shareWrap .tw{
		margin-right:10px;
	}
	.headWrap .shareWrap .fb{
		margin-right:0px;
	}

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

	.navWrap_pc{
		width:100%;
		/*height:83px;*/
		border-top:3px solid #fcc92d;
		background:url(../images/common/navBg.gif) repeat-x;
	}
	.navWrap_pc .gnav{
		width:1000px;
		margin:0 auto;
	}
	.navWrap_pc .gnav li{
		float:left;
		border-right:1px solid #fcc92d;
		text-align:center;
	}
	.navWrap_pc .gnav li:nth-of-type(1){
		width:248px;
		border-left:1px solid #fcc92d;
	}
	.navWrap_pc .gnav li:nth-of-type(2),
	.navWrap_pc .gnav li:nth-of-type(3),
	.navWrap_pc .gnav li:nth-of-type(4){
		width:249px;
	}
	.navWrap_pc .gnav li a{
		display:block;
		padding:15px 0;
	}
	.navWrap_pc .gnav li a img{
		width:auto;
		height:45px;
	}

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

	.container{
		padding-top:70px;
	}

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

	.btmSnsBtn{
		width:580px;
		margin:100px auto 0;
	}
	.btmSnsBtn li{width:275px;}
	.btmSnsBtn li:nth-of-type(1){float:left;}
	.btmSnsBtn li:nth-of-type(2){float:right;}

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

	.footWrap{
		background-color:#f6780e;
	}
	.footWrap .footer{
		width:1000px;
		height:50px;
		margin:0 auto;
		position:relative;
	}
	.footWrap .footer p{
		width:1000px;
		height:50px;
		color:#ffffff;
		line-height:50px;
		text-align:center;
		position:absolute;
		top:0;
		left:0;
	}
	.footWrap .footer .rttBtn{
		width:162px;
		height:119px;
		position:absolute;
		right:0;
		top:-110px;
	}

}