/* local.css */
@charset "euc-jp";

@import "../web-box/contents/blog/css/wb-blog.css";
@import "../web-box/contents/pair/css/wb-pair.css";
@import "../web-box/contents/rss/css/wb-rss.css";
@import "../web-box/contents/faq/css/wb-faq.css";
@import "../web-box/contents/form/css/wb-form.css";
@import "../web-box/contents/links/css/wb-links.css";
@import "../web-box/contents/edit/css/wb-edit.css";
@import "../web-box/contents/favorite/css/wb-favorite.css";
@import "../web-box/contents/sitemap/css/wb-sitemap.css";
@import "../web-box/contents/map/css/wb-map.css";
@import "../web-box/contents/calendar/css/wb-calendar.css";

/* --------------------------------- 
------------------------------------
サブページ共通　
------------------------------------
------------------------------------*/
.Sub h2 {
	width: 700px;
	height: 30px;
	padding: 0;
	text-indent: -9999px;
}

.wb-blog .wb-edit {
	text-align: center;
	background: #222;
	font-size: 11px;
	width: 100px;
	padding: 3px 0 1px;
	margin: 0 auto 20px;
}

.product-list-box .wb-blog-categ-title a:hover,
.product-list-box .wb-blog-categ-title a:active,
.beta-box05 .wb-rss-list-link a:hover,
.beta-box05 .wb-rss-list-link a:active,
.wb-blog-page a:hover,
.wb-blog-page a:active,
.voice-box01 .wb-voice-name a:hover,
.voice-box01 .wb-voice-name a:active,
.beta-box03 .wb-rss-list a:hover,
.beta-box03 .wb-rss-list a:active,
.alpha-box01-content .wb-item-name a:hover,
.alpha-box01-content .wb-item-name a:active {
	color: #333;
	text-decoration: underline;
}

.wb-blog-page .wb-blog-btn-now {
	background: #E8E8E8;
}

.wb-blog-page .wb-blog-btn-now,
.wb-blog-page a {
	padding: 0 3px 0 5px;
}

/* --------------------------------- 
------------------------------------
トップ　
------------------------------------
------------------------------------*/
.Top-img,
.Sub-img {
	width: 980px;
	margin: 0 auto;
}

.Top-img .slides,
.Top-img .slides li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.index {
	margin: 0;
	padding: 0;
}

.index .beta-box02 h2,
.index .beta-box03 h2,
.index .beta-box05 h2 {
	width: 490px;
	height: 27px;
	padding: 0;
	text-indent: -9999px;
}

.index .beta-box02 h2 {
	background: url(../img/title_index_pickup.gif) no-repeat 0 0;
	margin: 0 0 15px;
}

.index .beta-box03 h2 {
	background: url(../img/title_index_news.gif) no-repeat 0 0;
}

.index .beta-box05 h2 {
	width: 200px;
	background: url(../img/title_index_voice.gif) no-repeat 0 0;
}

.beta-column-wrap .column-left {
	width: 490px;
	float: left;
}

.beta-column-wrap .column-right {
	width: 200px;
	float: right;
}

.index .beta-box04 {
	margin: 0 0 5px;
}

.index .beta-box04 img {
	margin: 0 0 10px;
}

.index .beta-box04 img {
	margin: 0 0 10px;
}

.beta-box05 {
	border: 1px solid #222222;
}

.beta-box05-content {
	padding: 10px 10px 9px;
}

.beta-box05 .wb-rss .wb-rss-list {
	padding: 5px 0 8px;
}

.beta-box05-content .link-voice {
	text-align: right;
	padding: 4px 0 0;
}

.beta-box05-content .link-voice a {
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}

.beta-box05-content .link-voice a:hover,
.beta-box05-content .link-voice a:active {
	text-decoration: none;
}

.beta-box06 {
	clear: both;
}

/*
---------------------------------------------------------
 video-block
--------------------------------------------------------- */
.index .video-block {}

.video-block.MOD-bottom {
	margin-top: 15px;
}

.index .video-block .video {
	padding-bottom: 15px;
}

/* --------------------------------- 
------------------------------------
News
------------------------------------
------------------------------------*/
.News {}

.news-box01 h2 {
	background: url(../img/title_news_detail.gif) no-repeat 0 0;
}

/* --------------------------------- 
------------------------------------
Blog
------------------------------------
------------------------------------*/
.Blog {}

.blog-box01 h2 {
	background: url(../img/title_blog.gif) no-repeat 0 0;
	width: 510px;
}

.blog-box02 h2 {
	background: url(../img/title_blog_new.gif) no-repeat 0 0;
	width: 178px;
}

.blog-box03 h2 {
	background: url(../img/title_blog_catego.gif) no-repeat 0 0;
	width: 178px;
}

.blog-box04 h2 {
	background: url(../img/title_blog_archive.gif) no-repeat 0 0;
	width: 178px;
}

.blog-column-wrap .column-left {
	width: 510px;
	float: left;
}

.blog-column-wrap .column-right {
	width: 180px;
	float: right;
}

.Blog .blog-box02,
.Blog .blog-box03,
.Blog .blog-box04 {
	border: 1px solid #222222;
	margin: 0 0 15px;
}

.Blog .blog-deta-content {
	padding: 10px;
}

.Blog .blog-box03 {
	display: none;
}

.Blog .wb-blog-bottom {
	display: none;
}

/* --------------------------------- 
------------------------------------
Item
------------------------------------
------------------------------------*/
.Item {}

.item-detail-box01 h2,
.item-box01 h2 {
	background: url(../img/title_item.gif) no-repeat 0 0;
}

.Item .item-list-box {
	padding: 20px 10px;
	margin: 0 0 0 -26px;
}

.Item-catego .item-list-box {
	padding: 20px 10px;
	margin: 0 0 0 -20px;
}

.Item-detail .item-detail-content {
	padding: 20px 10px;
}

/* --------------------------------- 
------------------------------------
Product
------------------------------------
------------------------------------*/
.Product {}

.product-box01 h2 {
	background: url(../img/title_product.gif) no-repeat 0 0;
}

.Product-catego .product-list-box,
.Product .product-list-box {
	padding: 20px 10px;
	margin: 0 0 0 -20px;
}

.Product .product-list-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 25px;
	padding: 20px 0;
	margin: 0;
}

.Product .wb-product-list {
	width: calc((100% - 50px) / 3);
	padding: 0;
	float: none;
}


.Product .wb-product-list:nth-child(n+2) .wb-product-img {
	width: calc(100% - 4px);
}

.Product .wb-product-list:nth-child(n+2) .wb-product-img img {
	width: 100%;
	height: 140px;
	object-fit: contain;
}

.Product .wb-product-list:first-child {
	width: 100%;
	padding: 0;
}

.Product .wb-product-list:first-child .wb-product-img {
	width: calc(100% - 18px);
}

.Product .wb-product-list:first-child .wb-product-img img {
	width: 100%;
}

/* --------------------------------- 
------------------------------------
voice
------------------------------------
------------------------------------*/
.Voice {}

.voice-box01 h2 {
	background: url(../img/title_voice.gif) no-repeat 0 0;
}

.Voice .voice-list-box {
	padding: 20px 10px 0;
}

/* --------------------------------- 
------------------------------------
Company
------------------------------------
------------------------------------*/
.Company {}

.Company .company-box01 h2 {
	background: url(../img/title_company_about.gif) no-repeat 0 0;
}

.Company .company-box02 h2 {
	background: url(../img/title_company_access.gif) no-repeat 0 0;
}

.Company .company-box03 h2 {
	background: url(../img/title_company_law.gif) no-repeat 0 0;
}

.Company .company-box04 h2 {
	background: url(../img/title_company_privacy.gif) no-repeat 0 0;
}

.Company .company-box-content {
	margin: 0;
	padding: 20px 15px;
}

.Company .company-box-content .left-block {
	margin: 0;
	padding: 0;
}

.Company .company-box-content .right-block {
	margin: 0;
	padding: 0;

}

.Company .company-box-content .right-block h3 {
	margin: 0 0 5px;
	padding: 0;
	color: #416000;
	font-size: 15px;
}

.Company .company-box-content .right-block p {
	margin: 0;
	line-height: 1.3;
	padding: 0;
}

/* --------------------------------- 
------------------------------------
inquiry
------------------------------------
------------------------------------*/
.Inquiry {}

.Inquiry h2 {
	background: url(../img/title_inquiry.gif) no-repeat 0 0;
}

.Inquiry .inquiry-box-content {
	margin: 0;
	padding: 20px 15px;
}

.Inquiry p {
	margin: 0 0 20px;
	padding: 0;
}

.wb-form-table {
	border-top: 1px #cccccc solid;
}

.wb-form-radio,
.wb-form-check {
	margin: 0;
}

.wb-form-radio li,
.wb-form-check li {
	list-style: none;
}

.Inquiry input.jcheck-require[type="checkbox"] {
	width: 20px;
}

.wb-form-check li {
	margin: 5px;
}