/*common*/

body {
	background: #0e0e0e;
	/*	background: #001120;*/
}

* {
	outline: none;
}

.contents a {
	color: #596fab;
}

.bold {
	font-weight: 600;
}
.font120 {
	font-size: 120%;
}

.header {
	background: #fff;
}

.autorec_sub div, .autorec_title div {
	display: inline-block;
	width: 1200px;
}

span.note {
	display: block;
	color: #333;
	font-size: 14px;
	text-align: left;
}

.vt-top {
	vertical-align: top;
}

p.note-title span {
	display: inline-block;
	width: 960px;
	text-align: left;
	margin-top: 12px;
	;
}

ul.note-list {
	width: 960px;
	padding: 0 18px;
}

ul.note-list li {
    text-indent: -1em;
    margin: 0 0 5px 1em;
	color: #333;
	display: block;
	font-size: 12px;
	text-align: left;
	padding-top: 0;
}

ul.num li {
    text-indent: -2.3em;
    margin-left: 2.3em;
}

p.banner {
	margin-top: 50px;
}


/*==============================
footer
==============================*/

.footer {
	border-top: 1px solid #e3e3e3;
	margin-top: 0;
}

.footer .globalFooter {
	margin-top: 0;
	padding-bottom: 0;
}

.js-pagetop-foot {
	width: 100%;
	text-align: center;
	background-color: #000;
}

.js-pagetop-foot .footband {
	width: 100%;
	height: 36px;
	border-bottom: 1px solid #535353;
}


/*==============================
g-footer
==============================*/

.sp-footer {
	display: none;
}

.g-footer {
	display: inline-block;
	width: 960px;
	padding: 15px 0;
	color: #898989;
	font-size: 12px;
	/*	border-top:1px solid #535353;*/
	position: relative;
	z-index: 10;
}

.g-footer a {
	text-decoration: none;
	color: #898989;
}

.g-footer a:hover {
	text-decoration: underline;
}

.g-footer .footer-link {
	float: left;
}

.g-footer .footer-link li {
	padding: 0 4px;
	border-left: 1px solid #707070;
	float: left;
	line-height: 1.42;
}

.g-footer .footer-link li:first-child {
	padding-left: 0;
	border-left: 0 solid #707070;
}

.g-footer .rights {
	float: right;
}

.g-footer a:link,
.g-footer a:visited,
.g-footer a:hover,
.g-footer a:active {
	color: #898989;
}


/*ココから*/

.header .timeonHeader.auto-rec-header {
	background: #000;
	padding: 15px 0 19px;
	border-bottom: 1px solid #535353;
}

.header .timeonHeader.auto-rec-header h1.logo {
	padding-left: 11px;
}

.header .timeonHeader.auto-rec-header .logo img,
.header .timeonHeader.auto-rec-header .logo {
	width: 144px;
}

.autorec_sub {
	text-align: center;
	background: #fff;	
}
.autorec_title {
	text-align: center;
	background: #207ccf;
	margin: 0;
	padding: 0;
}

article.contents {
	width: 100%;
	/*	width: 1200px;*/
	text-align: center;
/*	padding-top: 50px;*/
}

article.contents.carousel-container h2 {
	background: #2d4ba5;
	width: 100%;
	/*	width: 1200px;*/
	color: #fff;
/*	padding: 23px;*/
	text-align: center;
	font-size: 36px;
	font-weight: 600;
}

article.contents.carousel-container.benefit02 h2 {
	background: #0f9ceb;
}

article.contents.carousel-container h2 span {
	display: inline-block;
	width: 1200px;
}

.carousel-container {
	display: block;
	background: #dee6f3;
	padding-bottom: 0px;
	text-align: center;
}

.benefit {
	background: #f7f7f7;
}

.benefit .slick-slide img {
	width: 960px;
	height: auto;
}


/* Dots */

.slick-slider {
	margin-bottom: 0px;
}

.slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	bottom: 5px;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 5px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	background: #ddd;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li.slick-active button {
	background: #aaa;
}

article.contents {
	text-align: center;
}

article.contents.setting {
	background: #fff;
}

article.contents.setting ul {
	font-size: 0;
}

article.contents.setting p {
	font-size: 18px;
	padding: 2.5em 0.5em;
}

article.contents.setting li {
	display: inline-block;
	width: 300px;
}

.setting .r {
	margin-left: 30px;
}

article.contents.setting h2 {
	background: #262626;
}

article.contents.taiou {
}

article.contents.taiou h2 {
	padding: 15px 0;
	background: #196c48;
	
}

.taiou {
	text-align: center;
}

.taiou .modelArea {
	background-color: #D5F0DB;
}

.taiou .noteArea {
	padding: 20px 10px;
	background-color: #fff;
}
	
.taiou h2 {
	margin-bottom: 0px;
}

.taiou ul {
	display: inline-block;
	width: 960px;
	max-width: 960px;
	padding: 0;
	font-size: 0;
}

.taiou .products li {
	width: 460px;
	display: inline-block;
	margin-top: 40px;
}

.taiou .r {
	margin-left: 40px;
}

.taiou p.text {
	font-weight: 600;
	padding: 50px 10px 18px;
}

.taiou p.banner {
	padding: 10px 10px 45px;
}

.globalFooter {
/*	background: #fff;*/
	background: #000;
	text-align: center;
}
.footer .globalFooter a{
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
	color: #898989;
	text-decoration: none;
}

.footer .globalFooter a,
.footer .globalFooter .nav a{
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
	color: #898989;
	text-decoration: none;
}


.globalFooter .inner {
	font-size: 75%;
	padding: 20px 0;
	width: 960px;
	display: inline-block;
}

.globalFooter .inner .nav {
	float: left;
	;
}

.globalFooter .inner li {
	display: inline-block;
	border-right: 1px solid #000;
	padding: 0 10px 0 0;
	margin-right: 10px;
}

.globalFooter .copyright {
	float: right;
}

.pagetop {
	background-color: #fff;
    padding: 0 10px 20px 0;
}
.pagetop {
    text-align: right;
    font-size: 80%;
}
.pagetop a {
    color: #333;
    padding: 0 0 0 15px;
    background: url(../img/base/pagetop.gif) no-repeat 0 50%;
    text-decoration: underline;
}
.footer .globalFooter .nav li.sp {
	display: none;
}
.footer .globalFooter .nav li:nth-last-of-type(2) {
	border-right: none;
}

/*pc*/

@media screen and (max-width: 960px) {
	article.contents {
		width: 960px;
	}
	.autorec_sub div, .autorec_title div {
		display: inline-block;
		width: 960px;
	}
}

@media screen and (min-width: 640px) {
	.sp {
		display: none;
	}
}


/*sp*/

@media screen and (max-width: 640px) {
	.contents {
		margin: 0;
	}
	p.note-title span {
		width: 100%;
	}
	.taiou ul {
		width: 100%;
	}
	.taiou .r,
	.setting .r {
		margin-left: 0;
	}
	.pc {
		display: none;
	}
	.header .timeonHeader.auto-rec-header {
		background: #fff;
		padding: 10px 0 8px;
		border-top: 1px solid #ccc;
	}
	.g-nav .logo {
		float: none;
		display: inline-block;
		padding: 10px 10px 8px;
		margin: 0;
		width: auto;
		height: auto;
	}
	.header .timeonHeader.auto-rec-header .logo img {
		width: 93px;
		height: 13px;
	}
	/*carousel*/
	.slick-slider {
		width: 100%;
	}
	.benefit .slick-slide img {
		width: 100%;
		height: auto;
	}
	.slick-list {
		overflow: hidden;
	}
	.slick-arrow {
/*		display: none !important; */
	}
	.taiou .modelArea {
		padding: 5%;
	}
	article.contents.setting li{
		width: 100%;
	}
	.setting li {
		padding: 1rem 0;
	}
	.g-footer {
		width: 100%;
	}
	article.contents {
		width: 100%;
	}
	article.contents.carousel-container h2 span {
		display: inline;
	}
	.taiou .products li,
	.taiou .products li img {
		width: 100%;
	}
	footer .copyright {
		padding-top: 1em;
	}
	.footer .globalFooter .nav li.sp {
		display: inline-block;
		border-left: 1px solid #898989;
		padding-left: 5px;
	}

}