@charset "utf-8";
/* CSS Document */

/*===============================

パンくずリスト

================================*/

/*パンくずリスト全体を内包*/
.bredcrumb{
   /* width: 95%;/*コンテンツエリアに合わせて幅を指定*/
	margin: 0 auto;
    margin-top: 50px;
	margin-top: 8px;
}

.bredcrumb .bredcrumb-container{
	margin: 0 auto;
    display: flex;
    margin: 0 auto;
    margin-top: 7px;
	font-size: 1em;
	font-weight: normal;
}

/*アンカー設定*/
.bredcrumb .bredcrumb-container a{
	text-decoration: none;
	color: black;
}

/*ホバー設定*/
.bredcrumb .bredcrumb-container a:hover{
	opacity: 0.3;
}

/*矢印を描写*/
.bredcrumb .bredcrumb-container a::after{
    content: "\f105";/*矢印(三角)
	/*content: "▶";*/
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
    display: inline-block;
    padding: 0 7px;
    font-size: 150%;
	font-size: 14px;
    vertical-align: -3px;
    /*color: #333;黒色の三角に*/
	color: #272A37;
	transform: translate(3px, -3px);
}
	
/*現在のページのタイトルを出力　ページタイトルテキスト*/
.bredcrumb .bredcrumb_current-text{
	display: block;
	transform: translate(3px, 1px);
    color: #232830;
}	

.bredcrumb a.bredcrumb_homerink-text{
	text-decoration: underline;
}


/* //全体ここまで */
/* =================================================================================

スマホ(768px以上からPCコーディング)
961 

==================================================================================== */
@media only screen and (max-width: 767px){	
/*===============================

パンくずリスト(静的設置)

================================*/
	
/*パンくずリスト全体を内包*/
.bredcrumb{
	/*width: 95%;*/
	margin-left: 2.5%;
}
	
/*現在のページのタイトルを出力　ページタイトルテキスト*/
.bredcrumb .bredcrumb_current-text{
	padding-top: 0.5%;
}

/*矢印を描写*/
.bredcrumb .bredcrumb-container a::after{
    padding: 0 13px;
}
	
/*現在のページのタイトルを出力　ページタイトルテキスト*/
.bredcrumb .bredcrumb_current-text{
    display: block;
	transform: translate(-7px, -4px);
    font-size: 14px;
}	
	
.bredcrumb .bredcrumb-container a::after {
    padding: 0 10px;
    transform: translate(-3px, -2.5px);
}
	
	
	
.bredcrumb .bredcrumb-container {
    font-size: 12px;
}
	
	
/*パンくずリスト全体を内包*/
.bredcrumb{
    margin-top: -5%;
	margin-top: -19px;
}
	
}



/* =================================================================================

タブレット以上/モニター(普通)以下

==================================================================================== */
@media screen and (min-width:600px)and (max-width:1200px){
/*パンくずリスト全体を内包*/
.bredcrumb{
	width: 95%;
}
	
	
}