@charset "UTF-8";

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

Description : 共通レイアウト
Author      : Akira Sasaki
Date        : 2010.09
URL         : http://www.so-net.ne.jp/point/

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

/* フォントサイズチャート
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%

--12px基準の場合--

10px	85%
11px	93%
12px	100%
13px	108%
14px	116%
15px	123.1%
16px	131%
17px	138.5%
18px	146.5%
19px	153.9%
20px	161.6%
21px	167%
22px	174%
23px	182%
24px	189%
25px	197%
*/


/*
 共通レイアウト
-------------------------------------------------------------------------*/
body {}
hr { display:none; }
img.blank { padding:0 5px; vertical-align:baseline;}
img.blank2 { padding:0 5px; vertical-align:baseline;}
*html img.blank2 {margin-top:6px;}
img.new { padding:0 0px 0 5px; vertical-align:baseline; }
img.up { padding:0 5px 0 0px; vertical-align:baseline; }
img.sp {vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {
	font-size:13px;
	line-height:1.2;
	*font-size:small;
	*font:x-small;
	font-weight:normal;
}



/*
 clearfixをclassに直接指定せずに以下のスタイルに各要素を追加するようにする。
-------------------------------------------------------------------------*/
.clearfix,
#TICKER_AREA,
#HEADER,
#HEADER .user,
#HEADER .pageHead .pageTitle,
#MAIN_CONTAINER .mainPageTitle,
#MAIN_CONTAINER .serch,
#MAIN_CONTAINER .cont .detail,
#MAIN_CONTAINER .targetCont,
#MAIN_CONTAINER .wrap,
#FOOTER {
	zoom:100%;
	}

.clearfix:after,
#TICKER_AREA:after,
#HEADER:after,
#HEADER .user:after,
#HEADER .pageHead .pageTitle:after,
#MAIN_CONTAINER .mainPageTitle:after,
#MAIN_CONTAINER .serch:after,
#MAIN_CONTAINER .cont .detail:after,
#MAIN_CONTAINER .targetCont:after,
#MAIN_CONTAINER .wrap:after,
#FOOTER:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	}

/* ヘッダボックス ************/

.hdg1Box .hdg1BoxInner {
box-sizing: border-box;
width: 100%;
min-width: 950px;
max-width: 950px;
margin: 0 auto;
}

.hdg1Box {
z-index: 10;
margin-bottom: 15px;
background: #fff;
}

.hdg1Box nav,
.hdg1Box .hdg1BoxOuter {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

.cateTop .hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-top: 20px;
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner {
position: relative;
display: table;
padding-top: 8px;
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles {
display: table-cell;
width: 100%;
vertical-align: top;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles + * {
padding-left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton {
display: table-cell;
width: auto;
vertical-align: middle;
white-space: nowrap;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton.collabo .hdg1BoxBackButtonInner > a:before {
left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner {
display: inline-block;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:hover,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:focus {
/*background-color: #6d6d6d;*/
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a {
padding: 5px 20px 5px 37px;
}

.hdg1Box .hdg1BoxInner .btn1Outer {
width: auto;
white-space: nowrap;
}

.hikariPage .hdg1Box .hdg1BoxInner .btn1Outer,
.membersPage .hdg1Box .hdg1BoxInner .btn1Outer,
.auPage .hdg1Box .hdg1BoxInner .btn1Outer,
.collaboPage .hdg1Box .hdg1BoxInner .btn1Outer {
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu {
position: fixed;
z-index: 3000;
top: 0;
width: 100%;
background: #fff;
}

.hdg1Box nav.navType02 {
box-shadow: none;
}

.hdg1Box nav.navType02 ul > li.navType02List {
height: auto;
}

.hdg1 {
font-size: 36px;
line-height: 1.3;
color: #223;
}


/* ----------------------------------------------------------------------------
* breadCrumb パンくずリスト
* ------------------------------------------------------------------------- */
.breadCrumb {
  font-size: 12px;
  margin: 0 auto 16px;
  padding: 0 16px;
}

.breadCrumb> .inner {
  max-width: 950px;
  margin: 0 auto;
}

.breadCrumb .lists {
  color: #929294;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadCrumb li {
  list-style: none;
}

.breadCrumb li+ li {
  padding-left: 12px;
}

.breadCrumb li+ li::before {
  margin: 0 6px 0 -6px;
  content: ">";
}

.breadCrumb li[aria-current="page"] {
  color: inherit;
}