@charset "utf-8";
/**
Theme Name: mk3801
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mk3801
Template: astra
*/
/* 旧テーマ */
#content table {
	border-top: 1px solid #ccc;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 85.7%;
	line-height: 141.7%;
}
#content table thead tr th {
	font-weight: bold;
}
#content table tr th, #content table thead tr th {
	padding: 9px 24px;
	background-color: #f5f5f5;
}
#content table tfoot tr th, #content table tfoot tr td {
	font-weight: bold;
}
#content table tr th {
	border: 1px solid #ccc;
	padding: 10px 15px;
	vertical-align: top;
}
#content table tr td {
	border: 1px solid #ccc;
	padding: 10px 15px;
	vertical-align: top;
}
#content table tr td p {
	margin: 0px 0px 5px;
	padding: 0px;
}
#content table ol, #content table ul {
	margin-bottom: 5px;
	margin-left: 15px;
}
#content table ol li, #content table ul li {
	margin: 2px 0px;
}
#content table.mobile-block th, #content table.mobile-block td {
	border-top: none;
	display: block;
}
@media screen and (max-width:767px) {
	.elementor-element {
		max-width: 100%;
	}
	#content table.tableScrool {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}
/* 旧テーマここまで */
body {
	font-size: 16px !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h4, h5, h6, #header #site-title, #pageTitBnr #pageTitInner #pageTit, #content .leadTxt, #sideTower .localHead {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h4, .sideBar h5, .sideBar h6 {
	margin: 0 !important;
	padding: 0 !important;
}
#content h3 {
	text-shadow: 0 1px #ffffff;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	clear: both;
	font-size: 18px;
	margin: 40px 0px 35px;
	padding: 10px 10px 7px;
	background-color: #f4f4f4;
	border-left: 3px solid #5ead3c;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.image-frame {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.wAuto {
	width: auto !important;
}
.over-xs {
	margin-top: 5px;
}
.sideBar a:hover {
	text-decoration: none;
}
#headerTop {
	background-color: #C70230 !important;
	color: #FFFFFF !important;
}
#footerSection {}
#footer {
	background-image: url(images/bg_bk.jpg) !important;
	color: #FFF !important;
}
#siteBottom {
	background-image: url(images/bg_bk.jpg) !important;
	color: #FFF !important;
	border-top-color: #E98218 !important;
}
#pageTit {
	font-size: 36px !important;
	text-align: center;
	margin-top: 10px !important;
	margin-bottom: 8px !important;
}
.entry-content h2 {
	position: relative !important;
	color: #111 !important;
	font-size: 30px !important;
	font-weight: bold !important;
	border-bottom: 3px solid #B92A2C !important;
	box-shadow: none !important;
	border-top-style: none !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 1.5em !important;
	margin-left: 0 !important;
	padding-top: 0.5em !important;
	padding-right: 0.5em !important;
	padding-bottom: 5px !important;
	padding-left: 1.7em !important;
}
@media screen and (min-width:768px) {
	.entry-content h2:before {
		content: "";
		position: absolute;
		background: #c70230;
		top: 5px;
		left: 10px;
		height: 20px;
		width: 20px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.entry-content h2:after {
		content: "";
		position: absolute;
		background: #d26466;
		top: 30px;
		left: 0px;
		height: 14px;
		width: 14px;
		transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
	}
}
.entry-content h3 {
	font-size: 24px !important;
	color: #c70230 !important;
	border-left-width: 10px !important;
	border-left-color: #c70230 !important;
}
.entry-content h4 {
	position: relative !important;
	background: #B92A2C !important;
	color: #fff !important;
	font-size: 20px !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	text-shadow: none !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 1.5em !important;
	margin-left: 0 !important;
	padding-top: 10px !important;
	padding-right: 0.8em !important;
	padding-bottom: 10px !important;
	padding-left: 0.8em !important;
}
.entry-content h4:after {
	position: absolute;
	bottom: -15px;
	left: 10%;
	z-index: 90;
	margin-left: -15px;
	border-top: 15px solid #B92A2C;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0;
	content: "";
}
.image-frame {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:767px) {
	.entry-content h2 {
		font-size: 22px !important;
		padding-left: 0.5em !important;
	}
	.entry-content h4 {
		font-size: 16px !important;
	}
	.sideBar .elementor-widget-image-box figure {
		display: none;
	}
	.sideBar .elementor-widget-image-box .elementor-image-box-content {
		padding-top: 2px;
	}
}
#table-product-01 {
	width: auto !important;
}
#table-product-01 td {
	margin: 0px;
	padding: 0px !important;
	vertical-align: bottom !important;
}
#table-product-01 tr {
	height: 28px;
}
#table-product-01 .column-01, #table-product-01 .column-03, #table-product-01 .column-05, #table-product-01 .column-07, #table-product-01 .column-09 {
	width: 28px;
}
#table-product-01 .column-02, #table-product-01 .column-04, #table-product-01 .column-06, #table-product-01 .column-08, #table-product-01 .column-10 {
	padding-left: 3px !important;
}
#table-product-01 .row-1 .column-1 {
	background-color: #FFFFFF;
}
#table-product-01 .row-1 .column-3 {
	background-color: #b8a692;
}
#table-product-01 .row-1 .column-5 {
	background-color: #65564f;
}
#table-product-01 .row-1 .column-7 {
	background-color: #000000;
}
#table-product-01 .row-2 .column-1 {
	background-color: #f6c3bf;
}
#table-product-01 .row-2 .column-3 {
	background-color: #e84b5e;
}
#table-product-01 .row-2 .column-5 {
	background-color: #fe0000;
}
#table-product-01 .row-2 .column-7 {
	background-color: #95051c;
}
#table-product-01 .row-3 .column-1 {
	background-color: #95c9c4;
}
#table-product-01 .row-3 .column-3 {
	background-color: #0033ff;
}
#table-product-01 .row-3 .column-5 {
	background-color: #000098;
}
#table-product-01 .row-3 .column-7 {
	background-color: #000032;
}
#table-product-01 .row-4 .column-1 {
	background-color: #ecdeaf;
}
#table-product-01 .row-4 .column-3 {
	background-color: #ffff33;
}
#table-product-01 .row-4 .column-5 {
	background-color: #eed348;
}
#table-product-01 .row-4 .column-7 {
	background-color: #ffcc00;
}
#table-product-01 .row-5 .column-1 {
	background-color: #eacd8b;
}
#table-product-01 .row-5 .column-3 {
	background-color: #df9e5a;
}
#table-product-01 .row-5 .column-5 {
	background-color: #b76b1f;
}
#table-product-01 .row-5 .column-7 {
	background-color: #4e2009;
}
#table-product-01 .row-6 .column-1 {
	background-color: #cab7b9;
}
#table-product-01 .row-6 .column-3 {
	background-color: #9e608f;
}
#table-product-01 .row-6 .column-5 {
	background-color: #de6421;
}
#table-product-01 .row-6 .column-7 {
	background-color: #ff6600;
}
#table-product-01 .row-7 .column-1 {
	background-color: #dbeb67;
}
#table-product-01 .row-7 .column-3 {
	background-color: #cbcb2f;
}
#table-product-01 .row-7 .column-5 {
	background-color: #7fbb49;
}
#table-product-01 .row-7 .column-7 {
	background-color: #1f9a7e;
}
#table-product-01 .row-7 .column-9 {
	background-color: #669900;
}
#tablepress-3 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
#tablepress-4 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
#tablepress-5 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
#tablepress-14 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
#tablepress-15 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
#tablepress-16 .column-1 {
	white-space: nowrap !important;
	text-align: justify !important;
	vertical-align: middle;
}
/* ヘッダー */
#site-description {
	font-size: 18px !important;
}
#header {
	padding-top: 0px !important;
}
#header #site-title a img {
	max-height: 100px !important;
	margin-top: 3px;
}
#header #site-title {
	padding-bottom: 0px !important;
}
.menu-item {
	font-size: 18px;
}
#panList {
	font-size: 16px !important;
}
#headcontact {
	float: left;
	max-width: 425px;
	max-height: 100px;
	margin-left: 20px !important;
}
#headcontact-txt {
	float: left;
	max-width: 100px;
	max-height: 100px;
}
#headcontact-right {
	float: left;
	max-width: 325px;
	max-height: 100px;
}
#headcontact-tel {
	max-width: 325px;
	max-height: 35px;
}
#headcontact-fax {
	max-width: 325px;
	max-height: 35px;
}
#headcontact-mail {
	max-width: 325px;
	max-height: 30px;
}
/* フッター */
#footcontact-tel {
	float: right;
	width: 279px;
	height: 30px;
}
#footcontact-fax {
	float: right;
	width: 279px;
	height: 30px;
}
#footcontact-mail {
	float: right;
	width: 325px;
	height: 30px;
}
#footerSiteMap {
	width: 100% !important;
}
#powerd {
	display: none;
}
/* サイドバー */
.sideTower .localHead {
	height: 26px !important;
	font-size: 18px !important;
	font-weight: bold;
	position: relative;
	color: #FFF !important;
	border-top: 1px solid #E5E5E5;
	border-bottom: 3px solid #5EAD3C;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
	text-shadow: none !important;
	background-color: #c70230 !important;
	background-image: url(images/sidetitle.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	text-align: left !important;
	padding-top: 4px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 50px !important;
}
.sideWidget .menu-item {
	font-size: 14px;
}
.pageListSection {
	display: none !important;
}
.childPageBox {
	display: none !important;
}
/* トップページ */
#content #topFreeArea h2 {
	display: none;
}
/* トップページ商品ラインナップ */
.product-name {
	background-color: #C70230;
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 1em;
	margin-bottom: 1px;
}
.product-name a:link, .product-name a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.product-name a:hover, .product-name a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.product-img {}
.product-catch {
	font-size: 0.7em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
/*　価格表のページ */
#tablepress-7 .column-4, #tablepress-7 .column-5, #tablepress-7 .column-6, #tablepress-7 .column-7 {
	text-align: right;
}
#tablepress-7 .column-1, #tablepress-7 .column-2, #tablepress-7 .column-3 {
	text-align: center;
}
#tablepress-7 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-8 .column-4, #tablepress-8 .column-5, #tablepress-8 .column-6, #tablepress-8 .column-7 {
	text-align: right;
}
#tablepress-8 .column-1, #tablepress-8 .column-2, #tablepress-8 .column-3 {
	text-align: center;
}
#tablepress-8 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-9 .column-4, #tablepress-9 .column-5, #tablepress-9 .column-6, #tablepress-9 .column-7 {
	text-align: right;
}
#tablepress-9 .column-1, #tablepress-9 .column-2, #tablepress-9 .column-3 {
	text-align: center;
}
#tablepress-9 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-32 .column-4, #tablepress-32 .column-5, #tablepress-32 .column-6, #tablepress-32 .column-7 {
	text-align: right;
}
#tablepress-32 .column-1, #tablepress-32 .column-2, #tablepress-32 .column-3 {
	text-align: center;
}
#tablepress-32 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-31 .column-4, #tablepress-31 .column-5, #tablepress-31 .column-6, #tablepress-31 .column-7 {
	text-align: right;
}
#tablepress-31 .column-1, #tablepress-31 .column-2, #tablepress-31 .column-3 {
	text-align: center;
}
#tablepress-31 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-21 .column-4, #tablepress-21 .column-5, #tablepress-21 .column-6, #tablepress-21 .column-7 {
	text-align: right;
}
#tablepress-21 .column-1, #tablepress-21 .column-2, #tablepress-21 .column-3 {
	text-align: center;
}
#tablepress-21 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-17 .column-4, #tablepress-17 .column-5, #tablepress-17 .column-6, #tablepress-17 .column-7 {
	text-align: right;
}
#tablepress-17 .column-1, #tablepress-17 .column-2, #tablepress-17 .column-3 {
	text-align: center;
}
#tablepress-17 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-23 .column-4, #tablepress-23 .column-5, #tablepress-23 .column-6, #tablepress-23 .column-7 {
	text-align: right;
}
#tablepress-23 .column-1, #tablepress-23 .column-2, #tablepress-23 .column-3 {
	text-align: center;
}
#tablepress-23 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-24 .column-1, #tablepress-24 .column-2, #tablepress-24 .column-3 {
	text-align: center;
}
#tablepress-24 .column-4, #tablepress-24 .column-5, #tablepress-24 .column-6, #tablepress-24 .column-7 {
	text-align: right;
}
#tablepress-24 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-25 .column-4, #tablepress-25 .column-5, #tablepress-25 .column-6, #tablepress-25 .column-7 {
	text-align: right;
}
#tablepress-25 .column-1, #tablepress-25 .column-2, #tablepress-25 .column-3 {
	text-align: center;
}
#tablepress-25 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-35 .column-4, #tablepress-35 .column-5, #tablepress-35 .column-6, #tablepress-35 .column-7 {
	text-align: right;
}
#tablepress-35 .column-1, #tablepress-35 .column-2, #tablepress-35 .column-3 {
	text-align: center;
}
#tablepress-35 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-18 .column-4, #tablepress-18 .column-5, #tablepress-18 .column-6, #tablepress-18 .column-7 {
	text-align: right;
}
#tablepress-18 .column-1, #tablepress-18 .column-2, #tablepress-18 .column-3 {
	text-align: center;
}
#tablepress-18 .row-1 td {
	text-align: center;
	vertical-align: middle;
}
#tablepress-10 .column-2 {
	text-align: right;
}
#tablepress-11 .column-2 {
	text-align: right;
}
.tablepress-table-description {
	padding-top: 0;
	font-size: 12px;
}



/* サイドバーカレンダー */
#biz_calendar {
	padding: 0 4px;
	max-width: 100% !important;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 問い合わせフォーム・請求フォーム _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* Contact Form7 */
.wpcf7 textarea[name="your-address"], .wpcf7 textarea[name="your-use"], .wpcf7 textarea[name="your-request"] {
	height: 105px !important;
}
/* ======================================

trust-formより

====================================== */
#contact7 {
	width: 100%;
	height: auto;
}
#contact7 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#contact7 table, #contact7 table th, #contact7 table td {
	border: none;
}
/* reset form element style*/
.contact-form input, .contact-formbutton, .contact-formselect, .contact-formtextarea {
	margin: 0;
	outline: none;
}
#contact7 input, #contact7 select {
	vertical-align: middle;
}
#contact7 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contact7 ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* ======================================

	 Trust Form Style

====================================== */
div#contact7.contact-form table {
	margin-bottom: 2em;
	text-align: center;
}
div#contact7.contact-form table th {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
div#contact7.contact-form table td {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
}
div#contact7.contact-form table tr:hover {
	background: #f4f4f4;
}
div#contact7.contact-form table div {
	padding: 0 10px;
}
div#contact7.contact-form p.submit-container {
	text-align: center;
}
div#contact7.contact-form div.submessage {
	font-size: 80%;
	font-weight: normal;
}
div#contact7.contact-form span.require {
	margin-left: 3px;
	color: #e55a3b;
}
div#contact7.contact-form div.error {
	color: #e55a3b;
}
div#contact7.contact-form input[type="checkbox"], div#contact7.contact-form input[type="radio"] {
	margin-right: 3px;
}
div#contact7.contact-form label {
	display: block;
	width: 100%;
}
div#contact7 #confirm-button {
	text-align: center;
}
/* split css in input confirm finish  */
div.contact-form-input {}
div.contact-form-confirm {}
div.contact-form-finish {}
div.contact-form-input table {}
div.contact-form-confirm table {}
div.contact-form-finish table {}
div.contact-form-input table th {}
div.contact-form-confirm table th {}
div.contact-form-finish table th {}
div.contact-form-input table td {}
div.contact-form-confirm table td {}
div.contact-form-finish table td {}
@media only screen and (max-width:600px) {
	div#contact7 table {
		margin: 2em auto;
		border: 1px solid #ccc;
		border-bottom-width: 0;
	}
	div#contact7 table th, div#contact7 table td {
		padding: 0;
		float: left;
		clear: both;
		width: 100%;
	}
	div#contact7 table th {
		background-color: #f4f4f4;
	}
	div#contact7 table ul li {
		line-height: 3.5em;
	}
	div#contact7.contact-form table tr:hover {
		background: #fff;
	}
}
/*			images
/*-------------------------------------------*/
#content img {
	margin: 0;
	max-width: 100% !important;
	height: auto;
} /* height:auto;がimportantでなくてはならない理由があるかも */
#content .attachment img {
	max-width: 900px;
}
#content .alignleft, #content img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
#content .alignright, #content img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 4px;
}
#content .aligncenter, #content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, #content img.alignright, #content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 0 0 5px;
	text-align: center;
	border: 1px solid #e5e5e5;
	max-width: 100% !important;
}
#content .wp-caption img {
	margin: 5px 0 2px;
	max-width: 95% !important;
	height: auto !important;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br + br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* SoldOut網掛け */
.soldout-wrapper {
	background-color: black;
	display: block;
	opacity: 0.6;
	border-radius: 6px;
	margin-bottom: 20px;
}
.soldout {
	opacity: 0.8;
	display: block;
	background-color: #ffffff;
	padding: 20px;
}
