@charset "UTF-8";


#img-scroll {
	width:100%;
}

#img-scroll ul li img {
	margin:0 5px 0 0;
}

.simply-scroll-container {
	position:relative;
}

.simply-scroll-clip {
	position:relative;
	overflow:hidden;
}

.simply-scroll-list {
	overflow:hidden;
	margin:0;
	padding:0;
}

.simply-scroll-list li {
	float:left;
	padding:0;
	margin:0;
}

.simply-scroll-list li img {
	display:block;
}


#js-slide1 {
	top:-420px;
	position: relative;
	opacity: 0;
}

#js-slide2  {
	bottom:-420px;
	position: relative;
	opacity: 0;
}

/*
#img-scroll {
	width:1000%;
}

.js-slide {
}

#js-slide1 li img {
	top:-420px;
}

#js-slide2 li img {
	bottom:-420px;
}

.js-slide li img {
}
*/

.js-slide li a:hover img {
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	opacity:.6!important;
}

/*-------------------------*/
.title-scroll {
	margin:35px auto;
	position:relative;
	z-index:5000;
	text-align:center;
}

.title-scroll img {
	height:22px;
	width:auto;
	margin:0 3px;
	opacity:0;
	position:relative;
	top:-20px;
}

.title-scroll img:nth-last-child(1),.title-scroll img:nth-last-child(2) {
}

body.index .page-title-item {
	padding:0;
	margin-top:20px;
	background:none!important;
}

body.index .page-title-item em {
	font-size:24px!important;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:4px;
}

/* recommend-container
------------------------------------*/
.recommend-item-container .page-title-item {
	float:left;
	margin-bottom:0!important;
}

.recommend-item-container .btn {
	float:right;
	font-size:14px;
	letter-spacing:2px;
	margin-left:25px;
}

.recommend-item-container .btn a {
	padding:20px 35px;
	border:1px solid #dedede;
	display:inline-block;
}

.recommend-item-container .btn:hover {
}

.recommend-item-container .btn:hover a {
	background:#444;
	color:#fff;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}

.recommend-item-container .grid-container {
	padding-top:5px;
}

.recommend-item-container .label {
	display:none;
}

/* .news
------------------------------------*/
.news {
	position:relative;
	width:980px;
	margin:100px auto;
}

.news h1:before {
	content:none;
}

.news:before {
	content:'';
	width:972px;
	height:820px;
	border:1px solid #000;
	z-index:-1;
	position:absolute;
	top:45px;
	left:-30px;
}

.news h1 {
	float:right;
	width:25px;
	margin-top:113px;
	background:#fff;
	padding:25px 0;
	position:relative;
	right:23px;
	z-index:1000;
}

.news h1 a {
	display:block;
}

.news .post-wrap {
	width:840px;
	float:left;
	margin-left:16px;
}

.news .post-wrap article {
	width:400px;
	float:left;
	margin-bottom:40px;
	background:#fff;
}

.news .post-wrap article:nth-child(2n) {
	margin-left:40px;
}

.news .post-wrap article .thumb {
	display:block;
	margin-bottom:30px;
	min-height: 310px;
}

.news .post-wrap article .thumb img {
	width: 100%;
	height: auto;
}

.news .post-wrap article .date {
	display:block;
	margin:20px 0 12px;
	letter-spacing:1px;
	color:#888;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.news .post-wrap article h2 {
	font-size:16px;
	letter-spacing:0.07em;;
	line-height:1.5;
}

/* recommend
---------------------------------------------------------------------------*/
.recommendseries-container {
	width:100%;
	clear:both;
}

.recommendseries-container .product-header {
	margin-bottom:30px;
}

.recommendseries-container .item-container article:nth-child(2) h2 {
	padding-top:6px;
	font-size:18px;
	letter-spacing:3px;
	font-weight:700;
}

.recommendseries-container .item-container article h3 {
  line-height: 1.7;
}

/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */
/* Default/Master classes 

*/
.simply-scroll-container {
	position:relative;
}

.simply-scroll-clip {
	position:relative;
	overflow:hidden;
}

.simply-scroll-list {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.simply-scroll-list li {
	padding:0;
	margin:0 10px;
	list-style:none;
}

.simply-scroll-list li img {
	border:none;
	display:block;
}

.simply-scroll-btn {
	position:absolute;
	background-image:url(buttons.png);
	width:42px;
	height:44px;
	z-index:3;
	cursor:pointer;
}

.simply-scroll-btn-left {
	left:6px;
	bottom:6px;
	background-position:0 -44px;
}

.simply-scroll-btn-left.disabled {
	background-position:0 0!important;
}

.simply-scroll-btn-left:hover,.simply-scroll-btn-left:focus {
	background-position:0 -88px;
}

.simply-scroll-btn-right {
	right:6px;
	bottom:6px;
	background-position:-84px -44px;
}

.simply-scroll-btn-right.disabled {
	background-position:-84px 0!important;
}

.simply-scroll-btn-right:hover,.simply-scroll-btn-right:focus {
	background-position:-84px -88px;
}

.simply-scroll-btn-up {
	right:6px;
	top:6px;
	background-position:-126px -44px;
}

.simply-scroll-btn-up.disabled {
	background-position:-126px 0!important;
}

.simply-scroll-btn-up:hover,.simply-scroll-btn-up:focus {
	background-position:-126px -88px;
}

.simply-scroll-btn-down {
	right:6px;
	bottom:6px;
	background-position:-42px -44px;
}

.simply-scroll-btn-down.disabled {
	background-position:-42px 0!important;
}

.simply-scroll-btn-down:hover,.simply-scroll-btn-down:focus {
	background-position:-42px -88px;
}

.simply-scroll-btn-pause {
	right:6px;
	bottom:6px;
	background-position:-168px -44px;
}

.simply-scroll-btn-pause:hover,.simply-scroll-btn-pause:focus {
	background-position:-168px -88px;
}

.simply-scroll-btn-pause.active {
	background-position:-84px -44px;
}

.simply-scroll-btn-pause.active:hover,.simply-scroll-btn-pause.active:focus {
	background-position:-84px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/
.simply-scroll {
	width:100%;
	height:410px;
}

.simply-scroll .simply-scroll-clip {
	width:100%;
	height:410px;
}

.simply-scroll .simply-scroll-list li {
	float:left;
	width:610px;
	height:410px;
}

/* Vertical scroller example */
.vert {
	width:340px;
	height:400px;
	margin-bottom:1.5em;
}

.vert .simply-scroll-clip {
	width:290px;
	height:400px;
}

.vert .simply-scroll-list li {
	width:290px;
	height:200px;
}

.vert .simply-scroll-btn-up {
	right:0;
	top:0;
}

.vert .simply-scroll-btn-up.disabled {
}

.vert .simply-scroll-btn-up:hover {
}

.vert .simply-scroll-btn-down {
	right:0;
	top:52px;
}


/* .bnr-motte
------------------------------------*/

/*
.bnr-motte {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.bg-bnr-motte {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.bnr-motte .inner {
	font-family: '秀英角ゴシック銀 B', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	position: absolute;
	top: 55%;
	left: 50%;
	box-sizing: border-box;
	border-radius: 20px;
	background: #FFFFFF;
	border: 3px solid #ECECDD;
	width: 1004px;
	padding: 60px 40px 50px 60px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
	opacity: 0;
}

.btn-close {
	position: absolute;
	top: -29px;
	right: -29px;
	z-index: 1;
	cursor: pointer;
	transition: .2s linear;
}

.btn-close:hover {
	opacity: 0.5;
}

.bnr-motte .inner .txt-set {
	float: left;
	width: 340px;
	margin: 10px 0 0;
}

.bnr-motte h2 {
	margin: 0 0 40px;
}

.bnr-motte h3 {
	margin: 0 0 40px 3px;
}

.bnr-motte p {
	margin: 0 0 0 5px;
	font-weight: 600;
	font-size: 16px;
	text-align: justify;
	line-height: 1.7;
	letter-spacing: 0;
	font-feature-settings: 'palt' 1;
}

.bnr-motte p.btn-link {
	margin: 40px 0 0 5px;
}

.bnr-motte .btn-link a {
	display: inline-block;
	border-radius: 5px;
	background: #C7514B;
	padding: 10px 20px;
	color: #FFFFFF !important;
	font-style: 16px;
	text-align: center;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

@media all and (-ms-high-contrast:none){
	.bnr-motte .btn-link a {
		padding: 10px 20px;
	}
}

.bnr-motte figure {
	position: relative;
	float: right;
	width: 556px;
	height: 553px;
}

.bnr-motte figure img {
	position: absolute;
}

.bnr-motte figure img:nth-of-type(1) {
	top: 0;
	left: 0;
}

.bnr-motte figure img:nth-of-type(2) {
	top: 0;
	right: 0;
}

.bnr-motte figure img:nth-of-type(3) {
	bottom: 0;
	right: 0;
}
*/