body {
	background-color: #fff;
	font-family: 'メイリオ', 'Meiryo', 'Noto Sans JP'
}

header .open {
	position: fixed;
}

main {
	position: relative;
	width: 100%;
	padding-bottom: 3%;
}

.title {
	width: 63.73%;
	margin: 0 auto 0;
	padding-top: 9%;
}

.leaf {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.season {
	font-size: 0;
	margin: 7% auto 0;
	text-align: center;
}

.season .item {
	width: 22%;
	display: inline-block;
	margin-right: 1.33%;
}
/*
.season .item:nth-child(4) {
  opacity: 0.6;
}
*/
.wrapper {
	width: 100%;
	margin: 5% auto 0;
	overflow-x: scroll;
	margin-bottom: 18%;
	/*-webkit-overflow-scrolling: touch;*/
}

.wrapper .diagram {
  display: none;
	width: 161.33%;
}

.wrapper .diagram.active {
  display: block;
}

.wrapper::-webkit-scrollbar{height:3px;}/*バーの太さ*/
.wrapper::-webkit-scrollbar-track{background:#cccccc;}/*バーの背景色*/
.wrapper::-webkit-scrollbar-thumb{background:#81c8ff;}/*バーの色*/
/*
.wrapper::-webkit-scrollbar{ 
    width: 1px;
}
.wrapper::-webkit-scrollbar-thumb{ 
    background: #81c8ff;
    border-radius: 5px;
}
.wrapper::-webkit-scrollbar-track-piece:start{
    background: #cccccc;
}
.wrapper::-webkit-scrollbar-track-piece:end{
    background: #cccccc;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}