@charset "UTF-8";
	/* CSS Document */
	
	body{
		font:0.875em/1.8 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
		color:#666;
	}
	
	a:link{
		color:#666;
	}
	
	a:visited{
		color:#666;
	}
	
	#list{
		list-style-type:none;
		margin:0;
		padding:0;
		overflow:hidden;
		width:95%;
		margin:0 auto;
	}
	
	#t_list{
		border-bottom:dotted 1px #CCC;
		overflow:hidden;
		padding-bottom:1em;
		padding-top:1em;
	}
	
	#list li{
		display:block;
	}
	
	#li_img{
		width:40%;
		height:auto;
		float:left;
	}
	
	#li_img img{
		width:100%;
	}
	
	#li_txt{
		width:58%;
		height:auto;
		float:right;
		line-height:1.8em;
	}
	
	#hatubaibi{
		background-color:#FFC;
		text-align:center;
	}
		
	
	/* リストマーカーを非表示 */
	ul,ol{
		list-style-type:none;
	}
	
	h1{
		border-bottom:#999 solid 1px;
		margin-bottom:0;
	}
	
	
	/*パンくずリスト*/
	#pankuzu{
		text-align:right;
	}
	
	#pankuzu li{
		display:inline;
	}
	
	#pamkuzu li{
		padding-right:15px;
		background: url(icon_nav.gif) right center no-repeat;
	}
	
	
	
	
	/*メインコンテンツ*/
	main{
		width:95%;
	
	}
	
	p {
	word-wrap: break-word;
	}
	
	h2{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:2em;
		color:#F90;
		font-weight:100;
		text-align:center;
	}
	
	
	/*表の設定*/
	table{
		width:100%;
	}

	
	h3{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		margin-top:-20px;
		font-weight:100;}
	
	
	/*フッター*/
	#footer{
		clear:both;
	}
	
	table.footer{
		border-top:#CCC solid 1px;
	}
	
	
	/*デバイスサイズ999px以上(Desktop)
	=================================================*/
	@media screen and (min-width : 999px){
body{
	width:1000px;
	margin:auto;
	background-image:url(pic/t_bg.gif) ;
}


#haikei{
	margin:0;
	width:1000px;
	border-right:#DCC76D solid 3px;
	border-left:#DCC76D solid 3px;
	background-color:#FFF;
}

#con{
	margin:auto;
	width:950px;
}

#header{
	width:950px;
}


/*ヘッドナビ*/
#head{
	display:none;
}

.h_img{
	width:100%;
}


	
	/*サイドナビ*/
	.menu-img {
		padding:5px;
		border:#CCC solid 1px;
		width:90%;
		height:auto;
	}
	
	#side{
		width:25%;
		float:left;
	}
	
	#menu {
		clear:both;
		position: relative;
		width: 100%;
		padding-left: 0px;
		height: auto;
	}
	.menu-inner{
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	
	.menu-inner a:hover img{
		opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}
	#menu li {
		list-style-type: none;
		float: left;
		width:100%;
		height: auto;
		text-align:center;
	}
	#menu li a {
		display: block;
		line-height: 100px;
		text-decoration:none;
	}
	
	/*メインコンテンツ*/
	#main{
		width:75%;
		margin:12px 0 0 0;
		float:left;
	}
	
	/*商品一覧*/
.lineup_img{
	float:left;
	margin:10px;
	width:28%;
}

.tuki{
	width:100%;
}

.text{
	width:58%;
	float:left;
    margin:20px;
	vertical-align:middle;
}
/*.thumb{
	float:left;
	margin:10px;
		width:28%;
}
*/

.tu_img{
	width:100%;
	height:auto;
}

#tukitama{
	margin:auto;
	width:95%;
}
	

#tukitama2{
	margin:auto;
	width:95%;
	clear:both;
	border-top:#CCC dotted 1px;
}
	
	/*フッター*/
	
	td.t_logo{
		width:110px;
	}
	
	.logo{
		width:90%;
		margin-top:10px;
	}
	
	td.t_add{
	}
	
	td.t_qr{
		width:124px;
	}
	
	td.copy{
		text-align:center;
		color:#CCC;
		font-size:0.75em;
	}
	
	}
	/*------------------------------------------------*/
	
	
	/*デバイスサイズ  481px以上 999px以下(Tablet)
	=================================================*/
	@media screen and (min-width : 481px) and (max-width : 999px){
	img {
		width: 100%;
		height:auto;
	}
	
	.tuki_logo{
		width:30%;
	}
	
	/*ヘッドナビ*/
	#head{
		display:none;
	}
	
	/*サイドナビ*/
	.menu-img {
		padding:5px;
		border:#CCC solid 1px;
		width:90%;
		height:auto;
	}
	
	#side{
		width:25%;
		float:left;
	}
	
	#menu {
		clear:both;
		position: relative;
		width: 100%;
		padding-left: 0px;
		height: auto;
	}
	.menu-inner{
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	
	.menu-inner a:hover img{
		opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}
	#menu li {
		list-style-type: none;
		float: left;
		width:100%;
		height: auto;
		text-align:center;
	}
	#menu li a {
		display: block;
		line-height: 100px;
		text-decoration:none;
	}
	
	/*メインコンテンツ*/
	#main{
		width:75%;
		margin:12px 0 0 0;
		float:left;
	}
	
		/*商品一覧*/
.lineup_img{
	float:left;
	margin-left:10px;
	width:28%;
}

.text{
	width:60%;
	float:left;
	margin-left:15px;
	margin-right:15px;
}
/*.thumb{
	float:left;
	margin:0px;
		width:25%;
}*/

#tukitama{
	margin:auto;
	width:95%;
	overflow:hidden;
}
	

#tukitama2{
	margin:auto;
	width:95%;
	clear:both;
	border-top:#CCC dotted 1px;
	overflow:hidden;
}
	
	
	/*フッター*/
	td.t_logo{
		width:110px;
	}
	
	.logo{
		width:90%;
		margin-top:10px;
	}
	
	td.t_add{
	}
	
	td.t_qr{
		width:124px;
	}
	td.copy{
		text-align:center;
		color:#CCC;
		font-size:0.75em;
	}
	
	}
	/*------------------------------------------------*/
	
	/*デバイスサイズ  480px以下(SmartPhone)
	=================================================*/
	@media screen and (max-width : 480px){
	img {
		width: 100%;
		height:auto;
	}
	
	.h_img{
		display:none;
	}
	
	h1{
		text-align:center;
	}
	
	#li_img{
		width:100%;
	}
	
	#li_txt{
		width:100%;
	}
		
		
	.tuki_logo{
		width:50%;
		margin-bottom:10px;
	}
	
	#header{
		width:100%;
		top:0;
		background:#FFF;
	}
	
	/*パンくず非表示*/
	#pankuzu{
		display:none;
	}
	
	/*ヘッドナビ*/
	#head{
		width:100%;
	}
	
	#menu1{
		background:rgba( 255, 245, 151, 0.55 );
		font:16px;
	}
	
	label {
		background: #FC3;
		color: #fff;
		padding: 10px;
		display: block;
		margin: 0;
		border: 1px solid #fff;
	}
	
	input[type="checkbox"].on-off{
		display: none;
	}
	
	.menu ul {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.menu li {
		padding: 5px;
	}
	
	input[type="checkbox"].on-off + ul{
		height: 0;
		overflow: hidden;
	}
	
	input[type="checkbox"].on-off:checked + ul{
		height: 270px;
	}
	 
	
	/*サイドナビ*/
	#side{
		display:none;
	}
	
	/*メインコンテンツ*/
	#main{
		margin:0 0 0 0;
	}
	
#tukitama{
	width:100%;
}

#tukitama2{
	width:100%;
	clear:both;
	border-top:#CCC dotted 1px;
}

.lineup_img{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.thumb{
	display:none;
}

.text{
	margin-bottom:20px;
}
	
	/*フッター*/
	table.footer{
		border-top:#CCC solid 1px;
	}
	
	td.t_logo{
		width:30%;
	}
	
	.logo{
		margin-top:10px;
		width:90%;
	}
	
	td.t_add{
		width:70%;
	}
	
	td.t_qr{
		width:0%;
	}
	
	.qr_img{
		display:none;
	}
	td.copy{
		text-align:center;
		color:#CCC;
		font-size:0.75em;
	}
	
	
	}
	/*------------------------------------------------*/