@charset "UTF-8";

@media screen and (max-width: 768px) {
	/*--------------- ----------------*/
	/*---------------ここから全体的なheader----------------*/
	#header .inner {
		width: 100%;
	}
	#header #navi li {
		width: 100%;
	}
	#header #navi li:last-child a {
		margin-left: 40px;
	}
	#header #navi ul {
		display: none;
	}
	#header  #navi #toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #f00;
	}
	#header #navi #toggle a {
		display: block;
		position: relative;
		padding: 8px 0 10px;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
	}
	#header #navi #toggle:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#header #navi #toggle a:before,
	#header #navi #toggle a:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #f00;
	}
	#header #navi #toggle a:before {
		margin-top: -6px;
	}
	#header #navi #toggle a:after {
		margin-top: 2px;
	}
	
	/*---------------online付け足し----------------*/
	
	#header h1 {
		text-align: center;
		float:none;
	}
	#online{
		width: 280px;
		height: 37px;
		margin: 10px auto;
		float: none;
	}
	.online_title{
		font-size:14px;
		font-weight: 900;
		width: 50%;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: center;
		float: left;
	}
	.online_button{
		font-size:14px;
		font-weight: 900;
		color: white;
		display:block;
		width:50%;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align:center;
		background:#e7231e;
		text-decoration: none;
		border-radius: 5px;
		float: right;
	}
	#navi{
		overflow: hidden;
	}
	
	/*---------------ここまでonline付け足し----------------*/
	
	
	
	/*---------------ここまで全体的なheader----------------*/
	
	/*---------------ここからトップ----------------*/
	#top .inner {
		width: 100%;
	}
	#top .contents01 .bannar {
		width: 100%;
	}
	#top .contents h2{
		background-position: 100% 0;
	}
	#top .contents h2 img {
		width: 40%;
	}
	#top .contents .btn a {
		font-size: 14px;
	}
	#top .contents02 ul li img {
		width: 88%;
	}
	#top .contents03 ul li img,
	#top .contents04 ul li img {
		height: auto;
	}
	#top .contents03 ul li {
		float: none;
		width: 100%;
	}
	/*---------------ここまでトップ----------------*/
	
	/*---------------ここから取り扱いページ----------------*/
	#products .inner,
	#products .content .stamp img {
		width:  100%;
	}
	#products .inner #subhead > .right {
		float: none;
		clear: both;
		width: 100%;
		padding-top: 20px;
	}
	#products .inner #subhead > .right img {
		text-align: center;
		width: 85%;
	}
	#products  #first_content {
		width: 85%;
		margin: 0 auto;
	}
	#products #first_content .fc_r {
		width: 50%;
		margin: 0;
	}
	#products #first_content .fc_r img,
	#products #first_content .right img {
		width: 95%;
	}
	#products #first_content .right {
		width: 50%;
	}
	#products .content .stamp {
		width: 30%;
	}
	#products .content .text01 {
		width: 60%;
	}
	/*---------------ここまで取り扱いページ----------------*/
	
	/*---------------ここから卸売----------------*/
	#orosiuri #top .btn a {
		font-size: 14px;
	}
	#orosiuri #top .orositop,
	#orosiuri #top p,
	#orosiuri .inner,
	#orosiuri .inner .content_width,
	#orosiuri .inner .ltemtext {
		width: 100%;
	}
	#orosiuri .inner .ltem1,
	#orosiuri .inner .ltem2,
	#orosiuri .inner .ltem3,
	#orosiuri .inner .ltem4,
	#orosiuri .inner .ltem5 {
		padding: 15px;
		width: 90%;
	}
	#orosiuri #top .text img {
		width: 90%;
		position: relative;
		left: 5%;
		float: none;
	}
	#orosiuri .inner .content_width img {
		float: none;
		width: 95%;
		text-align: center;
	}
	#orosiuri .inner .kodawari img {
		margin-top: 10px;
	}
	
	/*---------------ここまで卸売----------------*/
	
	/*---------------ここからギフト・景品----------------*/
	
	/*---------------ここまでギフト・景品----------------*/
	
	/*---------------ここから会社概要----------------*/
	#company #comment .inner,
	#company .content_width,
	#company #continer #gmap iframe,
	#company #footer .inner {
		width: 100%;
	}
	#company .inner h3 {
		font-size: 150%;
	}
	#company #comment .inner img {
		width: 90%;
		padding-left: 5%;
	}
	#company .inner .right {
		float: none;
		width: 90%;
	}
	#company #continer h3 {
		font-size: 150%;
	}
	#company #continer #table01,
	#company #continer #table02 {
		width: 90%;
		margin-left: 5%;
		clear: both;
	}
	#company #continer #gmap {
		width: 90%;
		float: none;
		clear: both;
		margin-left: 5%;
		padding-top: 10px;
	}
	/*---------------ここまで会社概要----------------*/
	
	/*---------------ここから問い合わせ----------------*/
	#contact .inner {
		width: 100%;
	}
	#contact .inner #telfax p {
		font-size: 100%;
	}
	#contact #form {

	}
	#contact #form iframe {
		width: 100%;
		height: 600px;
	}
	#contact .inner #privacy {
		width: 90%;
		margin-left: 5%;
	}
	/*---------------ここまで問い合わせ----------------*/
	
}