@charset "utf-8";
select {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* 共通部分 pc*/
@media print, screen and (min-width:641px) {
	/* .mvArea */
	.mvArea{
		padding:18px 0 0;
		text-align:center;
		position:relative;
		top:0;
		right: 0px;
		height: 70px;
		box-sizing:border-box;
		transition-duration:1.0s;
		transition-property:left;
		transition-timing-function:ease;
	}
	.mvArea .costumecommonTitle1{
		margin:0 0 20px;
	}
	.mvArea .costumecommonTitle1 > img{
		width: auto;
		height: 16px;
	}
	.mvArea .commonSelect1{
		min-width:200px;
	}
	
	/* .contentArea */
	.contentArea{
		font-size:0;
		margin-bottom:0;
	}
	.contentArea .noclip{
		font-size: 15px;
		font-size: 1.5rem;
		color: #D1677E;
		padding:50px 0px 20px;
		box-sizing: border-box;
		text-align: center;
	}
	.contentArea .costume{
		text-align:left;
		position:relative;
	}
	.contentArea .costume > li{
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url(../img/loading1.gif);
		background-size:50px auto;
		display:inline-block;
		vertical-align:top;
		box-sizing:border-box;
		text-align:center;
		position:relative;
		z-index:5;
		
		width:50%;
		transition-duration:0.6s;
		transition-property:width;
		transition-timing-function:ease;
	}
	.contentArea .costume > li > div{
		background-color:#FFF;
		background-color:rgba(255,255,255,0.88);
		width:100%;
		
		opacity:0.0;
		visibility:hidden;
		transition-duration:0.4s;
		transition-property:opacity,visibility;
		transition-timing-function:ease;
	}
	.contentArea .costume > li .white{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#FFF;
		display:block;
		opacity:0.0;
	}
	body.touchDevice .contentArea .costume > li.hover > div,
	body.desktopDevice .contentArea .costume > li:hover > div{
		opacity:1.0;
		visibility:visible;
		transition-duration:0.4s;
		transition-property:opacity,visibility;
		transition-timing-function:ease;
	}
	.contentArea .costume > li > div:before{
		content:'';
		height:600px;
		display:inline-block;
		vertical-align:middle;
	}
	.contentArea .costume > li > div .infoin{
		display:inline-block;
		vertical-align:middle;
		
		-moz-transform:scale(0.96);
		-webkit-transform:scale(0.96);
		transform:scale(0.96);
		transition-duration:0.7s;
		transition-property:transform;
		transition-timing-function:ease;
	}
	.contentArea .costume > li > div .infoin{
	}
	body.touchDevice .contentArea .costume > li.hover > div .infoin,
	body.desktopDevice .contentArea .costume > li:hover > div .infoin{
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		transform:scale(1.0);
		transition-duration:0.7s;
		transition-property:transform;
		transition-timing-function:ease;
	}
	.contentArea .costume > li > div .infoin .title{
	}
	.contentArea .costume > li > div .infoin .title .img{
		margin:0 0 17px;
		display:inline-block;
		width: auto;
		height: 9px;
	}
	.contentArea .costume > li > div .infoin .title .title{
		font-family:'Old Standard TT', serif;
		font-size:1.0rem;
		line-height: 0.6;
		margin:0 0 20px;
		display:block;
		color:#2793e6;
	}
	.contentArea .costume > li > div .infoin .title .number{
		font-family:'Old Standard TT', serif;
		font-size:2.7rem;
		line-height: 0.6;
		margin:0 0 20px;
		display:block;
		color:#2793e6;
	}
	.contentArea .costume > li > div .infoin .title .bar{
		height:1px;
		display:block;
		margin:0 auto 15px;
		background-color:#2793e6;
		
		width:0;
		transition-duration:0.7s;
		transition-property:width;
		transition-timing-function:ease;
	}
	body.touchDevice .contentArea .costume > li.hover > div .infoin .title .bar,
	body.desktopDevice .contentArea .costume > li:hover > div .infoin .title .bar{
		width:18px;
		transition-duration:0.7s;
		transition-property:width;
		transition-timing-function:ease;
	}
	.contentArea .costume > li > div .infoin .dressname{
		font-family:"EB Garamond",sans-serif;
		margin-bottom: 15px;
		font-size: 1.5rem;
		color: #2793e6;
		line-height: 1.4;
	}
	.contentArea .costume > li > div .infoin .caption{
		font-size:11px;
		font-size:0.7rem;
		color:#787878;
		line-height:2.0;
		margin:0px 50px 13px;
		text-align:left;
	}
	.contentArea .costume > li > div .infoin .detaillink{
		width:108px;
		padding:0;
		display:block;
		margin:0 auto 18px;
	}
	.contentArea .costume > li > div .infoin .detaillink:before{
		height:30px;
	}
	.contentArea .costume > li > div .infoin .detaillink > img{
	}
	.contentArea .costume > li > div .infoin .commonBtn3{
	}
	.contentArea .costume > li > div .infoin .shoptitle{
		margin: 20px 0px 10px;
	}
	.contentArea .costume > li > div .infoin .shoptitle > a{
		font-size: 0.7rem;
		color: #787878;
		letter-spacing: 2px;
		line-height: 1;
	}
	.contentArea .costume > li > div .infoin .shops{
		color: #787878;
		position: relative;
		padding: 10px 0px;
		line-height: 2;
		width: 70%;
		margin: 0px auto;
	}
	.contentArea .costume > li > div .infoin .shops:before,
	.contentArea .costume > li > div .infoin .shops:after{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0px;
		background-image: url("../img/bar1.png");
		background-repeat: no-repeat;
		background-position: center center;
	}
	.contentArea .costume > li > div .infoin .shops:before{
		top: 0px;
	}
	.contentArea .costume > li > div .infoin .shops + .shops:before{
		display: none;
	}
	.contentArea .costume > li > div .infoin .shops:after{
		bottom: 0px;
	}
	.contentArea .costume > li > div .infoin .shops > span{
		font-size: 12px;
		font-size: 0.7rem;
		display: inline-block;
		color: #787878;
	}
	.contentArea .costume > li > div .infoin .shops > span:after{
		content: "・";
	}
	.contentArea .costume > li > div .infoin .shops > span:last-child:after{
		display: none;
	}
	.contentArea .costume > li > div .infoin .shops > span.txt{
		font-weight: bold;
	}
	.contentArea .costume > li > div .infoin .shops > span.txt:after{
		content: "：";
	}
	.contentArea .costume > li > div .infoin .shops > span > a{
		color: #787878;
		padding: 5px 1px;
		-webkit-transition: opacity 0.2s ease 0.0s;
		-moz-transition: opacity 0.2s ease 0.0s;
		-ms-transition: opacity 0.2s ease 0.0s;
		-o-transition: opacity 0.2s ease 0.0s;
		transition: opacity 0.2s ease 0.0s;
	}
	
	/* .costumefooterArea */
	.costumefooterArea{
		font-size:0;
		position:relative;
		height:810px;
		background-image:url(../img/costume/bg1.jpg);
		background-position:center center;
		background-size:cover;
	}
	.costumefooterArea .areatitle{
		position:absolute;
		top:-191px;
		left: 0;
		width:100%;
		text-align:center;
	}
	.costumefooterArea .areatitle > img{
	}
	.costumefooterArea .areapoints{
	}
	.costumefooterArea .areapoints > li{
		width:328px;
		height:328px;
		padding:4px;
		background-color:#FFF;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		position: absolute;
		left: 50%;
		top:50%;
	}
	.costumefooterArea .areapoints > li:nth-child(1){
		margin:-360px 0px 0px -363px;
	}
	.costumefooterArea .areapoints > li:nth-child(2){
		margin:-253px 0px 0px 21px;
	}
	.costumefooterArea .areapoints > li:nth-child(3){
		margin: 0 0 0 -260px;
	}
	.costumefooterArea .areapoints > li > div{
		width:328px;
		height:328px;
		border-top:1px solid #3B3B3B;
		border-bottom:1px solid #3B3B3B;
		border-left:1px solid #3B3B3B;
		border-right:1px solid #3B3B3B;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		text-align:center;
		box-sizing:border-box;
		position:absolute;
		left:50%;
		top:50%;
		margin:-164px 0 0 -164px;
	}
	.costumefooterArea .areapoints > li > div .title{
		margin-top:35px;
		margin:35px 0 20px;
	}
	.costumefooterArea .areapoints > li > div .title > img{
		display:block;
		margin:0 auto;
	}
	.costumefooterArea .areapoints > li > div .title > img:nth-child(1){
		margin-bottom:20px;
	}
	.costumefooterArea .areapoints > li > div .title > img:nth-child(2){
	}
	.costumefooterArea .areapoints > li > div .caption{
		margin:0 0 24px;
	}
	.costumefooterArea .areapoints > li > div .caption > img{
	}
	.costumefooterArea .areapoints > li > div .link{
		width:142px;
		padding: 0;
	}
	.costumefooterArea .areapoints > li > div .link:before{
		height: 30px;
	}
	.costumefooterArea .areapoints > li > div .link:after{
	   right: 7px;
	}
	.costumefooterArea .areapoints > li > div .link > img{
	}
	
	/* .popupArea */
	.popupArea{
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:10000;
		background-color:rgba(57,57,57,0.80);
		background-image:url(../img/ajax-loader.gif);
		background-position:center center;
		background-repeat:no-repeat;
		background-size: 32px auto;
	}
}

/*3分割*/
@media print, screen and (min-width:1100px) {
.contentArea .costume > li{
	width:33.333%;
}
}
/*4分割*/
@media print, screen and (min-width:1500px) {
.contentArea .costume > li{
	width:25%;
}
}
/*5分割*/
@media print, screen and (min-width:1900px) {
.contentArea .costume > li{
	width:20%;
}
}
/*6分割*/
@media print, screen and (min-width:2300px) {
.contentArea .costume > li{
	width:16.666%;
}
}
/*7分割*/
@media print, screen and (min-width:2700px) {
.contentArea .costume > li{
	width:14.285%;
}
}
/*8分割*/
@media print, screen and (min-width:3100px) {
.contentArea .costume > li{
	width:12.5%;
}
}
/* 印刷CSS pc */
@media print {
}

/* 共通部分 tablet */
@media screen and (max-width:1000px) and (min-width:641px) {
}

/* tabletサイズ以下 */
@media screen and (max-width:960px) {
	.rightMenu {
		box-sizing: border-box;
		padding-bottom:150px;
	}
	.mvArea{
		left: 0;
		transition-duration:1.0s;
		transition-property:left;
		transition-timing-function:ease;
	}
	.contentArea{
	}
}

/* 共通部分 smart */
@media screen and (max-width:640px) {
	.rightMenu {
		box-sizing: border-box;
		padding-bottom:90px;
	}
	
	/* .mvArea */
	.mvArea{
		padding:22px 0px 0px;
		text-align:center;
		top:0;
		height:100px;
		box-sizing:border-box;
		width: 100%;
	}
	.mvArea .costumecommonTitle1{
		margin:0px 3% 15px 0px;
		box-sizing:border-box;
		width:100%;
	}
	.mvArea .costumecommonTitle1 > img{
		margin:0 auto;
		width:auto;
		height:13px;
	}
	.mvArea .commonSelect1{
	}
	
	/* .contentArea */
	.contentArea{
		font-size:0;
		margin-bottom:0;
	}
	.contentArea .noclip{
		font-size: 15px;
		font-size: 1.5rem;
		color: #D1677E;
		padding:50px 0px 20px;
		box-sizing: border-box;
		text-align: center;
	}
	.contentArea .costume{
		text-align:left;
	}
	.contentArea .costume > li{
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url(../img/loading1.gif);
		background-size:50px auto;
		display:inline-block;
		vertical-align:top;
		width:50%;
		box-sizing:border-box;
		position:relative;
		height:0;
		padding-bottom:75%;
	}
	.contentArea .costume > li .layoutimg{
		width:auto;
		height:100%;
		position:relative;
		opacity:0.0;
	}
	.contentArea .costume > li .white{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#FFF;
		display:block;
		opacity:0.0;
	}
	.contentArea .costume > li > div{
	}
	body.touchDevice .contentArea .costume > li.hover > div,
	body.desktopDevice .contentArea .costume > li:hover > div{
	}
	.contentArea .costume > li > div:before{
	}
	.contentArea .costume > li > div .infoin{
	}
	.contentArea .costume > li > div .infoin .title{
		display:none;
	}
	.contentArea .costume > li > div .infoin .title .img{
	}
	.contentArea .costume > li > div .infoin .title .number{
	}
	.contentArea .costume > li > div .infoin .title .bar{
	}
	.contentArea .costume > li > div .infoin .caption{
		display:none;
	}
	.contentArea .costume > li > div .infoin .detaillink{
		opacity:0.0;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.contentArea .costume > li > div .infoin .detaillink > img{
	}
	.contentArea .costume > li > div .infoin .commonBtn3{
		margin-bottom:1px;
		bottom: 11px;
		display:none;
	}
	.contentArea .costume > li > div .infoin .commonBtn3 span{
		line-height: 2.0;
		position:relative;
		top:2px;
	}
	.contentArea .costume > li > div .infoin .commonBtn3[data-clip="on"] > span:nth-child(1){
		line-height: 2.0;
	}
	
	/* .costumefooterArea */
	.costumefooterArea{
		font-size:0;
		position:relative;
		background-image:url(../img/costume/bg1.jpg);
		background-size:cover;
		padding:30px 5%;
	}
	.costumefooterArea .areatitle{
		position: absolute;
		left: 0px;
		width: 100%;
		text-align: center;
	}
	.costumefooterArea .areatitle > img{
		width: 80%;
		margin:-53% auto 0px;
		position: absolute;
		right: 0px;
		left: -7%;
	}
	.costumefooterArea .areapoints{
	}
	.costumefooterArea .areapoints > li{
		padding:4px;
		background-color:#FFF;
	}
	.costumefooterArea .areapoints > li+li{
		margin-top:20px;
	}
	.costumefooterArea .areapoints > li:nth-child(1){
	}
	.costumefooterArea .areapoints > li:nth-child(2){
	}
	.costumefooterArea .areapoints > li:nth-child(3){
	}
	.costumefooterArea .areapoints > li > div{
		border-top:1px solid #3B3B3B;
		border-bottom:1px solid #3B3B3B;
		border-left:1px solid #3B3B3B;
		border-right:1px solid #3B3B3B;
		text-align:center;
		box-sizing:border-box;
		padding-bottom:30px;
	}
	.costumefooterArea .areapoints > li > div .title{
		margin-top:35px;
		margin:35px 0 20px;
	}
	.costumefooterArea .areapoints > li > div .title > img{
		display:block;
		margin:0 auto;
	}
	.costumefooterArea .areapoints > li > div .title > img:nth-child(1){
		margin-bottom:20px;
	}
	.costumefooterArea .areapoints > li > div .title > img:nth-child(2){
	}
	.costumefooterArea .areapoints > li > div .caption{
		margin:0 0 24px;
	}
	.costumefooterArea .areapoints > li > div .caption > img{
		margin:0 auto;
		width: auto;
		height: 30px;
	}
	.costumefooterArea .areapoints > li > div .link{
		width:142px;
		padding: 0;
	}
	.costumefooterArea .areapoints > li > div .link:before{
		height: 45px;
	}
	.costumefooterArea .areapoints > li > div .link:after{
	   right: 7px;
	}
	.costumefooterArea .areapoints > li > div .link > img{
	}
	
	/* .popupArea */
	.popupArea{
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:10000;
		background-color:rgba(57,57,57,0.80);
		background-image:url(../img/ajax-loader.gif);
		background-position:center center;
		background-repeat:no-repeat;
		background-size: 32px auto;
	}
	.under li:nth-child(1) .glayBtn{
		font-size:1.1rem!important;
	}
	.under .glayBtn:after{
		display:none;
	}
}