/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.only_smart{
	display:block;
}


/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}
body {
	color: #000;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/back_kawasui.png);
	background-attachment: fixed;
	background-color: #F6F4F2;
	background-repeat: no-repeat;
	background-position: center bottom;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:active {
  color: #900;
  text-decoration: none;
}
a:hover {
	color: #A00;
	text-decoration: underline;
}
.buttons:hover {
	opacity: 0.5;
}

/* --------------------------------
 * ヘッダー
 * -------------------------------- */
.header {
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	background-image: url(../images/header_line2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position:relative;
}
.header1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.header1 .box1 {
	width: 50%;
	height: auto;
	float: left;
	text-align: left;
	padding: 0.5em;
}
.logo {
	background-image: url(../images/kawasui_logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 240px;
	height: 50px;
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: left;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

/*メニュー*/
.header1 .box2 {
	width: 40%;
	height: auto;
	float: right;
	text-align: right;
	padding: 0;
}
/*トグルボタン*/
#btnmenu{
	display:block !important;
	width:34px;
	height:34px;
	margin:12px 5px 0 5px;
	padding:0;
	float:right;
	position:relative;
	cursor:pointer;
	border:1px solid #aaa;
	border-radius:5px;
}

#btnmenu span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 4px;
	margin: -2px 0 0 -14px;
	background: #aaa;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
#btnmenu span:before,
#btnmenu span:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 28px;
	height: 4px;
	background: #aaa;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#btnmenu span:before{
	margin-top: -10px;
}

#btnmenu span:after{
	margin-top: 6px;
}

#btnmenu .close{
	background: transparent;
}

#btnmenu .close:before,
#btnmenu .close:after{
	margin-top: -2px;
}

#btnmenu .close:before{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#btnmenu .close:after{
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/*ナビゲーションメニュー縦*/
.header1 .box2 nav#menu .menu1 {display: none !important;}
.header1 .box2 nav#menu .menu2 {
	display: none;
	position:absolute;
	top:60px;
	left:0;
	z-index:100000;
	width:100%;
	background-color:#000;}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top:1px solid #666;
	border-bottom:4px solid #000;}
nav ul li {
	border-bottom:1px solid #666;
}
nav li a {
	display: block;
	padding: 10px 20px;
	color: #fff !important;
	font-size: 1.4rem;
	text-decoration: none;
	text-align:left;}
nav li a:hover {background-color: #333}	
.header1 nav .nav-item2 {
	width: 100%;
	display: block;
	padding: 0;
	border-right:none;
}

/* --------------------------------
 * メインエリア
 * -------------------------------- */

#wrapper {
	width: 100%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	overflow: hidden;
}

/* --------------------------------
 * フッター
 * -------------------------------- */
footer {
	background-color: #000;
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 0.5em 0.5em 0.5em;
	color:#CCC;
	font-size: 1.2rem;
	line-height: 1.3em;
	overflow: hidden;
}
footer .box1 {
	width: auto;
	height: auto;
	margin: 0 auto 1em;
	display: block;
	text-align: center;
}
.logo2 {
	width: 280px;
	height: 50px;
	margin: 0 auto;
	background-image: url(../images/kawasui_logo2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: none;
}
.logo2 a {
	display: block;
	width: 100%;
	height: 100%;
}
footer .box2 {
	width: 40%;
	height: auto;
	margin: 0 1.2em;
	display: inline-block;
}
footer .box2 h2 {
	color: #CCC;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	margin: 0.5em 0;
}
footer .box2 h2 a {
	color: #CCC;
	text-decoration: none;
}
footer .box2 h2 a:hover {
	color: #EEE;
	text-decoration: underline;
}
footer .box2 ul {
	font-size: 1.3rem;
	line-height: 1.5em;
	list-style-type: none;
}
footer .box2 ul li {
	color: #CCC;
	text-decoration: none;
}
footer .box2 ul li a {
	color: #CCC;
	text-decoration: none;
}
footer .box2 ul li a:hover {
	color: #EEE;
	text-decoration: underline;
}
footer .box3 {
	font-size: 1.1rem;
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em auto 0;
	overflow: hidden;
	padding: 0px;
	clear: both;
}

/* --------------------------------
 * トップページ
 * -------------------------------- */

#wrapper .top_slider {
	background-color: #FFF;
	display: block;
	margin: 0px;
	height: auto;
	width: auto;
	overflow: hidden;
	padding: 0px;
}
#wrapper .catch {
	background-color: #FFF;
	text-align: center;
	padding: 0.5em;
	height: auto;
	width: 100%;
}
#wrapper .catch h2 {
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: bold;
}
#wrapper .new {
	background-color: #FFF;
	display: block;
	padding: 0.5em 0.5em;
	height: auto;
	width: auto;
	overflow: hidden;
}
/*ニュースエリア*/
#wrapper .new .news {
	display: block;
	margin: 0 0 1em;
	padding: 0.3em;
	height: 300px;
	width: auto;
	border : 1px solid #CCC;
	background-color: #F3F3F3;
	border-radius : 7px;
	overflow : auto;
}
#wrapper .new .news dl {
	font-size: 1.4rem;
	line-height: 1.5em;
	width: auto;
	margin : 0 auto;
	overflow : hidden;
}
#wrapper .new .news dl dt{
	clear : both;
	width : 17%;
	float : left;
	border-top : 1px solid #FFF;
	padding : 0.5em 0;
	text-align : left;
	overflow : hidden;
}
#wrapper .new .news dl dd{
	float : right;
	border-top : 1px solid #FFF;
	padding: 0.5em 0;
	text-align: left;
}
#wrapper .new .news dl dd a {
	color: #000;
}
#wrapper .new .news dl dd a:hover {
	color: #333;
}
.news_media {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #009900;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
.news_event {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #F07700;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
.news_info {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
/*トップページ右バナー*/
#wrapper .new .top_banner {
	display: block;
	height: auto;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
#wrapper .new .top_banner img {
	margin: 0.5em;
	width: 45%;
}
	
/*問い合わせ*/
#wrapper .toiawase {
	background-color: #FFF;
	text-align: center;
	padding: 0.5em 0 0;
}
#wrapper .pagetop {
	background-color: #FFFFFF;
	text-align: right;
	width: 100%;
	margin: 0;
	padding: 0.3em 1em;
}

/* --------------------------------
 * トップページメインコンテンツ部分
 * -------------------------------- */
#wrapper h2 {
	font-size: 3rem;
	line-height: 0.5em;
	font-weight: normal;
}
#wrapper .reed {
	font-size: 1.3rem;
	line-height: 1.4em;
	margin: 0.7em 0;
}
#wrapper .kochira {
	float: right;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira:hover {
	opacity: 0.5;
}
#wrapper .kochira2 {
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira2:hover {
	opacity: 0.5;
}

#wrapper .kochira3 {
	float: none;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira3:hover {
	opacity: 0.5;
}

#wrapper .catch2 {
	text-align: right;
	padding: 24em 0 0;
}
#wrapper .aboutus {
	background-color: #FFFFFF;
	background-image: url(../images/top_aboutus.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .aboutus .catch2 {
	text-align: right;
	padding-top: 15em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#wrapper .business {
	background-color: #FFFFFF;
	background-image: url(../images/top_business.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .business .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 14.5em 0 0;
}
#wrapper .products {
	background-image: url(../images/top_products2.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .products .catch3 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 20.5em 0 0;
}
#wrapper .wholesale {
	background-color: #FFFFFF;
	background-image: url(../images/top_wholesale.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .wholesale .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 11.5em 0 0;
}
/* --------------------------------
 * トップページここまで
 * -------------------------------- */



/* --------------------------------
 * コンテンツページ
 * -------------------------------- */

#wrapper .h2_title1 {
	background-image: url(../images/aboutus.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2.2rem;
	color: #000;
	background-color: #FFFFFF;
	height: 70px;
}
#wrapper .h2_title2 {
	background-image: url(../images/business.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2.2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 70px;
}
#wrapper .h2_title3 {
	background-image: url(../images/products.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2.2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 70px;
}
#wrapper .h2_title4 {
	background-image: url(../images/wholesale.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2.2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 70px;
}
#wrapper .h2_title5 {
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2.2rem;
	color: #000;
	background-color: #FFFFFF;
	height: 70px;
}

#contents {
	font-size: 1.5rem;
	line-height: 1.5em;
	background-color: #FFFFFF;
	display: block;
	height: auto;
	width: 100%;
	padding: 0.5em;
	overflow: hidden;
}
#contents p {
	margin: 0.3em 0;
}

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 1em 0.5em; /* パディング（上下、左右） */
background-color: #fff; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 1.2rem; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 0.3em; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 1em; /* 右パディング */
background: url(../images/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #666;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #333;
}


/* --------------------------------
 * テキスト関連共通
 * -------------------------------- */
.txt_red {
	color: #DA0000;
}
.txt_red2 {
	color: #900000;
}
.txt_big {
	font-size: 120%;
}
.txt_small {
	font-size: 85%;
}
.txt_16 {
	font-size: 1.5rem;
	line-height: 1.5em;
}
.txt_21 {
	font-size: 2rem;
	line-height: 1.4em;
}

/* --------------------------------
 * 画像位置
 * -------------------------------- */
.img_right {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
.img_right2 {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
.img_right3 {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 30%;
}
.img_right_tenpo {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
.img_left {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
.img_left_tenpo {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
.img_left_staff {
	float: left;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	width: 40%;
}
.img_bottom {
	margin-top: 0.8em;
}



/* --------------------------------
 *ニュース一覧
 * -------------------------------- */
#contents #newslineup {
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	margin: 1em auto;
	padding: 0;
}
#newslineup .newsbox {
	background-color: #FFFFFF;
	display: block;
	padding: 1em;
	margin: 1em auto;
	height: auto;
	width: 100%;
	border: 1pt solid #999;
	border-radius: 5px;
}
#newslineup .newsbox p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.2em 0;
	margin: 0;
	text-align: left;
}
#newslineup .newsbox .event {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #F07700;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}
#newslineup .newsbox .media {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #090;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}
#newslineup .newsbox .information {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}



/* --------------------------------
 * 川口水産とは
 * -------------------------------- */

/*左ナビ*/
#sub_nav {
	display: block;
	float: none;
	height: auto;
	width: 100%;
	margin: 0 auto 1em;
}
#sub_nav ol.sub_nav {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 1.4em;
}
#sub_nav ol.sub_nav li {
	width: 49%;
	height: 30px;
	display: inline-block;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: left;
	position: static;
	vertical-align: middle;
	background-color: #FAF8F6;
	background-image: url(../images/subnav_mark.png);
	background-repeat: no-repeat;
	background-position: 0.7em 50%;
	list-style-position: outside;
	padding: 0.4em 0.5em 1.3em 1.8em;
}
#sub_nav ol.sub_nav li.line2 {
	font-size: 1.4rem;
	line-height: 1.4em;
	padding: 0.5em 0.5em 1.3em 1.8em;
	letter-spacing: 0em;
}
#sub_nav ol.sub_nav li:last-child {
	border-bottom: 1px solid #FFF;
}
#sub_nav ol.sub_nav li a {
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
}
#sub_nav ol.sub_nav li a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	opacity: 0.5;
}
/*左ナビここまで*/

#contents_right {
	text-align: left;
	display: block;
	float: none;
	height: auto;
	width: 100%;
	margin: 0;
}
/* h3見出し*/
#contents #contents_right .aboutus_tn {
	width: 100%;
	background-image: url(../images/h3_back12.png);
	height: 65px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.8em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2.4rem;
	display: block;
}
#contents #contents_right .aboutus_tn2 {
	width: 100%;
	background-image: url(../images/h3_back12.png);
	height: 65px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.8em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2.4rem;
	display: block;
}
#contents .products {
	width: 100%;
	background-image: url(../images/h3_back22.png);
	height: 65px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.8em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2.4rem;
	display: block;
}
#contents .wholesale {
	width: 100%;
	background-image: url(../images/h3_back32.png);
	height: 65px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.8em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2.4rem;
	display: block;
}
#contents .info {
	width: 100%;
	background-image: url(../images/h3_back42.png);
	height: 65px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.8em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2.4rem;
	display: block;
}


/*会社概要*/
#wrapper #contents .table_gaiyou {
	font-size: 1.4rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin: 0 0 1em;
	display: table;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}
.table_gaiyou tbody tr {
	border-bottom: 1px solid #999999;
}
.table_gaiyou tbody tr th {
	font-weight: normal;
	width: 25%;
	padding: 0.4em 0.8em;
	height: auto;
	background-color: #F0F0F0;
}
.table_gaiyou tbody tr td {
	padding: 0.4em 0.8em;
}
.table_gaiyou tr td ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
}
#wrapper #contents .map {
	width: 100%;
	height: auto;
}
.map td {
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.5em;
}
#wrapper #contents .map iframe {
	width: 100%;
	height: 200px;
}
/*沿革*/
#contents #contents_right .table_enkaku {
	font-size: 1.4rem;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	margin: 0 0 0.5em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_enkaku tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_enkaku tbody tr.first {
	background-color: #F6F3E9;
}
.table_enkaku tbody tr.odd {
	background-color: #EEE;
}
.table_enkaku tbody tr th {
	font-weight: normal;
	width: 24%;
	padding: 0.4em 0.5em;
	height: auto;
}
.table_enkaku tbody tr td {
	padding: 0.4em 0.5em;
}
/* CSR */
#contents #contents_right .csr_block {
	display: inline-block;
	width: 46%;
	height: auto;
	margin: 0.3em;
	padding: 1em;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
#contents_right .csr_block img {
	float: none;
}
/*スタッフ*/
#contents_right .staff_s {
	width: 100%;
	text-align: center;
	margin: 1em 0;
}
#contents_right .staff_s img {
	width: 70px;
	height: auto;
}
#contents #contents_right .staff01 {
	display: block;
	width: auto;
	height: auto;
	margin: 1em 0;
	text-align: center;
	overflow: hidden;
	border: 0.5em solid #F0E8D8;
}
#contents_right .staff01 .staff001 {
	width: auto;
	padding: 0.3em;
}
#contents_right .staff02 {
	display: block;
	width: auto;
	height: auto;
	margin: 1em 0;
	overflow: hidden;
}
#contents_right .staff02 .staff002 {
	background-color: #FFFFFF;
	display: block;
	padding: 0.3em;
	float: left;
	height: auto;
	width: 50%;
	border: 0.6em solid #F0E8D8;
	text-align: center;
}
#contents_right .staff02 .staff003 {
	font-size: 1.2rem;
	line-height: 1.4em;
	background-color: #FFFFFF;
	display: block;
	padding: 0.4em;
	float: left;
	height: 275px;
	width: 50%;
	border: 0.6em solid #F0E8D8;
	text-align: left;
}
/*実店舗*/
.tenpo_name {
	font-size: 2rem;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.4em 0.6em;
	margin: 0 0.3em 0 0;
	border-radius : 5px;
}
#contents #contents_right .table_tenpo {
	font-size: 1.3rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin: 1em 0;
	display: table;
	border: 1px solid #999999;
}
.table_tenpo tbody th {
	text-align: left;
	width: 15%;
	padding: 1em;
	vertical-align: top;
	background-color: #EEEEEE}
.table_tenpo tbody td {
	text-align: left;
	padding: 0.8em;
	vertical-align: top;
}
/*電話セールス*/
#contents_right .tenpo_tm {
	font-size: 1.8rem;
	text-align: center;
	color: #DA0000;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em 0 0.5em;
	padding: 0.3em;
	border: 2px solid #DA0000;
}
#contents_right .tenpo_message {
	text-align: left;
	display: block;
	height: auto;
	width: 100%;
	margin: 0.5em 0;
	border: 1px solid #999999;
	overflow: hidden;
}
.tenpo_message pre{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.4rem;
	line-height: 1.4em;
	white-space: pre-wrap;
	padding: 1em 1.2em;
	margin: 0 0 0.3em;
}
/*採用情報*/
#contents #contents_right .recruit {
	margin-bottom: 2em;
}
#contents #contents_right .recruit .txt_sub {
	font-size: 1.5rem;
	line-height: 1em;
}
#contents #contents_right .recruit ol {
	list-style-position: outside;
	padding-left: 2em;
}
.recruit ol li {
	padding: 0.5em 0;
}
#contents #contents_right .table_recruit {
	font-size: 1.4rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin-top: 1em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2em;
	display: table;
	border: 1px solid #999;
}
.table_recruit th {
	padding: 0.5em;
	background-color: #F0E8D8;
	width: 20%;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #999;
}
.table_recruit td {
	padding: 0.5em;
	width: 80%;
	vertical-align: top;
	border: 1px solid #999;
}
#contents_right .table_recruit td ol {
	list-style-position: outside;
	margin: 0;
	padding: 0 2em;
}
.table_recruit ol li {
	padding: 0.2em 0;
}
/*業務概要*/
#contents .bus_name {
	font-size: 2rem;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #900;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 0 0.3em 0 0;
	border-radius : 5px;
}
#contents .bus_name2 {
	font-size: 2rem;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #900;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
}
#contents .bus_name3 {
	font-size: 1.8rem;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #666;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin-top: 0em;
	margin-right: 2em;
	margin-left: 0;
	margin-bottom: 0.5em;
	float: left;
}
#contents .table_bus {
	width: 95%;
	font-size: 1.3rem;
	line-height: 1.4em;
	height: auto;
	margin: 0 1em 0em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_bus tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_bus tbody th.first {
	background-color: #F6F3E9;
}
.table_bus tbody tr th {
	font-weight: normal;
	width: 20%;
	padding: 0.5em 1em;
	height: auto;
	background-color: #EEE;
}
.table_bus tbody tr td {
	padding: 0.5em 1em;
}
/*製品情報*/
#contents .products0 {
	text-align: center;
	margin: 0.3em;
}
#contents .products0 a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#contents .products0 a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration:underline;
}
#contents .products0 .pro01 {
	font-size: 1.6rem;
	line-height: 0.8em; 
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.6em;
	margin: 0 0.2em;
	border-radius : 3px;
}
#contents .products0 .pro03 {
	font-size: 1.6rem;
	line-height: 0.8em; 
	color: #FFFFFF;
	background-color: #009900;
	display: inline-block;
	padding: 0.6em;
	margin: 0 0.2em;
	border-radius : 3px;
}
#contents .pro_name {
	font-size: 2.1rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
	overflow: hidden;
}
#contents .pro_name3 {
	font-size: 2.1rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #090;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
	overflow: hidden;
}

#contents .netshop {
	display: block;
	text-align: center;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#contents .netshop img {
	width: 100%;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
#contents .netshop .item1 {
	background-color: #FFFFFF;
	display: inline-block;
	padding: 0;
	margin: 0.5em;
	height: auto;
	width: 95%;
	border: 1pt solid #333;
	border-radius: 5px;
}
#contents .netshop .item1 h5 {
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #F0E8D8;
	display: block;
	padding: 0.3em;
	margin: 0;
	text-align: center;
}
#contents .netshop .item1 p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 1em 0.5em 1em ;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item2 {
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0.5em;
	height: auto;
	width: 95%;
	border: 1pt solid #333;
	border-radius: 5px;
}
#contents .netshop .item2 h5 {
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #F0E8D8;
	display: block;
	padding: 0.3em;
	margin: 0;
	text-align: center;
}
#contents .netshop .item2 p {
	font-size: 1.4rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.6em;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item3 {
	background-color: #FFFFFF;
	display: block;
	vertical-align: top;
	padding: 0;
	margin: 0.8em auto;
	height: auto;
	width: 95%;
	border: 1pt solid #000;
	border-radius: 5px;
}
#contents .netshop .item3 p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.3em 1em;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item4 {
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0.3em;
	height: auto;
	width: 44%;
	border: 1pt solid #AC9;
	border-radius: 5px;
}
#contents .netshop .item4 p {
	font-size: 1.4rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 1em 0.5em 1em ;
	margin: 0.2em 0 0 0;
	text-align: left;
}
/*個人情報の取り扱いについて*/
#privacy {
	font-size: 1.2rem;
	line-height: 1.4em;
	text-align: left;
	display: block;
	margin: 1em auto;
	padding: 1em;
	height: auto;
	width: 90%;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
#privacy p {
	margin: 0.3em 0;
}
#privacy p.tn {
	font-size: 1.2rem;
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
#privacy p.tn2 {
	margin-top: 1em;
	display: inline-block;
	border-bottom: 1px solid #999999;
}
#privacy ul {
	margin: 0.2em 0;
	padding-left: 2.5em;
	list-style-image: none;
}
#privacy ul li {
	text-indent: -2.8em;
	list-style-type: none;
}

/*卸販売について*/
#we_top {
	text-align: center;
	display: block;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents #we_top p {
	font-size: 2.4rem;
	line-height: 1.3em;
	color: #000000;
	font-weight: bold;
	padding-top: 0em;
}
#contents .ws01 {
	font-size: 1.4rem;
	line-height: 1.4em;
	background-image: url(../images/oroshi-back1.jpg);
	display: block;
	padding: 0.3em 1em;
	height: auto;
	width: 100%;
	margin: 1em auto;
	overflow: hidden;
}
.ws01 .tn {
	font-size: 1.8rem;
	line-height: 1.3em;
	font-weight: bold;
}
#contents .ws02 {
	font-size: 1.4rem;
	line-height: 1.4em;
	color: #FFFFFF;
	background-image: url(../images/oroshi-back2.jpg);
	display: block;
	padding: 0.3em 1em;
	height: auto;
	width: 100%;
	margin: 1em auto;
}
.ws02 .tn {
	font-size: 1.7rem;
	line-height: 1.3em;
	font-weight: bold;
}
.ws02 .tn2 {
	font-size: 1.7rem;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFE000;
}
#contents .ws02 .ws02_img {
	text-align: center;
	margin: 0;
}
#contents .ws02 .ws02_img img {
	width: 100%;
	height: auto;
	padding: 0.2em;
}
#contents .voice {
	text-align: left;
	background-image: url(../images/oroshi-back3.jpg);
	display: block;
	padding: 1em;
	height: auto;
	width: 100%;
	margin: 0.5em auto;
	border-radius: 7px;
}
#contents .voice ul {
	font-size: 1.3rem;
	line-height: 1.3em;
	display: block;
	width: auto;
	height: auto;
	margin: 0em 0.3em;
	background-color: #FFFFFF;
	padding: 0.5em 0.8em 0.5em 3em;
}
#contents .voice ul li {
	border-bottom: 1px solid #F0E8D8;
	list-style-position: outside;
	list-style-image: url(../images/mark-fukidashi.png);
	margin: 0.1em 0;
	padding : 0.1em;
}
#contents .voice ul li:last-child {
	border-bottom: none;
}

#contents .ws03 {
	font-size: 1.3rem;
	line-height: 1.3em;
	display: block;
	clear: both;
	height: auto;
	width: auto;
	overflow: hidden;
}
#contents .ws03 .linup1 {
	display: block;
	text-align: left;
	padding: 0px;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents .ws03 .linup1 h5 {
	font-size: 1.6rem;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	background-color: #600;
	display: block;
	margin: 0 0;
	padding: 0.5em 0.5em 0.2em 0.2em;
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}
#contents .ws03 .linup1 p.item12 {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	vertical-align: top;
	margin: 0 0;
	padding: 0.5em;
	border: 2px solid #600;
}
#contents .ws03 .linup1 p.item12 img.img_right{
	width: 30%;
	float: right;
}	
#contents .ws03 .linup2 {
	display: block;
	text-align: left;
	padding: 0px;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents .ws03 .linup2 h5 {
	font-size: 1.6rem;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	background-color: #960;
	display: block;
	margin: 0 0;
	padding: 0.5em 0.5em 0.2em 0.2em;
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}
#contents .ws03 .linup2 p.item12 {
	width: 100%;
	float: none;
	height: auto;
	margin: 0 0;
	padding: 0.5em;
	display: block;
	border: 2px solid #960;
}
#contents .ws03 .linup2 p.item12 img.img_right{
	width: 30%;
	float: right;}	
#contents .ws03 .linup2 p.item13 {
	width: 33.333%;
	float: left;
	height: 23em;
	margin: 0 0;
	padding: 0.5em;
	display: block;
	border: 2px solid #960;
}
#contents .ws03 .linup2 p.item13 img.img_right{
	width: 100%;
	float:none;
	overflow: hidden;
}	
.ws03 .linup1 .item12 .itemname {
	color: #660000;
	font-size: 1.8rem;
}
.ws03 .linup2 .item12 .itemname {
	color: #996600;
	font-size: 1.8rem;
}
.ws03 .linup2 .item13 .itemname {
	color: #996600;
	font-size: 1.6rem;
}
#contents .ws01 .ws_gyoumu {
	font-size: 1.8rem;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #600;
	display: inline-block;
	padding: 0.2em 0.3em;
	margin: 0 0 0.2em;
	border-radius : 5px;
}

}


@media screen and (max-width:414px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
	
/* --------------------------------
 *トップページニュースエリア
 * -------------------------------- */
#wrapper .new .news dl {
	font-size: 1.3rem;
	line-height: 1.4em;
	width: auto;
	margin : 0 auto;
	overflow : hidden;
}
#wrapper .new .news dl dt{
	width : 100%;
	float : none;
	border-top : 1px solid #FFF;
	padding : 0.5em 0;
	text-align : left;
	overflow : hidden;
}
#wrapper .new .news dl dd{
	width : 100%;
	float : none;
	border-top : none;
	padding: 0 0 0.5em;
	text-align: left;
}

/* --------------------------------
 * トップページメインコンテンツ部分
 * -------------------------------- */
#wrapper h2 {
	font-size: 2.4rem;
	line-height: 0.5em;
	font-weight: normal;
}
#wrapper .reed {
	font-size: 1.2rem;
	line-height: 1.3em;
	margin: 0.7em 0;
}
#wrapper .kochira {
	float: right;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira:hover {
	opacity: 0.5;
}
#wrapper .kochira2 {
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira2:hover {
	opacity: 0.5;
}

#wrapper .kochira3 {
	float: none;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira3:hover {
	opacity: 0.5;
}

#wrapper .catch2 {
	text-align: right;
	padding: 24em 0 0;
}
#wrapper .aboutus {
	background-color: #FFFFFF;
	background-image: url(../images/top_aboutus.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .aboutus .catch2 {
	text-align: right;
	padding-top: 10em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#wrapper .business {
	background-color: #FFFFFF;
	background-image: url(../images/top_business.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .business .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 9em 0 0;
}
#wrapper .products {
	background-image: url(../images/top_products2.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: 340px;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .products .catch3 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 13em 0 0;
}
#wrapper .wholesale {
	background-color: #FFFFFF;
	background-image: url(../images/top_wholesale.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 1em;
	overflow: hidden;
}
#wrapper .wholesale .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 7em 0 0;
}

/*コンテンツページタイトル*/
#wrapper .h2_title1 {
	background-image: url(../images/aboutus.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2rem;
	color: #000;
	background-color: #FFFFFF;
	height: 60px;
}
#wrapper .h2_title2 {
	background-image: url(../images/business.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 60px;
}
#wrapper .h2_title3 {
	background-image: url(../images/products.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 60px;
}
#wrapper .h2_title4 {
	background-image: url(../images/wholesale.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 1em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2rem;
	color: #FFF;
	background-color: #FFFFFF;
	height: 60px;
}
#wrapper .h2_title5 {
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	width: 100%;
	margin: 0;
	display: block;
	padding: 0.5em 0.5em 0.5em;
	font-weight: normal;
	font-size: 2rem;
	color: #000;
	background-color: #FFFFFF;
	height: 40px;
}

/* h3見出し*/
#contents #contents_right .aboutus_tn {
	width: 100%;
	background-image: url(../images/h3_back12.png);
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.4em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2rem;
	display: block;
}
#contents #contents_right .aboutus_tn2 {
	width: 100%;
	background-image: url(../images/h3_back12.png);
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.4em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2rem;
	display: block;
}
#contents .products {
	width: 100%;
	background-image: url(../images/h3_back22.png);
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.4em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2rem;
	display: block;
}
#contents .wholesale {
	width: 100%;
	background-image: url(../images/h3_back32.png);
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.4em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2rem;
	display: block;
}
#contents .info {
	width: 100%;
	background-image: url(../images/h3_back42.png);
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0.4em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 2rem;
	display: block;
}

/*沿革*/
#contents #contents_right .table_enkaku {
	font-size: 1.3rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin: 0 0 0.5em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_enkaku tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_enkaku tbody tr.first {
	background-color: #F6F3E9;
}
.table_enkaku tbody tr.odd {
	background-color: #EEE;
}
.table_enkaku tbody tr th {
	font-weight: normal;
	width: 35%;
	padding: 0.4em 0.3em;
	height: auto;
}
.table_enkaku tbody tr td {
	padding: 0.4em 0.3em;
}

/*スタッフ*/
#contents_right .staff02 .staff002 {
	background-color: #FFFFFF;
	display: block;
	padding: 0.3em;
	float: none;
	height: auto;
	width: 100%;
	border: 0.6em solid #F0E8D8;
	text-align: center;
}
#contents_right .staff02 .staff003 {
	font-size: 1.2rem;
	line-height: 1.4em;
	background-color: #FFFFFF;
	display: block;
	padding: 0.4em;
	float: none;
	height: auto;
	width: 100%;
	border: 0.6em solid #F0E8D8;
	text-align: left;
}
.img_left_staff {
	float: left;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	width: 25%;
}

/*実店舗*/
.tenpo_name {
	font-size: 1.8rem;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.4em 0.6em;
	margin: 0 0.3em 0 0;
	border-radius : 5px;
}
/*業務概要*/
#contents .table_bus {
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.4em;
	height: auto;
	margin: 0 auto 0em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_bus tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_bus tbody th.first {
	background-color: #F6F3E9;
}
.table_bus tbody tr th {
	font-weight: normal;
	width: 25%;
	padding: 0.5em 0.5em;
	height: auto;
	background-color: #EEE;
}
.table_bus tbody tr td {
	padding: 0.5em 0.5em;
}

}