@charset "utf-8";

/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .hd_pc #header #header_Right #accountMenu03 {display: inline-block;position: relative;top: 11px;}

}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #header #header_Right #accountMenu02 li {
	font-size: 9px;
}
}

/* 共通設定 */
html {
	-webkit-text-size-adjust: 100%;
}

em{
    text-decoration: none;
}

#pageTop {
    z-index: 1000;
}
.headbox {
	position: relative; 
	z-index: 2; 
	background-color: #fff; 
}
.footbox {
	position: relative; 
	z-index: 2; 
	background-color: #fff;
}

.br_pc,
.br_tab,
.br_sp {
	display:none;
}
.dis_non {
	display:none;
}

/* #contentsArea */
#contentsArea {
	width:100%;
}
#contentsArea * {
	box-sizing: border-box;
}
#contentsArea a{
  text-decoration: none;
}
/* wrap */
.wrap {
    width: 960px;
    margin: 0 auto;
}
/****************************************************************/
/*
/* メディアクエリ設定 960px以上
/* 通常(PC用)記述の場所
/*
/****************************************************************/
@media print, screen and (min-width: 960px) {
body {
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
  	line-height: 1.2;
	color: #333333;*/
}
/* #breadcrumb */
#breadcrumb { /*font-size: 13px;*/ }
#breadcrumb #body {
  padding: 10px 0;
  line-height: 1.4;
  height: 20px;
}
#breadcrumb a {
  text-decoration: underline;
  display: inline-block;
}
#breadcrumb .breadcrumbList {
  padding: .3em 5px;
  background-color: #FFF;
  white-space: nowrap;
  overflow: auto;
}
#breadcrumb .breadcrumbList > li { display: inline-block; }
#breadcrumb .breadcrumbList > li+li:before {
  content: "＞";
  margin: 0 .3em;
}
#breadcrumb #socialBox { top: 10px; }	
}
.tab_onry,
.sp_onry {
	display: none;
}
.pc_onry {
	display: block;
}
.br_tab,
.br_sp {
	display:none;
}
.br_pc {
	display:block;
}
/****************************************************************/
/*
/* メディアクエリ設定 0～959px
/* タブレット・スマホ用共有記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 959px){
/* 共通設定 */
.contentInner {
	width: 100%;
}	
/* breadcrumb */
#socialBox { 
	display: none; 
}
#breadcrumb #body {
	width: auto;
	margin: 0;
}
#breadcrumb {
	font-size: 62.5%;
	display: block;
	width: 100%;
}
#breadcrumb #body.breadcrumbList a {
	text-decoration: underline;
	display: inline-block;
	line-height: 2.5em;
}
#breadcrumb #body.breadcrumbList {
	padding: .3em 5px;
	background-color: #FFF;
	white-space: nowrap;
	font-size: 1.2em;
	overflow: auto;
}
#breadcrumb #body.breadcrumbList > li { 
	display: inline-block; 
}
#breadcrumb #body.breadcrumbList > li+li:before {
	content: "＞";
	margin: 0 .3em;
}
/* list.top（リスト型/TOPに戻る）------------------*/
.linkArea.list.top {
  margin: 0;
  padding: 0.5% 0;
  background-color: #004098;
  background-image: url("https://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 20px 12px;
  border-top: 0;
}
.linkArea.list.top a {
  padding: 12px 0 12px 10px;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  display: block;
}
/* #contentsArea */
#contentsArea {
}    

}
/****************************************************************/
/*
/* メディアクエリ設定 761px～959px
/* タブレット用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 761px) and (max-width: 959px) {
.pagetop_sp {
	display:none;
}
.br_pc,
.br_sp {
	display:none;
}
.br_tab {
	display:block;
}
.pc_onry,
.sp_onry {
	display: none;
}
.tab_onry {
	display: block;
}	
}
/****************************************************************/
/*
/* メディアクエリ設定 0～760px
/* スマホ用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 760px) {
.br_pc,
.br_tab {
	display:none;
}
.br_sp {
	display: block;
}
.pc_onry,
.tab_onry {
	display: none;
}
.sp_onry {
	display: block;
}
}