@charset "utf-8";
/* CSS Document */

/*********************************************

	         　横幅100%表示

*********************************************/
.pane-left-menu {
    display: none;
}

.pane-contents .container {
	width:100%;
}



/*********************************************

	         　breadcrumbs

*********************************************/
p.breadcrumbs{
	font-size: 12px;
	color: #000;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
	max-width: 990px;
    width: 100%;
    margin: 0 auto 10px;
}

p.breadcrumbs span::before{
	content: "＞";
}

p.breadcrumbs a{
	text-decoration: underline;
}

/*********************************************

	         　共通

*********************************************/
.block-event-page article h1{
	margin: 0;
	padding: 0;
}
.block-event-page article h2{
	border: none;
	background:none;
	padding:0;
}
.block-event-page article h3{
	color: #000;
	background: none;
	padding: 0;
}
.block-event-page article h3 span{
	color: #000;
	background: none;
}

.block-event-page #coupon_event h2,
.block-event-page #recommend_bn h2,
.block-event-page #size h2,
.block-event-page #category h2,
.block-event-page #price h2{
	padding-top: 5%;
    font-size: 1.1rem;
    line-height: 3.5rem;
    margin: 5% 0 3%;
    text-align: center;
    letter-spacing: 0.2rem;
		border: none;
}
.block-event-page #coupon_event h2 span,
.block-event-page #recommend_bn h2 span,
.block-event-page #size h2 span,
.block-event-page #category h2 span,
.block-event-page #price h2 span{
    font-weight: 700;
    font-size: 3rem;
    display: block;
}

.block-event-page #size .contents_wrapper,
.block-event-page #category .contents_wrapper,
.block-event-page #price .contents_wrapper{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.block-event-page #shoplist_bnr .contents_wrapper{
	max-width: 960px;
    width: 100%;
    margin: 60px auto 0;
    padding: 0;
}


.slick-dots li.slick-active button:after {
    display: none;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
	background-color: transparent;
}
.slick-dots li button:before{
	background-color: transparent;
}


/*.footer-list-inner {
    display: none;
}
*/


/*　画面サイズが641pxからはここを読み込む　*/
@media screen and (max-width:641px) {
.block-event-page #shoplist_bnr .contents_wrapper{
    margin: 40px auto 40px;
    width: 95%;
}
}



/*********************************************

	         　size

*********************************************/
.bg2,.bg2 a{
	color: #000 !important;
}

#size li.size_list_p{
	width: 48% !important;
	cursor: pointer;
}

#size li.size_list_p div.size_list_c{
	display: none;
}

p.size_btn{
	padding: 20px 0;
	color: #000;
}

p.size_btn,
div.size_list_c li{
	width: 100% !important;
	display: block;
	background-color: #fff;
	text-align: center;
    margin-bottom: 0 !important;
}

p.size_btn{position: relative;}

p.size_btn::after{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(/img/usr/underwear/event/common/open.png);
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 10px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

p.size_btn.open::after{
	background-image: url(/img/usr/underwear/event/common/close.png);
}

div.size_list_c li a{
	padding: 20px 0;
	display: block;
	border-bottom:#cccccc 1px solid;
}

div.size_list_c li a:hover{
	background-color: #CCCCCC;
}
div.size_list_c li:last-child{
	border-bottom:none;
}

#size li.size_list_p div.size_list_c{
	width: 100%;
}

/*********************************************

	         　category

*********************************************/
#category ul.list li{
	width: 18%;
	padding: 0 3%;
	box-sizing: border-box;
}

.category_list_item_img {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.428rem;
}

.category_list_item_img img {
	width: 100%;
}

.category_list_item_txt {
	text-align: center;
}

.category_list_item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	text-decoration: none;
	transition: .4s;
}

/*********************************************

	         　Price

*********************************************/
#price ul.list li{
	width: 18%;
}
#price ul.list li a{
	display: block;
	padding:40px 0;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
}

#price ul.list li a:hover{
	background-color: #CCCCCC;
}


/*--------------------------------


           shoplist


---------------------------------*/
#shoplist {
    margin: 100px auto;
    max-width: 990px;
}

/*　画面サイズが990pxからはここを読み込む　*/
@media screen and (max-width:990px) {
#shoplist {
    width: 96%;
    margin: 5% auto;
}
}


/*--------------------------------


           pagetop


---------------------------------*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 22;
}


/*--------------------------------


           recommend bn


---------------------------------*/
@media screen and ( min-width : 641px ) {
#recommend_bn{
	margin-bottom: 50px;
}
.bnr-area {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.bnr-area li {
		display: block;
		width: -webkit-calc( ( 100% - 20px ) * .5 );
		width: calc( ( 100% - 20px ) * .5 );
		margin-bottom: 20px;
	}
	.bnr-area li:not(:nth-child(2n)){
		margin-right: 20px;
	}
	.bnr-area li a {
		display: block;
		-webkit-transition: ease 400ms;
		-o-transition: ease 400ms;
		transition: ease 400ms;
	}
	.bnr-area li a:hover {
		opacity: .65;
	}
	.bnr-area li img {
		display: block;
		max-width: 100%;
	}
}

@media screen and ( max-width : 641px ) {
.bnr-area {
		display: block;
	}
	.bnr-area li {
		display: block;
		width: 100%;
		margin-bottom: 6vw;
	}
	.bnr-area li a {
		display: block;
	}
	.bnr-area li img {
		display: block;
		max-width: 100%;
	}
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
#size .contents_wrapper,
#category .contents_wrapper,
#price .contents_wrapper{
    padding: 5% 3%;
    box-sizing: border-box;
}
#size h2,
#category h2,
#price h2{
    line-height: 2.5rem;
    font-size: 1rem;
    margin: 5% 0 3%;
}

#size h2 span,
#category h2 span,
#price h2 span,
#recommend_bn h2 span,
#coupon_event h2 span{
    font-size: 8.8vw !important;
}
article h2{
		background: none;
}

/*********************************************

	         　category

*********************************************/
#category ul.list li{
	width: 32%;
	margin-bottom: 2rem;
}

/*********************************************

	         　price

*********************************************/
#price ul.list li{
	width: 32%;
	margin-bottom: 2%;
}
/*********************************************

	         　size

*********************************************/
#size li.size_list_p{
	width: 100% !important;
}


/*********************************************

	         　page-top

*********************************************/
#page-top img{width: 50px;}



}



#size h2 span{
	max-width: 218px !important;
	width: 100% !important;
	margin: 0 auto;
}
#category h2 span{
	max-width: 218px !important;
	width: 100% !important;
	margin: 0 auto;
}

#recommend_bn{
	padding: 5% 10px !important;
}
.bg2{
	padding: 0 10px 50px !important;
}