@charset "UTF-8";

html { 
	}

body	{
	/*font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-family: 'Noto Sans Japanese', serif;
	color:#333333;
	}
	
/*#main {
	width:100%;
	height:auto;
	background:url(background2.png) no-repeat;
	background-attachment:fixed;
	-webkit-background-size:100%;
}*/

header {
	background-color:#ffffff;
	background-color: rgba(255,255,255,0.60);
	margin:0;
	padding:0;}


#wrapper {
	}

footer {
	width:100%;
	margin:0;
	}

footer p {
	max-width:300px;
	display:block;
	font-size:65%;
	text-align:center;
	margin:0 auto;
	padding:1% 0;
	}

a { color:#FFC800;}
a:hover { text-decoration:none;}

/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media print, screen and (min-width: 769px){
	.spOnly { display:none;}
	img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
	#headerIn {
	width:1000px;
	margin:0 auto;
	padding:1% 0 0.8%;
	}
	
	#main {
	width:100%;
	height:auto;
	background:url(background2.png) no-repeat;
	background-attachment:fixed;
	-webkit-background-size:100%;
	}
	
	#container{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	}
	.mainVisual,.mainBnr_pc {
		width:900px;
		/*padding:0 50px;*/
		margin:0 auto;
		}
	.mainBnr_pc { margin:-3px auto 0 auto;}
	.mainBnr_sp {
		display:none;}
		
	.copy {
		max-width:860px;
		margin:15px auto;
		}
	.btnArea {
		max-width:860px;
		margin:10px auto;
		}
	.btnArea li.btnLeft {
		display:block;
		width:380px;
		float:left;}
	.btnArea li.btnRight {
		display:block;
		width:470px;
		float:right;}
		
	.btnArea li.btnLeft2 {
		display:block;
		width:720px;
		margin:20px 0 0 0;
		float:left;}
	.btnArea li.btnRight2 {
		display:block;
		width:130px;
		float:right;}
		
	.btnArea_sp { display:none;}
	
	#shohinArea {
		width:100%;
		padding:10px 0 24px 0;}
		
		#shohin_sec {
			width:1000px;
			margin:0 auto;}
		#shohin_secBox01 {
			width:900px;
			margin:0 auto 24px auto;
			padding:0px;
			}
			
		#shohinBox01 {
			width:900px;
			margin:0 auto;
			}
		#shohinBox01 li.shohinA {
			background-color: rgba(206,255,128,0.70);
			display:block;
			width:434px;
			border-radius:20px;
			float:left;
			margin:0;}
		#shohinBox01 li.shohinB {
			background-color: rgba(206,255,128,0.70);
			display:block;
			width:434px;
			border-radius:20px;
			float:right;
			margin:0;}
		#shohinBox01_sp { display:none;}
		
		#shohin_secBox02 {
			width:890px;
			background-color:#ffffff;
			margin:0 auto;
			padding:0 0 15px;
			border:#006934 2px solid;
			border-radius:3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
			
		.shohinTit {
			display:block;
			width:160px;
			margin:0 auto 10px auto;}
		#shohinBox02 {
			width:866px;
			margin:0 auto;
			}
		#shohinBox02 li {
			display:block;
			float:left;}
		
	#txtArea_wrap {
			background-color: rgba(0,0,0,0.30);
			max-width:890px;
			margin:0 auto 12px auto;
			border:#ffffff 2px solid;
			border-radius:20px;
			padding:0px;}
	
	li.shohinA a{
		color:#00510B;
	}
	li.shohinB a{
		color:#0072FF;
	}	
	p.shohinC {
			color: #ffffff;
			line-height:20px;
			padding: 5px;
	}
	
	p.shohinC2 {
			color: #ffffff;
			font-size:10px;
			padding: 5px;
	}
	p.shohinD {
			color: #000000;
			font-size:15px;
			line-height:20px;
			padding:5px 0 0 0;
	}
	
		p.shohinD2 {
			color: #000000;
			font-size:15px;
			line-height:20px;
			padding:5px 0 0 0;
	}
	
	p.shohinE {
			color: #000000;
			font-size:12px;
			line-height:14px;
			padding: 10px;
	}
	
	.bos{
		bockground-color:#ffffff;
		margin:20px;
	}
	.bos2{
		bockground-color:#ffffff;
	}
		
	#txtArea01 {
			width:830px;
			background-color:#ffffff;
			margin:20px auto;
			padding:30px;
			border:#006934 2px solid;
			border-radius:3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
		.txt_tit {
			display:block;
			margin:0 0 1.5%;}
		#txtArea01 p {
			display:block;
			font-size:120%;
			line-height:150%;
			margin:0 0 2%;}
		.imgTxt_pc {
			display:block;
			margin:10px 0 20px 0;}

		.imgTxt_sp { display:none;}
		
.mgt10 { margin-top:1.5%;}
.fontCol { color:#2e683a;}
.fwb { font-weight:bold;}
.fsz_s { font-size:80%;}
.fsz_l { font-size:130%;}

	.btnArea02_wrap {
		max-width:910px;
		margin:0 auto;}	
	.btnArea02_pc {
			max-width:860px;
			background-color:#ffffff;
			margin:20px auto;
			padding:20px;
			border:#a2ada7 2px solid;
			border-radius:3px;}
		.btnArea02_sp { display:none;}
		
	#txtArea02_wrap {
		max-width:900px;
		margin:0 auto;}
	
	.txtArea02 {
		max-width:860px;
		display:block;
		background: #e0efda;
		border-radius:4px;
		padding: 20px;
		opacity: 0.8;}
		
			dl { width:auto; line-height:1.5em;}
			dt { clear:left; float:left; width:16px;}
			dd { margin-left:16px;}
		
	.txtArea02 p {
			display:block;
			color:#000000;
			font-size:100%;
			line-height:150%;
			margin:0 0 2%;}
	.border { border:#000000 1px dashed; display:block; margin:15px 0;}
	
	.txtInner_Box {
		display:block;
		font-size:110%;
		font-weight:bold;
		border:#000000 1px solid;
		border-radius:6px;
		padding:10px 20px;
		margin:15px 0;}

	.headline {
		color:#FFF900;
		font-size: 36px;
		padding:5px;
	}
	
	.twins {
		color:#ffffff;
		font-size: 20px;
		line-height:30px;
		text-shadow:0px 1px 8px #000;
		padding:5px;
	}

.mgnLeft { margin:0 0 0 -10px; display:block;}
	
/*-- page-top --*/
.page_top {
	position: fixed;
	bottom: 40px;
	right: 15px;
	width: 60px;
	height: 60px;}
.page_top:not(:target) { filter: none;}
.page_top img{ width: 60px; height: 60px; margin: 0; padding: 0;}
	
/*--  clear --*/
.clearfix:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
}



/*===============================================
●smart.css tablet.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	.pcOnly { display:none;}
	.spOnly { display:block;}
	img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
	#headerIn img {
		width:100px;
		height:auto;
		display:block;
		padding:1.1% 0;}
		
	#main {
	width:100%;
	height:auto;
	background:url(background3.png) no-repeat;
	background-attachment:fixed;
	-webkit-background-size:100%;
	}
	
	#container{
	width:100%;
	padding:10px 0;
	}
	.mainVisual {
		max-width:620px;
		height:auto;
		padding:0 10px;
		margin:0 auto;
		}
	.mainBnr_pc {
		display:none;
		}
	.mainBnr_sp {
		display:block;
		max-width:576px;
		height:auto;
		padding:0 15px;
		margin:-3px auto 0 auto;}
	
	.btnArea { display:none;}

	.btnArea_sp {
		display:block;
		max-width:554px;
		height:auto;
		padding:0 20px;
		margin:0 auto 0 auto;
		}
	.btnArea_sp li {
		display:block;
		background-color: rgba(0,0,0,0.30);
		max-width:554px;
		height:auto;
		border-radius:15px;
		padding:10px;
		margin:0 0 5px;}
		
	#shohinArea {
		width:50px;
		padding:10px;}
	
	#shohinArea {
		width:100%;
		padding:0px 0 10px;}
	
	#shohin_sec {
			max-width:480px;
			padding:0 10px 0 10px;
			margin:0 auto;}
		#shohin_secBox01 {
			max-width:480px;
			margin:0 auto 20px auto;
			padding:10px 20px;
			border-radius:3px;
		}
		#shohinBox01_sp {
			max-width:480px;
			display:block;
			padding:0;
			margin:0;
			}
		#shohinBox01_sp li.shohinA {
			background-color: rgba(206,255,128,0.70);
			display:block;
			max-width:480px;
			height:auto;
			border-radius:15px;
			float:none;
			margin:0 0 20px;}
			
		li.shohinA a{
			color:#00510B;}
		
		li.shohinB a{
			color:#0072FF;}
		
		#shohinBox01_sp li.shohinB {
			background-color: rgba(206,255,128,0.70);
			display:block;
			max-width:480px;
			height:auto;
			border-radius:15px;
			float:none;
			margin:0;}
		#shohinBox01 { display:none;}
		
		#shohin_secBox02 {
			max-width:480px;
			background-color:#ffffff;
			margin:0 auto;
			padding:0 0 5px;
			border:#006934 2px solid;
			border-radius:3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
		.shohinTit {
			display:block;
			max-width:80px;
			height:auto;
			margin:0 auto 5px auto;}
		#shohinBox02 {
			display:block;
			max-width:480px;
			height:auto;
			margin:0 auto;
			padding:0 5px 0 10px;
			}
		#shohinBox02 li {
			display:block;
			max-width:33%;
			height:auto;
			float:left;}
			
		#shohin_secBox03 {
			max-width:480px;
			background-color:#2e683a;
			margin:0 auto 15px auto;
			padding:15px;
			border:#ffffff 3px solid;
			border-radius:3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
			
		#shohinBox03_sp {
			max-width:480px;
			display:block;
			margin:0 auto;
			}
		#shohinBox03_sp li.shohinA {
			display:block;
			max-width:480px;
			height:auto;
			float:none;
			margin:0 0 10px;}
		#shohinBox03_sp li.shohinB {
			display:block;
			max-width:480px;
			height:auto;
			float:none;
			margin:0px 0 0 0;}
			
		#shohinBox03 { display:none;}
		
		p.shohinC {
			color: #ffffff;
			line-height:20px;
			padding:10px;
		}
			p.shohinC2 {
			color: #ffffff;
			font-size:10px;
			padding: 5px;
		}
		p.shohinD {
			color: #000000;
			line-height:20px;
			padding:10px;
		}
		
		p.shohinE {
		color: #000000;
		font-size:10px;
		line-height: 15px;
		padding:0px 5px 10px 10px;
		}
		
		.bos{
			bockground-color:#ffffff;
		}
		.bos2{
			bockground-color:#ffffff;
			padding:5px;
		}
		
		#txtArea_wrap {
			max-width:480px;
			margin:0 auto 15px auto;
			padding:0 15px 0 10px;}
			
		#txtArea01 {
			max-width:480px;
			display:block;
			background-color:#ffffff;
			margin:15px auto;
			padding:15px;
			border:#006934 2px solid;
			border-radius:3px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
		.txt_tit {
			max-width:120px;
			height:auto;
			display:block;
			margin:0 0 1.5%;}
		#txtArea01 p {
			display:block;
			font-size:80%;
			line-height:150%;
			margin:0 0 2%;}
		
		.imgTxt_sp {
			display:block;
			line-height:180%;
			margin:10px 0 20px 0;}

		.imgTxt_pc { display:none;}
		.sp_none { display:none;}
		
		.headline {
			color:#FFF900;
			font-size: 20px;
			line-height:22px;
			padding:10px;
		}
	
		.twins {
			color:#ffffff;
			font-size: 16px;
			text-shadow:0px 1px 8px #000;
			line-height:20px;
			padding:5px;
		}


.mgt10 { margin-top:1.5%;}
.fontCol { color:#2e683a;}
.fwb { font-weight:bold;}
.fsz_s { font-size:70%; line-height:120%; display:block; margin-bottom:10px;}
.fsz_l { font-size:100%;}
.brspace { display:block; margin-bottom:-20px;}
.brspace02 { display:block; margin-bottom:0px;}
.brspace03 { display:block; margin-bottom:0px;}

.btnArea02_wrap { display:none;}
	
	#txtArea02_wrap {
		max-width:480px;
		margin:10px auto 15px auto;
		padding:0 15px;}
	
	.txtArea02 {
		max-width:480px;
		display:block;
		background: #e0efda;
		border-radius:4px;
		padding: 15px;
		opacity: 0.8;}
		
				dl { width:auto; font-size:80%; line-height:1.5em;}
				dt { clear:left; float:left; width:14px;}
				dd { margin-left:14px;}

	.txtArea02 p {
			display:block;
			color:#000000;
			font-size:80%;
			line-height:150%;
			margin:0 0 2%;}
	.border { border:#000000 1px dashed; display:block; margin:15px 0;}
	.txtInner_Box {
		display:block;
		font-size:100%;
		font-weight:bold;
		border:#000000 1px solid;
		border-radius:6px;
		padding:10px 20px;
		margin:15px 0;}
	a:hover { text-decoration:none;}

/*-- page-top --*/
.page_top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 40px;
	height: 40px;}
.page_top:not(:target) { filter: none;}
.page_top img{ width: 40px; height: 40px; margin: 0; padding: 0;}

/*--  clear --*/
.clearfix:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
}