/* custom */
@charset "utf-8";

/* �K�w�����\������ �ʼn��w:3 */

.categoryView {
	width: calc(100% - 20px );
	max-width: 1140px;
	margin: 0 auto;
}

/* 1�K�w�ڂ̃X�^�C�� */
.layer1 {
	font-size: 1.17em;
	padding: 2px 0 2px 15px;
	border-left: 8px solid #333;
	width: calc(100% - 40px ) !important;
	line-height: 2em;
	display: inline-block;
	margin: 0.3em auto auto;
}
.layer1:empty {
	border: none;
}

/* 2�K�w�ڂ̃X�^�C�� */
.layer2 {
	font-size: 1em;
	width: calc(100% - 40px ) !important;
	line-height: 2em;
	display: inline-block;
	margin-left: 10px;
}
.layer2:empty {
	border: none;
}

/* 3�K�w�ڂ̃X�^�C�� */
.layer3 {
	font-size: 0.9em;
	width: calc(100% - 40px ) !important;
	margin-left: 40px;
	line-height: 2em;
	white-space:nowrap;
}
.layer3:empty {
	border: none;
}

/* �������� */
span.layer1, span.layer2{
	font-weight: bold;
}

/* 1�K�w�ڂ̉摜�\������ ���X�|���V�u�f�U�C���Ή� */
.contents ul.detailed li.catImg{
	width: 33%;
}
@media screen and (max-width: 600px){
	.contents ul.detailed li.catImg{
	width: 100%;
	}
}
@media screen and (max-width: 600px){
.contents ul.detailed li a:after{
	content: "\A";
	white-space: pre;
	}
}


/* �s�b�N�A�b�v�����摜�t�B�[���h������ */
#index .main_heroimg_inner p.pickupImageFld{
	max-width: 100%;
	text-align: center;
}
/* �s�b�N�A�b�v�����摜 */
#index .main_heroimg_inner img.pickupImage{
	max-width: 100%;
}

/* カテゴリ検索第2階層目、資料詳細画面「○件の画像があります。」部分
	カーソルをあてたら下線が表示される */
.underLine:hover {
	text-decoration: underline;
}


/* トップ画面テーマアイコン・詳細検索アイコン横の「＞」を表示しない */
@media screen and (max-width: 600px){
.contents .detailed a.noArrow:after {
	display: none;
	}
}

/* ボタンのスタイル */
@media screen and (min-width: 601px){
	.detailbtnSearch input.detailbtnSearch-btn {
	width: 300px;
	height: 50px;
	font-size: 1.4em;
	letter-spacing: .3em;
	border: none;
	}
}
@media screen and (max-width: 600px){
	.detailbtnSearch input.detailbtnSearch-btn {
	width: 60%;
	font-size: 16px;
	border: none;
	}
}

/* 虫眼鏡アイコン */
.detailbtnSearch input.detailbtnSearch-btn {
    background: #333333 url(../image/pattern-A/icon_search.png) no-repeat 10px;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 14px;
    background-size: 25px;
}

/* ボタンを中央に寄せる */
#main .detailbtnSearch li {
	display: inline;
    position: relative;
    right: 0px;
}
.contents ul.detailed li.center {
	width: 100%;
}

/* 下線を消す */
.contents ul.detailed li a.noLine, .contents .detailed a.noLine, .contents ul.detailed li>span.noLine{
	border-bottom: none;
}

/* 画面を寄せた際に、詳細検索ボタンを中央に寄せる */
@media screen and (max-width: 600px){
	.contents .detailed a.center{
	display: inline;
	padding: 0;
	}
}