@charset "Shift_JIS";

/*========================
▼ルール▼
・記述するCSSのセレクタの一番前に必ず「.fc-wrapper」をつける。
「.fc-wrapper」をつけないとリセットの記述に上書きされるため。
==========================*/


/*================
ページ共通設定
=================*/

#guide-wrapper {
	width: 780px;
	margin: 0 auto;
}

/*================
content
=================*/

#guide-wrapper .red{
	color: #e60012;
}

#guide-wrapper a img:hover {
	opacity: 0.7;
}

#guide-wrapper .gray {
	background-color: #F2F2F2;
}

#guide-wrapper .item {
margin-bottom: 15px;
}

#guide-wrapper .item-block-01 ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 750px;
}

#guide-wrapper .item-block-01 li {
	width: 32px;
	border: 1px solid #707070;
	text-align: center;
	line-height: 2.5em;
	/* display: inline-block; */
}

#guide-wrapper .item-block-01 li a {
	display: block;
	text-decoration: none;
	width: 100%;
}

#guide-wrapper .item-block-01 li a:hover {
	background-color: #385a9e;
}

#guide-wrapper .item-block-02 {
	max-height: 305px;
  overflow: auto;
	overflow-x: hidden;
	margin-bottom: 50px;
}



#guide-wrapper .table table {
 	border-collapse: collapse; 	/*※※これだと表の枠線が無くなる*/ 
	border-spacing: 0;
	margin-bottom: 20px;
	/* border-collapse: separate;※※これだと表の枠線が細くなる */
}

#guide-wrapper .table td,#guide-wrapper .table th {
	border:1px solid #707070;
	/* line-height: 2.5em; */
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	/* vertical-align: middle; */
}

#guide-wrapper .item-block-03 td {
	text-align: left;
}

#guide-wrapper .table a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* .sticky01 {
  position: sticky;
	position: -webkit-sticky;
  top: 0;
	background-color: #F2F2F2;
}

.sticky02 {
  position: sticky;
	position: -webkit-sticky;
  top: 42px;
	background-color: #F2F2F2;
} */

.molTableMulti {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E3E3E3;
  margin-top: 24px !important;
}

.molTableMulti th, .molTableMulti td {
  font-size: 14px;
  padding: 10px 18px;
  border: 1px solid #E3E3E3;
  text-align: center;
  vertical-align: middle;
}

.molTableMulti th {
  font-weight: normal;
  background-color: #F5F5F5;
}

.molTableMulti td {
  vertical-align: middle;
}

.molTableMulti td.text-left {
  text-align: left;
}

.molTableMulti.padding-narrow th, .molTableMulti.padding-narrow td {
  padding: 6px;
}

.molTableMulti.fixed {
  table-layout: fixed;
}


.molsearchbox .nav {
  margin-top: 20px;
  text-align: center;
}

.molsearchbox .nav ul {
  display: flex;
  flex-wrap: wrap;
}

.molsearchbox .nav ul li {
  font-size: 14px;
  display: block;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  margin: 0 -1px -1px 0;
}

.molsearchbox .nav ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
}

.molsearchbox .nav ul li a:hover {
  background-color: #eeeeee;
}

.table-flow thead .table-flow-item1 th {
  position: sticky;
	position: -webkit-sticky;
  top: 0;
	background-color: #F2F2F2;
}

.table-flow thead .table-flow-item2 th {
  position: sticky;
	position: -webkit-sticky;
  top: 43px;
	background-color: #F2F2F2;
}

.recycle-center {
  display: block;
  margin: 0 auto;
}

.table-text-top {
    vertical-align: top !important;
}


#guide-wrapper .priceTable td {
	padding:10px 9px !important;
}

#fwCms_wrapper .atomText {
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;

/*================
フッター
=================*/

/* .fc-wrapper footer{
		background-color: #F2F2F2;
		margin-top: 40px;
}

.fc-wrapper .footer-container {
	padding: 15px;
	font-size: 13px;
	color: #777;
	line-height: 1.76;
	display: flex !important;
	justify-content: space-around;
}

.fc-wrapper footer .footer-text {
	padding: 2rem 1rem;
}

.footer-text p{
	line-height: 1.5;
} */