@charset "utf-8";


html body * {
    font-family: "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

html.sp .breadCrumb {
    display:none;
}

@media (min-width: 750px) {
.br_sp {
display: none;
}
}

@media (max-width: 750px) {
.br_sp {
display: block;
}
}

/* contents
----------------------------------------------------------------------------------------------------*/

#wContents {
    width: 1048px;
    margin-left: auto;
    margin-right: auto;
}


/* wPrimary
----------------------------------------------------------------------------------------------------*/

#wPrimary h1 {
    font-size: 32px;
    line-height: 1.4;
}

/*キャンペーンリスト*/

.frameYe {
    margin: 25px 5px;
    padding: 10px 10px 20px 10px;
    border: 5px solid #fff4cc;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #fff4cc;
    background-color: #fff;
}

#wPrimary {
    width: 766px
}

#wPrimary .secWrap {
    background: url(/campaign/common/images/bg_hr.jpg) repeat-x bottom left;
    margin-bottom: 15px!important;
}

.secWrap p {
    margin-bottom: 15px!important;
}

.boxL {
    float: left;
    margin-top: 20px;
}

.boxR {
    float: left;
    margin-left: 15px;
    width: 420px;
}

.campTitile {
    float: rigth;
    color: #e5025a;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

.bold {
    font-weight: bold;
}

.boxBtn {
    text-align: right;
    width: 420px;
}

/*----------通年CP共通------------*/

.cp_size {
text-align: right !important;
font-size: 14px !important;
margin-top: 0 !important;
}

.note-cmn {
	color: #888;
	font-size: 14px;
	padding-left: 14px !important;
    text-indent: -14px;
}

.center {
	margin: auto;
	text-align: center;
}



/*--------------------料金--------------------*/

.img_price {
	width: 80%;
}

.price p.for {
	text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin: 40px 0 20px;
}

.price div.rei {
	background: url(/img/campaign/common/bg.png) repeat-y;
	border-radius: 32px;
	padding: 30px;
	margin-bottom: 30px;
}

.price div.rei:last-of-type {
	margin-bottom: 0;
}


#wPrimary .price img.user {
	width: 420px;
	margin: 0 auto 15px;
}

#wPrimary .price img.user.big {
	width: 470px;
}

#wPrimary .price img.plus {
	margin: 20px auto;
	width: 30px;
}

section.price p {
	font-size: 18px;
	text-align: center;
}

section.price p strong {
	font-size: 30px;
}

.price div.item {
	display: flex;
	margin: 20px 0;
	align-items: center;
	justify-content: space-around;
}

section.price p span.tax {
	font-size: 16px;
}

#wPrimary .price div.item img {
    width: 275px;
    margin: 0;
    height: 100%;
}

section.price div.item p {
    text-align: left;
}

section.price p.total {
	color: #e94235;
	font-size: 24px;
}

section.price p.total strong {
	font-size: 36px;
}

/*--------------------料金(新規html対応)--------------------*/


.main-colright .price img.user {
	width: 420px;
	margin: 0 auto 15px;
}

.main-colright .price img.user.big {
	width: 470px;
}

.main-colright .price img.plus {
	margin: 20px auto;
	width: 30px;
}


.main-colright .price div.item img {
    width: 275px;
    margin: 0;
    height: 100%;
}


/*--------------------------------
*
*
* class from style.css
*
*
*--------------------------------*/

.tags-costume {
margin-top: 20px;
margin-bottom: 8px;
}

.tags-costume span {
display: inline-block;
font-size: 12px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #fff;
border: 1px solid #dcdcdc;
width: auto;
text-align: center;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px 10px;
}

.desc-pop-costume {
font-size: 16px;
line-height: 32px;
padding-top: 10px;
padding-bottom: 15px;
}

.get-posts:not(.loaded) {
opacity: 0;
}

.get-posts {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}

.post-item {
transition: opacity 0.3s ease;
}

.transparent {
opacity: 0;
}

img {
display: block;
max-width: 100%;
}


a {
color: #333333;
text-decoration: none;
}

.trans {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
transition: opacity 0.26s ease;
}

strong {
font-weight: bold;
}

.container {
min-width: 1070px;
}

.go-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 57px;
cursor: pointer;
}

.cmn-header {
width: 1048px;
margin-left: auto;
margin-right: auto;
padding: 20px 0 22px;
}

.cmn-header .left-header {
float: left;
}

.cmn-header .left-header .logo {
float: left;
width: 93px;
}

.cmn-header .left-header .icon-no1 {
float: left;
width: 240px;
margin-left: 20px;
margin-top: 5px;
}

.cmn-header .right-header {
float: right;
margin-top: 2px;
}

.global-navigation {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin-bottom: 15px;
}

.btn-show {
display: block;
cursor: pointer;
font-size: 16px;
font-weight: bold;
color: #777777;
text-align: center;
border-radius: 5px;
background-color: #ececec;
box-shadow: 0px 2px 0px 0px #d4d4d4;
padding: 17px 0 12px;
}

.btn-show span {
padding: 5px 0 5px 35px;
display: inline-block;
background-image: url(/img/common/icon-plus.png);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: left center;
}

.btn-click {
display: block;
width: 125px;
margin-right: 8px;
text-align: center;
border: 1px solid #dcdcdc;
font-size: 14px;
font-weight: 500;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
color: #333333;
background: #fff;
border-radius: 4px;
padding: 7px 0 5px;
outline: none;
transition: all 0.26s ease;
}

.item-dress {
text-align: center;
margin-bottom: 32px;
}

.item-dress a {
text-decoration: none;
outline: none;
}

.item-dress .cover {
background-color: #ffffff;
padding-bottom: 15px;
}

.item-dress .cover .image {
margin-bottom: 18px;
}

.item-dress .cover .image img {
border: solid 1px #e6e6e6;
}

.item-dress p {
font-size: 12px;
font-weight: bold;
}

.content-pop-dress {
font-family: "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
display: none;
border: 5px solid #fff;
border-radius: 15px;
padding: 15px;
width: 530px;
background-color: #faf8f2;
position: relative;
overflow: visible;
}

.content-pop-dress>img {
width: 100%;
display: block;
}

.tool-costume {
border-top: 1px solid #e6e6e6;
margin-bottom: 32px;
}

.tool-costume .line {
padding: 16px 0;
border-bottom: 1px solid #e6e6e6;
position: relative;
padding-left: 51px;
}

.tool-costume .line .pos-ab {
position: absolute;
top: 23px;
left: 0;
}

.tool-costume .line .text {
display: inline-block;
vertical-align: middle;
min-width: 51px;
padding-right: 10px;
font-size: 14px;
}

.tool-costume .line .btn-click {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}

.tool-costume .line .box-select {
display: inline-block;
vertical-align: middle;
margin-left: 18px;
padding-left: 30px;
border-left: 1px dotted #cccccc;
}

.list-recommend.four-item {
margin-bottom: 18px;
}

.list-recommend.four-item .clearfix .item:nth-child(n+10) {
display: none;
}

.list-recommend .item {
padding: 0 16px;
}

.btn-click.active {
color: #fff;
font-weight: bold;
background: #e94235;
border-color: #d62e21;
}

.content-pop-dress .btn-close {
position: absolute;
cursor: pointer;
top: -26px;
right: -26px;
width: 49px;
}

.btn-close-text {
display: block;
max-width: 307px;
text-align: center;
margin: 0 auto;
background-color: #ececec;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
-webkit-box-shadow: 0px 2px 0px 0px #d4d4d4;
-moz-box-shadow: 0px 2px 0px 0px #d4d4d4;
box-shadow: 0px 2px 0px 0px #d4d4d4;
background-repeat: no-repeat;
background-position: 110px center;
background-size: 14px auto;
padding: 19px 0 20px 27px;
background-image: url(/img/top/icon-close.png);
cursor: pointer;
}

.content-pop-dress .btn-next {
position: absolute;
cursor: pointer;
width: 22px;
padding: 23px 0;
top: 50%;
margin-top: -43px;
right: 2px;
}

.content-pop-dress .btn-next img {
width: 100%;
}

.content-pop-dress .btn-prev {
position: absolute;
cursor: pointer;
width: 22px;
padding: 23px 0;
top: 50%;
margin-top: -43px;
left: 2px;
}

.content-pop-dress .btn-prev img {
width: 100%;
}

.content-pop-dress .btn-close-text {
margin-top: 20px;
margin-bottom: 30px;
}
	
@media (max-width: 750px) {
.cp_size {
font-size: 12px !important;
}
	
	
/*--------------------料金(SP)--------------------*/

.img_price {
	width: 95%;
}

.price p.for {
    font-size: 22px;
}

.price div.rei {
	background: url(/img/campaign/common/bg.png) repeat-y;
	background-size: cover;
	border-radius: 14px;
	padding: 20px 10px;
}


.price .cp_inner {
	padding: 10px;
}	

#wPrimary .price img.user {
	width: 92%;
}

#wPrimary .price img.user.big {
	width: 100%;
}

#wPrimary .price img.plus {
	margin: 10px auto;
	width: 22px;
}

section.price p {
	font-size: 14px;
	text-align: center;
	margin: 20px 0 10px;
}

section.price p strong {
	font-size: 24px;
}
	
.price div.item {
	margin: 0;
}
	

#wPrimary .price div.item img {
    width: 60%;
}

section.price p.total {
	font-size: 14px !important;
}

section.price p.total strong {
	font-size: 28px !important;
}
	

section.price p span.tax {
	font-size: 12px;
}	
	
.note-cmn {
    font-size: 13px;
    padding-left: 13px !important;
    text-indent: -13px;
}	
	
	
/*--------------------料金(SP)(新規html対応)--------------------*/	
	
.main-colright .price img.user {
	width: 92%;
}

.main-colright .price img.user.big {
	width: 100%;
}

.main-colright .price img.plus {
	margin: 10px auto;
	width: 22px;
}	
	

.main-colright .price div.item img {
    width: 60%;
}	

}


/*--------------------/ネット予約CP用--------------------*/

/* キャンペーン　header固定の場合のページ内リンクずれ対策
*/

#camp {
    margin-top: -63px;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 63px;
    /* 打ち消し用のパディング */
}

#open {
    margin-top: -63px;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 63px;
    /* 打ち消し用のパディング */
}






/* オープンキャンペーン
*/

.poClist {
    margin-top: 10px;
}

.poClist li {
    float: left;
    margin-right: 12px;
    margin-bottom: 20px;
}

.poClist li img {
    width: 113px;
}

.box_stuff {
    width: 694px;
    padding: 20px;
}

.ph_stuff {
    width: 97px;
    height: 71px;
    margin-right: 20px;
    float: left;
}

.txt_stuff {
    float: left;
    width: 525px;
}





/* 店舗地図設定 */

.emphasis {
    color: #C03;
    font-weight: bold;
}

.mapBox_left {
    width: 370px;
    padding: 0 5px;
    float: left;
}

.mapBox_left dl {
    padding: 10px 0;
}

.mapBox_left dt {
    width: 70px;
    padding-right: 10px;
    float: left;
    clear: both;
}

.mapBox_left dd {
    width: 250px;
    padding-bottom: 10px;
    float: left;
}

.mapBox_right {
    width: 250px;
    padding-top: 5px;
    float: left;
}

strong {
	font-weight: bold;
}

/*--------------------------------
*
*
* class from style.css
*
*
*--------------------------------*/

.tags-costume {
margin-top: 20px;
margin-bottom: 8px;
}

.tags-costume span {
display: inline-block;
font-size: 12px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #fff;
border: 1px solid #dcdcdc;
width: auto;
text-align: center;
margin-right: 7px;
margin-bottom: 7px;
padding: 2px 10px;
}

.desc-pop-costume {
font-size: 16px;
line-height: 32px;
padding-top: 10px;
padding-bottom: 15px;
}

.get-posts:not(.loaded) {
opacity: 0;
}

.get-posts {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}

.post-item {
transition: opacity 0.3s ease;
}

.transparent {
opacity: 0;
}

img {
display: block;
max-width: 100%;
}


a {
color: #333333;
text-decoration: none;
}

.trans {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
transition: opacity 0.26s ease;
}

strong {
font-weight: bold;
}

.container {
min-width: 1070px;
}

.go-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 57px;
cursor: pointer;
}

.go-to-top img {
width: 57px;
height: 57px;
}

.cmn-header {
width: 1048px;
margin-left: auto;
margin-right: auto;
padding: 20px 0 22px;
}

.cmn-header .left-header {
float: left;
}

.cmn-header .left-header .logo {
float: left;
width: 93px;
}

.cmn-header .left-header .icon-no1 {
float: left;
width: 240px;
margin-left: 20px;
margin-top: 5px;
}

.cmn-header .right-header {
float: right;
margin-top: 2px;
}

.global-navigation {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin-bottom: 15px;
}

.btn-show {
display: block;
cursor: pointer;
font-size: 16px;
font-weight: bold;
color: #777777;
text-align: center;
border-radius: 5px;
background-color: #ececec;
box-shadow: 0px 2px 0px 0px #d4d4d4;
padding: 17px 0 12px;
}

.btn-show span {
padding: 5px 0 5px 35px;
display: inline-block;
background-image: url(/img/common/icon-plus.png);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: left center;
}

.btn-click {
display: block;
width: 125px;
margin-right: 8px;
text-align: center;
border: 1px solid #dcdcdc;
font-size: 14px;
font-weight: 500;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
color: #333333;
background: #fff;
border-radius: 4px;
padding: 7px 0 5px;
outline: none;
transition: all 0.26s ease;
}

.item-dress {
text-align: center;
margin-bottom: 32px;
}

.item-dress a {
text-decoration: none;
outline: none;
}

.item-dress .cover {
background-color: #ffffff;
padding-bottom: 15px;
}

.item-dress .cover .image {
margin-bottom: 18px;
}

.item-dress .cover .image img {
border: solid 1px #e6e6e6;
}

.item-dress p {
font-size: 12px;
font-weight: bold;
}

.content-pop-dress {
font-family: "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
display: none;
border: 5px solid #fff;
border-radius: 15px;
padding: 15px;
width: 530px;
background-color: #faf8f2;
position: relative;
overflow: visible;
}

.content-pop-dress>img {
width: 100%;
display: block;
}

.content-pop-dress .cover {
    position: relative;
}



.tool-costume {
border-top: 1px solid #e6e6e6;
margin-bottom: 32px;
}

.tool-costume .line {
padding: 16px 0;
border-bottom: 1px solid #e6e6e6;
position: relative;
padding-left: 51px;
}

.tool-costume .line .pos-ab {
position: absolute;
top: 23px;
left: 0;
}

.tool-costume .line .text {
display: inline-block;
vertical-align: middle;
min-width: 51px;
padding-right: 10px;
font-size: 14px;
}

.tool-costume .line .btn-click {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}

.tool-costume .line .box-select {
display: inline-block;
vertical-align: middle;
margin-left: 18px;
padding-left: 30px;
border-left: 1px dotted #cccccc;
}

.list-recommend.four-item {
margin-bottom: 18px;
}

.list-recommend .item {
padding: 0 16px;
}

.btn-click.active {
color: #fff;
font-weight: bold;
background: #e94235;
border-color: #d62e21;
}

.content-pop-dress .btn-close {
position: absolute;
cursor: pointer;
top: -26px;
right: -26px;
width: 49px;
}

.btn-close-text {
display: block;
max-width: 307px;
text-align: center;
margin: 0 auto;
background-color: #ececec;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
-webkit-box-shadow: 0px 2px 0px 0px #d4d4d4;
-moz-box-shadow: 0px 2px 0px 0px #d4d4d4;
box-shadow: 0px 2px 0px 0px #d4d4d4;
background-repeat: no-repeat;
background-position: 110px center;
background-size: 14px auto;
padding: 19px 0 20px 27px;
background-image: url(/img/top/icon-close.png);
cursor: pointer;
}

.content-pop-dress .btn-next {
position: absolute;
cursor: pointer;
width: 22px;
padding: 23px 0;
top: 50%;
margin-top: -43px;
right: 2px;
}

.content-pop-dress .btn-next img {
width: 100%;
}

.content-pop-dress .btn-prev {
position: absolute;
cursor: pointer;
width: 22px;
padding: 23px 0;
top: 50%;
margin-top: -43px;
left: 2px;
}

.content-pop-dress .btn-prev img {
width: 100%;
}

.content-pop-dress .btn-close-text {
margin-top: 20px;
margin-bottom: 30px;
}

.btn-show {
    display: block;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #777777;
    text-align: center;
    border-radius: 5px;
    background-color: #ececec;
    box-shadow: 0px 2px 0px 0px #d4d4d4;
    padding: 17px 0 12px;
}

.cp_costume_wrapper .tool-costume {
border-top: none;
}

.cp_costume_wrapper .tool-costume .line {
border-bottom: 2px solid #ffffff;
}

.cp_costume_wrapper .tool-costume .line .text {
font-size: 15px;
color: #888888;
}

.cp_costume_wrapper .tool-costume .line .pos-ab {
position: relative;
top: auto;
left: auto;
}

.cp_costume_wrapper .tool-costume .line .btn-click {
border: 2px solid #e6e6e6;
color: #333333;
text-decoration: none;
}

.cp_costume_wrapper .tool-costume .line .btn-click.active {
color: #ffffff;
}

.cp_tool_costume {
margin-top: 48px;
border-top: none;
}

.cp_costume_wrapper .get-posts {
padding-right: 20px;
padding-left: 20px;
}

.cp_costume_wrapper .list-recommend .item {
float: left;
width: 33.3%;
}

.cp_costume_wrapper .list-recommend {
margin: 0;
}

.cp_costume_wrapper .item-dress .cover .image img {
border: none;
}

.cp_costume_wrapper .item-dress .cover {
background: transparent;
padding-bottom: 0;
}

.cp_costume_wrapper .item-dress p {
font-size: 16px;
font-weight: normal;
color: #333333;
line-height: 1.4;
}

.cp_costume_wrapper .item-dress a:hover {
color: #333333;
}

.cp_costume_wrapper .btn-show {
margin: 34px 56px 0;
padding: 0;
border-radius: 14px;
color: #777;
}

.cp_costume_wrapper .btn-show span {
display: block;
width: 86%;
margin: 0 auto;
padding: 0;
font-size: 18px;
line-height: 76px;
}




@media (max-width: 750px) {
    .new_yoyaku a.net {
        font-size: 14px !important;
    }
    .new_yoyaku a.tel02 {
        font-size: 14px !important;
    }
}

@media (min-width: 751px) {
    .new_yoyaku a.net {
        font-size: 18px !important;
    }
    .new_yoyaku a.tel02 {
        font-size: 18px !important;
    }
}

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}






/* wSide
----------------------------------------------------------------------------------------------------*/


/* clearfix
----------------------------------------------------------------------------------------------------*/

.frame5:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}


.clearfix {
    zoom: 1;
    /*for IE 5.5-7*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#wContents #wPrimary h3 {
    line-height: 1.5;
}
#wContents #wPrimary h4 {
    border: none;
}
#wContents .white {
    text-align: left;
}



@media (max-width: 750px) {
	
.cp_costume_wrapper .item-dress p {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.6;
}	


.list-recommend.four-item .clearfix .item:nth-child(n+9) {
display: none;
}
	
	
.cp_tool_costume.tool-costume .line {
	padding: 12px 0 12px 16px!important;
}
.cp_tool_costume.tool-costume .line .btn-click.width_33 {
	width: 128px;
	margin-right: 8px;
	float: none!important;
}
.cp_costume_wrapper .cp_tool_costume.tool-costume .line .pos-ab {
	padding-right: 20px;
	font-weight: bold;
}
.cp_tool_costume.tool-costume .line .text {
	min-width: auto;
}
.cp_costume_wrapper .cp_tool_costume.tool-costume .line .btn-click {
	width: 115px;
	margin-right: 8px;
}
	
.cp_costume_wrapper .btn-show {
    margin: 0px 15px 0;
}

.btn-close-text {
max-width: 295px;
color: #777777;
background-color: #ececec;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
font-size: 15px;
background-position: 22px center;
padding: 15px 0 12px 2px;
letter-spacing: 0.2em;
margin-bottom: 0 !important;
}
.desc-pop-costume {
font-size: 16px;
line-height: 26px;
padding-top: 5px;
padding-bottom: 8px;
}
.tags-costume span {
font-weight: bold;
}
.content-pop-dress .btn-close .sm {
display: none !important;
}
.content-pop-dress .btn-close .md {
display: block !important;
}
.content-pop-dress .btn-close img {
width: 100%;
}
.content-pop-dress .btn-next {
position: absolute;
cursor: pointer;
width: 16px;
padding: 10px 0;
top: 50%;
margin-top: -23px;
right: 0;
}
.content-pop-dress .btn-prev {
position: absolute;
cursor: pointer;
width: 16px;
padding: 10px 0;
top: 50%;
margin-top: -23px;
left: 0;
}
.content-pop-dress .btn-close {
top: -25px;
right: -22px;
width: 40px;
padding: 0;
}
.trans,
.trans:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
transition: all 0.26s ease;
}

body {
font-size: 12px;
}

.container {
width: auto;
min-width: 320px;
}

.wrapper {
width: auto;
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.go-to-top {
right: 10px;
bottom: 60px;
width: 35px;
}

.go-to-top img {
width: 35px;
height: 35px;
}

.btn-show {
font-size: 15px;
border-radius: 15px;
padding: 0;
}
.btn-show span {
padding: 14px 0 13px;
letter-spacing: 0.2em;
display: block;
background-image: url(/img/common/icon-plus.png);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: left 20px center;
}

.btn-click {
width: 135px;
padding: 4px 0;
margin-right: 5px;
transition: all 0.26s ease;
}

.list-recommend {
margin: 0 -7px 11px;
}
.list-recommend .item {
width: 50%;
padding: 0 7px;
margin-bottom: 15px;
}
.list-recommend .item.item-dress {
width: 33.33333%;
padding: 0 7px;
}
.item-dress {
text-align: center;
margin-bottom: 32px;
}
.item-dress .content-pop-dress {
display: none;
}
.item-dress .cover {
background-color: #ffffff;
padding-bottom: 11px;
}
.item-dress .cover .image {
margin-bottom: 10px;
}
.item-dress p {
font-size: 9px;
}
.content-pop-dress {
padding: 15px 15px 21px;
width: 90%;
overflow: initial;
border-radius: 15px;
}
.content-pop-dress>img {
width: 100%;
display: block;
margin-bottom: 25px;
}
.tool-costume .line {
padding: 14px 0 15px 85px;
}
.tool-costume .line.border-dot {
border-top: 1px dotted #cccccc;
padding: 14px 0 15px 85px;
}
.tool-costume .line .pos-ab {
position: absolute;
top: 18px;
left: 15px;
}
.tool-costume .line .text {
min-width: 70px;
}
.tool-costume .line .box-select {
margin-left: 0;
padding-left: 0;
border-left: 0;
}
.list-recommend.list-show-second .item.item-dress:nth-child(n + 7) {
display: none;
}

.list-recommend.four-item {
margin-bottom: 10px;
}
.tool-costume .line .btn-click.width_33 {
width: 30.5%;
margin-right: 2%;
float: left;
}
	

}	

@media (max-width: 374px) {

.btn-click {
width: 110px;
}
.content-pop-dress {
padding: 10px;
}
.tool-costume {
margin: 0 -10px 32px;
}
.tool-costume .line {
padding-left: 70px;
}
.tool-costume .line.border-dot {
padding-left: 70px;
}
}