@charset "UTF-8";

.pc{display:block!important}
.sp{display:none!important}
@media screen and (max-width:590px){
.pc{display:none!important}
.sp{display:block!important}
}

.breadcrumb.breadcrumb-area{display:flex;gap:1rem;align-items:baseline;font-size:1.2rem;color:#8a9995;max-width:1032px!important}
.breadcrumb.breadcrumb-area>span{font-size:.875rem;line-height:1.55;color:#444}
.breadcrumb.breadcrumb-area a{color:#8a9995;transition:.24s ease}
.breadcrumb.breadcrumb-area a:hover{text-decoration:underline;opacity:.8}

h2.genre_name_{margin:0 0 20px;padding:20px 0;border-top:#036e4f 2px solid;border-bottom:#d5d5d5 2px solid;color:#333;font-size:1.375rem;font-weight:700;line-height:1.4}
.contents__inner.inner-1000>section{margin:0 auto;width:100%;max-width:1000px}
.contents__inner.inner-1000>section p{font-size:1rem}
@media screen and (min-width: 1032px) and (max-width: 1240px) {
.breadcrumb-area{padding:20px 1rem!important;width:92%!important}
.contents__inner{padding:0 1rem!important}
}


/* --------------------------------------------------------------------
	カテゴリ一覧　ピックアップ
--------------------------------------------------------------------- */
div.CategoryStyleP_ {
	width:100%;
	margin:0 0 30px 0;
	overflow: hidden;
}
div.CategoryStyleP_Line_ {
	width: 105%;
	margin:0 0 20px 0;
	overflow: hidden;
}
div.CategoryStyleP_Item_ {
	width:470px;
	padding:10px;
	margin:0 20px 0 0;
	background:url(../img/usr/pro/common/category_bg.png) left top repeat;
	float: left;
}
div.CategoryStyleP_Item_ .inner_ {
	border:#d5d5d5 1px solid;
	background:#ffffff;
}
div.CategoryStyleP_Item_ h3.name_ {
	min-height:78px;
	line-height:1.4;
	font-size: 16px;
	font-weight:normal;
	position:relative;
}
div.CategoryStyleP_Item_ h3.name_ a {
	padding-left:20px;
	padding-right:40px;
	display:block;
	background:url(../img/usr/pro/common/cate_arrow.png) right center no-repeat;
}
div.CategoryStyleP_Item_.haveimg_ h3.name_ a.category_name_ {
	width:438px;
	padding:15px;
	font-size: 16px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background-color: rgba(3,110,80,0.8);
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
div.CategoryStyleP_Item_.haveimg_ h3.name_ a {
	padding:0;
	display:block;
	background:none;
}
div.CategoryStyleP_Item_ h3.name_ a:hover {
	text-decoration:none;
	background:#dae5e2 url(../img/usr/pro/common/cate_arrow.png) right center no-repeat;
}
div.CategoryStyleP_Item_.haveimg_ h3.name_ a img {
	max-width:100%;
}
div.CategoryStyleP_Item_ div.comment_ {
	display:none;
}
div.CategoryStyleP_Item_.haveimg_ {
	zoom:1;
}

/* --------------------------------------------------------------------
	カテゴリ一覧　孫カテゴリ
--------------------------------------------------------------------- */
div.CategoryStyleG_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleG_Line_ {
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleG_Item_ {
	padding: 0 0 20px 0;
	float: left;
	display: inline;
	width: 33%;
	overflow: hidden;
}
div.CategoryStyleG_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.CategoryStyleG_Item_ .comment_ {
	margin: 0 10px;
}
div.CategoryStyleG_Item_ div.comment_ img {
	margin: 0 0 10px 0;
}
div.CategoryStyleG_ ul {
	margin: 10px 10px 0 10px;
	padding: 0;
}
div.CategoryStyleG_ ul li {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: square;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　一覧
--------------------------------------------------------------------- */
div.CategoryStyleL_ {
	width:100%;
	border:none;
}
div.CategoryStyleL_ span.name_ {
	margin:4px;
	font-weight:bold;
	white-space: nowrap;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　サムネイル
--------------------------------------------------------------------- */
div.CategoryStyleT_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleT_Line_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleT_Item_ {
	padding: 0 0 20px 0;
	float: left;
	display: inline;
	width: 25%;
	overflow: hidden;
}
div.CategoryStyleT_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.CategoryStyleT_Item_ h3.img_ {
	padding: 0 10px 10px 10px;
	font-size: 5px;
	border: none;
}
div.CategoryStyleT_Item_ .comment_ {
	margin: 0 10px;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　詳細
--------------------------------------------------------------------- */
div.CategoryStyleD_ {
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleD_Item_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleD_Item_ h3 {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}

/* --------------------------------------------------------------------
	ジャンルTOP
--------------------------------------------------------------------- */
#genre_mv {
	margin-bottom:30px;
	overflow:hidden;
}
#genre_mv .bx-wrapper {
	width:1000px;
	position: relative;
	margin: 0 auto;
	text-align:center;
	padding: 0 0 50px 0;
	*zoom: 1;
}
#genre_mv .bx-wrapper img { max-width: 100%;}
#genre_mv .bx-wrapper .bx-viewport {
	overflow:inherit !important;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
#genre_mv .bx-wrapper .bx-pager,
#genre_mv .bx-wrapper .bx-controls-auto { width:100%; position:absolute; bottom:20px;}
#genre_mv .bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
#genre_mv .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
#genre_mv .bx-wrapper .bx-pager .bx-pager-item,
#genre_mv .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#genre_mv .bx-wrapper .bx-pager.bx-default-pager a {
	background: #bfbfbf;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#genre_mv .bx-wrapper .bx-pager.bx-default-pager a:hover,
#genre_mv .bx-wrapper .bx-pager.bx-default-pager a.active { background: #036e4f;}
#genre_mv .bx-wrapper .bx-prev { display:none;}
#genre_mv .bx-wrapper .bx-next { display:none;}
#genre_mv .bx-wrapper .bx-controls-direction a    { display:none;}
#genre_mv .bx-wrapper .bx-controls-auto           { display:none;}
#genre_mv .bx-wrapper .bx-controls-auto .bx-start { display:none;}

div.GenreStyle_ {
	width:100%;
	margin:0 0 30px 0;
	overflow: hidden;
}
div.GenreStyle_Line_ {
	width: 105%;
	margin:0 0 20px 0;
	overflow: hidden;
}
div.GenreStyle_Item_ {
	width:490px;
	margin:0 20px 0 0;
	float: left;
}
div.GenreStyle_Item_ .inner_ {
}
div.GenreStyle_Item_ h3.name_ {
	margin-bottom:10px;
	line-height:1.4;
	font-size: 16px;
	font-weight:normal;
}
div.GenreStyle_Item_ h3.name_ span.nolink_,
div.GenreStyle_Item_ h3.name_ a {
	padding:10px 20px;
	display:block;
	background:#eeeeee url(../img/usr/pro/common/genre_name.png) left center no-repeat;
}
div.GenreStyle_Item_ h3.name_ a:hover {
	text-decoration:none;
	background:#dae5e2 url(../img/usr/pro/common/genre_name.png) left center no-repeat;
}
div.GenreStyle_Item_ div.image_ {
	margin:10px 0;
}
div.GenreStyle_Item_ div.image_ img {
	width:490px;
}
div.GenreStyle_Item_ div.comment_ {
	margin:10px 0;
}

/* --------------------------------------------------------------------
	ジャンル一覧
--------------------------------------------------------------------- */
#genre_mv .genre_name_wrap_   { width:1000px; height:340px; position:relative;}
#genre_mv .genre_name_wrap_ p { width:570px; position:absolute; left:405px; top:260px; font-size:14px; line-height:1.6; color:#fff;}

div.GenreStyleT_ {
	width:100%;
	margin:0 0 30px 0;
	overflow: hidden;
}
div.GenreStyleT_Line_{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 0 20px}
div.GenreStyleT_Item_{width:calc(33.3% - .833rem);margin:0}
div.GenreStyleT_Item_ .inner_ {
}
div.GenreStyleT_Item_ h3.name_ {
	margin-bottom:10px;
	line-height:1.4;
	font-size:1rem;
	font-weight:normal;
}
div.GenreStyleT_Item_ h3.name_ span.nolink_,
div.GenreStyleT_Item_ h3.name_ a {
	padding:10px 20px;
	display:block;
	background:#eeeeee url(../img/usr/pro/common/genre_name.png) left center no-repeat;
}
div.GenreStyleT_Item_ h3.name_ a:hover {
	text-decoration:none;
	background:#dae5e2 url(../img/usr/pro/common/genre_name.png) left center no-repeat;
}
div.GenreStyleT_Item_ div.image_ {margin:10px 0}
div.GenreStyleT_Item_ div.image_>a{display:block;overflow:hidden}
div.GenreStyleT_Item_ div.image_>a img{transition:.5s all;width:320px}
div.GenreStyleT_Item_ div.image_>a:hover img{transform:scale(1.1)}
div.GenreStyleT_Item_ div.comment_ {
	margin:10px 0;
}

div.layer1_,div.layer2_,div.layer3_,div.layer4_{display:none}
p.parent_{display:none}

div#case_construction_detail_btn{padding-top:60px;margin:0 auto 150px auto;width:100%;max-width:680px;overflow:hidden}
div#case_construction_detail_btn ul{display:flex;flex-wrap:wrap;gap:2rem}
div#case_construction_detail_btn ul li:first-child{width:100%;margin:0 auto;border-radius:5px;overflow:hidden;display:block}
div#case_construction_detail_btn ul li:first-child a{display:flex;align-items:center;justify-content:center;background:#036e4f url('/img/usr/pro/common/ico_arrow02.png') no-repeat 655px center;padding:1rem;color:white;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-size:1.5rem}
div#case_construction_detail_btn ul li:first-child a:hover{text-decoration:none;background-color:#014e38;background-position:660px center}
div#case_construction_detail_btn ul li:nth-child(2),div#case_construction_detail_btn ul li:nth-child(3){width:calc(50% - 1rem);height:110px;border:5px #036e4f solid}
div#case_construction_detail_btn ul li:nth-child(2){background:url('/img/usr/pro/cms/top/ico_web_catalog.gif') no-repeat 19px center}
div#case_construction_detail_btn ul li:nth-child(3){background:url('/img/usr/pro/cms/top/ico_catalog.gif') no-repeat 19px center}
div#case_construction_detail_btn ul li:nth-child(2) a,div#case_construction_detail_btn ul li:nth-child(3) a{display:flex;height:100%;align-items:center;padding-left:95px;font-size:1.125rem;background:url('/img/usr/pro/common/ico_arrow03.png') no-repeat 293px center;-webkit-transition:all 0.3s ease !important;-moz-transition:all 0.3s ease !important;-ms-transition:all 0.3s ease !important;-o-transition:all 0.3s ease !important;transition:all 0.3s ease !important}
div#case_construction_detail_btn ul li:nth-child(2) a:hover,div#case_construction_detail_btn ul li:nth-child(3) a:hover{text-decoration:none;background-position:298px center}

@media screen and (max-width:590px){

div.GenreStyleT_Item_{width:100%!important}
div.GenreStyleT_Item_.nochild_ .inner_{background-image:url('../img/usr/pro/sb/tree_arrow.png');background-repeat:no-repeat;background-position:right center;background-size:21px 10px;}
div.GenreStyleT_Item_ .inner_{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;background-color:#f9f9f9;min-height:40px;position:relative;border-bottom:1px solid #eee;word-break:break-all}
p.parent_{background: url('../img/usr/pro/minus.png') no-repeat center center;background-size:20px 20px;display:block;padding:0;text-indent:-9999px;width:40px;height:100%;max-height:124px;vertical-align:top;overflow:hidden;position:absolute;top:0;right:0;transition:background 0.3s ease}
p.parent_.img_hidden_{background:url('../img/usr/pro/plus.png') no-repeat center center;background-size:20px 20px;}
div.GenreStyleT_Line_{flex-direction:column;width:100%;gap:.25rem}
div.GenreStyleT_Line_.layer1_,
div.GenreStyleT_Line_.layer2_,
div.GenreStyleT_Line_.layer3_{margin-left:.5rem;border-top:1px solid #eee}
div.GenreStyleT_Item_ h3.name_{width:calc(100% - 160px);margin-bottom:0;display:flex;align-items:center;font-size:.875rem}
div.GenreStyleT_Item_ h3.name_ span.nolink_,
div.GenreStyleT_Item_ h3.name_ a,
div.GenreStyleT_Item_ h3.name_ a:hover{background:none;width:100%;height:100%;display:flex;align-items:center;padding:10px 20px 10px 10px}
div.GenreStyleT_Item_ div.image_{margin:0}
div.GenreStyleT_Item_ div.image_>a img{width:160px;aspect-ratio:4 / 3;object-fit:cover}


div#case_construction_detail_btn{margin-bottom:0;padding:30px 10px 20px;box-sizing:border-box}
div#case_construction_detail_btn ul{gap:1rem}
div#case_construction_detail_btn ul li:first-child{background-color:#036e4f}
div#case_construction_detail_btn ul li:first-child a{background:url('/img/usr/pro/common/ico_arrow07.png') no-repeat right .75rem center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-size:1rem}
div#case_construction_detail_btn ul li:first-child a:hover{background-position:right .5rem center}
div#case_construction_detail_btn ul li:nth-child(2),div#case_construction_detail_btn ul li:nth-child(3){width:100%!important;height:auto;border-width:3px}
div#case_construction_detail_btn ul li:nth-child(2){background:url(../img/usr/pro/cms/top/ico_web_catalog.gif) no-repeat 15px center;background-size:35px auto}
div#case_construction_detail_btn ul li:nth-child(3){background:url(../img/usr/pro/cms/top/ico_catalog.gif) no-repeat 15px center;background-size:35px auto}
div#case_construction_detail_btn ul li:nth-child(2) a,div#case_construction_detail_btn ul li:nth-child(3) a{padding:1rem 1rem 1rem 4rem;font-size:.875rem;position:relative;background:none}
div#case_construction_detail_btn ul li:nth-child(2) a:hover,div#case_construction_detail_btn ul li:nth-child(3) a:hover{}
div#case_construction_detail_btn ul li:nth-child(2) a:after,div#case_construction_detail_btn ul li:nth-child(3) a:after{content:"";position:absolute;width:6px;height:10px;right:8px;background:url(../img/usr/pro/common/ico_arrow03.png) no-repeat right center;top:50%;margin-top:-5px}

}