@charset "utf-8";

/*======================================

	* common.css
	* 更新日：20201010

======================================*/
/* 基本*/

body,html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) 単位remを使用する場合はこちらを使用*/
	background-color:#1a2124;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:baseline;
}
.sp_block{display:none;}
.pc_block{display:block;}
.sp_txt-block{display:none;}
.pc_txt-block{display:inline-block;}
#wrapper {
	margin: 0 auto;
	padding: 0;
	background:url(../images/ob_hr5.gif) repeat-x top center;
}
#base{
	width:950px;
	margin: 0 auto;
	padding: 0;
	background:url(../images/ob_hr.gif) repeat-y top center;
}
#contents {
	margin: 0px auto;
	width: 950px;
}
#main {
	margin: 0px;
	width: 480px;
	float: left;
	padding-left:40px;
}

.asterisk,
.asterisk li{
	text-indent:-1em;
	padding-left:1em;
	
}
@media screen and (max-width:767px){
	.sp_block{display:block;}
	.pc_block{display:none;}
	.sp_txt-block{display:inline-block;}
	.pc_txt-block{display:none;}
	#wrapper {
		background:url(../images/ob_hr.gif) repeat top center;

	}
	#base{
		width:100%;
		background-size:cover;
	}
	#main {
		padding:0 20px 50px;
		width:calc(100% - 40px);
		float:none;
		background:url(../images/sp_conBgT.gif) repeat-x 5px top,
		url(../images/sp_conBgB.gif) repeat-x left bottom,
		url(../images/sp_conBgL.gif) repeat-y left 10px,
		#ffffff url(../images/sp_conBgR.gif) repeat-y right 10px;
	}

}

/*   #header   */

header#header00 {
	padding: 0px;
	width: 950px;
	height: 125px;
	margin: 0px;
}
#header01 {
	padding:20px 0px 0px;
	width: 407px;
	float: right;
}
/* #mainNav */
#mainNavi {
	width: 602px;
	height: 40px;
	background-image: url(../images/b_main.jpg);
	background-repeat:no-repeat;
	padding-top: 80px;
}
#mainNavi li {
	float: left;
}
#mainNavi li a {
	display: block;
}
#mainNavi li span {
	display: none;
}
#mainNavi01a {
	background-image: url(../images/b_TOP.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 62px;
}
#mainNavi01a:hover {
	background-position: 0px -40px;
	background-repeat: no-repeat;
}
#mainNavi01b {
	background-image: url(../images/b_TOP.png);
	 	background-repeat: no-repeat;
	background-position: 0px -80px;
	height: 120px;
	width: 62px;
}
#mainNavi02a {
	background-image: url(../images/b_TOP.png);
	background-repeat: no-repeat;
	background-position: -62px 0px;
	height: 40px;
	width: 133px;
}
#mainNavi02a:hover {
	background-position: -62px -40px;
	 	background-repeat: no-repeat;
}
#mainNavi02b {
	background-image: url(../images/b_TOP.png);
	background-position: -62px -80px;
	height: 120px;
	width: 133px;
}
#mainNavi03a {
	background-image: url(../images/b_TOP.png);
	background-repeat: no-repeat;
	background-position: -195px 0px;
	height: 40px;
	width: 156px;
}
#mainNavi03a:hover {
	background-position: -195px -40px;
	background-repeat: no-repeat;
}
#mainNavi03b {
	background-image: url(../images/b_TOP.png);
	 	background-repeat: no-repeat;
	background-position: -195px -80px;
	height: 120px;
	width: 156px;
}
#mainNavi04a {
	background-image: url(../images/b_TOP.png);
	background-repeat: no-repeat;
	background-position: -361px 0px;
	height: 40px;
	width: 166px;
}
#mainNavi04a:hover {
	background-position: -361px -40px;
	background-repeat: no-repeat;
}
#mainNavi04b {
	background-image: url(../images/b_TOP.png);
	 	background-repeat: no-repeat;
	background-position: -361px  -80px;
	height: 120px;
	width: 166px;
}
#mainNavi05a {
	background-image: url(../images/b_TOP.png);
	background-repeat: no-repeat;
	background-position: -517px 0px;
	height: 40px;
	width: 85px;
}
#mainNavi05a:hover {
	background-position: -517px -40px;
	background-repeat: no-repeat;
}
#mainNavi05b {
	background-image: url(../images/b_TOP.png);
	 	background-repeat: no-repeat;
	background-position: -517px  -80px;
	height: 120px;
	width: 85px;
}
/*SP用ハンバーガーボタン*/
header .menu-trigger{
	display:none;
}
/*SP用カートボタン*/
header .menu-cart{
	display:none;
}
@media screen and (max-width:767px){
	header#header00 {
		position:relative;
		padding:0;
		width:100%;
		height:auto;
	}
	#header01 {
		padding:20px 20px 40px;
		width:calc(100% - 40px);
		float:none;
	}
	#header01 h1{
		width:180px;
	}
	/* #mainNav */
	#mainNavi {
		width:100%;
		height:100%;
		background-image: url(../images/b_main.jpg);
		background-repeat:no-repeat;
		padding-top: 80px;
	}

	header #mainNavi{
		display: none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		font-size:200%;		
		background-color:rgba(0,0,0,0.9);
		text-align: center;
		z-index:2;
	}
	header #mainNavi ul{
		float:none;
		margin-left:0;
		margin-top:30px;
	}
	header #mainNavi ul li{
		float:none;
		margin-bottom:50px;
	}
	header #mainNavi li a {
		margin:0 auto;
	}
/*SP用ハンバーガーボタン*/
	header .menu-trigger,
	header .menu-trigger span{
		display: inline-block;
		position: absolute;
		top:25px;
		right:20px;
		transition: all .4s;
		box-sizing: border-box;
		z-index: 3;
	}
	.menu-trigger {
		position: relative;
		/*width: 50px;*/
		width:30px;
		height: 44px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #ffffff;
		border-radius: 4px;
	}
	.menu-trigger span:first-child {
		top: 0;
	}
	.menu-trigger.hbgmenu-open span:first-child {
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	.menu-trigger span:nth-child(2) {
		top: 20px;
	}
	.menu-trigger.hbgmenu-open span:nth-child(2) {
		opacity: 0;
	}
	.menu-trigger span:nth-child(3) {
		top:auto;
		bottom: 0;
	}
	.menu-trigger.hbgmenu-open span:nth-child(3) {
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
	}
	header .menu-cart{
		display:block;
		position: absolute;
		top:25px;
		right:80px;
	}
}
@media screen and (max-width:350px){
	#header01 h1{
		width:150px;
	}
}

/* タイトル*/
#title {
	padding:30px 0px 20px;
}
/* フッタ*/
#footer {
	width: 950px;
	height: 50px;
	background-color:#1a2124;
}
#copy {
	text-align:right;
	padding: 10px 0 0;
	}
	
#adress {
	margin: 10px 0px 0px 0px;
	text-align:right;
	color:#FFFFFF;
	font-size:70%;
}
@media screen and (max-width:767px){
	#title {
		padding:30px 0px 20px;
	}
	footer#footer {
		width:100%;
		text-align:center;
	}
	footer #copy {
		text-align:center;
		padding:30px;
	}
}

/* 共通モジュール */

.space00 {
margin-bottom:0px;
}

.space03 {
margin-bottom:3px;
}

.space10 {
margin-bottom:10px;
}

.space15 {
margin-bottom:15px;
}

.space20 {
margin-bottom:20px;
}

.space25 {
margin-bottom:25px;
}

.space30 {
margin-bottom:30px;
}

.space35 {
margin-bottom:35px;
}

.space40 {
margin-bottom:40px;
}

.space45 {
margin-bottom:45px;
}

.space60 {
margin-bottom:60px;
}

.spacetop20 {
margin-top:20px;
}


.r50 {
	float:right;
margin-top:50px;
}

.left {
float:left;
}

.right {
	float:right;
}

.center {
	text-align: center;
}

.blue {
color:#337290
}

.red {
color:#990000;
}

.green {
color:#33995A;
}


.b{
font-weight:bold;
}


#area480 {
	width: 480px;
	margin-bottom: 20px;
	/*float:left;*/
	line-height: 1.4;
	color:#1a2124;
	}

.btn a{
	display:block;
	padding:10px 20px;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
	border:solid 2px #1a2124;
	background-color:#ffffff;
	transition:all 0.3s ease;
}
.btn a.hover{
	background-color:#1a2124;
	color:#ffffff;
} 




@media print {}