@charset "utf-8";


/*--transitionAnimation--*/

body.sales #menu_list ul li.sales a{
	background-color:#d00;
	color:#fff;
}

/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

	/*--------common---------*/

	#readArea{
		width:100%;
		padding:50px 0px 30px;
		margin:0 auto 0;
		background-color:rgba(255, 255, 255, 0.8);
		color:#300;
		text-align:center;
		font-size:17px;
	}

	.readArea_attention{
		margin-top:20px;
		display:inline-block;
		border-radius:5px;
		padding:20px 30px;
		background-color:rgba(0,0,0,0.1);

	}

	.readArea_attention .bold{
		font-weight:bold;
		color:#DC2C00;
		display:block;
		margin-bottom:7px;
		font-size:110%;
	}

	.readArea_attention .min{
		display:block;
		font-size:11px;
		line-height:130%;
		margin-top:10px;
		color:#666;
	}

	#readArea .inner{
		width:960px;
		margin:0 auto 0;
		display:block;
	}

	#readArea .inner .map{
		width:32%;
		float:right;
		display:block;
		margin:30px 20px 0 0;
	}


	#readArea2{
		width:100%;
		padding:20px 0px 30px;
		margin:0 auto 0;
		background-color:rgba(255, 149, 13, 0.8);
		color:#000;
		text-align:center;
		font-size:16px;
	}

	#readArea2 .inner{
		width:960px;
		margin:0 auto 0;
		display:block;
		position:relative;
	}

	#readArea2 .inner .goods{
		display:block;
		position:absolute;
		bottom:0;
		left:0;
	}

	#readArea2 .inner .text{
		display:block;
		position:relative;
		float:right;
		width:40%;
		text-align:left;
	}

	#readArea2 .inner .text .head1{
		color:#400;
		display:block;
		font-weight:800;
		font-size:18px;
		margin:15px 0 0;
	}

	#readArea2 .inner .text .head2{
		color:#400;
		display:block;
		font-weight:800;
		font-size:42px;
		margin:17px 0 0;
	}

	#readArea2 .inner .text .exp{
		display;:block;
		font-size:12px;
		line-height:120%;
		margin:20px 0 0;
	}

	#readArea3{
		width:100%;
		padding:20px 0px;
		margin:0 auto 0;
		background-color:rgba(255, 73, 0, 0.8);
		color:#fff;
		text-align:center;
		font-size:16px;
	}

	#readArea3 .inner{
		width:960px;
		margin:0 auto 0;
		display:block;
		position:relative;
	}

	#readArea3 .inner .exp{
		display;:block;
		font-size:12px;
		line-height:120%;
		margin:5px 0 0;
		color:#FFDAC2;
	}


	.contents .attention{
		text-align:right;
		font-size:14px;
		margin:10px 0 0;
	}

	#readArea .inner .topic{
		display:inline-block;
		border-radius:20px;
		background-color:#DD1600;
		margin:8px 0 0px;
		padding:5px 15px;
		color:#fff;
		font-size:12px;
	}

	.contents{
		width:100%;
		padding:70px 0px 100px;
		margin:0 auto 0;
		background-color:rgba(255,255,255,0.8);
	}

	.contents .inner{
		width:960px;
		margin:0 auto 0;
		display:block;
		color:#333;
	}

	.contents .box{
		width:100%;
		margin:40px auto 0;
	}



	.contents .pickup .item{
		width:50%;
		float:left;
		margin-top:30px;
	}

	.contents .pickup .item img{
		width:50%;
		float:left;
	}


	.contents .pickup .item .info{
		width:42%;
		float:left;padding:1% 3.5%;
	}

	.contents .pickup .item .info .name{
		font-size:16px;
		font-weight:800;
		margin-bottom:5px;
		line-height:130%;
	}

	.contents .pickup .item .info .prise{
		font-size:14px;
		border-bottom:1px solid #666;
		margin-bottom:8px;
		display:block;
		text-align:right;
	}

	.contents .pickup .item .info .text{
		font-size:12px;
		line-height:150%;
	}




	.contents .list {
		border-top:1px solid #999;
		margin-top:50px;
	}


	.contents .list .item {
		width:100%;
		border-bottom:1px solid #999;
		padding:14px 0;
		display: table;
	}

	.contents .list .item .name{
		font-size:14px;
		width:44%;
		display: table-cell;
		vertical-align: middle;
		padding-right:2%;
		font-weight:bold;
	}

	.contents .list .item .prise{
		font-size:14px;
		width:12%;
		border-left:1px solid #bbb;
		display: table-cell;
		vertical-align: middle;
		text-align:right;
		padding:0 1%;
	}

	.contents .list .item .text{
		font-size:12px;
		width:38%;
		border-left:1px solid #bbb;
		display: table-cell;
		line-height:120%;
		padding:0 0 0 1%;
	}


	h2{
		font-size:40px;font-weight:800!important;
		color:#000;
		width:100%;
		text-align:center;
		padding:50px 0 50px;
		text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	}

	#tab_title{
		width:100%;
		border-bottom:6px solid #000;
	}

	#tab_title a{
		display:inline-block;
		background-color:rgba(0,0,0,0.5);
		padding:20px 0;
		color:#ddd;
		font-size:15px;
		margin-right:0.5%;
		width:13.85%;
		float:left;
		text-align:center;
	}

	#tab_title a:nth-child(7){
		margin-right:0;
	}



	#tab_title a.active{
	padding:20px 0 25px;
		background-color:#000;
		color:#fff;
	}



	.icon{
		font-size:70%;
		background-color:#d00;
		padding:0px 12px;
		border-radius:20px;
		color:#fff;
		margin-left:5px;
		display:inline-block;
	}


	/*--------common---------*/

}


/*----------------------------------------
	for irregular PC
----------------------------------------*/



/*----------------------------------------
	for SP
----------------------------------------*/

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

	/*--------common sp---------*/

	.contents{
		width:100%;
		padding:0 0px 100px;
		margin:0 auto 0;
				background-color:rgba(255, 255, 255, 0.8);
				color:#333;
	}

	.contents .inner{
		display:block;
		margin-left:-2%;
	}


	#readArea{
		width:100%;
		padding:50px 0px 30px;
		margin:0 auto 0;
		background-color:rgba(255, 255, 255, 0.8);
		color:#000;
		text-align:left;
		font-size:16px;
	}

	#readArea .inner{
		width:94%;
		margin:0 auto 0;
		display:block;
	}

	#readArea .inner .map{
		width:70%;
		display:block;
		margin:30px auto 20px;
	}

	.readArea_attention{
		margin-top:20px;
		display:inline-block;
		border-radius:5px;
		padding:4% 6%;
		text-align:center;
		background-color:rgba(0,0,0,0.1);

	}

	.readArea_attention .bold{
		font-weight:bold;
		color:#DC2C00;
		display:block;
		margin-bottom:7px;
		font-size:110%;
	}

	.readArea_attention .min{
		display:block;
		font-size:11px;
		line-height:130%;
		margin-top:10px;
		color:#666;
	}



	#readArea2{
		width:100%;
		padding:20px 0px 30px;
		margin:0 auto 0;
		background-color:rgba(255, 149, 13, 0.8);
		color:#000;
		text-align:center;
		font-size:16px;
	}

	#readArea2 .inner{
		width:94%;
		margin:0 auto 0;
		display:block;
		position:relative;
	}

	#readArea2 .inner .goods{
		display:block;
		width:90%;
		margin:0 auto 0;
	}

	#readArea2 .inner .text{
		display:block;
		position:relative;
		text-align:center;
	}

	#readArea2 .inner .text .head1{
		color:#400;
		display:block;
		font-weight:800;
		font-size:18px;
		margin:15px 0 0;
	}

	#readArea2 .inner .text .head2{
		color:#400;
		display:block;
		font-weight:800;
		font-size:35px;
		margin:17px 0 0;
	}

	#readArea2 .inner .text .exp{
		display;:block;
		font-size:11px;
		line-height:120%;
		margin:20px 0 0;
	}

	#readArea3{
		width:100%;
		padding:20px 0px;
		margin:0 auto 0;
		background-color:rgba(255, 73, 0, 0.8);
		color:#fff;
		text-align:center;
		font-size:16px;
	}

	#readArea3 .inner{
		width:94%;
		margin:0 auto 0;
		display:block;
		position:relative;
	}

	#readArea3 .inner .exp{
		display;:block;
		font-size:11px;
		line-height:120%;
		margin:5px 0 0;
		color:#FFDAC2;
	}


	.contents .box{
		width:100%;
		margin:40px auto 0;
	}



	.contents .pickup .item{
		width:60%;
		margin:10px auto 30px;
	}

	.contents .pickup .item img{
		width:100%;
		float:left;
		margin:0 0 15px;
	}


	.contents .pickup .item .info{
		width:100%;
	}

	.contents .pickup .item .info .name{
		font-size:16px;
		font-weight:800;
		margin-bottom:5px;
		line-height:130%;
	}

	.contents .pickup .item .info .prise{
		font-size:14px;
		border-bottom:1px solid #666;
		margin-bottom:8px;
		display:block;
		text-align:right;
	}

	.contents .pickup .item .info .text{
		font-size:12px;
		line-height:150%;
	}




	.contents .list {
		border-top:1px solid #999;
		margin:60px auto 0;
		width:90%;
	}


	.contents .list .item {
		width:100%;
		border-bottom:1px solid #999;
		padding:15px 0;
	}

	.contents .list .item .name{
		font-size:16px;
		width:100%;
		vertical-align: middle;
		padding-right:1%;
		font-weight:bold;
	}

	.contents .list .item .prise{
		font-size:14px;
		width:100%;
		vertical-align: middle;
		text-align:left;
		padding:2px 0% 7px;
	}

	.contents .list .item .text{
		font-size:12px;
		width:100%;
		line-height:120%;
	}

	h2{
		font-size:40px;font-weight:800!important;
		color:#000;
		width:100%;
		text-align:center;
		padding:50px 0 50px;
		text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	}

	#tab_title{
		width:100%;
		border-bottom:6px solid #000;
		padding:3% 0 1%;
	}

	#tab_title a{
		display:block;
		background-color:rgba(0,0,0,0.5);
		padding:4% 0;
		color:#ddd;
		font-size:9px;
		margin-left:1%;
		margin-top:1%;
		float:left;
		font-size:12px;
		text-align:center;
	}

	#tab_title a.t1,
	#tab_title a.t2,
	#tab_title a.t3{
		width:32.3%;
	}

	#tab_title a.t4,
	#tab_title a.t5,
	#tab_title a.t6,
	#tab_title a.t7{
		width:24%;
	}



	#tab_title a.active{
				background-color:#000;
		color:#fff;
	}

	.icon{
		font-size:80%;
		background-color:#d00;
		padding:0px 10px;
		border-radius:20px;
		color:#fff;
		margin-left:5px;
				display:inline-block;
	}



	/*--------common---------*/


}