@charset "UTF-8";
.top .main-content .inner {
	padding-top: 47px;
}
.top .main-content + .main-content .inner {
	padding-top: 55px;
}

@media (max-width: 768px) {
.top .main-content .inner {
	padding-top: 30px;
}
.top .main-content + .main-content .inner {
	padding-top: 35px;
}
}
/*-------------------------------------------------------------------------------
 KV
-------------------------------------------------------------------------------*/
.main-veiw {
	position: relative;
}
.txt-box {
	padding: 55px 0 0;
}
.txt-box p {
	font-size: 13px;
	text-align: center;
	line-height: 2.0;
}

@media (max-width: 768px) {
.txt-box {
	padding: 30px 0 0;
}
.txt-box p {
	padding: 0;
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
}
}
/*-------------------------------------------------------------------------------
メンテナンス・補償制度
-------------------------------------------------------------------------------*/
.customer {
	margin: 40px 0 0;
}
.customer p {
	margin: 18px 0 0;
}
/*-------------------------------------------------------------------------------
SNS
-------------------------------------------------------------------------------*/
.sns-icn {
	margin: 47px 0 0;
}
.sns-icn-list li {
	margin: 0 0.918367346%;
}

@media (max-width: 768px) {
.sns-icn {
	margin: 44px 0 0;
}
}
/*-------------------------------------------------------------------------------
 下層ページ
 -------------------------------------------------------------------------------*/
.grid {
	overflow: hidden;
}
.grid-col-wide > * {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;/*  position: relative;*/
}
.grid-col-right {
	float: right;
}
.grid-thumbnail > a {
	display: block;
	overflow: hidden;
}
.grid-col-1 > * {
	width: 100%;
}
.grid-col-2 > * {
	width: 50%;
}
.grid-col-3 > * {
	width: 33.3333%;
}
.grid-col-4 > * {
	width: 25%;
}
.grid-col-5 > * {
	width: 20%;
}
.grid-col-2 > .grid-col-span-2 {
	width: 100%;
}
.grid-col-3 > .grid-col-span-2 {
	width: 66.6666%;
	width: calc(100%/1.5);
}
.grid-col-4 > .grid-col-span-2 {
	width: 50%;
}
.grid-col-5 > .grid-col-span-2 {
	width: 40%;
}
.grid-col-3 > .grid-col-span-3 {
	width: 100%;
}
.grid-col-4 > .grid-col-span-3 {
	width: 75%;
}
.grid-col-5 > .grid-col-span-3 {
	width: 60%;
}
.grid-col-4 > .grid-col-span-4 {
	width: 100%;
}
.grid-col-5 > .grid-col-span-4 {
	width: 80%;
}
.grid-col-5 > .grid-col-span-5 {
	width: 100%;
}
.grid-col-3 .grid-col-span-half {
	width: 50%;
}
#aboutImgSP {
	display: none;
}
#aboutTTLSP {
	display: none;
	width: 50%;
	margin: 30px auto 20px auto;
}
#aboutTTLSP img {
	text-align: center;
}
#aboutTxtSP {
	text-align: center;
	display: none;
	width: 100%;
	padding-bottom: 30px;
}
#aboutTeamTxt {
	width: 50%;
	max-width: 374px;
	margin: 30px auto 20px auto;
}
.aboutRiderImg {
	width: 60%;
	max-width: 460px;
	margin: 60px auto 20px auto;
}
.aboutTTLSP img {
	text-align: center;
}
.aboutRiderTxt {
	font-size: 12px;
	text-align: justify;
	width: 80%;
	max-width: 750px;
	margin: 10px auto 0px auto;
}
.aboutRiderName {
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
}
.aboutRiderChara {
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
}
.aboutBtn {
	width: 30%;
	margin: 0 auto;
}
.aboutBtn a {
	display: block;
	height: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
}
.aboutBtn .arrow::after {
	right: 20px;
}
.aboutBtn a {
	background: #7bb5db;
	color: #fff;
}
#bannerWrapper {
	position: relative;
	margin-bottom: 50px;
}
.banner {
	display: inline-block;
	vertical-align: top;
	max-width: 470px;
	width: 49%;
	margin-bottom: 20px;
	float:left;
}
.bannerImg {
	margin: 0 0 10px 0;
	position: relative;
}
.banner:nth-child(2n) {
	/*margin-right:3%;*/
	right: 0px;
	position: relative;
	float: right;
}
.txtOver {
	font-family: 'Rambla', sans-serif;
	position: absolute;
	top: 0px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 82%;
	height: 25%;
	color: #000;
	font-size: 2.2vw;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 3.8% 25px;
	letter-spacing: 2px;
	font-weight: bold;
	border: 1px #000 solid;
}
.txtOver55 {
	max-width: 55%;
}
.txtOver65 {
	max-width: 65%;
}
.banner-txt {
	display: block;
	font-size: 16px;
	height: 50px;
	text-align: center;
}
.banner-txt:after {
	content: url(/static/full/estivo/images/common/arrow.png);
	margin: 0 0 0 10px;
}

.squareAround{
	border: #000 1px solid;
	padding:20px;
	width:auto;
	margin: 0 20px;
	font-size:20px;
	text-align: center;
}

.campaignBottom{
	display:block;
	margin-top:300px;
	padding:20px 0;
}

.campaignDeco{
	width: 100%;
}

#campaignTree{
	width:112px;
	position: absolute;
	right:-60px;
	top:-135px;
}

#campaignSnow{
	width:53px;
	position: absolute;
	left:-60px;
	top:0px;
}

#campaignSnow2{
	width:30px;
	position: absolute;
	right:-40px;
	bottom:0;
}

.campaignBox{
	background:#FFF;
	padding:20px 60px;
	margin:60px 0;
	line-height: 28px;
}

.campaignT{
	font-size: 22px;
	padding: 20px 0;
}

.campaignBlue{
	color:#67AEE3;
}


@media screen and (min-width: 980px) {
.txtOver {
	font-size: 24px;
}
}

@media screen and (max-width: 768px) {
.grid-col-sm-1 > * {
	width: 100%;
}
.grid-col-sm-2 > * {
	width: 50%;
}
.grid-col-sm-3 > * {
	width: 33.3333%;
	width: calc(100%/3);
}
.grid-col-sm-4 > * {
	width: 25%;
}
.grid-col-sm-5 > * {
	width: 20%;
}
.grid-col-sm-2 > .grid-col-span-2 {
	width: 100%;
}
.grid-col-sm-3 > .grid-col-span-2 {
	width: 66.6666%;
	width: calc(100%/1.5);
}
.grid-col-sm-4 > .grid-col-span-2 {
	width: 50%;
}
.grid-col-sm-5 > .grid-col-span-2 {
	width: 40%;
}
.grid-col-sm-3 > .grid-col-span-3 {
	width: 100%;
}
.grid-col-sm-4 > .grid-col-span-3 {
	width: 75%;
}
.grid-col-sm-5 > .grid-col-span-3 {
	width: 60%;
}
.grid-col-sm-4 > .grid-col-span-4 {
	width: 100%;
}
.grid-col-sm-5 > .grid-col-span-4 {
	width: 80%;
}
.grid-col-sm-5 > .grid-col-span-5 {
	width: 100%;
}
.grid-col-sm-1 > .grid-col-sm-span-1 {
	width: 100%;
}
.grid-col-sm-2 > .grid-col-sm-span-1 {
	width: 50%;
}
.grid-col-sm-3 > .grid-col-sm-span-1 {
	width: 33.3333%;
	width: calc(100%/3);
}
.grid-col-sm-4 > .grid-col-sm-span-1 {
	width: 25%;
}
.grid-col-sm-5 > .grid-col-sm-span-1 {
	width: 20%;
}
.grid-col-sm-2 > .grid-col-sm-span-1 {
	width: 50%;
}
.grid-col-sm-2 > .grid-col-sm-span-2 {
	width: 100%;
}
.grid-col-sm-3 > .grid-col-sm-span-2 {
	width: 66.6666%;
	width: calc(100%/1.5);
}
.grid-col-sm-4 > .grid-col-sm-span-2 {
	width: 50%;
}
.grid-col-sm-5 > .grid-col-sm-span-2 {
	width: 40%;
}
.grid-col-sm-3 > .grid-col-sm-span-3 {
	width: 100%;
}
.grid-col-sm-4 > .grid-col-sm-span-3 {
	width: 75%;
}
.grid-col-sm-5 > .grid-col-sm-span-3 {
	width: 60%;
}
.grid-col-sm-4 > .grid-col-sm-span-4 {
	width: 100%;
}
.grid-col-sm-5 > .grid-col-sm-span-4 {
	width: 80%;
}
.grid-col-sm-5 > .grid-col-sm-span-5 {
	width: 100%;
}
.grid-col-3 > .grid-col-span-half {
	width: 50%;
}
#aboutImg {
	display: none;
}
#aboutImgSP, #lookbookImgSP, #aboutTTLSP, #aboutTxtSP {
	display: block;
}
.aboutBtn {
	width: 80%;
	margin: 0 auto;
}
.banner {
	display: inline-block;
	vertical-align: top;
	max-width: none;
	width: 100%;
	margin-bottom: 20px;
}
.bannerImg {
	margin: 0 0 10px 0;
}
.banner:nth-child(2n) {
	/*margin-right:3%;*/
	left: 0px;
	position: relative;
	float: none;
}
.txtOver {
	font-size: 4.5vw;
	padding: 3.5% 25px;
	letter-spacing: 0.4vw;
}
	
	
.campaignBottom{
	margin-top:100px;
	margin-bottom: 0px;
}
	
.campaignBox{
	padding:20px 30px 60px 30px;
	margin-bottom:80px !important;
}
	
#campaignTree{
	width:80px;
	position: absolute;
	right:0px;
	top:-95px;
}
	
#campaignSnow{
	width:53px;
	position: absolute;
	left:0px;
	top:-40px;
}

#campaignSnow2{
	width:30px;
	position: absolute;
	right:0;
	bottom:-50px;
}

.campaignCenter{
	text-align: center;
}
	
.campaignMargin{
	padding-bottom:20px;
}
	
}

@media screen and (max-width: 420px) {
.txtOver {
	font-size: 4.2vw;
	letter-spacing: 0.1vw;
}
}
/* SHOPLIST START */
#prefList {
	width: 90%;
	max-width: 750px;
	/*margin:0 auto;*/
	font-size: 12px;
	font-weight: bold;
	color: #999;
	margin: 10px auto 30px auto;
}
#prefList li {
	list-style: none;
	display: inline-block;
	padding: 10px 12px;
	margin: 1px;
	cursor: pointer;
	border-radius: 4px;
}
#prefList li:hover {
	background: #7bb5db;
	color: #FFF;
}
#prefList li.activePref {
	background: #7bb5db;
	color: #FFF;
}
#shopList {
	position: relative;
	width: 750px;
	margin: 0 auto;
	margin-bottom: 80px;
	color: #000;
	padding-bottom: 15px;
}
#shopCount {
	text-align: right;
}
#shopList .listItemT {
	background: #7bb5db;
	color: #FFF;
	width: 100%;
	border: #7bb5db 1px solid;
	margin-bottom: 5px;
	border-radius: 8px;
}
#shopList .listItemT div, #shopList .listItem div {
	font-size: 12px;
	display: inline-block;
	padding: 10px;
	vertical-align: top;
}
#shopList .listItem {
	position: relative;
	width: 100%;
	color: #000;
	line-height: 18px;
	border: 1px solid #EEE;
	border-radius: 8px;
	margin-top: 5px
}
#shopList .listItem:nth-child(2n+1) {
	background: #EEE;
}
#shopList .listItem:nth-child(2n) {
	background: #FFF;
}
#shopList .listItem div {
	/*height:50px;*/
	min-height: 40px;
}
#shopList div.shopName {
	font-weight: bold;
	width: 205px;
}
#shopList div.shopZip {
	width: 80px;
}
#shopList div.shopAddress {
	width: 240px;
}
#shopList .listItemT div.shopAddress {
	width: 285px;
}
#shopList .listItem div.shopMap {
	position: relative;
	top: 10px;
	text-align: center;
}
#shopList .listItem div.shopMap .mapBtn {
	background: #7bb5db;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
}
#shopList .listItem div.shopMap .mapBtn:hover {
	background: #666;
	cursor: pointer;
}
#shopList div.shopTel {
	width: 110px;
}
#shopList div.shopTel a {
	text-decoration: none;
	color: #333;
	border-radius: 4px;
}
#backToTop {
	padding: 10px 0;
	border-radius: 8px;
	background: #7bb5db;
	color: #FFF;
	margin: 20px 0;
	width: 60px;
	text-align: center;
	position: absolute;
	right: 0px;
}
#backToTop:hover {
	background: #CCC;
	cursor: pointer;
}

@media screen and (max-width: 778px) {
#prefList, #shopList {
	width: 90%;
}
#shopList .listItem {
	position: relative !important;
}
#shopList .listItemT div {
	position: relative;
	padding: 10px 0px 10px 10px;
	height: 10px;
	float: none;
	display: block;
}
#shopList .listItemT div.shopName {
	position: relative;
	padding-bottom: 0;
	font-size: 16px;
	top: -6px;
}
#shopList .listItemT div.shopZip {
	position: relative;
	width: 200px;
	top: 3px;
}
#shopList .listItemT div.shopAddress {
	position: relative;
	width: 95%;
	height: 10px;
	line-height: 16px;
	margin-bottom: 0;
	top: -2px;
}
#shopList .listItemT div.shopTel {
	position: relative;
	font-size: 14px;
	height: 24px;
	padding: 0 10px;
}
#shopList .listItemT div.shopMap {
	display: none;
}
#shopList .listItem div {
	min-height: 10px;
	float: none;
}
#shopList .listItem div.shopName {
	width: 75%;
	font-size: 14px;
	float: none;
	padding: 10px 0 0 10px;
	margin-bottom: 0;
}
#shopList .listItem div.shopZip {
	position: relative;
	display: block;
	width: 200px;
	height: 10px;
	padding: 0 10px;
	top: 2px;
}
#shopList .listItem div.shopAddress {
	position: relative;
	width: 92%;
	line-height: 14px;
	padding-bottom: 5px;
	margin: 0;
}
#shopList .listItem div.shopTel {
	font-size: 14px;
	height: 40px;
	display: block;
	width: 200px;
	position: relative;
	top: -10px;
}
#shopList .listItem div.shopTel a {
	padding: 7px 10px;
	height: 30px;
	background: #F9F9F9;
}
#shopList .listItem div.shopTel a:hover {
	color: #FFF;
	background: #3C0;
	height: 30px;
}
#shopList .listItem div.shopMap {
	position: absolute;
	top: 6px;
	right: 26px;
	width: 40px;
	height: 30px;
	display: block;
	float: right;
	text-align: center;
}
#shopList .listItem div.shopMap .mapBtn {
	background: #7bb5db;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 7px;
}
}
/* SHOPLIST END */

/* STRUCTURE */
.main-section-header + * {
	margin-top: 60px;
}

@media (max-width: 768px) {
.main-section-header + * {
	margin-top: 20px;
}
}
.section-panel + .section-panel {
	margin-top: 40px;
}

@media (max-width: 768px) {
.section-panel + .section-panel {
	margin-top: 20px;
}
}
.section-panel-body-head + * {
	margin-top: 20px;
}
/* HEADING */

/* CONTENTS */
.section-panel-media-origin {
	float: left;
	width: 50%;
	padding-right: 20px;
}

@media (max-width: 768px) {
.section-panel-media-origin {
	float: none;
	width: 100%;
	padding-right: 0;
}
}
.section-panel-detail-origin {
	overflow: hidden;
}

@media (max-width: 768px) {
.section-panel-detail-origin {
	margin-top: 10px;
}
}
.section-panel-detail-concept {
	overflow: hidden;
	margin-right: 40px;
}

@media (max-width: 768px) {
.section-panel-detail-concept {
	margin-right: 20px;/*float: none;
    width: 100%;
    margin-right: 0;*/
}
}
.section-panel-media-concept {
	float: right;
	width: 198px;
	margin-left: 90px;
}

@media (max-width: 768px) {
.section-panel-media-concept {
	width: 100px;
	margin-top: 70px;
	margin-left: 20px;
}
}
/* TIME LINE */
.timeline {
	list-style: none;
}
.timeline > li {
	position: relative;
	display: table;
	margin-left: 260px;
}

@media (max-width: 768px) {
.timeline > li {
	display: block;
	margin-top: 10px;
	margin-left: 0;
}
}

@media (max-width: 768px) {
.timeline > li + li {
	padding-top: 10px;
	border-top: 1px solid #8C8C8C;
}
}
.timeline > li > * {
	display: table-cell;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}

@media (max-width: 768px) {
.timeline > li > * {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
}
.timeline-date {
	position: relative;
	width: 50px;
	border-right: 1px solid #8C8C8C;
	color: #425363;
}

@media (max-width: 768px) {
.timeline-date {
	border-right: none;
}
}
.timeline-date:after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #425363;
	position: absolute;
	right: -5px;
	top: 22px;
	border-radius: 100%;
}

@media (max-width: 768px) {
.timeline-date:after {
	display: none;
}
}
.timeline-content {
	overflow: hidden;
	padding-left: 30px;
}

@media (max-width: 768px) {
.timeline-content {
	padding-left: 0;
}
}
.timeline-content-body > * + * {
	margin-top: 20px;
}

@media (max-width: 768px) {
.timeline-content-body > * + * {
	margin-top: 10px;
}
}
.timeline-heading {
	position: absolute;
	left: -260px;
	font-size: 12px;
	font-weight: bold;
}

@media (max-width: 768px) {
.timeline-heading {
	position: static;
}
}
.content-img-left {
	float: left;
	width: 220px;
}

@media (max-width: 768px) {
.content-img-left {
	float: none;
	width: 100%;
}
}
.content-img-left {
	margin-right: 20px;
}
.content-img-left > img {
	width: 100%;
}
.content-img-left + * {
	overflow: hidden;
}
.history-character-detail {
	padding: 20px;
	border: 1px solid #8C8C8C;
}

@media (max-width: 768px) {
.history-character-detail {
	padding: 10px;
}
}
.history-character-detail > dt {
	color: #425363;
	font-weight: bold;
}
.history-character-detail > dt + dd {
	margin-top: 10px;
}
.rd-cm-header {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	overflow: hidden;
}
.rd-cm-header-contents {
	display: table-cell;
	padding-left: 12%;
	padding-right: 12%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}
.rd-cm-contents-kv + * {
	margin-top: 50px;
}
.rd-cm-contents-kv img {
	width: 100%;
}
.rd-cm-section-desc {
	font-size: 14px;
}
.rd-cm-section-desc > p + p {
	margin-top: 20px;
}

@media screen and (max-width: 830px) {
.rd-20150409-header-heading {
	width: 480px;
	height: 61px;
	background-size: contain;
}
.rd-20150409-header-body {
	max-width: 480px;
}
.rd-20150409-section-heading {
	margin-right: 40px;
}
.is-rd-dn {
	display: none;
}
}
.close-btn {
	font-size: 31px;
	text-align: right;
	position: absolute;
	right: 0px;
	top: -10px;
	cursor: pointer;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.close-btn {
	top: 460px;
	font-size: 30px;
}
}
/*-------------------------------------------------------------------------------
NEWS
-------------------------------------------------------------------------------*/
.news {
	border: solid 1px #ccc;
	padding: 27px 40px;
}
.newsItem {
	padding-bottom: 30px;
}

@media (max-width: 768px) {
.news {
	border: solid 1px #ccc;
	padding: 20px 10px 10px 40px;
}
}
.news-list-block {
	text-align: center;
	/*max-width: 480px;*/
	margin-left: auto;
	margin-right: auto;
}
.news-list {
	position: relative;
	/*display: inline-block;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.news-list > dt {
	float: left;
	clear: left;
	font-size: 12px;
	font-weight: bold;
}
.news-list > dd {
	overflow: hidden;
	padding-left: 20px;
	font-size: 12px;
}

@media (max-width: 768px) {
.news-list > dt {
	font-size: 11px;
}
.news-list > dd {
	padding-left: 10px;
	font-size: 11px;
}
}
.news-list > dd > a:hover {
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.news-list + .news-list {
	margin-top: 10px;
}
.news-list .current:before {
	content: 'NEW';
	position: absolute;
	top: -1px;
	left: -40px;
	color: #CF0A2C;
}
.post-head {
	border-bottom: 3px solid #000000;
}
#newsArchive {
	padding-bottom: 30px;
}

@media (max-width: 768px) {
.post-head {
	padding-left: 10px;
	padding-right: 10px;
}
}
.post-time-txt {
	font-size: 18px;
}

@media (max-width: 768px) {
.post-time-txt {
	font-size: 16px;
}
}
.post-body p + * {
	margin-top: 20px;
}
.post-heading-txt {
	font-size: 26px;
}

@media (max-width: 768px) {
.post-heading-txt {
	font-size: 18px;
}
}
.post-img-block {
	max-width: 640px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
.post-body {
	margin-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
}

@media (max-width: 768px) {
.post-body {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
}
.post-body img {
	max-width: 100%;
	width: auto;
}
.post-body-content {
	font-size: 14px;
}
.post-body-content + .post-body-content {
	margin-top: 20px;
}
.page-news .news {
	/*max-width: 640px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

@media (max-width: 768px) {
.page-news .news {
	margin-top: 20px;
}
}

@media (max-width: 768px) {
.kv-team-ellesse > img {
	width: 100%;
}
}
/*-------------------------------------------------------------------------------
 team ellesse
 -------------------------------------------------------------------------------*/
.team-ellesse-players-list > li {
	margin-top: 50px;
}

@media (max-width: 768px) {
.team-ellesse-players-list > li {
	margin-top: 25px;
}
}
.team-ellesse-players-list + .team-ellesse-players-list {
	margin-top: 0;
}
.profile-header {
	border-bottom: 1px solid #000000;
	margin-top: 16px;
	padding-bottom: 8px;
}

@media (max-width: 768px) {
.profile-header {
	padding-bottom: 4px;
}
}
.profile-name {
	font-size: 24px;
	color: #7bb5db;
}

@media (max-width: 768px) {
.profile-name {
	font-size: 20px;
}
}
.profile-name-sub {
	color: #425363;
	font-size: 14px;
	margin-top: -5px;
}

@media (max-width: 768px) {
.profile-name-sub {
	font-size: 12px;
}
}
.profile-contents {
	margin-top: 13px;
}
.profile-img {
	position: relative;
}
.profile-img.item-credit:after {
	position: absolute;
	right: 10px;
	bottom: 5px;
	content: "photo by Hiroshi Sato";
	display: block;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	z-index: 1;
}
/*-------------------------------------------------------------------------------
lookbook
-------------------------------------------------------------------------------*/
/* estivo 2017 start */

#lookbookWrapper {
	position: relative;
	width: 100%;
}
.lookbookImgSP {
	display: none;
}
.lookbookTTL {
	width: 640px;
	margin: 30px auto;
}

.wCollection{
  position:relative;	
}

#TTLSP{
	padding-bottom: 100px;
}

.lookPhoto, .lookPhoto div {
	margin: 60px auto;
	position: relative;
	width: 100%;
}
#lookPhoto01 {
	width: 30%;
	display: inline-block;
	position: relative;
	left: 120px;
}
#lookPhoto02 {
	width: 35%;
	display: inline-block;
	float: right;
	right: 100px;
}
#lookPhoto03 {
	max-width: 978px;
	width: 100%;
	display: inline-block;
	margin: 100px auto;
	position: relative;
}
#lookPhoto05 {
	width: 515px;
	margin: 60px auto;
}
#lookPhoto06 {
	max-width: 630px;
	width: 100%;
	margin: 120px auto;
}
.lookbookTTL2 {
	width: 640px;
	margin: 60px auto;
}
#lookbookSentence {
	color: #7bb5db;
	font-size: 16px;
	font-weight: bold;
	width: 560px;
	margin: 0 auto 60px auto;
	letter-spacing: 2px;
}
.ytVideo {
	max-width: 800px;
	width: 100%;
	margin: 10px auto 10px auto;
}

.ytVideo iframe {
	width: 100%;
	/*max-height: 450px;
	height: 56.25vw;*/
}
#collectionTTLCenter {
	width: 50vw;
	margin: 150px auto 0 auto;
}
.cloud {
	width: 100%;
	height: 20vw;
	display: block;
	float: left;
	position: absolute;
	top: 75px;
	overflow: hidden;
}
#cloudL {
	width: 25vw;
	position: absolute;
	left: 0;
}
#cloudR {
	width: 25vw;
	position: absolute;
	right: 0;
}

.modelsContainer{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

#models1{
	margin-top:100px;
}

.clould3{
	position:absolute;
	padding-bottom:100px;
}

.modelsPhotos{
	position: relative;
	display: block;
}

.ytBtn{
	position: absolute;
	width: 10%;
	transition: 0.2s linear;
}

.ytBtn:hover{
	cursor: pointer;
	transform: scale(1.1,1.1);
}

.cloud4{
	margin-bottom:50px;
}

.modelProductInfo {
	width: 100%;
	text-align: center;
	margin: 30px auto 80px auto;
}
.modelProductItem {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	color: #555;
	font-weight: 600;
	margin-left: 4.5%;
}
.accItemContainer {
	/*max-width:980px;
	width: 100%;*/
	margin: 100px auto 0 auto;
}
.accItem {
	width: 31%;
	margin-left: 2%;
	margin-bottom: 100px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.accInfo {
	text-align: left;
	font-size: 13px;
	color: #555;
	font-weight: 600;
	margin-top: 10px;
	min-height: 130px;
	width:100%;
}
.accItem img, .accItem2 img {
	border: 1px #CCC solid;
}
.accItem2 {
	width: 64%;
	margin-left: 2%;
	margin-bottom: 100px;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 768px) {
.lookbookImg {
	display: none;
}
.lookbookImgSP {
	display: block;
}
#lookPhoto01 {
	width: 48%;
	display: inline-block;
	position: relative;
	top: -60px;
	left: 0;
}
#lookPhoto02 {
	width: 48%;
	display: inline-block;
	float: right;
	right: 0;
}
#lookPhoto03 {
	display: none;
}
#lookPhoto05 {
	width: 100%;
}
.lookbookTTL {
	width: 100%;
}
.lookbookTTL2 {
	width: 100%;
}
#lookbookSentence {
	width: 90%;
}
	
.modelsContainer{
	max-width: 768px;
}
	
.ytBtn{
	width:14%;
}

/*
.ytVideo iframe {
	height: 56.25vw;
}*/
	
.cloudWrapper{
	position:relative;
	height: 30vw;
	width: 100%;
}
	
.cloudSP {
	width: 100%;
	position: absolute;
}

	
.modelProductItem {
	width: 49%;
	text-align: center;
	font-size: 12px;
	margin-left: 0%;
}
.accItem {
	width: 48%;
	margin-left: 0px;
	margin-bottom: 60px;
	float:left;

	overflow: hidden;
}

.accInfo {
	height: 130px;
	font-size: 12px;
}

.accItem:nth-child(2n) {
	right: 0px;
	float: right;
	margin-bottom: 60px;
}
	
.accItem2 {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 40px;
}
}
/* estivo 2017 end */

.look-aw, .look-ms, .look-ss {
	margin-top: 30px;
}
.detail-content-wrap {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.detail-content-wrap > li {
	opacity: 0;
	position: relative;
	width: 100%;/*  padding-left: 90px;
  padding-right: 90px;*/
}
.detail-content-wrap > li + li {
	position: absolute;
	display: none;
	top: 0;
}
.detail-content {
	float: left;
	width: 50%;
}
.detail-content-info-inner + .detail-content-info-inner {
	margin-top: 25px;
}

@media (max-width: 768px) {
.detail-content-info-inner + .detail-content-info-inner {
	margin-top: 10px;
}
}
.detail-content-img {
	padding-right: 10px;
}
.detail-content-img > a {
	display: block;
}
.detail-content-img picture {
	width: 310px;
	height: 465px;
	margin-left: auto;
	position: relative;
}

@media only screen and (max-width: 768px) {
.detail-content-img {
	width: 100%;
	float: none;
	padding: 0;
}
.detail-content-img picture {
	width: 300px;
	height: 450px;
	margin: 0 auto;
}
}
.detail-content-img a:hover picture > img {
	opacity: 1;
	transition: none;
}
.limited-content-img a:hover picture > img {
	opacity: 1;
	transition: none;
}
.detail-content-info {
	padding-left: 0 40px 0 10px;
}

@media (max-width: 768px) {
.detail-content-info {
	float: none;
	padding: 10px 0 0;
	width: 100%;
	height: 300px;
	overflow-y: scroll;
}
}
.detail-content-info-list {
	float: left;
	max-width: 50%;
}
.detail-content-info-btn {
	float: right;
	margin-left: 45px;
}

@media (max-width: 768px) {
.detail-content-info-btn {
	margin-left: 5px;
}
}
.detail-content-name {
	text-align: center;
	margin-bottom: 20px;
}
.detail-content-name > span > em {
	font-size: 30px;
	font-weight: bold;
}
.product-img-block {
	position: relative;
}

@media only screen and (min-width: 768px) {
.no-svg .product-img-block:after {
	background-image: none;
}
.nav-webstore-list:hover > .nav-detail-list {
	display: block;
}
.nav-detail-list > li > a:hover > span {
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
.nav-detail-list > li > a:hover > span {
	opacity: 0.6;
}
.nav-list > li > span.pcdn, .nav-list > li > a.pcdn {
	display: none;
}
}

@media only screen and (max-width: 900px) {
.is-pc-visible {
	display: none;
}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
.centering-contents-narrow {
/*max-width: 620px;*/
}
}

@media only screen and (max-width: 768px) {
.aw-2017-text {
	width: 210px;
	height: 15px;
}
}
.lookbook-collection {
	text-align: center;
	font-size: 12px;
	margin-top: 20px;
	cursor: pointer;
}
.lookbook-collection > span {
	display: inline-block;
	position: relative;
	width: 150px;
}
.lookbook-collection > span:first-child {
	margin-right: 20px;
}

@media (max-width: 768px) {
.lookbook-collection > span:first-child {
	margin-right: 6px;
}
}

@media (max-width: 768px) {
.lookbook-collection > span {
	padding: 5px 10px;
	width: 48%;
}
}
.grid-thumbnail > .buttonOuter {
	margin-top: 42px;
}
.grid-thumbnail > .buttonOuter:first-child {
	text-align: right;
}
.eCollectionButton {
	width: 170px;
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 768px) {
.eCollectionButton {
	width: 100%;
}
}
.ACollectionButton {
	width: 150px;
	cursor: pointer;
}

@media (max-width: 768px) {
.ACollectionButton {
	width: 100%;
}
}
.hover-view {
	font-size: 12px;
	display: none;
	color: #fff;
	background-color: #7bb5db;
	height: 30px;
	line-height: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
	width: 130px;
	text-align: center;
	z-index: 2;
	cursor: pointer;
}
.hover-view :after {
	content: "+";
	position: absolute;
	right: 15px;
	font-size: 15px;
}
.grid-thumbnail {
	position: relative;
}

@media only screen and (min-width: 768px) {
.grid-thumbnail > a:hover .hover-view {
	display: inline-block;
}
}
.collection-title {
	text-align: left;
	margin: -100px 0 40px;
	padding: 110px 0 0;
}

@media (max-width: 768px) {
.collection-title {
	margin: -70px 0 40px;
	padding: 75px 0 0;
}
}
.collection-title > .side-logo {
	width: 110px;
	height: 200px;
	float: left;
	margin-right: 40px;
}

@media (max-width: 768px) {
.collection-title > .side-logo {
	margin-right: 20px;
}
}
.collection-title > .collection-text {
	overflow: hidden;
	margin-left: 30px;
}

@media (max-width: 768px) {
.collection-title > .collection-text {
	margin-left: 10px;
}
}

@media (max-width: 768px) {
.collection-title > .collection-text > h2 {
	margin-top: 0;
}
}
.collection-title > .collection-text > p {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.875;
}

@media (max-width: 768px) {
.collection-title > .collection-text > p {
	text-indent: 0;
	background-image: none;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
}
}
.collecction-title-outer {
	margin-top: 100px;
}

@media (max-width: 768px) {
.collecction-title-outer {
	margin-top: 60px;
}
}
/*-------------------------------------------------------------------------------
Revo Style
-------------------------------------------------------------------------------*/

.revoBG {
	background: #ddeaf2;
}
.revostyleImgSP {
	display: none;
}
.revostyleTTL {
	width: 640px;
	margin: 30px auto;
}
/*
.revostyleVideo{
	max-width:800px;
	width:100%;
	margin:10px auto 150px auto;
}

.revostyleVideo iframe{
    width:100%;
	max-height:450px;
	height:46.4vw;
}
*/

.pageCatchWrap {
	max-width: 760px;
	width: 70%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.pageCatch {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	position: relative;
	width: 100%;
	vertical-align: middle;
	margin: 0 auto;
}
.txtCF {
	display: inline-block;
}
.bracketL {
	position: absolute;
	width: 12px;
	height: 0;
	top: -5px;
	left: 0;
}
.bracketR {
	position: absolute;
	width: 12px;
	height: 0;
	top: -5px;
	right: 0;
}
.pageCatchDetail {
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	position: relative;
	width: 90%;
	margin: 40px auto 20px auto;
}
.pageCatchSub {
	position: relative;
	width: 90%;
	text-align: center;
	margin: 60px auto 0 auto;
	font-size: 28px;
	font-weight: 500;
}
.revostyleTTL2 {
	width: 530px;
	margin: 0 auto;
	position: relative;
}
.pageCatch2 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 30px auto;
}
.arrowDown {
	width: 60px;
	margin: 10px auto 30px auto;
}
.revoItem {
	background: #FFF;
	text-align: center;
	font-size: 14px;
	padding: 70px 0;
	margin: 10px auto 130px auto;
}
.stylingNum {
	width: 136px;
	margin: 0 auto 40px auto;
}
.stylingCatch {
	font-size: 18px;
	width: 90%;
	margin: 0 auto;
}
.stMain {
	width: 500px;
	margin: 30px auto;
}
.stylingsItems {
	width: 510px;
	margin: 0 auto;
	position: relative;
}
.stI {
	width: 166px;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: top;
}
.stPhoto {
	position: relative;
}
.stInfo {
	width: 167px;
	font-size: 12px;
	font-weight: 600;
}
.plus {
	width: 33px;
	height: 32px;
	position: absolute;
	background: url(/estivo/images/revostyle/plus.png);
	top: 33%;
	left: -14px;
}
.stBar {
	max-width: 800px;
	width: 80%;
	margin: 20px auto;
}
.revostyleTTL3 {
	width: 530px;
	margin: 90px auto;
	position: relative;
}
.revoCatch2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto 30px auto;
	text-align: center;
	color: #7bb5db;
	max-width: 640px;
	width: 80%;
}
.revoCatch3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 auto;
	text-align: center;
	color: #333;
	max-width: 640px;
	width: 80%;
}
.revo3Items {
	max-width: 640px;
	width: 100%;
	margin: 0 auto 60px auto;
	position: relative;
}
.revo3Item {
	max-width: 337px;
	width: 40%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.revo3Items .revo3Item:nth-child(1) .revo3Img {
	width: auto;
	height: 410px;
	position: relative;
}
.revo3Items .revo3Item:nth-child(1) .revo3Img img {
	position: absolute;
	bottom: 0;
}
.revo3Item:nth-child(2n) {
	right: 0;
	float: right;
}
.revo3Items1 {
	max-width: 640px;
	width: 100%;
	margin: 0 auto 60px auto;
	position: relative;
	text-align: center;
}
.revo3Items1 .revo3Item {
	margin: 30px auto;
}
.revo3Info {
	margin: 10px auto;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

@media (max-width: 768px) {
.revostyleImg {
	display: none;
}
.revostyleImgSP {
	display: block;
}
.revostyleTTL {
	width: 100%;
}
.pageCatchWrap {
	max-width: 768px;
	width: 90%;
}
	
.pageCatch {
	font-size: 16px;
}

.bracketL {
	width: 20px;
}
.bracketR {
	width: 20px;
}
.txtCF {
	display: block;
}
.revostyleTTL2 {
	width: 100%;
}
.pageCatchSub {
	font-size: 4.8vw;
}
.revoItem {
	margin: 10px auto 20px auto;
}
.stylingCatch {
	font-size: 24px;
}
.stMain {
	max-width: 500px;
	width: 80%;
	margin: 20px auto;
}
.stylingsItems {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.stI {
	max-width: 167px;
	width: 30%;
	display: inline-block;
	margin: 0;
	position: relative;
}
.stInfo {
	width: 100%;
}
.plus {
	width: 33px;
	height: 32px;
	position: absolute;
	background: url(/estivo/images/revostyle/plus.png);
	top: 33%;
	left: -14px;
}
.revostyleTTL3 {
	width: 100%;
}
.revo3Items {
	max-width: 640px;
	width: 60%;
	margin: 0px auto 60px auto;
	position: relative;
}
.revo3Item {
	width: 100%;
	position: relative;
	display: block;
	vertical-align: top;
	text-align: center;
	margin: 0 auto 30px auto;
}
.revo3Items .revo3Item:nth-child(1) .revo3Img {
	width: auto;
	height: auto;
	position: relative;
	margin: 30px auto 0 auto;
}
.revo3Items .revo3Item:nth-child(1) .revo3Img img {
	position: relative;
}
.revo3Item:nth-child(2n) {
	left: 0;
	float: none;
}
}
/*-------------------------------------------------------------------------------
SILHOUETTE
-------------------------------------------------------------------------------*/

.silBG {
	margin: 20px auto;
}
.silBlue {
	background: #ddeaf2;
}
.bracketSilL {
	position: absolute;
	width: 12px;
	height: 0;
	top: 0;
	left: 0;
}
.bracketSilR {
	position: absolute;
	width: 12px;
	height: 0;
	top: 0;
	right: 0;
}
.silWrap {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 750px;
}
.sil1main {
	max-width: 368px;
	width: 45%;
	position: absolute;
	top: 90px;
	left: 10%;
}
.sil1t {
	width: 292px;
	position: absolute;
	top: 113px;
	right: 5%;
}
.siltA {
	text-align: center;
	font-size: 14px;
	position: absolute;
	top: 80px;
	font-weight: 600;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.siltB {
	font-size: 12px;
	position: absolute;
	top: 260px;
	font-weight: 600;
}
.alL {
	text-align: left;
}
.prodNumPrice {
	text-align: center;
	padding-top: 20px;
}
#sil1d1 {
	display: block;
	position: absolute;
	width: 70px;
	left: 20px;
	top: 40px;
}
#sil1d2 {
	display: block;
	position: absolute;
	width: 56px;
	top: 40px;
	right: 60px;
}
#sil1d3 {
	display: block;
	position: absolute;
	width: 184px;
	bottom: -20px;
	right: 60px;
}
.sil2main {
	max-width: 388px;
	width: 45%;
	position: absolute;
	top: 113px;
	right: 5%;
}
.sil2t {
	width: 260px;
	position: absolute;
	top: 90px;
	left: 10%;
}
#sil2d1 {
	display: block;
	position: absolute;
	width: 213px;
	bottom: -40px;
	left: 60px;
}
.sil3main {
	max-width: 345px;
	width: 45%;
	position: absolute;
	top: 90px;
	left: 10%;
}
.sil3t {
	width: 372px;
	position: absolute;
	top: 113px;
	right: 5%;
}
#sil3d1 {
	display: block;
	position: absolute;
	width: 184px;
	bottom: -40px;
	left: 20px;
}
#sil3d2 {
	display: block;
	position: absolute;
	width: 70px;
	bottom: 40px;
	right: 20px;
}
.sil4main {
	max-width: 242px;
	width: 45%;
	position: absolute;
	top: 113px;
	right: 5%;
}
.sil4t {
	width: 358px;
	position: absolute;
	top: 90px;
	left: 10%;
}
#sil4d1 {
	display: block;
	position: absolute;
	width: 57px;
	bottom: 40px;
	left: 60px;
}
#sil4d2 {
	display: block;
	position: absolute;
	width: 213px;
	bottom: 0px;
	left: 40%;
}
.sil5main {
	max-width: 329px;
	width: 45%;
	position: absolute;
	top: 90px;
	left: 10%;
}
.sil5t {
	width: 257px;
	position: absolute;
	top: 113px;
	right: 5%;
}
#sil5d1 {
	display: block;
	position: absolute;
	width: 214px;
	bottom: 10px;
	right: 0px;
}
.silSP {
	display: none;
}
.silPC {
	display: block;
}
.silBottom {
	padding-top: 140px;
	padding-bottom: 0px;
}

@media (max-width: 768px) {
.bracketSilL {
	width: 25px;
}
.bracketSilR {
	width: 25px;
}
.silWrap {
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
}
.sil1main {
	max-width: 368px;
	width: 80%;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	padding: 80px 0;
	margin: 0 auto;
}
.sil1t {
	width: 80%;
	position: relative;
	margin: 0 auto;
	top: 0;
	right: 0;
	text-align: center;
}
#sil1tImg {
	width: 292px;
}
.siltA {
	position: relative;
	top: -140px;
}
.siltB {
	position: relative;
	top: -10px;
	padding-bottom: 60px;
}
#sil1d1sp {
	display: block;
	position: absolute;
	width: 70px;
	left: 20px;
	top: 40px;
}
.numStar {
	display: block;
	position: absolute;
	width: 30px;
	top: 0;
	right: 20%;
}
.sil2main {
	max-width: 388px;
	width: 80%;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	padding: 80px 0;
	margin: 0 auto;
}
.sil2t {
	width: 80%;
	position: relative;
	margin: 0 auto;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 14px;
}
#sil2tImg {
	width: 260px;
}
.sil3main {
	max-width: 345px;
	width: 80%;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	padding: 80px 0;
	margin: 0 auto;
}
.sil3t {
	width: 80%;
	position: relative;
	margin: 0 auto;
	top: 0;
	right: 0;
	text-align: center;
}
#sil3tImg {
	max-width: 372px;
	width:100%;
}
.sil4main {
	max-width: 242px;
	width: 80%;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	padding: 80px 0;
	margin: 0 auto;
}
.sil4t {
	width: 80%;
	position: relative;
	margin: 0 auto;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 14px;
}
#sil4tImg {
	max-width: 358px;
	width:100%;
}
.sil5main {
	max-width: 329px;
	width: 80%;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	padding: 80px 0;
	margin: 0 auto;
}
.sil5t {
	width: 80%;
	position: relative;
	margin: 0 auto;
	top: 0;
	right: 0;
	text-align: center;
}
#sil5tImg {
	width: 257px;
}
.silPC {
	display: none;
}
.silSP {
	display: block;
}
}
/*-------------------------------------------------------------------------------
FUNCTION
-------------------------------------------------------------------------------*/
.funcPC {
	max-width: 980px;
	width: 90%;
	margin: 0 auto;
	height: auto;
	display: block;
}
.funcSP {
	display: none;
}
.funcLeft {
	max-width: 542px;
	width: 55%;
	height: auto;
	display: inline-block;
}
.funcRight {
	max-width: 349px;
	width: 35%;
	display: inline-block;
	float: right;
	right: 0;
	position: relative;
}
.funcT {
	font-size: 16px;
	color: #7bb5db;
	font-weight: bold;
	position: relative;
	left: 10px;
	margin: 15px auto;
}
.funcDetail {
	position: relative;
	left: 10px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 30px;
}
#func04Photo {
	width: 80%;
	padding-bottom: 30px;
}
#func05Photo {
	width: 60%;
	padding-bottom: 30px;
}
#func05snow {
	width: 50px;
	position: absolute;
	right: 0;
}

@media (max-width: 768px) {
.funcPC {
	display: none;
}
.funcSP {
	display: block;
}
	
.funcTImg{
	padding-top: 80px;
}
.funcT {
	font-size: 16px;
	color: #7bb5db;
	font-weight: bold;
	position: relative;
	left:0;
	margin: 15px auto;
	text-align: center;
}
.funcDetail {
	position: relative;
	left: 10px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
}
#func04snow {
	width: 30px;
	position: absolute;
	right: 20px;
	top:-100px;
}
	
#func05photoSP{
	width: 75%;
	display: block;
	margin: 0 auto;
}
	
#lastTree {
	width: 120px;
	height:100px;
	padding-top:20px;
	display: block;
	float: right;
	right: 20px;
}
}
/*-------------------------------------------------------------------------------
TECHNOLOGY
-------------------------------------------------------------------------------*/
.technology-col > * {
	background-color: #FBFCFC;
	margin-top: 20px;
}

@media (max-width: 768px) {
.technology-col > * {
	margin-top: 10px;
}
}
.technology-col > li :hover {
	background-color: #F7F7F7;
	opacity: 0.8;
}
.function-container {
	margin-top: 30px;
}

@media (max-width: 768px) {
.section-technology-title {
	width: 193px;
	height: 21px;
	background-size: 100% auto;
}
}
.technology-content-header + .technology-content-inner {
	margin-top: 35px;
}

@media (max-width: 768px) {
.technology-content-header + .technology-content-inner {
	margin-top: 15px;
}
}
.product-image {
	float: left;
	width: 30.61286965%;
	display: block;
	margin-right: 20px;
}

@media (max-width: 768px) {
.product-image {
	width: 50px;
	margin-right: 10px;
}
}
.product-list > li > a {
	display: block;
}
.product-summary {
	position: relative;
	overflow: hidden;
}
.product-details {
	min-height: 100px;
}

@media (max-width: 768px) {
.product-details {
	min-height: auto;
	padding-right: 30px;
	font-size: 10px;
}
}
.product-store-btn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 62.902211254%;
}

@media (max-width: 768px) {
.product-store-btn {
	left: auto;
	right: 0;
}
}
.product-store-btn .webstore {
	width: 100%;
	background-size: contain;
}
.function-contents {
	/*max-width: 640px;*/
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {
.function-contents {
	max-width: 300px;
}
}
.function-contents-heading, .function-contents-lead {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
}

@media (max-width: 768px) {
.heading-ez-move {
	height: 111px;
}
}

@media (max-width: 768px) {
.lead-ez-move {
	height: 32px;
}
}
p.function-contents-lead.lead-ez-move {
	margin-top: 42px;
}
.ez-move-detail-media {
	margin-top: 42px;
}

@media (max-width: 768px) {
.ez-move-detail-media {
	width: 295px;
	margin: 0 auto;
}
}
.ez-move-detail-items {
	border: 1px solid #CCCCCC;
	border-radius: 10px;
}

@media (max-width: 768px) {
.heading-dp {
	max-width: 220px;
	height: 24px;
}
}
.heading-dp + p + p {
	margin-top: 20px;
	font-size: 16px;
}

@media (max-width: 768px) {
.heading-dp + p + p {
	font-size: 12px;
	margin-top: 15px;
}
}

@media (max-width: 768px) {
.lead-dp {
	max-width: 254px;
	height: 11px;
}
}

@media (max-width: 768px) {
.heading-dp-cool {
	height: 60px;
}
}
.heading-dp-cool + p + p {
	margin-top: 20px;
	font-size: 16px;
}

@media (max-width: 768px) {
.heading-dp-cool + p + p {
	font-size: 12px;
}
}

@media (max-width: 768px) {
.lead-dp-cool {
	max-width: 263px;
	height: 30px;
}
}

@media (max-width: 768px) {
.heading-tech-molelight {
	height: 60px;
}
}
.heading-tech-molelight + p + p {
	margin-top: 20px;
	font-size: 16px;
}

@media (max-width: 768px) {
.heading-tech-molelight + p + p {
	font-size: 12px;
}
}

@media (max-width: 768px) {
.lead-tech-molelight {
	max-width: 215px;
	height: 14px;
}
}

@media (max-width: 768px) {
.heading-so-cool {
	height: 90px;
}
}

@media (max-width: 768px) {
.lead-so-cool {
	height: 12px;
}
}
.function-contents-lead + p {
	line-height: 1.875;
}

@media (max-width: 768px) {
.heading-rasox {
	height: 55px;
}
}

@media (max-width: 768px) {
.heading-polygiene {
	height: 90px;
}
}

@media (max-width: 768px) {
.lead-polygiene {
	height: 12px;
}
}
.item-block-polygiene {
	width: 566px;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 768px) {
.item-block-polygiene {
	width: 300px;
}
}
.function-contents-header + .function-contents-body {
	margin-top: 60px;
}

@media (max-width: 768px) {
.function-contents-header + .function-contents-body {
	margin-top: 20px;
}
}
.function-contents-heading + .function-contents-lead {
	margin-top: 42px;
}

@media (max-width: 768px) {
.function-contents-heading + .function-contents-lead {
	margin-top: 20px;
}
}
.function-item-visual {
	margin-top: 45px;
}

@media (max-width: 768px) {
.function-item-visual {
	margin-top: 15px;
}
}
/* PRODUCT ITEMS GRID LAYOUT */
.function-items-wrapper {
	/*max-width: 640px;*/
	margin-left: auto;
	margin-right: auto;
}
.function-product-items {
	margin-top: 60px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

@media (max-width: 768px) {
.function-product-items {
	margin-top: 35px;
	padding-top: 20px;
	padding-bottom: 20px;
}
}
.grid-col.product-list {
	margin-top: -30px;
}

@media (max-width: 768px) {
.grid-col.product-list {
	margin-top: -10px;
}
}
.grid-col.product-list > li {
	margin-top: 30px;
}

@media (max-width: 768px) {
.grid-col.product-list > li {
	margin-top: 10px;
}
}
.function-type-wrapper {
	margin-top: 40px;
	overflow: hidden;
}

@media (max-width: 768px) {
.function-type-wrapper {
	margin-top: 10px;
}
}
.function-type-items {
	margin-top: -10px;
	margin-left: -20px;
}

@media (max-width: 768px) {
.function-type-items {
	margin-left: -5px;
	margin-right: -5px;
}
}
.function-type-items > li {
	width: 46px;
	margin-top: 10px;
	margin-left: 20px;
	vertical-align: middle;
	display: inline-block;
}

@media (max-width: 768px) {
.function-type-items > li {
	width: 12.5%;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
}
}
.function-type-items > li > a {
	display: block;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.function-type-items > li > a:hover {
	opacity: 0.6;
}
.function-type-items > li > a.current {
	opacity: 0.5;
}
.function-item-block {
	margin-top: 44px;
}

@media (max-width: 768px) {
.function-item-block {
	margin-top: 35px;
}
}
/* STRUCTURE */
.main-section-header + * {
	margin-top: 60px;
}

@media (max-width: 768px) {
.main-section-header + * {
	margin-top: 20px;
}
}
.section-panel + .section-panel {
	margin-top: 40px;
}

@media (max-width: 768px) {
.section-panel + .section-panel {
	margin-top: 20px;
}
}
.section-panel-body-head + * {
	margin-top: 20px;
}

/* ---------------------------------------------------------
   RASOX SERIES
------------------------------------------------------------*/
@media (max-width: 768px) {
.function-contents-header + .function-contents-body {
	margin-left: 0;
	margin-right: 0;
}
}
.rasox-detail-media {
	margin-top: 40px;
}

@media (max-width: 768px) {
.rasox-detail-media {
	margin-top: 20px;
}
}
.rasox-detail-media + .rasox-detail-list, .rasox-detail-list + .rasox-detail-list {
	margin-top: 20px;
}

@media (max-width: 768px) {
.rasox-detail-media + .rasox-detail-list, .rasox-detail-list + .rasox-detail-list {
	margin-top: 10px;
}
}
.rasox-feature-catch {
	font-size: 20px;
	margin-top: 40px;
}
.rasox-feature-catch > p {
	width: 420px;
	margin: 0 auto;
}

@media (max-width: 768px) {
.rasox-feature-catch {
	font-size: 16px;
	margin-top: 20px;
}
.rasox-feature-catch > p {
	width: auto;
}
}
.rasox-feature-sideways {
	width: 780px;
	margin: 30px auto 0;
}

@media (max-width: 768px) {
.rasox-feature-sideways {
	width: 100%;
	margin-top: 10px;
}
}
.text-group {
	width: 355px;
	float: left;
}

@media (max-width: 768px) {
.text-group {
	float: none;
	width: 100%;
}
}
.img-group {
	width: 400px;
	float: left;
	margin-top: -35px;
	margin-left: 20px;
}

@media (max-width: 768px) {
.img-group {
	float: none;
	width: 100%;
	margin-top: 0;
	margin-left: 0;
}
}
.img-group > img {
	width: 400px;
}

@media (max-width: 768px) {
.img-group > img {
	width: 100%;
}
}
/*-------------------------------------------------------------------------------
contact
-------------------------------------------------------------------------------*/
.contact-detail-contents {
	position: relative;
	margin-top: 100px;
}
.contact-detail-contents > .close-btn {
	font-size: 30px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}
.contact-content {
	padding: 30px 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.contact-container {
	margin-top: 50px;
}

@media (max-width: 768px) {
.section-contact-title {
	width: 132px;
	height: 20px;
	background-size: 132px;
}
}

@media (max-width: 768px) {
.contact-box {
	padding: 20px;
}
}
.contact-box-inner {
	display: inline-block;
	text-align: left;
}
.contact-box-inner > * + * {
	margin-top: 30px;
}

@media (max-width: 768px) {
.contact-box-inner > * + * {
	margin-top: 20px;
}
}
.content-box-contents dt {
	margin-bottom: 20px;
	font-weight: bold;
}
.content-box-title {
	color: #435363;
	font-size: 20px;
}

@media (max-width: 768px) {
.content-box-title {
	font-size: 16px;
}
}
/*-------------------------------------------------------------------------------
 windsor racket shop
 -------------------------------------------------------------------------------*/
.rd-20150424-wrapper {
	padding-top: 260px;
}
/*.rd-20150424-header {
  height: 230px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/ellesse/images/recommend/img_rd_20150424_header_heading_pc_2x.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}*/

.rd-20150424-header-heading + .rd-20150424-cm-section-inner {
	margin-top: 40px;
}
.rd-20150424-section-desc {
	line-height: 1.7;
}
.rd-20150424-sns {
	margin-top: 50px;
	margin-left: -15px;/*padding-bottom: 20px;*/
}
.rd-20150424-sns li {
	float: left;
	padding-left: 15px;
	width: 33.3333%;
}
.rd-20150424-sns li > a {
	display: block;
	/* width: 240px; */
	height: 0;
	padding-bottom: 17%;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: left;
	background-size: auto 100%;
}
.rd-20150424-shop-info {
	padding: 20px 40px 28px;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	font-size: 14px;
	margin-top: 20px;
}

@media (max-width: 768px) {
.rd-20150424-shop-info {
	padding-left: 0;
	padding-right: 0;
}
}
.panel-section-heading-left {
	left: 20px;
	bottom: 20px;
}
.panel-section-heading-right {
	right: 20px;
	bottom: 20px;
}
.whole-contents {
	height: 100%;
}
.first-view {
	width: 100%;
}
.first-view-copy-right {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 12px;
	color: #FFFFFF;
	z-index: 100;
}
.mejs-container {
	width: 100% !important;
	height: 100% !important;
}
/* Gallary */
.full-size-gallery {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
	background: #FFF;
}
.full-size-gallery .gallery-inner {
	position: relative;
	height: 100%;
}
.full-size-gallery .close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 60px;
	height: 60px;
	background: #807E82;
	z-index: 5;
	text-align: center;
}
.full-size-gallery .close-btn img {
	width: 22px;
	padding-top: 15px;
}
.full-size-gallery .left-btn {
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -15px;
	z-index: 10;
}
.full-size-gallery .right-btn {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -15px;
	z-index: 10;
}
.full-size-gallery .gallery-window {
	position: absolute;
	/*top: 50%;*/
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 0;
}
.full-size-gallery .gallery-window * {
	height: 100%;
}
.full-size-gallery .gallery-sec {
	position: relative;
	width: 100%;
	font-size: 0;
	white-space: nowrap;
	/*padding: 0 51px;*/
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.full-size-gallery .gallery-sec > li {
	display: inline-block;
 *display: inline;
	zoom: 1;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.full-size-gallery .gallery-sec img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto !important;
}
.indicator-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	bottom: 15px;
	text-align: center;
	z-index: 10;
}
.indicator li {
	display: inline-block;
 *display: inline;
	zoom: 1;
	margin-left: 4px;
	margin-right: 4px;
}
.indicator li:first-child {
	margin-left: 0;
}
.temp {
	display: block;
	background: white;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 2px solid #acadad;
	cursor: pointer;
}
.current .temp {
	background: #435363;
	border: 2px solid white;
}
.temp:hover {
	opacity: 0.7;
}
/*-------------------------------------------------------------------------------
 SHOP LIST
 -------------------------------------------------------------------------------*/
.section-shop {
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 736px) {
.section-shop {
	padding-left: 0;
	padding-right: 0;
}
}
.section-shop-title {
	font-size: 36px;
	color: #3F5364;
	background: url("/ellesse/images/shoplist/shoplist_title.svg");
	margin: 0 auto;
	width: 172px;
	height: 27px;
}

@media (max-width: 736px) {
.section-shop-title {
	width: 129px;
	height: 20px;
	background-size: 129px auto;
}
}
.no-svg .section-shop-title {
	background: url("/ellesse/images/shoplist/shoplist_title.png");
}
.section-shop-detail {
	font-size: 14px;
	overflow: hidden;
	margin-top: 42px;
}

@media (max-width: 736px) {
.section-shop-detail {
	margin-top: 0;
}
}
.section-shop-detail + .section-shop-detail {
	margin-top: 20px;
}
.section-shop-detail > dt {
	color: #65646A;
	float: left;
	width: 100px;
	margin-right: 10px;
}

@media (max-width: 736px) {
.section-shop-detail > dt {
	float: none;
	width: 100%;
	margin-right: 0;
}
}
.section-shop-detail > dd {
	color: #666666;
	overflow: hidden;
}

@media (max-width: 736px) {
.section-shop-detail > dd {
	float: none;
}
}
.section-shop-checkbox-list > li {
	position: relative;
}
.section-shop-checkbox-list > li > input, .section-shop-checkbox-list > li > label {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.section-shop-checkbox-list > li > label span {
	cursor: pointer;
}
.section-shop-checkbox-list > li + li {
	margin-top: 20px;
}

@media (max-width: 736px) {
.section-shop-checkbox-list > li + li {
	margin-top: 10px;
}
}
.section-shop-list {
	font-size: 12px;
	color: #8C8C8C;
	margin-top: 40px;
	padding-left: 25px;
	padding-right: 25px;
	border-bottom: 1px solid #425363;
	overflow-y: scroll;
}

@media (max-width: 736px) {
.section-shop-list {
	margin-top: 0;
	padding: 0;
}
}
.shoplist-no-list {
	border-bottom: none;
	min-height: 0;
}
.kindle .section-map {
	display: none;
}
.section-map {
	position: relative;
	overflow: hidden;
	height: 600px;
	margin-top: 20px;
}
.section-map-inner {
	width: 756px;
	margin-left: auto;
	margin-right: auto;
	height: 100% !important;
}

@media only screen and (max-width: 736px) {
.section-map {
	display: none;
}
}
.shop-list-item {
	display: table;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 14px;
	cursor: pointer;
	border-top: 1px solid #D2CFCD;
	margin-top: -1px;
}

@media (max-width: 736px) {
.shop-list-item {
	padding-top: 10px;
	padding-bottom: 10px;
}
}
.shop-list-item > * + * {
	padding-left: 20px;
}

@media (max-width: 736px) {
.shop-list-item > * + * {
	padding-left: 0;
}
}
.shop-list-icon {
	width: 100px;
	display: table-cell;
}

@media (max-width: 736px) {
.shop-list-icon {
	display: block;
	width: 100%;
	margin-bottom: 4px;
}
}
.shop-list-icon > li {
	display: inline-block;
	vertical-align: middle;
}
.shop-list-icon > li + li {
	margin-left: 10px;
}
.shop-list-name {
	width: 133px;
}
.shop-list-address {
	width: 205px;
}
.shop-list-tel {
	width: 123px;
	text-align: right;
}

@media (max-width: 736px) {
.shop-list-tel {
	text-align: left;
}
}
.shop-list-name, .shop-list-address, .shop-list-tel {
	display: table-cell;
}

@media (max-width: 736px) {
.shop-list-name, .shop-list-address, .shop-list-tel {
	display: block;
	width: 100%;
}
}
.shop-area {
	position: relative;
	width: 300px;
	color: #7bb5db;
}

@media (max-width: 736px) {
.shop-area {
	width: 100%;
}
}
.shop-area select {
	color: #7bb5db;
}
.shop-area > select > option:checked {
	color: #C60D2F;
	border: 1px solid #C60D2F;
}
option:checked {
	color: red;
}
.shop-area-error {
	padding: 0 99px;
	color: #C60D2F;
	margin-top: 10px;
	font-size: 12px;
}
.shop-area-error {
	display: none !important;
}
.shop-category-error {
	color: #C60D2F;
	display: none;
	margin-top: 20px;
	font-size: 12px;
}
/*.container-shop {*/
/*min-height: 835px;*/
/*}*/
#jsi-select-area {
	z-index: 10;
	cursor: pointer;
}
.jsc-area-select {
	width: 300px;
	font-size: 14px;
	border: 1px solid #7bb5db;
	padding: 3px 12px;
	white-space: nowrap;
}

@media (max-width: 736px) {
.jsc-area-select {
	width: 100%;
}
}
.jsc-area-select:after {
	content: "▼";
	font-size: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	width: 1em;
	height: 1em;
	margin: auto 0;
	line-height: 1;
}
.wrapper-shop .map-image {
	width: auto;
	height: 100%;
}
.wrapper-shop .section-map {
	height: 100%;
}
.wrapper-shop .section-shop-contents {
	position: relative;
}
.wrapper-shop .section-shop {
	position: relative;
	z-index: 1;
}
.wrapper-shop .section-shop-list-wrap {
	position: relative;
	width: 100%;
	padding-right: 5px;
	border-top: 1px solid #425363;
}
.wrapper-shop .section-shop-list {
	max-height: 525px;
	margin-top: 0;
}
.wrapper-shop .grid, .wrapper-shop .main-contents, .wrapper-shop .grid-col, .wrapper-shop .grid-col > * {
	height: 100%;
}
.wrapper-shop .footer {
	height: 350px;
}
.wrapper-shop .main-contents {
	margin-top: 0;
	padding-top: 70px;
}
.wrapper-shop .main-view + * {
	height: 100%;
}
.wrapper-shop .wrapper-top .container {
	height: 100%;
}
.wrapper-shop .button-upper-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.wrapper-shop .wrapper-top {
	min-height: 800px;
	max-height: 1000px;
}
.use-png .wrapper-shop .wrapper-top {
	height: 800px;
}
input[type="checkbox"] {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
}
input[type="checkbox"] + label:before {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	content: '';
	padding: 10px;
	border: 1px solid #DCDCDC;
}
.category-check {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -7px;
}
.category-icon {
	position: absolute;
	overflow: visible;
}
.svg-icon-tennis-on, .svg-icon-swim-on, .svg-icon-shoes-on, .svg-icon-tennis-off, .svg-icon-swim-off {
	width: 22px;
	height: 20px;
	top: -2px;
	left: 30px;
}

@media (max-width: 736px) {
.svg-icon-tennis-on, .svg-icon-swim-on, .svg-icon-shoes-on, .svg-icon-tennis-off, .svg-icon-swim-off {
	width: 16px;
	height: 15px;
}
}
.svg-icon-tennis-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_01.svg") no-repeat;
}
.no-svg .svg-icon-tennis-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_01.png") no-repeat;
}
.svg-icon-swim-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_02.svg") no-repeat;
}
.no-svg .svg-icon-swim-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_02.png") no-repeat;
}
.svg-icon-shoes-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_03.svg") no-repeat;
}
.no-svg .svg-icon-shoes-on {
	background: url("/ellesse/images/shoplist/shoplist_icon_03.png") no-repeat;
}
.svg-icon-tennis-off, .svg-icon-swim-off, .svg-icon-shoes-off {
	display: none !important;
}
.category-title {
	position: absolute;
	text-indent: -9999px;
}
.svg-shoplist-category-tennis, .svg-shoplist-category-swim, .svg-shoplist-category-foot {
	top: 0;
	left: 30px;
}
.svg-shoplist-category-tennis {
	width: 204px;
	height: 12px;
	background-image: url("/ellesse/images/shoplist/shoplist_tennis_sports_style_wear_txt.svg");
}
.no-svg .svg-shoplist-category-tennis {
	background-image: url("/ellesse/images/shoplist/shoplist_tennis_sports_style_wear_txt.png");
}
.svg-shoplist-category-swim {
	width: 82px;
	height: 12px;
	background-image: url("/ellesse/images/shoplist/shoplist_swim_wear_txt.svg");
}
.no-svg .svg-shoplist-category-swim {
	background-image: url("/ellesse/images/shoplist/shoplist_swim_wear_txt.png");
}
.svg-shoplist-category-foot {
	width: 83px;
	height: 12px;
	background-image: url("/ellesse/images/shoplist/shoplist_foot_wear_txt.svg");
}
.no-svg .svg-shoplist-category-foot {
	background-image: url("/ellesse/images/shoplist/shoplist_foot_wear_txt.png");
}
.svg-icon-checked {
	background: url("/ellesse/images/shoplist/shoplist_icon_check.svg") no-repeat;
	width: 14px;
	height: 13px;
}
.no-svg .svg-icon-checked {
	background: url("/ellesse/images/shoplist/shoplist_icon_check.png") no-repeat;
}