@charset "utf-8";

/*@media print, screen and (min-width: 681px) {*/

#wrapper {
/*
	z-index: 2;
*/
}
#indexInfo {
	min-width: 0;
}
#contents {
	width: 100%;
	min-width: 1200px;
	padding: 0;
	font-size: 62.5%; /* 10px = 1rem */
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#contents *,
#contents *:before,
#contents *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
  box-sizing: inherit;
}
#topContents {
	font-size: 16px;
	font-size: 1.6rem;
}

/* movieArea */
#movieArea {
	width: 100%;
	position:relative;
	overflow: hidden;
}
	#movieArea #accountBtnArea {
		width:1200px;
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
		#movieArea #accountBtnArea dl {
			width:240px;
			height:277px;
			padding:0 15px;
			display:;block;
			position:absolute;
			top:0;
			right:10px;
			z-index:17;
			background-color:rgba(255,255,255,0.8);
		}
		#movieArea #accountBtnArea dt,
		#movieArea #accountBtnArea dd {
		text-align:center;
		margin-bottom:10px;
		background-color:#ffffff;
		}
		#movieArea #accountBtnArea dt {
		margin-top:15px;
		}
			#movieArea #accountBtnArea dt a,
			#movieArea #accountBtnArea dd a {
			display:block;
			text-decoration:none;
			}
			#movieArea #accountBtnArea dt a:hover,
			#movieArea #accountBtnArea dd a:hover {
			opacity: 0.7;
			}
			#movieArea #accountBtnArea dt a {
			background-color:#e00025;
			color:#ffffff;
			padding:15px 0 20px;
			font-size:2.8rem;
			line-height:1.2;
			}
				#movieArea #accountBtnArea dt a span {
				font-size:1.8rem;
				}
			#movieArea #accountBtnArea dd a {
			background-color:#fbe17e;
			color:#000000;
			padding:8px 0;
			}
			#movieArea #accountBtnArea dd.beginner a {
			color:#ffffff;
			background:#62bba9 url(../images/beginnerico.png) 10% 50% no-repeat;
			}




















.movie {
	width: 100%;
}
.movie #movieBox {
	position: relative;
	top:0;
	width:100%;
	z-index:-1000;
}
.movie #defaultImage {
	position: absolute;
	top:0;
	width:100%;
	display: none;
/*
	background: url(../images/bg01.jpg) no-repeat 50% 0;
*/
}
.movie #movie {
	position: absolute;
	top:0;
	width:100%;
/*
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
*/


/* movieArea（静止画スライドショー） */

.slideshow #defaultImage.bgImg0 {
	background: url(../images/dummy01.jpg) no-repeat 50% 0;
}
.slideshow #defaultImage.bgImg1 {
	background: url(../images/dummy02.jpg) no-repeat 50% 0;
}
.slideshow #defaultImage.bgImg2 {
	background: url(../images/dummy03.jpg) no-repeat 50% 0;
}








/* フェードイン設定
	animation: fadeIn 2s linear 0s 1 normal;
	-webkit-animation: fadeIn 2s linear 0s 1 normal;
*/


}
/*
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
*/

.movie #movieBox img,
.movie #defaultImage img {
	width: 100%;
}
#emergencyBg {
	line-height:0;
}
#movieArea > .inner {
	position: relative;
	max-width: 1200px;
/*
	height: 500px;
*/
	margin: 0 auto;
}
#movieArea .reasonBlock {
	position: absolute;
	top: 148px;
	left: 0;
	width: 540px;
	height: 200px;
	transition-property: left;
	transition-duration: 0.4s;
}
#movieArea .reasonBlock > .title {
	position: absolute;
	top: -22px;
	left: -6px;
	display: inline-block;
	padding: 0.5em 1.5em;
	background-color: #374047;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	z-index: 10;
}
#movieArea .reasonBlock > .title:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border: 3px solid #20252a;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
#movieArea .reasonBlock > .title > span {
	display: inline-block;
	margin-left: 5px;
	font-size: 22px;
	font-size: 2.2rem;
	vertical-align: middle;
}
#movieArea .reasonBlock > .reasonSlider {
	border: 1px solid #ccc;
}
#movieArea .reasonBlock > .reasonSlider > .inner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 200px;
	margin-bottom: 0;
	padding: 30px 40px 20px 30px;
	background-color: rgba(0, 0, 0, 0.3);
}
#movieArea .reasonBlock > .reasonSlider > .inner > .slide {
	display: none;
}
#movieArea .reasonBlock > .reasonSlider .slick-track {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#movieArea .reasonBlock .slide {
	width: 100% !important;
	padding-left: 130px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #fff;
	outline: none;
	min-height: 90px;
}
#movieArea .reasonBlock .slide.no1 {
	background-image: url(../images/home_bg01.png);
}
#movieArea .reasonBlock .slide.no2 {
	background-image: url(../images/home_bg02.png);
}
#movieArea .reasonBlock .slide.no3 {
	background-image: url(../images/home_bg03.png);
}
#movieArea .reasonBlock .slide .heading {
	font-size: 36px;
	font-size: 3.6rem;
}
#movieArea .slick-prev,
#movieArea .slick-next {
	width: 29px;
	height: 29px;
	z-index:18;
	background-repeat:no-repeat;
	background-position:50% 50%;
	outline: 0;
}

#movieArea .slick-prev::-moz-focus-inner,
#movieArea .slick-next::-moz-focus-inner {
	border: 0;
}
#movieArea .slick-prev {
	left: -40px;
	top:45%;
	background-image: url(../images/slide_left.png);
}
#movieArea .slick-next {
	right: -40px;
	top:45%;
	background-image: url(../images/slide_right.png);
}
#movieArea .slick-prev:before,
#movieArea .slick-next:before {
	display: none;
}
#movieArea .slick-prev:hover,
#movieArea .slick-next:hover {
	opacity: 0.8;
}


#topContents .emergency,
#topContents .emergency_tradeinfo,
#topContents .transferred_info {
	width: 1210px;
	margin:0 auto 10px;
	padding:5px;
}

	#topContents .emergency ul {
		border:solid 2px #ff0000;
		background:#fff0f0 url(../images/icn_emergency.png) 15px 40% no-repeat;
		padding:10px 10px 10px 60px;
	}
	#topContents .emergency ul a {
		color:#ff0000;
		font-weight:bold;
	}

	#topContents .emergency_tradeinfo ul {
		border:solid 2px #03a516;
		background-color:#efffef;
		padding:10px;
	}
	#topContents .emergency_tradeinfo ul a {
		color:#03a516;
		font-weight:bold;
		position: relative;
		display: inline-block;
		padding-left: 1.5em;
	}
	#topContents .emergency_tradeinfo ul a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #03a516;
		border-right: 1px solid #03a516;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#topContents .transferred_info ul {
		border:solid 2px #2867a7;
		background-color:#eff8ff;
		padding:10px;
	}
	#topContents .transferred_info ul a {
		color:#2867a7;
		font-weight:bold;
		position: relative;
		display: inline-block;
		padding-left: 1.5em;
	}
	#topContents .transferred_info ul a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/* カルーセルお知らせ（splide） */
#topContents #splide_caution {
	width: 1200px;
	margin:0 auto 1em;
	padding:7px 0 5px;
	border:solid 1px #ccc;
	position:relative;
}
	#topContents #splide_caution .splide__slide {
		text-align:left;
		padding:0 40px;
	}
	#topContents #splide_caution .splide__slide a {
		color:#2867a7;
		position: relative;
		padding-left:26px;
		font-weight:bold;
		font-size:110%;
	}
	#topContents #splide_caution .splide__slide a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#topContents #splide_caution .splide__slide.warning a {
		color:#bf001a;
	}
	#topContents #splide_caution .splide__slide.warning a:before {
		font-family: 'remixicon' !important;
		font-style: normal;
		font-weight:normal;
		font-size:22px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		content: "\eca0";
		border:none;
		top: 1px;
	}
	#topContents #splide_caution .splide__arrow {
		position:absolute;
		top:0;
		background-color:#666;
		cursor:pointer;
		width:26px;
		height:100%;
		z-index:1;
		border-radius: 0;
	}
	#topContents #splide_caution .splide__arrow:hover {
		opacity:0.7;
	}
	#topContents #splide_caution .splide__arrow--prev {
		left:0;
	}
	#topContents #splide_caution .splide__arrow--next {
		right:0;
	}
	#topContents #splide_caution .splide__arrow::before {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-family: 'remixicon' !important;
		font-style: normal;
		font-size:28px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#fff;
	}
	#topContents #splide_caution .splide__arrow--prev::before {
		content: "\ea63";
	}
	#topContents #splide_caution .splide__arrow--next::before {
		content: "\ea6d";
	}

	#topContents #splide_caution .splide__control {
		display:flex;
		justify-content:center;
		align-items:center;
		margin:2px 0 4px;
	}
		#topContents #splide_caution .splide__control .splide__pagination {
		}
			#topContents #splide_caution .splide__control .splide__pagination li {
				margin:0 4px;
			}
			#topContents #splide_caution .splide__control .splide__pagination button.splide__pagination__page {
				padding:0;
				width:8px;
				height:8px;
				border-radius: 50%;
				border:none;
				background-color:#bf001a;
				cursor:pointer;
				opacity:0.2;
			}
			#topContents #splide_caution .splide__control .splide__pagination button.splide__pagination__page.is-active {
				opacity:1;
			}
		#topContents #splide_caution .splide__control .splide__toggle {
			margin-left:15px;
			cursor:pointer;
			display:block;
			line-height:0;
			border:none;
			background:none;
		}
		#topContents #splide_caution .splide__control .splide__toggle:hover {
			opacity:0.7;
		}
		#topContents #splide_caution .splide__control .splide__toggle .splide__toggle__play::before,
		#topContents #splide_caution .splide__control .splide__toggle .splide__toggle__pause::before {
			font-family: 'remixicon' !important;
			font-style: normal;
			font-size:20px;
			line-height:1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			color:#8b8b8b;
		}
		#topContents #splide_caution .splide__control .splide__toggle .splide__toggle__play::before {
			content: "\f008";
		}
		#topContents #splide_caution .splide__control .splide__toggle .splide__toggle__pause::before {
			content: "\efd5";
		}


/* カルーセルお知らせ（swiper） */
#topContents .swiperInfo {
	width: 1200px;
	margin:0 auto 1em;
	padding:7px 0 5px;
	border:solid 1px #ccc;
	position:relative;
}
	#topContents .swiperInfo .swiper-slide {
		text-align:left;
		padding:0 40px;
	}
	#topContents .swiperInfo .swiper-slide a {
		color:#2867a7;
		position: relative;
		padding-left:26px;
		font-weight:bold;
		font-size:110%;
	}
	#topContents .swiperInfo .swiper-slide.warning a {
		color:#bf001a;
	}
	#topContents .swiperInfo .swiper-slide a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#topContents .swiperInfo .swiper-slide.warning a:before {
		font-family: 'remixicon' !important;
		font-style: normal;
		font-weight:normal;
		font-size:22px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		content: "\eca0";
		border:none;
		top: 1px;
	}
	#topContents .swiperInfo .swiperInfo-control {
		display:flex;
		justify-content:center;
		align-items:center;
	}
		#topContents .swiperInfo .swiperInfo-control .swiperInfo-pagination {
			width:auto;
		}
			#topContents .swiperInfo .swiperInfo-control .swiperInfo-pagination .swiper-pagination-bullet {
				background-color:#bf001a;
			}
			#topContents .swiperInfo .swiperInfo-control .swiperInfo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			}
		#topContents .swiperInfo .swiperInfo-control .swiperInfo_pause {
			margin-left:15px;
			cursor:pointer;
			display:block;
			line-height:0;
			border:none;
			background:none;
		}
		#topContents .swiperInfo .swiperInfo-control .swiperInfo_pause:hover {
			opacity:0.7;
		}
		#topContents .swiperInfo .swiperInfo-control .swiperInfo_pause::before {
			font-family: 'remixicon' !important;
			font-style: normal;
			font-size:20px;
			line-height:1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\efd5";
			color:#8b8b8b;
		}
		#topContents .swiperInfo .swiperInfo-control .swiperInfo_pause.paused::before {
			content: "\f008";
		}
	#topContents .swiperInfo .swiperInfo-button-prev,
	#topContents .swiperInfo .swiperInfo-button-next {
		position:absolute;
		top:0;
		background-color:#666;
		cursor:pointer;
		width:26px;
		height:100%;
		z-index:1;
	}
	#topContents .swiperInfo .swiperInfo-button-prev:hover,
	#topContents .swiperInfo .swiperInfo-button-next:hover {
		opacity:0.7;
	}
	#topContents .swiperInfo .swiperInfo-button-prev {
		left:0;
	}
	#topContents .swiperInfo .swiperInfo-button-next {
		right:0;
	}
	#topContents .swiperInfo .swiperInfo-button-prev::before,
	#topContents .swiperInfo .swiperInfo-button-next::before {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-family: 'remixicon' !important;
		font-style: normal;
		font-size:28px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#fff;
	}
	#topContents .swiperInfo .swiperInfo-button-prev::before {
		content: "\ea63";
	}
	#topContents .swiperInfo .swiperInfo-button-next::before {
		content: "\ea6d";
	}


#movieArea .infoBlock {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	padding: 0.8em 1.2em;
	background-color: #fff;
}
#movieArea .infoBlock ul li a {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	color: #e00025;
}
#movieArea .infoBlock ul li a:before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* naviArea */
#naviArea {
	width: 100%;
	background-color: #000;
	position: relative;
}
#naviArea > ul {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	max-width: 1200px;
	height: 100px;
	margin: 0 auto;
}
#naviArea > ul > li {
	width: 20%;
	border-left: 1px solid #494d51;
}
#naviArea > ul > li > a {
	position: relative;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100px;
	padding:  0 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #fff;
}
#naviArea > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#naviArea > ul > li > a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
#naviArea > ul > li.account {
	display: table;
	background-color: #ddd;
}
#naviArea > ul > li.account > a {
	display: table-cell;
	background-color: #e00025;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	text-align:center;
	line-height: 1.2;
}
#naviArea > ul > li.account > a:hover {
	background-color: #ff2d41;
}
#naviArea > ul > li.account > a:before {
	left: 6px;
	border-color: #fff;
	border-width: 2px;
}
#naviArea > ul > li.account > a > span {
	font-size: 16px;
	font-size: 1.6rem;
}

/* newsArea */
#newsArea {
width:1200px;
margin:0 auto 30px;
zoom:1;
}
#newsArea:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	#newsArea div {
	float:left;
	}
	#newsArea div:nth-child(2),
	#newsArea div:nth-child(3) {
	width:375px;
	margin-right:9px;
	}
	#newsArea div:nth-child(n+4) {
	width:140px;
	height:157px;
	margin-right:5px;
	}
	#newsArea div:nth-child(3n+6) {
	margin-right:0
	}
		#newsArea div img {
		width:100%;
		-webkit-transition: opacity .1s linear;
		transition: opacity .1s linear;
		}
		#newsArea div a {
		color:#000000;
		display:block;
		position:relative;
		text-decoration:none;
		}
		#newsArea div dl {
		line-height:1.6;
		}
		#newsArea div:nth-child(2) dt,
		#newsArea div:nth-child(3) dt {
		font-size:1.2rem;
		}
		#newsArea div:nth-child(n+4) a {
		line-height:1.2;
		}
		#newsArea div:nth-child(n+4) dl {
		line-height:1.4;
		}
		#newsArea div:nth-child(n+4) dt {
		font-size:1.0rem;
		}
		#newsArea div:nth-child(n+4) dd {
		font-size:1.2rem;
		}

		/* お客さま限定 */
		#newsArea div.membersonly_true:nth-child(2) a:after,
		#newsArea div.membersonly_true:nth-child(3) a:after {
		content:"お客さま限定";
		position:absolute;
		top:10px;
		left:10px;
		color:#ffffff;
		background-color:rgba(0,0,0,0.5);
		border:solid 2px #ffffff;
		text-align: center;
		padding:5px 15px;
		}
		#newsArea div.membersonly_true:nth-child(n+4) a:after {
		content:"お客さま限定";
		position:absolute;
		top:0;
		left:0;
		color:#ffffff;
		background-color:rgba(0,0,0,0.5);
		display:block;
		width: 100%;
		text-align: center;
		font-size:1.2rem;
		padding:3px 0;
		}




/* scrollArea */
#scrollAreaWrap {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}
#scrollArea {
	overflow: hidden;
	position: relative;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-ms-flex-align: center;
	max-width: 1200px;
	height: 680px;
	margin: 0 auto;
	padding: 50px 0;
}
#scrollArea .bx-wrapper {
	width: 50%;
	margin-bottom: 0;
	border: none;
	box-shadow: none;
}
#scrollArea .bx-wrapper p a {
	color:#e00025;
}
#scrollArea .bx-wrapper:first-child {
	margin-top: 30px;
}
#scrollArea .textSlider,
#scrollArea .figureSlider {
	width: 50%;
	height: 550px;
}
#scrollArea .textSlider .slide {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 550px;
	padding: 60px 80px;
	background-color: #20252a;
}
#scrollArea .textSlider .slide .title {
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
}
#scrollArea .textSlider .slide .catchText {
	margin-top: 2em;
}
#scrollArea .textSlider .slide .catchText em {
	font-size: 30px;
	font-size: 3rem;
	color: #49bbc9;
}
#scrollArea .textSlider .slide .catchText em.ipoList {
	font-size: 20px;
	font-size: 2rem;
	line-height:1.4;
}
#scrollArea .textSlider .slide .catchText + p {
	margin-top: 0.5em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
}
#scrollArea .textSlider .slide .btnType01 {
	margin-top: 3em;
}
#scrollArea .textSlider .slide .btnType01 a {
	display: block;
	padding: 10px 0px 9px 0px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
#scrollArea .controlSlider {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -61px;
}
#scrollArea .controlSlider li.next {
	margin-top: 2px;
}
#scrollArea .controlSlider li > a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #fff;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#scrollArea .controlSlider li > a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	border-top: 2px solid #e00025;
	border-right: 2px solid #e00025;
}
#scrollArea .controlSlider li.prev > a:after {
	margin-top: -5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#scrollArea .controlSlider li.next > a:after {
	margin-top: -13px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* marketArea */
#marketArea {
width: 100%;
background-color:#f5f3f3;
margin-bottom:27px;
padding:27px 0 20px;
}
	#marketInner {
	width:1200px;
	margin:0 auto;
	zoom:1;
	}
	#marketInner:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}

#marketArea .marketBlock,
#marketArea .rankingBlock,
#marketArea .snsBlock {
width:590px;
}
#marketArea .headingBox {
background-color:#363e48;
padding:10px;
}
	#marketArea .headingBox a,
	#marketArea .headingBox em {
		position: relative;
		display: inline-block;
		padding-left: 1.2em;
		font-weight: bold;
		font-size: 1.8rem;
		color: #fff;
	}
	#marketArea .headingBox span {
	font-size:1.2rem;
	color: #dbdcde;
	margin-left:10px;
	}

#marketArea .marketBlock {
float:left;
}
	#marketArea .marketBlock .indexNikkei {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
			-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	background-color: #fff;
	border:solid #cccccc;
	border-width:0 1px;
	}
	#marketArea .marketBlock .pgh-notice-02 {
	margin-top:1em;
	}
	#marketArea .indexNikkei > .marketInfoBox p {
	float:left;
	}
	#marketArea .indexNikkei > .marketInfoBox p:first-child {
	margin-top:15px;
	}
	#marketArea .indexNikkei > .marketInfoBox > .average {
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	color: #555;
	margin-left:10px;
	}
	#marketArea .value {
	display: inline-block;
	margin-left: 10px;
	font-weight: normal !important;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	}
	#marketArea .marketBlock .otherMarket {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	border:solid #cccccc;
	border-width:0 1px 1px;
	}


#marketArea .rankingBlock {
float:right;
}
	#marketArea .rankingBlock .iconLink {
	margin-top: 1em;
	font-size: 87.5%;
	padding-left:22px;
	background:url(../images/arrow_top.png) 0 2px no-repeat;
	}
	#marketArea .rankingBlock .iconLink > a {
	color:#333;
	}
	#marketArea .rankingBlock .iconLink > a:hover {
	color:#b01e23;
	}

	#marketArea .rankingBlock .tabWrap01 {
	margin-top:0;
	}
		#marketArea .rankingBlock .tabWrap01 .tabNav {
		}
			#marketArea .rankingBlock .tabWrap01 .tabNav li {
			margin:0;
			}
				#marketArea .rankingBlock .tabWrap01 .tabNav li a {
				border-radius:0;
				border:none;
				}




	.rankingBlock .tabDetail {
	margin-top:0;
	}


#marketArea .snsBlock {
float:right;
}
	#marketArea .snsBlock table {
	border:solid #cccccc;
	border-width:0 1px 1px;
	}
		#marketArea .snsBlock table th,
		#marketArea .snsBlock table td {
		border:none;
		padding:4px 0;
		}
		#marketArea .snsBlock table thead {
		background-color:#ffffff;
		font-size:1.5rem;
		line-height:1;
		}
			#marketArea .snsBlock table thead span {
			font-size:1.2rem;
			}
			#marketArea .snsBlock table thead th {
			padding-top:5px;
			text-align:center;
			font-weight:normal;
			}
			#marketArea .snsBlock table thead th:first-child {
			width:80px;
			}
		#marketArea .snsBlock table tbody {
		}
			#marketArea .snsBlock table tbody tr:nth-child(3),
			#marketArea .snsBlock table tbody tr:nth-child(4) {
			background-color:#ffffff;
			}
			#marketArea .snsBlock table tbody th {
			line-height:1;
			}
				#marketArea .snsBlock table tbody th .score2 {
				font-weight:bold;
				font-size:1.5rem;
				}
			#marketArea .snsBlock table tbody td {
			line-height:1.2;
			}
				#marketArea .snsBlock table tbody td.word span {
				display:block;
				width:290px;
				font-size:1.2rem;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				}
				#marketArea .snsBlock table tbody td .code {
				font-size:1.2rem;
				}





		#marketArea .snsBlock .iconLink {
		margin-top: 1em;
		font-size: 87.5%;
		padding-left:22px;
		background:url(../images/arrow_top.png) 0 2px no-repeat;
		}
			#marketArea .snsBlock .iconLink a {
			color:#333;
			}
			#marketArea .snsBlock .iconLink a:hover {
			color:#b01e23;
			}











#marketArea .value.plus {
	color: #db5353 !important;
}
#marketArea .value.minus {
	color: #668ddc !important;
}
#marketArea .indexNikkei > .chartBox {
	width: 172px;
}
#marketArea .headingBox > .heading > a:before,
#marketArea .headingBox > .heading > em:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-top: 2px solid #e00025;
	border-right: 2px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#marketArea .headingBox .pullDown {
	position: absolute;
	top: 0;
	right: 60px;
	width: 150px;
	height: 36px;
	padding: 0 0 0 10px;	
	background: #76889b;
	border: none;
	color: #fff;
}
#marketArea .marketBlock .otherMarket > .marketInfoBox {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
			-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
			-ms-flex-pack: space-between;
	justify-content: space-between;
	width: 50%;
	min-height: 60px;
	padding: 10px;
	background-color: #dddddd;
}
#marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(1),
#marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(4n),
#marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(4n+1) {
	background-color: #f3f3f3;
}
#marketArea .marketBlock .otherMarket > .marketInfoBox > .name {
	width: 120px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
#marketArea .marketBlock .otherMarket > .marketInfoBox > .average {
	width: 80px;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
}
#marketArea .marketBlock .otherMarket > .marketInfoBox > .value {
	width: 60px;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	margin-left: 0;
	line-height: 1;
	text-align: right;
}
.tabWrap01 .tabNav {
	display: -webkit-flex;
		display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	border:solid #cccccc;
	border-width:0 1px;
}
.tabWrap01 > .tabNav > li {
	width: 50%;
}
.tabWrap01 > .tabNav > li:before {
	display: none;
}
.tabWrap01 > .tabNav > li > a {
	position: relative;
	display: block;
	padding: 15px 30px;
	background-color: #e5e7eb;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	text-align: center;
	line-height: 1.4;
}
#marketArea .tabWrap01 > .tabNav > li > a {
	padding: 15px;
	background-color: #00a6bc;
	font-size:1.5rem;
	font-weight: bold;
	color: #fff;
}
.tabWrap01 > .tabNav > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#marketArea .tabWrap01 > .tabNav > li > a:before {
	border-top-color: #fff;
	border-right-color: #fff;
}
.tabWrap01 > .tabNav > li.active > a {
	background-color: transparent;
}
#marketArea .tabWrap01 > .tabNav > li.active > a {
	background-color: #c2f5fc;
	color:#000000;
}
.tabWrap01 > .tabNav > li.active > a:before {
	display: none;
}
.tabWrap01 > .tabNav > .active > a:after {
	display: none;
}
.tabWrap01 > .tabNav > li > a > span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
#marketArea .tabWrap01 > .tabNav > li > a > span {
	padding-left: 0;
	background: none;
}
.tabWrap01 > .tabNav > li:first-child > a {
	border-left: none;
}
.tabDetail {
	margin-top: 30px;
}
.rankingBlock .tabDetail table {
	width: 100%;
	border: none;
	border:solid #cccccc;
	border-width:0 1px 1px;
}
.rankingBlock .tabDetail table th,
.rankingBlock .tabDetail table td {
	border: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000000;
	box-sizing: border-box;
}
.rankingBlock .tabDetail table th {
	padding: 7px;
}
.rankingBlock .tabDetail table td {
	padding: 12px 5px;
}
.rankingBlock .tabDetail table tr {
	background-color: #f3f3f3;
}
.rankingBlock .tabDetail table tr:first-child {
	background-color: #dddddd;
}
.rankingBlock .tabDetail table tr:nth-child(2n) {
	background-color: #ffffff;
}
.rankingBlock .tabDetail table tr:first-child th {
	color: #000000;
	text-align:center;
}
.rankingBlock .tabDetail table .rank {
	width:45px;
}
.rankingBlock .tabDetail table .code {
	text-align: center;
	width:95px;
}
.rankingBlock .tabDetail table .name {
}
.rankingBlock .tabDetail table .rate {
	width:150px;
}
.rankingBlock .tabDetail table .recent {
}
.rankingBlock .tabDetail table .change {
}
.rankingBlock .tabDetail table .rank1,
.rankingBlock .tabDetail table .rank2,
.rankingBlock .tabDetail table .rank3 {
	padding: 5px;
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	line-height: 1.2;
}
.rankingBlock .tabDetail table .rank1 {
	color: #b8951c;
}
.rankingBlock .tabDetail table .rank2 {
	color: #9a9aab;
}
.rankingBlock .tabDetail table .rank3 {
	color: #d66f6f;
}
.rankingBlock .tabDetail table .rate {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
}
.rankingBlock .tabDetail table th.rate {
}
.rankingBlock .tabDetail table .rate > span {
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
}
.rankingBlock .tabDetail table .rate.plus {
	color: #db5353 !important;
}
.rankingBlock .tabDetail table .rate.minus {
	color: #668ddc !important;
}
.rankingBlock .tabDetail table td.recent {
}

/* infoArea */
#infoArea {
width: 1200px;
display: flex;
justify-content:space-between;
margin:0 auto 20px;
}

	#infoArea #infoBox,
	#infoArea #cmpBox,
	#infoArea #rankingBox,
	#infoArea #pickUpBnr {
	position: relative;
	max-height:480px;
	overflow:hidden;
	overflow-y:hidden;
	padding-bottom:35px;
	}
	#infoArea #infoBox.boxOpen,
	#infoArea #cmpBox.boxOpen,
	#infoArea #rankingBox.boxOpen {
	max-height:fit-content;
	}

	#infoArea #infoBox,
	#infoArea #cmpBox {
	width:450px;
	border:solid 1px #cccccc;
	position:relative;
	}
		#infoArea #infoBox h2,
		#infoArea #cmpBox h2 {
		padding:5px 15px;
		color:#333333;
		font-size:2rem;
		border-bottom:solid 2px #e00025;
		margin-bottom:10px;
		}
		#infoArea #infoBox .list,
		#infoArea #cmpBox .list {
		position:absolute;
		top:10px;
		right:15px;
		}
		#infoArea #infoBox .scroll,
		#infoArea #cmpBox .scroll {
		height:342px;
		overflow-y: scroll;
		}
		#infoArea #infoBox .scroll {
		padding-top:15px;
		}
		#infoArea #cmpBox .scroll {
		padding-top:10px;
		}


	/* お知らせ */
	#infoArea #infoBox {
	background-color:#ffffff;
	}
		#infoArea #infoBox h2 {
			margin-bottom: 0;
		}
		#infoArea #infoBox .readmore-box_scrollbar {
			overflow: hidden;
			overflow-y: auto;
			max-height: 434px;
			height: 100%;
		}
		#infoArea #infoBox dl {
		border-bottom:dotted 1px #9a9a9a;
		font-size:1.4rem;
		padding:10px 10px 5px;
		margin-bottom:0;
		}
		#infoArea #infoBox dl:first-child {
		}
		#infoArea #infoBox dl:last-child {
		border:none;
		margin-bottom:0;
		}
		#infoArea #infoBox dl .date {
		margin-bottom:5px;
		}
			#infoArea #infoBox dl .date span.icon {
			display: inline-block;
			width: 95px;
			margin-right: 10px;
			padding: 0;
			background-color: #4c5866;
			line-height: 20px;
			color: #fff;
			text-align: center;
			font-size:1.2rem;
			}
			#infoArea #infoBox dl .date span.icon.important {
			background-color: #df0025;
			}
			#infoArea #infoBox dl .date span.icon a {
			display:block;
			color:#ffffff;
			}
			#infoArea #infoBox dl .date img {
			margin-left:5px;
			}
			#infoArea #infoBox dd a {
			color:#333;
			}
			#infoArea #infoBox dd a:hover {
			color:#b01e23;
			}


	/* キャンペーン */
	#infoArea #cmpBox {
	background-color:#ffffff;
	}
		#infoArea #cmpBox h2 {
			margin-bottom: 0;
		}
		#infoArea #cmpBox .readmore-box_scrollbar {
			overflow: hidden;
			overflow-y: auto;
			max-height: 434px;
			height: 100%;
		}
		#infoArea #cmpBox dl {
		border-bottom:dotted 1px #9a9a9a;
		padding:10px 10px 5px;
		margin-bottom:0;
		zoom:1;
		}
		#infoArea #cmpBox dl:first-child {
		}
		#infoArea #cmpBox dl:last-child {
		border:none;
		margin-bottom:0;
		}
		#infoArea #cmpBox dl:after{
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
		content:".";
		font-size:0;
		}
			#infoArea #cmpBox dl dt {
			float:left;
			}
				#infoArea #cmpBox dl dt img {
				-webkit-transition: opacity .1s linear;
				transition: opacity .1s linear;
				}
			#infoArea #cmpBox dl dd {
			float:right;
			width:300px;
			background-repeat:no-repeat;
			background-position:0 0;
			}
			#infoArea #cmpBox dl dd a {
			color:#333;
			}
			#infoArea #cmpBox dl dd a:hover {
			color:#b01e23;
			}

			#infoArea #cmpBox dl p:first-child {
			width:95px;
			text-align:center;
			color:#ffffff;
			line-height: 20px;
			font-size:1.2rem;
			margin-bottom:5px;
			}
/*
				#infoArea #cmpBox dl dd p.account {background-color:#e0995a;}
				#infoArea #cmpBox dl dd p.jp {background-color:#d28fb5;}
				#infoArea #cmpBox dl dd p.fund {background-color:#62bcc9;}
				#infoArea #cmpBox dl dd p.fop {background-color:#eacd42;}
				#infoArea #cmpBox dl dd p.click {background-color:#85be6e;}
				#infoArea #cmpBox dl dd p.fx_otc {background-color:#62bba9;}
				#infoArea #cmpBox dl dd p.fx_cfd {background-color:#62abbb;}
				#infoArea #cmpBox dl dd p.kabu365 {background-color:#7da5cd;}
				#infoArea #cmpBox dl dd p.crypto {background-color:#b94f84;}
				#infoArea #cmpBox dl dd p.ideco {background-color:#ec9362;}
				#infoArea #cmpBox dl dd p.rss {background-color:#348042;}
				#infoArea #cmpBox dl dd p.common {background-color:#e76262;}
				#infoArea #cmpBox dl dd p.all {background-color:#df0025;}
*/

				#infoArea #cmpBox dl dd p.account {background-color:#f39800;}
				#infoArea #cmpBox dl dd p.jp {background-color:#e85377;}
				#infoArea #cmpBox dl dd p.fund {background-color:#4d4398;}
				#infoArea #cmpBox dl dd p.fop {background-color:#fdd000;}
				#infoArea #cmpBox dl dd p.click {background-color:#1c8b7e;}
				#infoArea #cmpBox dl dd p.fx_otc {background-color:#8fc31f;}
				#infoArea #cmpBox dl dd p.fx_cfd {background-color:#62abbb;}
				#infoArea #cmpBox dl dd p.kabu365 {background-color:#7f1084;}
				#infoArea #cmpBox dl dd p.crypto {background-color:#b94f84;}
				#infoArea #cmpBox dl dd p.ideco {background-color:#ec9362;}
				#infoArea #cmpBox dl dd p.rss {background-color:#348042;}
				#infoArea #cmpBox dl dd p.common {background-color:#e76262;}
				#infoArea #cmpBox dl dd p.all {background-color:#df0025;}

				/* 株・先物CP対応 */
				#infoArea #cmpBox dl dd p.cp20190401 {background-color:#d28fb5;}
				#infoArea #cmpBox dl p.cp20190401:first-child {
				width:145px;
				}

				#infoArea #cmpBox dl dd p:nth-child(2) {
				font-size:1.1rem;
				margin-bottom:5px;
				}
					#infoArea #cmpBox dl dd p img {
					margin-right:5px;
					}

	/* アクセスランキング */
	#infoArea #rankingBox {
	width:272px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	}
		#infoArea #rankingBox h2 {
		background-color:#363e48;
		color:#ffffff;
		padding:9px 15px;
		}
		#infoArea #rankingBox ul {
		padding:0 10px;
		}
			#infoArea #rankingBox ul li {
			border-bottom:dotted 1px #9a9a9a;
			background-repeat:no-repeat;
			background-position:0 50%;
			padding:5px 0 5px 25px;
			}
			#infoArea #rankingBox ul li:nth-child(1) {
			background-image:url(../images/rank01.gif);
			padding:20px 0 10px 25px;
			}
			#infoArea #rankingBox ul li:nth-child(2) {
			background-image:url(../images/rank02.gif);
			padding:10px 0 10px 25px;
			}
			#infoArea #rankingBox ul li:nth-child(3) {
			background-image:url(../images/rank03.gif);
			padding:10px 0 10px 25px;
			}
			#infoArea #rankingBox ul li:nth-child(4) {background-image:url(../images/rank04.gif);}
			#infoArea #rankingBox ul li:nth-child(5) {background-image:url(../images/rank05.gif);}
			#infoArea #rankingBox ul li:nth-child(6) {background-image:url(../images/rank06.gif);}
			#infoArea #rankingBox ul li:nth-child(7) {background-image:url(../images/rank07.gif);}
			#infoArea #rankingBox ul li:nth-child(8) {background-image:url(../images/rank08.gif);}
			#infoArea #rankingBox ul li:nth-child(9) {background-image:url(../images/rank09.gif);}
			#infoArea #rankingBox ul li:nth-child(10) {background-image:url(../images/rank10.gif);}
			#infoArea #rankingBox ul li:nth-child(11) {background-image:url(../images/rank11.gif);}
			#infoArea #rankingBox ul li:nth-child(12) {background-image:url(../images/rank12.gif);}
			#infoArea #rankingBox ul li:nth-child(13) {background-image:url(../images/rank13.gif);}
			#infoArea #rankingBox ul li:nth-child(14) {background-image:url(../images/rank14.gif);}
			#infoArea #rankingBox ul li:nth-child(15) {background-image:url(../images/rank15.gif);}
			#infoArea #rankingBox ul li:nth-child(16) {background-image:url(../images/rank16.gif);}
			#infoArea #rankingBox ul li:nth-child(17) {background-image:url(../images/rank17.gif);}
			#infoArea #rankingBox ul li:nth-child(18) {background-image:url(../images/rank18.gif);}
			#infoArea #rankingBox ul li:nth-child(19) {background-image:url(../images/rank19.gif);}
			#infoArea #rankingBox ul li:nth-child(20) {background-image:url(../images/rank20.gif);}

			#infoArea #rankingBox ul li:last-child {
			border-bottom:none;
			}
				#infoArea #rankingBox ul li a {
				display:block;
				width:220px;
				color:#333;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				}
				#infoArea #rankingBox ul li a:hover {
				color:#b01e23;
				}

				#infoArea #rankingBox ul li:nth-child(n + 4) a {
				font-size:1.4rem;
				}

	/* もっと読む */
	.readmore-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0px;
		width: 100%;
		padding:6px 0;
		background-color:#363e48;
		color:#ffffff;
		font-size:1.2rem;
		text-align: center;
		text-decoration:none;
		cursor: pointer;
		z-index:10;
		display:block;
		border-radius:0;
		font-family:inherit;
	}
	.readmore-btn:before {
		content:"▼もっと見る";
	}
	.boxOpen .readmore-btn:before {
		content:"▲閉じる";
	}
	.noScroll .readmore-btn {
		display:none;
	}
	.readmore-btn:hover {
		background-color:#5a5f66;
		opacity:1;
	}
	.readmore-check {
		display: none;
	}

	label.fade {
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
		height: 120px; /* グラデーションの高さ */
		text-align: center;
		/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
	}
	.boxOpen label.fade,
	.noScroll label.fade {
		display:none;
	}

	/* 新型コロナウイルス感染拡大防止 */
	#coronaStopTokyo {
		width: 272px;
		float: right;
		border: solid 1px #cccccc;
		background-color: #ffffff;
		margin-bottom:10px;
		text-align:center;
		padding:10px 0;
	}

	/* ピックアップバナー */
	#infoArea #pickUpBnr {
	}
		#infoArea #pickUpBnr li {
			margin-bottom:13px;
		}
		#infoArea #pickUpBnr li:last-child {
			margin-bottom:0;
		}
		#infoArea #pickUpBnr img {
			-webkit-transition: opacity .1s linear;
			transition: opacity .1s linear;
		}


/* infoArea2 */
#infoArea2 {
width: 1200px;
display: flex;
justify-content:space-between;
margin:0 auto 20px;
}
	#infoArea2 #infoBox2,
	#infoArea2 #ipoBox,
	#infoArea2 #offAuctionBox {
	width:390px;
	border:solid 1px #cccccc;
	position:relative;
	background-color:#ffffff;
	max-height:280px;
	overflow:hidden;
	overflow-y:hidden;
	padding-bottom:0;
	}
	#infoArea2 #infoBox2 .readmore-box_scrollbar,
	#infoArea2 #ipoBox .readmore-box_scrollbar,
	#infoArea2 #offAuctionBox .readmore-box_scrollbar {
		overflow: hidden;
		overflow-y: auto;
		max-height: 237px;
		height: 100%;
	}
	#infoArea2 #infoBox2.boxOpen,
	#infoArea2 #ipoBox.boxOpen,
	#infoArea2 #offAuctionBox.boxOpen {
	max-height:fit-content;
	padding-bottom:35px;
	}
	#infoArea2 #infoBox2 .list,
	#infoArea2 #ipoBox .list,
	#infoArea2 #offAuctionBox .list {
	position:absolute;
	top:8px;
	right:15px;
	}

	#infoArea2 #infoBox2,
	#infoArea2 #ipoBox {
	}
	#infoArea2 #infoBox2 {
	}
	#infoArea2 #offAuctionBox {
	}
		#infoArea2 h2 {
		padding:5px 15px;
		color:#333333;
		font-size:1.8rem;
		border-bottom:solid 2px #e00025;
		}

	/* システムメンテナンスのお知らせ */
	#infoArea2 #infoBox2 {
	}
		#infoArea2 #infoBox2 h2 {
		}
		#infoArea2 #infoBox2 dl {
		border-bottom:dotted 1px #9a9a9a;
		font-size:1.4rem;
		padding:10px 10px 5px;
		}
		#infoArea2 #infoBox2 dl:first-child {
		}
		#infoArea2 #infoBox2 dl:last-child {
		}
		#infoArea2 #infoBox2 dl .date {
		margin-bottom:5px;
		}
			#infoArea2 #infoBox2 dl .date span.icon {
			display: inline-block;
			width: 95px;
			margin-right: 10px;
			padding: 0;
			background-color: #4c5866;
			line-height: 20px;
			color: #fff;
			text-align: center;
			font-size:1.2rem;
			}
			#infoArea2 #infoBox2 dl .date span.icon.important_true {
			background-color: #df0025;
			}
			#infoArea2 #infoBox2 dl .date span.icon a {
			display:block;
			color:#ffffff;
			}
			#infoArea2 #infoBox2 dl .date img {
			margin-left:5px;
			}
			#infoArea2 #infoBox2 dd a {
			color:#333;
			}
			#infoArea2 #infoBox2 dd a:hover {
			color:#b01e23;
			}
			#infoArea2 #infoBox2 .iconLink {
			margin:10px 10px 10px;
			font-size: 87.5%;
			padding-left:22px;
			background:url(../images/arrow_top.png) 0 2px no-repeat;
			}
			#infoArea2 #infoBox2 .iconLink > a {
			color:#333;
			}
			#infoArea2 #infoBox2 .iconLink > a:hover {
			color:#b01e23;
			}
			#infoArea2 #infoBox2 .noMaintenance {
			margin:0;
			padding:10px 10px 5px;
			border-bottom:dotted 1px #9a9a9a;
			font-size:1.4rem;
			}

	/* 取扱IPO・PO */
	#infoArea2 #ipoBox {
	}
		#infoArea2 #ipoBox dl {
		position: relative;
		border-bottom:dotted 1px #9a9a9a;
		font-size:1.4rem;
		padding:10px 10px 5px;
		}
		#infoArea2 #ipoBox dl:last-child {
		border:none;
		}
		#infoArea2 #ipoBox dt {
		position: absolute;
		width: 40px;
		padding: 0;
		line-height: 20px;
		color: #fff;
		text-align: center;
		font-size:1.2rem;
		}
		#infoArea2 #ipoBox .ipoList dt {
		background-color: #7c8fd3;
		}
		#infoArea2 #ipoBox .poList dt {
		background-color: #f0827f;
		}
		#infoArea2 #ipoBox dd {
		padding-left:50px;
		}
			#infoArea2 #ipoBox dd a {
			color:#333;
			}
			#infoArea2 #ipoBox dd a:hover {
			color:#b01e23;
			}
		#infoArea2 #ipoBox #noIpo,
		#infoArea2 #ipoBox #noPo {
		margin:0 10px 10px;
		padding-top: 10px;
		font-size:1.4rem;
		}

	/* 取扱立会外分売 */
	#infoArea2 #offAuctionBox {
	}
		#infoArea2 #offAuctionBox dl {
		position: relative;
		border-bottom:dotted 1px #9a9a9a;
		font-size:1.4rem;
		padding:10px 10px 5px;
		}
		#infoArea2 #offAuctionBox dl:last-child {
		border:none;
		}
		#infoArea2 #offAuctionBox dt {
		position: absolute;
		width: 80px;
		background-color: #52b2a4;
		padding: 0;
		line-height: 20px;
		color: #fff;
		text-align: center;
		font-size:1.2rem;
		}
		#infoArea2 #offAuctionBox dd {
		padding-left:90px;
		}
			#infoArea2 #offAuctionBox dd a {
			color:#333;
			}
			#infoArea2 #offAuctionBox dd a:hover {
			color:#b01e23;
			}

		#infoArea2 #offAuctionBox .noOffAuction {
		margin:0 10px 10px;
		padding-top: 10px;
		font-size:1.4rem;
		}



#productsArea {
width:100%;
padding:22px 0 10px;
background-color:#f5f3f3;
margin-bottom:27px;
}
	#productsArea #productsInner {
	width:1200px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	zoom:1;
	}
	#productsArea #productsInner::after {
		content:"";
		display:block;
		width:380px;
	}
		#productsArea #productsInner dl {
		width:380px;
		border:solid 1px #cccccc;
		background-color:#ffffff;
		margin-bottom:16px;
		}
		#productsArea #productsInner dl:nth-child(3n) {
		}
		#productsArea #productsInner dl:nth-child(3n + 1) {
		}

			#productsArea #productsInner dl dt {
			color:#ffffff;
			text-align:center;
			margin-bottom:15px;
			box-shadow: 0 4px 13px -4px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 4px 13px -4px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 4px 13px -4px rgba(0,0,0,0.5);
			}
			#productsArea #productsInner dl dt:hover {
			opacity: 0.8;
			}

/*
			#productsArea #productsInner dl#jpBox dt {background-color:#d28fb5;}
			#productsArea #productsInner dl#fundBox dt {background-color:#62bcc9;}
			#productsArea #productsInner dl#fopBox dt {background-color:#eacd42;}
			#productsArea #productsInner dl#fxBox dt {background-color:#85be6e;}
			#productsArea #productsInner dl#otcBox dt {background-color:#62bba9;}
			#productsArea #productsInner dl#cfdBox dt {background-color:#7da5cd;}
			#productsArea #productsInner dl#cryptoBox dt {background-color:#b94f84;}
			#productsArea #productsInner dl#nisaBox dt {background-color:#e55342;}
			#productsArea #productsInner dl#idecoBox dt {background-color:#929a9f;}
*/

			#productsArea #productsInner dl#jpBox dt {background-color:#e85377;}
			#productsArea #productsInner dl#fundBox dt {background-color:#4d4398;}
			#productsArea #productsInner dl#fopBox dt {background-color:#fdd000;}
			#productsArea #productsInner dl#fxBox dt {background-color:#1c8b7e;}
			#productsArea #productsInner dl#otcBox dt {background-color:#8fc31f;}
			#productsArea #productsInner dl#cfdBox dt {background-color:#7f1084;}
			#productsArea #productsInner dl#cryptoBox dt {background-color:#b94f84;}
			#productsArea #productsInner dl#nisaBox dt {background-color:#e55342;}
			#productsArea #productsInner dl#idecoBox dt {background-color:#929a9f;}

				#productsArea #productsInner dl dt a {
				display:block;
				padding:8px 0;
				color:#ffffff;
				text-decoration:none;
				}



			#productsArea #productsInner dl dd {
			margin:0 15px 5px 20px;
			padding-left:25px;
			background:url(../images/arrow_top.png) 0 3px no-repeat;
			}
			#productsArea #productsInner dl dd:last-child {
			margin-bottom:20px;
			}

			#productsArea #productsInner dl dd a {
			color:#333;
			}
			#productsArea #productsInner dl dd a:hover {
			color:#b01e23;
			}


#welcomeArea {
width:1200px;
margin:0 auto 27px;
zoom:1;
}
#welcomeArea:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	#welcomeArea h2 {
	padding:12px 0 5px;
	background:url(../images/wakaba.png) 50% 50% no-repeat;
	}
	#welcomeArea li {
	float:left;
	margin-right:40px;
	}
	#welcomeArea li:last-child {
	float:right;
	margin-right:0;
	}
		#welcomeArea li img {
		-webkit-transition: opacity .1s linear;
		transition: opacity .1s linear;
		}


#guideArea {
width:100%;
padding:22px 0 30px;
background-color:#f5f3f3;
margin-bottom:27px;
}
	#guideArea #guideInner {
	width:1200px;
	margin:0 auto;
	zoom:1;
	}
	#guideArea #guideInner:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}
		#guideArea #guideInner div {
		float:left;
		width:230px;
		margin-right:12px;
		border:solid 1px #4c5866;
		background-color:#ffffff;
		}
		#guideArea #guideInner div:nth-child(5) {
		margin-right:0;
		}
		#guideArea #guideInner div:last-child {
		float:right;
		margin-right:0;
		}
			#guideArea #guideInner div h3 {
			background-color:#4c5866;
			color:#ffffff;
			padding:0 13px;
			margin-bottom:10px;
			}
				#guideArea #guideInner div h3 span {
				display:block;
				padding:19px 0;
				}
				#guideArea #guideInner div:last-child h3 span {
				padding:7px 0 6px;
				}
			#guideArea #guideInner div p,
			#guideArea #guideInner div ul {
			font-size:1.5rem;
			}
			#guideArea #guideInner div p {
			padding:0 13px 15px;
			}
			#guideArea #guideInner div ul {
			padding:0 13px 20px;
			}
				#guideArea #guideInner div ul li {
				padding-left:25px;
				margin-bottom:7px;
				background:url(../images/arrow_top.png) 0 3px no-repeat;
				}
					#guideArea #guideInner div ul li a {
					color:#333;
					}
					#guideArea #guideInner div ul li a:hover {
					color:#b01e23;
					}



#questionArea {
width:1200px;
margin:0 auto 50px;
zoom:1;
}
#questionArea:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	#questionArea div {
	float:left;
	width:179px;
	text-align:center;
	margin-right:25px;
	}
	#questionArea div:nth-child(6) {
	margin-right:0;
	}
	#questionArea div:last-child {
	float:right;
	margin-right:0;
	}
		#questionArea div a {
		color:#000000;
		text-decoration:none;
		display:block;
		padding:10px;
		}
		#questionArea div a:hover {
		background-color:#eeeeee;
		}
			#questionArea div a h3 {
			border-bottom:solid 1px #eeeeee;
			padding:16px 0 17px;
			margin-bottom:12px;
			}
			#questionArea div:nth-child(4) a h3,
			#questionArea div:nth-child(6) a h3 {
			padding:0 0 7px;
			}
			#questionArea div a:hover h3 {
			border-color:#ffffff;
			}
			#questionArea div a dd {
			font-size:1.5rem;
			}



/* topBnrArea */
#topBnrArea {
position:relative;
background-color:#ffffff;
padding-bottom:50px;
text-align:center;
display:flex;
}
	#topBnrArea .infoBlockBnr {
	/*	width:943px; */
	width:auto;
	margin:0 auto;
	display:flex;
	}
		#topBnrArea .infoBlockBnr li:first-child {
		}
		#topBnrArea .infoBlockBnr li {
		margin:0 12px;
		}

/* supportArea */
#supportArea {
	width: 100%;
	padding: 70px 0;
	background: #edf1f7 url(../images/com_im06.jpg) no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}
#supportArea > .inner {
	max-width: 1200px;
	margin: 0 auto;
}
#supportArea .textBlock {
	padding:  0 60px;
}
#supportArea .catchText {
	font-size: 27px;
	font-size: 2.7rem;
}
#supportArea .catchText + * {
	margin-top: 1em;
}
#supportArea .btnBlock {
	margin-top: 40px;
	background-color: rgba(255, 255, 255, 0.9);
}
#supportArea .btnBlock > ul {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#supportArea .btnBlock > ul > li {
	width: 33%;
}
#supportArea .btnBlock > ul > li:nth-child(3n+1) {
	width: 34%;
}
#supportArea .btnBlock > ul > li > a {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 120px;
	padding: 10px 50px;
	border-left: 1px solid #ccc;
	font-size: 20px;
	font-size: 2rem;
	color: #333;
}
#supportArea .btnBlock > ul > li:nth-child(-n+3) > a {
	border-bottom: 1px solid #ccc;
}
#supportArea .btnBlock > ul > li:nth-child(3n+1) > a {
	border-left: none;
}
#supportArea .btnBlock > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#supportArea .btnBlock > ul > .callCenterBox {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
			-ms-flex-align: center;
	align-items: center;
	padding-right: 10px;
}
#supportArea .btnBlock > ul > .callCenterBox > a {
	display: inline-block;
	width: auto;
	height: auto;
	padding:  0 0 0 50px;
	background: url(../images/home_ic01.png) no-repeat 0 50%;
	border: none;
}
#supportArea .btnBlock > ul > .callCenterBox > a.freeDial {
	pointer-events: none;
	font-size: 21px;
	font-size: 2.1rem;
}
#supportArea .btnBlock > ul > .callCenterBox > a:before {
	display: none;
}
#supportArea .btnBlock > ul > .callCenterBox > span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #7a7a7a;
}
#supportArea .btnBlock > ul > .callCenterBox > .time {
	display: block;
	margin-top: 10px;
}
#supportArea .btnBlock > ul > .callCenterBox .phoneNumber {
	pointer-events: none;
	color: #7a7a7a;
}

/* supportArea */
#accountArea {
	width: 100%;
	background-color: #e00025;
	position: relative;
}
#accountArea > ul {
	max-width: 1200px;
	margin: 0 auto;
}
#accountArea > ul > li > a {
	display: block;
	padding: 30px;
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
	text-align: center;
}
#accountArea > ul > li > a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#accountArea > ul > li > a > span {
	font-size: 24px;
	font-size: 2.4rem;
}

/* clearfix */
#newsArea dl:after {
	content : "";
	display : block;
	clear : both;
}

/*}*/
/*
@media only screen and (min-width: 781px) and (max-width: 1100px) {
	#scrollArea .textSlider .slide {
		padding: 20px;
	}
	#marketArea .marketBlock .otherMarket > .marketInfoBox > .average {
		text-align: right;
	}
	#marketArea .marketBlock .otherMarket > .marketInfoBox > .value {
		display: block;
		width: 100%;
		margin-top: 5px;
		text-align: right;
	}
	#marketArea .rankingBlock .headingBox {
		padding: 0 150px 0 0;
	}
	#marketArea .headingBox .pullDown {
		right: 0;
	}
	#infoArea .infoBlock .tabDetail {
		margin-top: 20px;
		padding: 0 20px;
	}
	#marketArea .indexNikkei > .marketInfoBox {
		width: 100%;
	}
	#marketArea .indexNikkei > .chartBox {
		margin: 10px auto 0;
	}
	#supportArea .btnBlock > ul > .callCenterBox br {
		display: none;
	}
	#supportArea .btnBlock > ul > .callCenterBox > span {
		display: block;
	}
	#supportArea .btnBlock > ul > .callCenterBox > .time {
		margin-top: 0;
	}
}
@media only screen and (min-width: 781px) and (max-width: 1200px) {
	#marketArea .marketBlock {
		padding: 0 30px;
	}
	#marketArea .rankingBlock {
		padding-right: 30px;
	}
	#marketArea .rankingBlock .tabDetail {
		padding: 0 10px;
	}
	#supportArea > .inner {
		padding: 0 30px;
	}
	#supportArea .btnBlock > ul > .callCenterBox > .time {
		margin-top: 0;
	}
}
@media only screen and (min-width: 781px) and (max-width: 1260px) {
	#movieArea .reasonBlock {
		left: 40px;
	}
}

*/



/* 2018年8月～　TOPページカルーセル */
.center .slick-slide {
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    opacity: 0.8;
    transition: all 300ms ease;
}
.center .slick-slide a {
}
.center .slick-slide img {
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
}
.center .slick-slide.slick-center {
    -moz-transform: scale(1.00);
    -ms-transform: scale(1.00);
    -o-transform: scale(1.00);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    opacity: 1;
}

/* 2018年8月～　TOPページ見出し */
#newsArea h2,
#productsArea h2,
#welcomeArea h2,
#guideArea h2,
#questionArea h2 {
text-align:center;
margin-bottom:20px;
font-size:3.0rem;
}
#marketArea h2 {
text-align:center;
font-size:3.0rem;
}