@charset "utf-8";
/*
Theme Name: ishifukujp.co.jp web site Renewal
Author: the KowaDigital Team
Author URI: http://www.kowa-de.com/
Version: 1.0
*/
/* DESIGNCORD
------------------------------------------------------------

Colors;
	#686868	Gray
	#7A7A7A	Gray for lines
	#74B1EF	Sky Blue
	#ED8A00	Orange
	#DA1D1D	 Red

fonts; 'メイリオ','Hiragino KakuGothic Pro', sans-serif;

------------------------------------------------------------ */
/* TABLE OF CONTENTS
------------------------------------------------------------
* Reset
* PC サイズ
* webfont
* Layout
* Header
* Footer
* Menus & Navigations
* Content
* Comments
* Widgets
* Plugins
* Print
------------------------------------------------------------ */
/* = Reset
----------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#page-title {
	margin-bottom: 1.25em;
}
/* = PC サイズ
----------------------------------------------- */
/* 全体 */
body {
	font-family: "メイリオ", "Hiragino KakuGothic Pro", system-ui, sans-serif;
	line-height: 1.65;
	font-size: 16px;
}
a {
	color: #333333;
	text-decoration: none;
}
.tb {
	display: inline-block;
}
#wrapper:after, #content:after {
	content: "";
	display: block;
	clear: both;
}
#wrapper:after {
	margin-bottom: 3rem;
}
#container {
	width: 980px;
	height: auto;
	margin: auto;
}
/*ヘッダー*/
#header {
	margin: 0;
	width: 100%;
	background: #daeda6 url(../img/common/head.jpg) no-repeat right top;
	position: relative;
}
div#comp_info {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	position: relative;
}
#logo_set {
	padding: 30px 0;
	position: relative;
}
img#marubun {
	height: 62px;
	width: auto;
	margin-right: 7px;
}
img#logo {
	height: auto;
	max-width: 504px;
	margin: 15px 0 10px;
}
#eye_catch {
	width: 102px;
	position: absolute;
	right: 48px;
	top: 0;
}
#eye_catch img {
	width: 100%;
	height: auto;
}
#header address {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	padding: 10px;
	letter-spacing: 0.125em;
	line-height: 1.4;
	font-style: normal;
	background: #daeda6;
}
#header .screen-reader-text {
	font-size: 24px;
	line-height: 1.7;
	font-weight: bold;
}
#header address [itemprop="telephone"],
#header address [itemprop="faxNumber"] {
	font-style: italic;
}
#header address [itemprop="telephone"]>*,
#header address [itemprop="faxNumber"]>* {
	font-weight: bold;
	font-style: italic;
}
#header address [itemprop="telephone"]:after {
	content: "/";
	margin: 0 0.5em;
}
#header address [itemprop="read"] {
	color: #e50012;
	margin-left: 2em;
}
/* = Mサイズ */
/* = Sサイズ */
@media only screen and (max-width: 979px) {
	/*ヘッダー*/
	#header {
		background-size: 100% auto;
		padding: 0;
	}
	img#marubun {
		height: 41px;
		margin-right: 5px;
	}
	img#logo {
		max-width: calc(100vw / 568 * 365);
		margin: 0 auto calc(100vw / 568 * 10);
	}
	#logo_set {
		padding: calc(100vw / 568 * 15);
	}
	#header .screen-reader-text {
		font-size: calc(100vw / 568 * 16);
	}
	#eye_catch {
		right: calc(100vw / 568 * 17);
		width: calc(100vw / 568 * 62);
	}
	#header address {
		font-size: 0;
		line-height: 0;
		padding: calc(100vw / 568 * 10);
	}
	#header address [itemprop="telephone"],
	#header address [itemprop="faxNumber"]{
		font-size: calc(100vw / 568 * 15);
	}
	#header address [itemprop="telephone"]>*,
	#header address [itemprop="faxNumber"]>* {
		text-decoration: underline;
		font-size: calc(100vw / 568 * 17);
		line-height: 1.6;
		
	}
	#header address [itemprop="read"]{
		font-size: calc(100vw / 568 * 12);
		line-height: 1.6;
		margin-left: 0;
	}
}


/*コンテンツ*/
#content {
	width: calc(100% - 245px);
	float: right;
}
#content-inner .card {
	width: calc((100% - 20px) / 2);
	border: 1px solid #7a7a7a;
	box-sizing: border-box;
	float: left;
}
#content-inner .card a {
	display: block;
	line-height: 1;
	padding: 0 1.25rem 1.25rem;
}
#content-inner .card:nth-child(1), #content-inner .card:nth-child(3) {
	margin-right: 20px;
}
#content-inner .card:nth-child(1), #content-inner .card:nth-child(2) {
	margin-bottom: 20px;
}
#content-inner .card h2 {
	font-size: 1.5rem;
	line-height: 1;
	padding: 2.5rem 0;
	text-align: center;
	letter-spacing: 0.5em;
	border-bottom: Solid #7a7a7a 1px;
	margin-bottom: 1.25rem;
}
#content-inner .card img {
	width: 100%;
	height: auto;
}
/*メニューバー*/
#nav {
	font-size: 1.25em;
	overflow: hidden;
	background-color: #231816;
	margin-bottom: 40px;
}
#nav ul {
	margin: 0;
}
#nav li {
	float: left;
	width: calc((100% - 4px) / 5);
	border-right: solid 1px #ffffff;
	line-height: 2.25em;
	/* height: 2.25em; */
}
a.animateddrawer {
	text-decoration: underline;
}
#nav li:last-child {
	border-right: none;
}
#nav li a {
	display: block;
	color: #ffffff;
	text-align: center;
}
#nav li a:hover {
	background-color: #677c2c;
}
/*注意書き*/
#nav2 {
	font-size: 1.25em;
	color: #333333;
	margin: 40px 0;
}
#nav2 li {
	list-style-type: none;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1.75;
}
#nav2 li .large-f {
	font-size: 2em;
	color: #e6007e;
}
/*新製品メニュー*/
#print:after {
	content: "";
	display: block;
	clear: both;
}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: #333333;
}
.ddsmoothmenu ul li a:not([tabindex="-1"]) {
	cursor: pointer;
}
.ddsmoothmenu ul li a[tabindex="-1"] {
	color: #b3b3b2;
}
#measure {
	margin: 2em 0 5em;
	font-size: 0.75em;
}
.catalog #measure {
	margin-bottom: 2em;
}
#measure img {
	width: 30mm;
}
#measure small {
	display: block;
}
/*お知らせ*/
img#hiheel {
	height: 66px;
	width: auto;
	margin: 27px 30px 27px 0;
}
img#ijp {
	height: 120px;
	width: auto;
}
div#banner_box {
	margin-top: -40px;
}
div#banner_box p {
	font-size: 18px;
	line-height: 1;
	margin-top: 20px;
}
ul.entries li {
	margin: 0.5em 0;
}
ul.entries li.new_arrival:before {
	background: url(../img/home/new_info_mark.png);
	background-size: contain;
}
ul.entries li.event:before {
	background: url(../img/home/event_mark.png);
	background-size: contain;
}
ul.entries li.new_arrival:before, ul.entries li.event:before {
	content: "";
	display: inline-block;
	height: 20px;
	width: 60px;
	float: left;
	margin-right: 0.5em;
}
@media only screen and (max-width: 568px) {
	ul.entries li.new_arrival:before, ul.entries li.event:before {
		float: none;
		margin-bottom: 0.25em;
		display: block;
	}
}
div#banner_box {
	background: #f7f9fc;
	background: rgba(247, 249, 252, 1);
	padding: 40px 20px;
	margin-bottom: 48px;
	text-align: center;
}
div#banner_box li {
	text-align: left;
	line-height: 20px;
}
#notice {
	margin: 10px 0;
	width: 978px;
	height: auto;
	border: solid 1px #aaaaaa;
}
#noticea {
	margin: 10px 0;
	width: 978px;
	height: auto;
	border: solid 1px #aaaaaa;
}
#noticea a {
	display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}
#noticea a:hover {
	background-color: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);
}
/*コンテンツ内容*/
.date {
	float: left;
	background-color: #74b1ef;
	padding: 5px 15px 8px;
	margin: 0 10px 5px 0;
	text-align: center;
	font-family: "Maven pro", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}
.date span {
	display: block;
	font-size: 20px;
	line-height: 1;
}
.post h2 {
	font-size: 14px;
	border-bottom: solid 1px #aaaaaa;
	margin: 6px 0 15px;
	padding: 0 0 3px;
}
.post p img {
	margin-right: 10px;
}
.post .date img {
	width: 15px;
	height: 15px;
}
.post p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	clear: both;
}
.post {
	border: solid 1px #aaaaaa;
	margin-bottom: 20px;
	text-align: center;
}
.post a {
	display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}
.post a:hover {
	background-color: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);
}
#temp {
	font-size: 14px;
}
.post {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
}
/*コンテンツ内容下層用*/
.article {
	font-size: 14px;
}
.title {
	font-size: 20px;
	font-weight: bold;
}
article h2 {
	font-size: 1.35em;
	font-weight: bold;
	border-bottom: 4px solid #b3b3b2;
	position: relative;
	margin: 2em 0 0.5em;
}
article h2:before {
	content: "";
	border-bottom: 4px solid #0651bd;
	width: 20%;
	display: block;
	position: absolute;
	bottom: 0;
	margin-bottom: -4px;
}
article h3 {
	font-size: 1.05em;
	font-weight: bold;
	margin: 2em 0 0.25em;
}
.para2 {
	font-size: 15px;
	font-weight: bold;
}
.article img {
	max-width: 100%;
	height: auto;
}
/*会社概要テーブル*/
.article table {
	border-collapse: collapse;
	width: 100%;
}
/*	.article th.t_top	{	border-top: #0951be 4px solid;}*/
.article th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
/*	.article td.t_top	{	border-top: #b3b3b3 4px solid;}*/
.article td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
/*google maps*/
#map_canvas {
	width: 300px;
	height: 300px;
}
iframe[src^="https://www.google.com/"] {
	max-width: 100%;
	margin: 2em auto;
	display: block;
}
/*カタログ広告*/
.ad img {
	width: 200px;
	height: 123px;
	margin-bottom: 20px;
}
/*サイドメニュー*/
.menu {
	background-color: #74b1ef;
	padding: 15px;
	margin-bottom: 20px;
}
.menu h3 {
	font-family: "Maven pro", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #ffffff;
	margin: 0 0 15px;
}
.menu ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #888888;
	list-style: none;
}
.menu li {
	margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #888888;
	text-indent: 1em;
	background-repeat: no-repeat;
	background-position: left center;
}
.menu li a {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 0;
}
.menu .news {
	background-image: url("./svg/newspaper.svg");
	background-size: 15px 15px;
}
.menu .event {
	background-image: url("./svg/star-fullm.svg");
	background-size: 15px 15px;
}
.menu .corp {
	background-image: url("./svg/office.svg");
	background-size: 15px 15px;
}
.menu .shop {
	background-image: url("./svg/truck.svg");
	background-size: 15px 15px;
}
.menu .new {
	background-image: url("./svg/plusm.svg");
	background-size: 15px 15px;
}
.menu .reco {
	background-image: url("./svg/heartm.svg");
	background-size: 15px 15px;
}
.menu .limit {
	background-image: url("./svg/hourglassm.svg");
	background-size: 15px 15px;
}
.menu .cata {
	background-image: url("./svg/book.svg");
	background-size: 15px 15px;
}
.menu .search {
	background-image: url("./svg/search.svg");
	background-size: 15px 15px;
}
.menu li a:hover {
	background-color: #63a2c6;
}
/*営業日 - カレンダー*/
#sidebar {
	width: 245px;
	padding-right: 20px;
	box-sizing: border-box;
	float: left;
}
#sche {
	font-size: 14px;
	margin-bottom: 2em;
}
#sidebar h2 {
	font-size: 1.25em;
	border-left: 0.25em solid #74b0ef;
	line-height: 1;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}
#sche {
	font-size: 16px;
}
#sidebar .hours {
	margin-top: 12px;
	line-height: 1;
	padding-left: 2.75em;
}
#calbox {
	height: auto;
	margin-top: 10px;
	padding: 0px;
	background-color: #fff;
}
#sche .red {
	color: #ff0000;
}
#sche .blue {
	color: #0000ff;
}

/*フッター*/
#footer {
	clear: both;
	color: white;
	background-color: #231816;
	padding: 25px 70px 20px;
	text-align: center;
}
#footer img#marubun_f {
	height: 36px;
	width: auto;
	margin-right: 3px;
}
#footer img#logo_f {
	max-width: 348px;
	height: auto;
	vertical-align: top;
}
#footer_logo_set {
	margin-bottom: 15px;
}
#footer small {
	font-size: 0.875rem;
	display: block;
	padding-left: 0.25em;
	line-height: 1.1;
}
div#footer_logo_set {
	line-height: 1;
}
#footer .footer_note {
	margin-top: 0.5em;
}
#footer .footer_note small {
	overflow: hidden;
	padding-left: 1.5em;
	text-indent: -1.2em;
	font-size: 12px;
	line-height: 1.3;
}
.footer_date {
	float: right;
	padding-left: 1em;
}
#footer .screen-reader-text {
	font-size: 13px;
	line-height: 1.7;
}
@media only screen and (max-width: 820px) {
	#footer {
		padding: 20px 24px 22px;
	}
}
@media only screen and (max-width: 767px) {
	#footer .footer_note small {
		font-size: 1.6vw;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*フッター*/
	#footer {
		padding: calc(100vw / 568 * 15);
	}
	#footer img#logo_f {
		max-width: calc(100vw / 568 * 384);
	}
	#footer .screen-reader-text {
		font-size: calc(100vw / 568 * 15);
	}
	#footer small {
		font-size: calc(100vw / 568 * 12);
		padding-left: 0;
	}
	#footer small, div#footer_logo_set {
		line-height: 1.1;
	}
}

/*モバイル用デスクトップ表示ボタン*/
button {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	font-size: 0;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
}
#button {
	text-align: center;
	margin-bottom: 10px;
}
.switch {
	width: 156px;
	color: #ffffff;
	border: solid 1px gray;
	padding: 0;
	-webkit-appearance: none;
}
.switch:disabled {
	display: none;
}
.hidden {
	display: none;
}
#mswitch {
	border: 0px;
	width: 156px;
	height: 40px;
}
#dswitch {
	border: 0px;
	width: 156px;
	height: 40px;
}
/*商品表示用*/
.parts {
	font-size: 12px;
}
.common {
	margin-bottom: 2em;
}
.common:after {
	content: "";
	display: block;
	clear: both;
}
.common h2 {
	font-size: 16px;
	font-weight: bold;
}
.hinmei {
	font-size: 16px;
}
.hinmei .atten {
	font-size: 12px;
	font-weight: normal;
}
.goods {
	margin: 0 3px 10px;
	text-align: center;
	float: left;
}
.goods p {
	border-top: dotted 1px #aaaaaa;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 1em;
}
.goods p .blank {
	border-top: dotted 0px #ffffff;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding-top: 5px;
}
.goods p .normal {
	color: #333333;
}
.goods p .k18wg {
	color: #009900;
}
.goods p .k18pg {
	color: #ff00ff;
}
.goods p .k10parts {
	color: #900090;
}
.goods p .normal, .goods p .k18wg, .goods p .k18pg, .goods p .k10parts {
	font-weight: bold;
	margin-bottom: 0.5em;
	display: block;
}
.goods {
	margin-bottom: 10px;
	text-align: center;
	float: left;
}
.goods .max8 {
	width: 80px;
}
.goods .max6 {
	width: 110px;
}
.goods .max5 {
	width: 140px;
}
.goods .max4 {
	width: 170px;
}
.goods .max3 {
	width: 240px;
}
.goods .max2 {
	width: 360px;
}
.goods .max1 {
	width: 734px;
}
.goodsend {
	clear: both;
}
.goods a {
	display: block;
	padding: 5px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
}
.goods a:hover {
	background-color: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);
}
.goods a div {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1 / 1;
}
.lb-container, .lb-container img.lb-image {
	max-width: 780px;
}
.lb-container img.lb-image {
	height: auto !important;
}
/*カタログページ*/
.catalog .ddsmoothmenu_title {
	margin-top: 2em;
}
.psearch input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	padding: 1px 3px;
	box-sizing: border-box;
}
button#pageNum_btn {
	background: #686868;
	cursor: pointer;
	font-size: 0.8em;
	padding: 0 0.5em;
	color: white;
	line-height: 20px;
	height: 20px;
	margin-left: 8px;
}
.catalog #content h2 {
	font-size: 2em;
	letter-spacing: 0.5ex;
}
.catalog .cpage a, .catalog .cpage #prev, .catalog .cpage #next {
	text-decoration: underline;
}
.catalog .cpage #prev, .catalog .cpage #next {
	margin: 0 1em;
	display: inline-block;
}
.catalog .cpage #prev:hover, .catalog .cpage #next:hover, .catalog .cpage #prev:focus, .catalog .cpage #next:focus {
	cursor: pointer;
}
.catalog #about_image {
	margin: 1em 0;
	display: inline-block;
}
.cpage {
	text-align: center;
	font-size: 0.75em;
}
div#add_Link {
	margin-top: 1em;
}
div#add_Link a {
	margin: 0.5em;
	display: inline-block;
}
.cpage #pdf_page img {
	width: 100%;
}
.cpage .bcleft {
	width: 50%;
	float: left;
	padding-top: 2em;
}
.cpage .bcright {
	width: 50%;
	float: right;
}
#pre {
	height: 0;
	display: none;
}
.psearch input {}
/*greybox表示*/
.gbbox {
	width: 300px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*PHP表示*/
#slist {
	width: 100%;
}
#slist .cd {
	width: 20%;
}
#slist .name {
	width: 65%;
}
#slist .detail {
	width: 15%;
}
.adjust_br {
	display: block;
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/* 全体 */
	body {
		font-size: 14px;
	}
	#container {
		width: 100%;
	}
	#wrapper {
		padding: 0 1em;
	}
	#wrapper:after {
		margin-bottom: 3em;
	}
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/*コンテンツ*/
	#content {
		width: calc(100% - 210px);
	}
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/*サイドバー*/
	#sidebar h2 {
		font-size: 1.15rem;
	}
	#sidebar {
		width: 210px;
	}
	#sidebar .hours {
		padding-left: 2em;
	}
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/*メニューバー*/
	#nav {
		font-size: 1rem;
	}
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/*注意書き*/
	#nav2 {
		font-size: 0.9em;
		margin: 28px 0;
	}
}
/* = Mサイズ */
@media only screen and (max-width: 979px) {
	/*#content-info{	margin-left: 220px;}*/
	#content-inner .card a {
		padding: 0 1em 1em;
	}
	#content-inner .card:nth-child(1), #content-inner .card:nth-child(3) {
		margin-right: 14px;
	}
	#content-inner .card:nth-child(1), #content-inner .card:nth-child(2) {
		margin-bottom: 14px;
	}
	#content-inner .card h2 {
		font-size: 1.15rem;
		padding: 2em 0;
		margin-bottom: 1em;
	}
	/*お知らせ*/
	div#banner_box {
		padding: 28px;
		margin-bottom: 42px;
	}
	#notice {
		width: 99.8%;
	}
	#noticea {
		width: 99.8%;
	}
	/*コンテンツ内容*/
	.post img {
		max-width: 100%;
		height: auto;
	}
	.post {
		margin-left: 0px;
		float: none;
	}
	/*コンテンツマルチカラム*/
	/*#content-inner	{	column-width: 180px;
						-webkit-column-width: 180px;
						-moz-column-width: 180px;}

	.post	{	break-inside: avoid;
				-webkit-column-break-inside: avoid;
				-moz-column-break-inside: avoid;}*/
	/*コンテンツ内容下層用*/
	.mobilemenu {
		float: right;
	}
	.common .goods .max1 {
		width: 100%;
	}
	.common .goods .max1 img {
		width: 100%;
	}
	/*カタログページ*/
	.cpage img {
		width: 100%;
	}
	.adjust_br {
		display: none;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 649px) {
	/*コンテンツ*/
	#content {
		width: 100%;
	}
	/*お知らせ*/
	img#hiheel {
		height: 45px;
		width: auto;
		margin: 15px 28px 15px 0;
	}
	img#ijp {
		height: 75px;
		width: auto;
	}
	div#banner_box p {
		font-size: 12px;
		line-height: 1;
		margin-top: 14px;
	}
	/*サイドバー*/
	#sidebar {
		width: 100%;
		padding-right: 0;
		margin-top: 42px;
	}
}
/* = Sサイズ */
@media only screen and (max-width: 568px) {
	/*コンテンツ*/
	#content {
		width: 100%;
	}
	#content-inner .card {
		width: calc((100% - 14px) / 2);
		margin-right: 0;
	}
	#content-inner .card:last-child {
		margin-bottom: 0;
	}
	#content-inner .card a {
		padding: 0 14px 14px;
	}
	#content-inner .card h2 {
		font-size: 12px;
		padding: 28px 0;
		margin-bottom: 14px;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*サイドバー*/
	#sidebar {
		width: 100%;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*メニューバー*/
	#nav ul li a {
		font-size: calc(100vw / 568 * 15);
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*注意書き*/
	#nav2 {
		font-size: 12px;
		margin: 16px 0;
	}
	#button {
		margin-bottom: 16px;
		line-height: 1;
	}
	#nav2 li {
		line-height: 1.75;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*お知らせ*/
	div#banner_box {
		padding: 16px;
		margin-bottom: 36px;
		line-height: 1;
	}
	img#hiheel {
		height: 34px;
		margin: 13px 23px 13px 0;
	}
	img#ijp {
		height: 60px;
	}
	div#banner_box p {
		font-size: 10px;
		margin-top: 10px;
	}
	#notice {
		width: 99.7%;
	}
	#noticea {
		width: 99.7%;
	}
}
/* = Sサイズ 
----------------------------------------------- */
@media only screen and (max-width: 568px) {
	/*コンテンツ内容*/
	.date {
		font-size: 12px;
		padding: 3px 5px;
	}
	.date span {
		font-size: 12px;
	}
	.post h2 {
		font-size: 12px;
	}
	.post img {
		max-width: 100%;
		height: auto;
	}
	.post {
		margin-left: 0px;
		float: none;
	}
	.common .goods .max1 {
		width: 100%;
	}
	.common .goods .max1 img {
		width: 100%;
	}
	/*コンテンツマルチカラム*/
	/*	#content-inner	{	column-width: 160px;
						-webkit-column-width: 160px;
						-moz-column-width: 160px;}*/
	.post {
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
	}
	/*商品表示用*/
	.goods .max1 {
		width: 360px;
	}
	/*コンテンツ内容下層用*/
	.article {
		font-size: 12px;
	}
	.title {
		font-size: 16px;
	}
	.para {
		font-size: 15px;
	}
	.para2 {
		font-size: 13px;
	}
	.mobilemenu {
		float: right;
	}
	/*カタログページ*/
	.psearch {
		float: left;
	}
	.cpage img {
		width: 100%;
	}
	.cpage .bcleft {
		width: 100%;
		float: none;
	}
	.cpage .bcright {
		width: 100%;
		float: none;
	}
	/*google maps*/
	#map_canvas {
		width: 100%;
	}
	/*カタログ広告*/
	.ad {
		text-align: center;
	}
	.ad img {
		max-width: 100%;
		height: auto;
		margin: 5px;
	}
	/*営業日カレンダー*/
	#sche {
		font-size: 18px;
	}
}
/* = XSサイズ 
----------------------------------------------- */
@media only screen and (max-width: 413px) {
	/* 全体 */
	body {
		font-size: 13px;
	}
	/*コンテンツ*/
	#content-inner .card {
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
	}
	#content-inner .card:nth-child(1), #content-inner .card:nth-child(3) {
		margin-right: 0;
	}
	#content-inner .card:last-child {
		margin-bottom: 0;
	}
	#content-inner .card a {
		padding: 0 16px 16px;
	}
	#content-inner .card h2 {
		font-size: 12px;
		padding: 16px 0;
		margin-bottom: 16px;
	}
	/*サイドバー*/
	#sidebar {
		width: 100%;
		float: none;
		padding: 0 17px;
		display: inline-block;
	}
	/*メニューバー*/
	#nav {
		font-size: 12px;
	}
	#nav ul li a {
		font-size: 10px;
	}
	/*注意書き*/
	#nav2 {
		font-size: 12px;
	}
	#nav2 li {
		line-height: 1.25;
	}
	/*お知らせ*/
	#notice {
		width: 99.7%;
	}
	#noticea {
		width: 99.7%;
	}
	/*コンテンツ内容*/
	.date {
		font-size: 12px;
		padding: 3px 5px;
	}
	.date span {
		font-size: 12px;
	}
	.post h2 {
		font-size: 12px;
	}
	.post img {
		max-width: 100%;
		height: auto;
	}
	.post {
		margin-left: 0px;
		float: none;
	}
	.common .goods .max1 {
		width: 100%;
	}
	.common .goods .max1 img {
		width: 100%;
	}
	/*コンテンツマルチカラム*/
	/*	#content-inner	{	column-width: 160px;
						-webkit-column-width: 160px;
						-moz-column-width: 160px;}*/
	.post {
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
	}
	/*商品表示用*/
	.goods .max1 {
		width: 360px;
	}
	/*コンテンツ内容下層用*/
	.article {
		font-size: 12px;
	}
	.title {
		font-size: 16px;
	}
	.para {
		font-size: 15px;
	}
	.para2 {
		font-size: 13px;
	}
	.mobilemenu {
		float: right;
	}
	/*カタログページ*/
	.psearch {
		float: left;
	}
	.cpage img {
		width: 100%;
	}
	.cpage .bcleft {
		width: 100%;
		float: none;
	}
	.cpage .bcright {
		width: 100%;
		float: none;
	}
	/*google maps*/
	#map_canvas {
		width: 100%;
	}
	/*カタログ広告*/
	.ad {
		text-align: center;
	}
	.ad img {
		max-width: 100%;
		height: auto;
		margin: 5px;
	}
	/*営業日カレンダー*/
	#sche {
		font-size: 18px;
	}
}
/* add 2025/05/12 */
@media only screen and (min-width: 569px) {
	#header, #nav, #footer, #banner_box {
		width: 100vw;
		position: relative;
		left: calc(50% - 50vw);
		box-sizing: border-box;
	}
	#header {
		background-size: cover;
		background-position: center;
	}
	#nav ul, #footer > *, #banner_box > * {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* end */