@charset "utf-8";

/*

BASE-WINDOW			: 100%
TABLET-WINDOW		: 960px
LANDSCAPE-WINDOW	: 740px
SMARTPHONE-WINDOW	: 480px

*/

.js-coverLink a {
	display: block;
	overflow: hidden;
}


#index{}
#index_wrapper,
#index_wrapper2{
	width:990px;
	margin:0 auto;
	}
#content_box2{
	background:#E9B3B9;
	padding:15px 0 25px;
	margin-bottom: 35px;
	}
#content_box3{margin-bottom:100px;}
#index #content_right_box{
	float:right;
	width:660px;
	}
#index #content_left_box{
	float:left;
	width:330px;
	}
#index .cBox{
	float:left;
	background:#f5f5f5;
	border: #dcdcdc 1px solid;
    box-sizing: border-box;
	}
#index .cBox .thumbnail_box{
	width:105px;
	height:105px;
	margin:0 auto;
	}
#index .cBox .thumbnail_box.type_costume{
	width:270px;
	height:105px;
	margin:0 auto;
	}
#index .cBox-s{
	width:300px;
	height:70px;
	padding:14px 5px;
	margin:0 15px 30px;
	}
#index .cBox-m{
	width:300px;
	height:225px;
	padding:25px 30px;
	margin:0 15px 30px;
	}
#index .cBox-m.cBox_premium {
	background-image: url(../img/index/c_premium_bg.png);
	background-repeat: no-repeat;
}
#index .cBox-l{
	width:570px;
	height:225px;
	padding:15px 30px 25px;
	margin:0 15px 30px;
	}
#index .cBox-w{
	width:630px;
	height:223px;
	padding:0;
	margin:0 15px 30px;
	}
#index .cBox-f{
    width: auto;
    clear: both;
    float: none;
	padding:15px 30px 25px;
	margin:0 15px 30px;
	}
#index .cBox h2,
#index .cBox h1{font-weight:normal;}
#index .cBox h2 a,
#index .cBox h1 a,
#index .cBox h2 span,
#index .cBox h1 span{
	text-decoration:none;
	color:#a0a0a0;
	}
#index .cBox.cBox-m h1,
#index .cBox.cBox-w h1{line-height:24px;}
#index .cBox.cBox-l h1{}
#index .cBox.cBox-m h1,
#index .cBox.cBox-w h1{text-align:center;}
#index .cBox.cBox-m h1.cBox_premium_title {
	margin: 105px 0 12px;
}
#index .cBox.cBox-l h1 span.icon{
	padding-left:60px;
	padding-top:12px;
	height:40px;
	line-height:40px;
	display:block;
	}
#index .cBox.cBox-l h1 span.icon01{background:url(../img/index/icon01.png) left center no-repeat;}
#index .cBox.cBox-l h1 span.icon02{background:url(../img/index/icon02.png) left center no-repeat;}
#index .cBox.cBox-m h1 img,
#index .cBox.cBox-w h1 img,
#index .cBox.cBox-l h1 img{
	height:24px;
	line-height:24px;
	vertical-align: bottom;
	}
#index .cBox.cBox-m h1.cBox_premium_title img {
	height:51px;
	line-height: 51px;
}
#index .cBox.cBox-s h2{
	text-align:center;
	line-height:45px;
	}
#index .cBox.cBox-s h2 img{
	height:45px;
	line-height:45px;
	}
#index .cBox.cBox-m p,
#index .cBox.cBox-w p{
	margin-top:0.5em;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	color:#a0a0a0;
	}
#index .cBoxTitle{
	float:left;
	width:255px;
	padding:25px 30px;
	}
#index .cBoxMenu{
	float:right;
	width:253px;
	position:relative;
	padding:25px 30px;
	}
#index .cBoxMenu ul{
	margin-left:-30px;
	padding-left:30px;
	border-left:1px solid #DDD;
	}
#index .cBoxMenu ul li{border-top:1px solid #DDD;}
#index .cBoxMenu ul li:first-child{border-top:none;}
#index .cBoxMenu ul li:hover{background:rgba(0,0,0,0.05);}
#index .cBoxMenu ul li a{
	display:block;
	height:24px;
	line-height:24px;
	text-decoration:none;
	color:#a0a0a0;
	background:url(../img/base/ui15.png) right center no-repeat;
	margin-right:6px;
	position:relative;
	}
#index .cBoxMenu ul li a span{padding-left:105px;}
#index .cBoxMenu ul li a span:before{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	font-family: 'Cinzel', serif !important;
	font-size:14px;
	color:#a0a0a0;
	}
#index .cBoxMenu ul li a span.cBoxMenu01:before{content:"DESIGN";}
#index .cBoxMenu ul li a span.cBoxMenu02:before{content:"IMAGE";}
#index .cBoxMenu ul li a span.cBoxMenu03:before{content:"BODY TYPE";}
#index .cBoxMenu ul li a span.cBoxMenu04:before{content:"PLACE";}
#index .cBoxMenu ul li a span.cBoxMenu05:before{content:"COLOR";}
#index .cBoxMenu ul li a span.cBoxMenu06:before{content:"KIMONO";}
#index .cBoxMenu ul li a span.cBoxMenu07:before{content:"MEN'S";}
/*#index .cBoxMenu ul li a span.cBoxMenu01{background:url(../img/index/c_bMenu01.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu02{background:url(../img/index/c_bMenu02.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu03{background:url(../img/index/c_bMenu03.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu04{background:url(../img/index/c_bMenu04.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu05{background:url(../img/index/c_bMenu05.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu06{background:url(../img/index/c_bMenu06.png) left center no-repeat;}
#index .cBoxMenu ul li a span.cBoxMenu07{background:url(../img/index/c_bMenu07.png) left center no-repeat;}*/
#index .cBox.cBox-archives .moreBox{
	height:0;
	width:100%;
	position:relative;
	}
#index .cBox.cBox-archives .moreBox a{
	display:block;
	width:auto;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	text-align:right;
	position:absolute;
	color: #A0A0A0;
	text-decoration:none;
	top:-32px;
	right:8px;
	padding:2px 12px 2px 6px;
	background:url(../img/base/ui15.png) right center no-repeat;
	}
#index .cBox.cBox-archives .moreBox a:hover{color:#E9B3B9;}
#index .cBox.cBox-archives .archivesBox{
	height: 120px;
	margin-top:10px;
	}
#index .cBox.cBox-archives .archivesBox ul{}
#index .cBox.cBox-archives .archivesBox ul li{
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
	}
#index .cBox.cBox-archives .archivesBox ul li time,
#index .cBox.cBox-archives .archivesBox ul li p{display:block;}
#index .cBox.cBox-archives .archivesBox ul li time{
	float:left;
	width:80px;
	color:#A0A0A0;
	}
html.ie8 #index .cBox.cBox-archives .archivesBox ul li time{width:90px;}
#index .cBox.cBox-archives .archivesBox ul li p{margin-left:80px;}
html.ie8 #index .cBox.cBox-archives .archivesBox ul li p{margin-left:90px;}
#index .cBox.cBox-archives .archivesBox ul li a{color:#E9B3B9;}
#index .cBox.cBox-archives .archivesBox ul li a span{margin-right:10px;}
#index .cBox-ex .thumbnail_box{margin-top:-12px;}
#index .cBox-ex h1{margin-top:-12px;}
#index .cBox-ex .ex-ginza{
	width:74px;
	margin:0 auto;
	}
#index #fair_information{
	width:990px;
	margin:0 auto;
	}
#index #fair_information_left,
#index #fair_information_right{
	width:450px;
	margin:0 20px;
	position:relative;
	}
#index #fair_information_left{float:left;}
#index #fair_information_right{float:right;}
#index #fair_information_left h1,
#index #fair_information_right h1{
	font-weight:normal;
	}
#index #fair_information_left h1 span,
#index #fair_information_right h1 span{
    background: url(../img/index/icon03.png) left center no-repeat;
    padding-left: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 40px;
    line-height: 40px;
    display: block;
	color:#fff;
	text-decoration:none;
	}
#sapporo_fair,
#ginza_fair{
	background:#fff;
	padding:20px 10px 20px 30px;
	}
#sapporo_fair ul,
#ginza_fair ul{
	overflow-y: auto;
	height: 140px;
	}
#sapporo_fair ul li,
#ginza_fair ul li{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
	}
#sapporo_fair a,
#ginza_fair a{color: #E9B3B9;}
#sapporo_fair_more,
#ginza_fair_more{
	position:absolute;
	top:0;
	right:0;
	width:auto;
	padding:8px 0;
	}
#sapporo_fair_more a,
#ginza_fair_more a{
	background:url(../img/base/ui14.png) right center no-repeat;
	padding-right:12px;
	color:#fff;
	}
#index .js-coverLinkIcon:before{
	content:"";
	position:absolute;
	background:url(../img/base/ui06.png) no-repeat;
	width:12px;
	height:12px;
	right:10px;
	bottom:10px;
	}
#index #content_right_box .cBox.cBox-m{
    width: 300px;
    border: none;
    /* padding-right: 0; */
    background: #b4b4b4;
	}
#index #content_right_box .cBox.cBox-m h1 a,
#index #content_right_box .cBox.cBox-m p{color:#fff;}
#index #content_right_box .cBox.cBox-m .thumbnail_box{height:81px;}
#index #content_right_box .cBox.cBox-m:after{
	background-size:cover !important;
	background:url(../img/index/movie_image.jpg) center center no-repeat;
	content:"";
	position:absolute;
    left: 300px;
    width: 330px;
	top:0;
	bottom:0;
	}

.blogitems {
	margin: 3em 0;
}
.blogitems h2 {
	font-size: 2.4em;
	text-align: center;
	color: #a0a0a0;
	font-weight: normal;
	margin: 0 0 0.5em;
}
.blogitems-list {
  list-style: none;
  margin: 0 0 0 -1.515%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blogitems-list li {
  width: 23.485%;
  margin: 0 0 23px 1.515%;
  font-size: 100%;
}

.blogitems-main {
  position: relative;
}
.blogitems-main a {
  display: block;
  color: inherit;
}
.blogitems-main figure {
  margin: 0;
}
.blogitems-main h3 {
  margin: 10px 0;
  color: #000;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.429;
}

.blogitems-data {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.blogitems-main figure img {
  width: auto;
  height: auto;
  max-height: 177px;
  margin: 0 auto;
  display: block;
}

.blogitems-more {
  margin: 0 0 30px;
}
.blogitems-more a {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 12px 10px;
  max-width: 336px;
  border: 1px solid #e4b1b6;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.42857;
  text-align: center;
}
.blogitems-more a i {
  color: #e4b1b6;
  margin-left: 10px;
}
.blog-meta {
	overflow: hidden;
	margin: 5px 0 0;
}
.blog-view {
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 0 15px;
	margin: 0 10px 0 0;
	font-size: 12px;
	color: inherit;
	line-height: 20px;
}
.wp_ulike_btn {
	padding: 5px 10px 5px 27px!important;
	position: relative;
}
.counter-text {
	font-size: 12px;
}
.ico-heart {
	width: 14px;
	height: 14px;
	background: url(../img/base/ui33.png) no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -7px;
}
.ico-heart.active {
	background: url(../img/base/ui32.png) no-repeat;
	background-size: contain;
}
.blog-new {
  display: inline-block;
  padding: 2px 10px;
  background: #d79198;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}


@media(min-width:1121px){
	#index_wrapper,
	#index_wrapper2,
	#index #fair_information{width:1110px;}
	#index #fair_information_left,
	#index #fair_information_right{width:510px;}
	#index_wrapper2{margin-bottom: 35px;}
	#index #content_right_box{width:740px;}
	#index #content_left_box{width:370px;}
	#index .cBox-s{width:330px;}
	#index .cBox-m{width:330px;}
	#index .cBox-l{width:640px;}
	#index .cBox-w{width:700px;}
	#index .cBox-m,
	#index .cBox-l,
	#index .cBox-w,
	#index .cBox-f,
	#index .cBox-s{
		margin-left:20px;
		margin-right:20px;
		margin-bottom: 35px;
		}
	#index .cBox-f{
		width: 1070px;
		clear: both;
		float: none;
		padding: 15px 30px 25px;
		margin: 0 auto 30px;
		}
	#index .cBoxTitle{width:270px;}
	#index .cBoxMenu{width:290px;}
	#index #content_right_box .cBox.cBox-m:after{width: 400px;}
	}
@media(min-width:1px) and (max-width:960px){
	#sapporo_fair_more,
	#ginza_fair_more{
		position:static;
		text-align:right;
		}
	#index #content_right_box .cBox.cBox-m{
		width: 270px;
		padding-right: 30px;
		background:#b4b4b4;
		}
	#index #content_right_box .cBox.cBox-m h1 a,
	#index #content_right_box .cBox.cBox-m p{color:#fff;}
	#index #content_right_box .cBox.cBox-m .thumbnail_box{height:81px;}
	#index #content_right_box .cBox.cBox-m:after{display:none}
	.blogitems {
		margin: 0 5% 5px;
	}
	
	.blogitems-list {
	    margin-left: -4.0107%;
	}
	.blogitems-list li {
	    width: 45.9893%;
	    margin-left: 4.0107%;
	}
	}
@media(min-width:741px) and (max-width:960px){
	#index{}
	#index_wrapper,
	#index_wrapper2,
	#index #fair_information{width:740px;}
	#index #fair_information_left,
	#index #fair_information_right{
		float:none;
		padding:15px 0;
		width:auto;
		}
	#sapporo_fair,
	#ginza_fair{padding: 15px 15px 0;}
	#sapporo_fair ul,
	#ginza_fair ul{
		overflow-y: none;
		height: auto;
		}
	#index #content_right_box,
	#index #content_left_box{
		float:none;
		width:100%;
		}
	#index .cBox-s{width:330px;}
	#index .cBox-m{width:330px;}
	#index .cBox-l{width:700px;}
	#index .cBox-w{width:700px;}
	#index .cBox-m,
	#index .cBox-l,
	#index .cBox-w,
	#index .cBox-f{
		margin-left:20px;
		margin-right:20px;
		margin-bottom:35px;
		}
	#index .cBox-s{
		margin-left:20px;
		margin-right:20px;
		}
	#index .cBoxTitle{width:270px;}
	#index .cBoxMenu{width:290px;}
	#index #content_right_box .cBox.cBox-m {width: 330px;}
	}
@media(min-width:1px) and (max-width:740px){
	#index{}
	#index_wrapper,
	#index_wrapper2,
	#index #fair_information{
		width:100%;
		max-width:640px;
		}
	#index #fair_information_left,
	#index #fair_information_right{
		float:none;
		padding:15px 0;
		width:auto;
		}
	#index #fair_information_left h1,
	#index #fair_information_right h1{overflow: hidden;}
	#index #fair_information_left h1 img,
	#index #fair_information_right h1 img{
		height: 30px;
		margin-left: -54px;
		width: auto;
		}
	#sapporo_fair,
	#ginza_fair{padding: 15px 15px 0;}
	#sapporo_fair ul,
	#ginza_fair ul{
		overflow-y: none;
		height: auto;
		}
	#index #content_right_box,
	#index #content_left_box{
		float:none;
		width:100%;
		}
	#index .cBox{
		clear:both;
		float:none;
		background:#f5f5f5;
		}
	#index .cBox h2,
	#index .cBox h1,
	#index #fair_information_left h1,
	#index #fair_information_right h1{
		font-size: 20px;
		}
	#index .cBox .thumbnail_box{
		width:70px;
		height:70px;
		margin:0 auto;
		float:left;
		}
	#index .cBox-s{
		width:auto;
		height:75px;
		padding:11px 0 14px;
		margin:0 5% 5px;
		}
	#index .cBox-m{
		width:auto;
		height:75px;
		padding:0 0 0 15px;
		margin:0 5% 5px;
		}
	#index .cBox-m.cBox_premium {
		background-image: url(../img/index/c_premium_bg2.jpg);
	}
	#index .cBox-l{
		width:auto;
		height:auto;
		padding:10px;
		margin:0 5% 5px;
		}
	#index .cBox-w,
	#index .cBox-f{
		width:auto;
		height:auto;
		/*padding:0;*/
		margin:0 5% 5px;
		}
	#index .cBox.cBox-m h1,
	#index .cBox.cBox-w h1{
		line-height:28px;
		font-size:16px;
		}
	#index .cBox.cBox-l h1{
		}
	#index .cBox.cBox-m h1,
	#index .cBox.cBox-w h1{
		text-align: left;
		margin-left: 85px;
		height: 24px;
		padding: 23px 0;
		}
	#index .cBox.cBox-m h1.cBox_premium_title {
		margin: 0 0 0 85px;
		height: 24px;
		padding: 23px 0;
	}
	#index .cBox.cBox-l h1 span.icon{
		padding-left:0;
		padding-top:50px;
		text-align:center;
		}
	#index .cBox.cBox-l h1 span.icon01{background:url(../img/index/icon01.png) center top no-repeat;}
	#index .cBox.cBox-l h1 span.icon02{background:url(../img/index/icon02.png) center top no-repeat;}
	#index .cBox.cBox-m h1 img{height:19px;}
	#index .cBox.cBox-s h2{
		text-align:center;
		line-height:45px;
		}
	#index .cBox.cBox-s h2 img{
		height:45px;
		line-height:45px;
		}
	#index .cBox.cBox-m p,
	#index .cBox.cBox-w p{display:none;}
	#index .cBoxTitle{
		float:none;
		width:auto;
		padding:10px;
		}
	#index .cBox .cBoxTitle .thumbnail_box{
		display:block;
		float:none;
		}
	#index .cBox .cBoxTitle h1{
		margin:0;
		text-align:center;
		padding:0;
		}
	#index .cBoxMenu{
		float:none;
		width:auto;
		position:relative;
		padding:10px;
		}
	#index .cBoxMenu ul{
		margin-left:0;
		padding-left:0;
		border-left:none;
		}
	#index .cBox.cBox-archives .archivesBox{height: auto;}
	#index .cBox.cBox-archives .archivesBox ul li span{display:block;}
	#index .cBox.cBox-archives .moreBox{
		height:auto;
		text-align:center;
		width:auto;
		margin-right:10px;
		}
	#index .cBox.cBox-archives .moreBox a{
		display:inline;
		position:static;
		}
	#index .cBox.cBox-archives .archivesBox ul li time,
	#index .cBox.cBox-archives .archivesBox ul li p{display:inline;}
	#index .cBox.cBox-archives .archivesBox ul li time{
		float:none;
		width:auto;
		}
	#index .cBox.cBox-archives .archivesBox ul li p{margin-left:0;}
	#index .cBox-ex .thumbnail_box{margin-top:0;}
	#index .cBox-ex h1{margin-top:0;}
	#index .cBox-ex .ex-ginza{display:none;}
	#index #content_right_box .cBox.cBox-m{
		width: auto;
		height: 70px;
		padding: 0 0 0 15px;
		margin: 0 5% 5px;
		}
	#index #content_right_box .cBox.cBox-m h1 br{display:none;}
	#index #content_right_box .cBox.cBox-m .thumbnail_box {
		padding-top: 8px;
		height: 62px;
		}
	}

@media(min-width:1px) and (max-width:480px){
.counter-text {
	display: none;
}
.wp_ulike_btn {
	padding: 8px 10px 8px 24px!important
}

	}



/*
	2014-11-19 : ドレスショーバナー
*/
.cBox-f{line-height:0;}
.display_mq{display:none;}
.display_mq.display_pc{display:block;}
@media(min-width:481px) and (max-width:740px){
.display_mq.display_pc{display:none;}
.display_mq.display_tab{display:block;}
	}
@media(min-width:1px) and (max-width:480px){
.display_mq.display_pc{display:none;}
.display_mq.display_smp{display:block;}
	}

/*
	2015-11-24 : ドレスショーバナー追加、コレクションバナー移動
*/
#top_dressshow_banner {
	max-width: 1070px;
	text-align: center;
	margin: 0 auto 28px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#top_dressshow_banner img.sp {
	display: none;
}
#top_dressshow_banner.double {
	overflow: hidden;
}
#top_dressshow_banner.double a {
	width: 49%;
	float: left;
	display: block;
}
#top_dressshow_banner.double a + a {
	float: right;
}
#top_dressshow_banner 
@media(min-width:961px) and (max-width:1120px){
	#top_dressshow_banner {
		max-width: 990px;
		padding: 0 16px;
	}
}

@media(min-width:641px) and (max-width:960px){
	#top_dressshow_banner {
		max-width: 740px;
		padding: 0 20px;
	}
	#top_dressshow_banner img.sp {
		display: none;
	}
	#top_dressshow_banner.double a {
		width: 100%;
	}
}
@media(max-width:640px){
	#top_dressshow_banner {
		max-width: 640px;
		margin: 0 5% 8px;
	}
	#top_dressshow_banner img.pc {
		display: none;
	}
	#top_dressshow_banner img.sp {
		display: inline;
	}
	#top_dressshow_banner.double a {
		width: 100%;
	}
/* 	#top_dressshow_banner a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 33%;
	background: url(../img/base/banner_dressshow_tablet.jpg) no-repeat center top;
	background-size: 100%;
}
#top_dressshow_banner img {
	display: none;
} */
}
/*

共通設定のため、base.cssに移行

#banner_collection_foot {
	clear: both;
	text-align: center;
	padding-top: 35px;
}
@media(min-width:961px) and (max-width:1120px){
	#banner_collection_foot {
		max-width: 990px;
		padding: 35px 16px 0;
	}
}
@media(min-width:641px) and (max-width:960px){
	#banner_collection_foot {
		max-width: 740px;
		padding: 15px 20px 0;
	}
}
@media(max-width:640px){
	#banner_collection_foot {
		display: block;
		max-width: 640px;
		margin: 0 5% 8px;
	}
	#banner_collection_foot a {
		display: block;
		height: 0;
		overflow: hidden;
		padding-top: 32%;
		background: url(../img/base/banner_catalog_large.jpg) no-repeat center top;
		background-size: 100%;
	}
	#banner_collection_foot img {
		display: none;
	}
}*/