@charset "utf-8";
/*All device
--------------------------------------------------*/

.spdn {
	display: none;
}
.pcdn {
	display: block;
}

#header .logowrap h1 {
	float:right;
	width:210px;
}

#contents {
	text-align:center;
}

#breadcrumbs_pc {
	display:none;
}

#breadcrumbs_sp {
	padding:10px;
	font-size:10px;
	text-align:left;
}

#breadcrumbs_sp a, #breadcrumbs_sp a:hover, #breadcrumbs_sp a:active {
	text-decoration:underline;
}

#contents .socialIcon3 {
	display:none;
}

/*SPにソーシャル出す場合はこれをはずす
#container .socialIcon3 {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	display:block;
}
#container .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}
#container .socialIcon3 ul li {
	padding:0px;
	float:left;
	margin:0px 5px 0px 0px;
}*/

h2 {
	margin: 15px 0 0 0;
	width:100%;
}

h2 img {
	width:100%;
}
.tread_sp {
	width:95%;
	margin:0 auto 15px;
	font-size:10px;
	text-align:left;
}
.tread_pc {
	display:none;
}






/*▼タブ*/
#tab_category {
    display: table;
    width: 100%;
    height: 44px;
    border-bottom: 2px solid #bfa997;
    border-top: 1px solid #FFFFFF;
	padding: 0!important;
}
#tab_category a.disable {
	display: table-cell;
	width: 33.33%;
	height: inherit;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #EEEEEE;
	text-decoration: none;
}
#tab_category a.disable li {
	border-left: 1px solid #FFFFFF;
}
#tab_category a.disable li.ac {
	border-left:none;
}
#tab_category a.disable li:hover {
	cursor: pointer;
	text-decoration: none;
}
#tab_category a.disable li {
	display: table;
	width: 100%;
	height: inherit;
	text-decoration: none;
}
#tab_category a.disable li .tab_text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: #555555;
}
#tab_category .disable li .tab_link {
	display: table;
	width: 100%;
	height: inherit;
	text-decoration: none;
	color: #555555;
}
#tab_category a.disable li.ac .tab_text {
	background-color: #bfa997;
	color: #FFFFFF;
	text-decoration: none;
}
.tab_content {
	list-style:none;
	padding: 0!important;
}
/*.dn {
	display: none;
}*/




a#buttontop_sp {
	display:block;
	width:95%;
	margin:15px auto;
	padding:8px 0;
	background:url("../images/icon_catalog.png") 8px 50% no-repeat;
	background-size:22px;
	background-color:#e2375b;
	border:solid #cd415f;
	border-width:1px 1px 2px 1px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#FFFFFF !important;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

a.stylebutton_sp {
	display:block;
	width:95%;
	margin:15px auto;
	padding:8px 0;
	background:url("../images/icon_catalog.png") 8px 50% no-repeat;
	background-size:22px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#FFFFFF !important;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


#style1 a.stylebutton_sp,
#style9 a.stylebutton_sp {
	background-color:#e37e37;
	border:solid #e36b16;
	border-width:1px 1px 2px 1px;
}
#style2 a.stylebutton_sp,
#style10 a.stylebutton_sp {
	background-color:#ec4e76;
	border:solid #ec2759;
	border-width:1px 1px 2px 1px;
}
#style3 a.stylebutton_sp,
#style11 a.stylebutton_sp {
	background-color:#8c61b8;
	border:solid #8c61b8;
	border-width:1px 1px 2px 1px;
}
#style4 a.stylebutton_sp,
#style12 a.stylebutton_sp {
	background-color:#0c92c6;
	border:solid #008fc6;
	border-width:1px 1px 2px 1px;
}


#style5 .styleCol .styleinfo a.btn01 {
	background-color:#c47f1a;
	border:solid #c47400;
	border-width:1px 1px 2px 1px;
}
#style5 .styleCol .styleinfo a.btn02 {
	background-color:#e3833f;
	border:solid #e36f1c;
	border-width:1px 1px 2px 1px;
}
#style6 .styleCol .styleinfo a.btn03 {
	background-color:#f5546b;
	border:solid #f53752;
	border-width:1px 1px 2px 1px;
}
#style6 .styleCol .styleinfo a.btn04 {
	background-color:#ec6486;
	border:solid #ec446e;
	border-width:1px 1px 2px 1px;
}
#style7 .styleCol .styleinfo a.btn05 {
	background-color:#9175c3;
	border:solid #8866c3;
	border-width:1px 1px 2px 1px;
}
#style7 .styleCol .styleinfo a.btn06 {
	background-color:#ba79b7;
	border:solid #ba5cb6;
	border-width:1px 1px 2px 1px;
}
#style8 .styleCol .styleinfo a.btn07 {
	background-color:#359ad2;
	border:solid #008fc6;
	border-width:1px 1px 2px 1px;
}
#style8 .styleCol .styleinfo a.btn08 {
	background-color:#24aece;
	border:solid #209bb8;
	border-width:1px 1px 2px 1px;
}


a#buttontop_sp span, a.stylebutton_sp span {
	font-size:12px;
}


#buttontop_pc, .stylebutton_pc {
	display:none;
}

#contents #nav {
	width:100%;
	margin:0 auto 10px;
	text-align:center;
}

#contents #nav li {
	display:inline;
}

#contents #nav li img {
	width: 21%;
	margin:0 2px;
}




/*********掲載期間*********/
.days {
	clear:both;
	width:95%;
	margin:0 auto 10px;
}

.days .text {
	font-size:10px;
	text-align:right;
}





.stylename_pc {
	display:none;
}

.stylename_sp {
	display:block;
	width:95%;
	position:relative;
	margin:15px auto 5px;
	padding:6px 0 6px 11px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-align:left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#333;
}

.stylename_sp .x {
	color:#988989;
}

.stylename_sp .short {
	color:#ed9d56;
}

.stylename_sp .medium {
	color:#ec6184;
}

.stylename_sp .semilong {
	color:#8c61b8;
}

.stylename_sp .long {
	color:#0c92c6;
}

.stylename_sp:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:5px;
	height:auto;
	bottom:0;
	background-color:#BFB4AB;
	border-radius:5px;
}


.styleph {
	width:60%;
	margin:0 auto 5px;
}

.styleph img {
	width:100%;
}

.styleinfo {
	width:100%;
}





.caption {
	margin: 0 10px;
	font-size:12px;
	text-align:left;
}


/* cataloglist */
.cataloglist {
	margin:0 auto 15px;
	padding: 8px 8px 10px;
	background-color: #F0EEEC;
	word-break: break-all;
}

.cataloglist > li {
	float: left;
	width: 50%;
	height: 86px;
	padding: 0 4px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cataloglist > li:last-child {
	padding: 0 0 0 4px;
}

.cataloglist a {
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	border: 1px solid #C1BBB5;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px rgb(193,187,181);
	box-shadow: 0 2px rgb(193,187,181);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
	background-color: #FFFFFF;
}

/*.cataloglist a:after {
	border: solid #AB9C84;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 6px;
	line-height: 1;
	margin-top: -6.5px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
}*/

.cataloglistbox {
	height: 100%;
	border: none;
	padding: 0;
}

.cataloglistImg_sp {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 0;
}

.cataloglistImg_pc {
	display:none;
}

.cataloglistTextArea {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	/*right: 0;*/
	width: 100%;
	height: 100%;
	padding-left: 72px;
	padding-right: 8px;
	/*padding-right: 20px;*/
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.5em;
	text-align:left;
}

.cataloglistTextArea > span {
	display: table-cell;
	vertical-align: middle;
	font-family: monospace;
	font-weight: bold;
	color: #8A7C7C;
}

/*searchlinklist*/
.verticalLinkListRecommend {
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 76px;
	overflow: hidden;
}

.verticalLinkListRecommendOpened {
	height:348px !important;
}

.verticalLinkListRecommend > .normalSplitLineT {
	position: relative;
	display:table;
	width:95%;
	height:61px;
	margin:0 auto 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.verticalLinkListRecommend > .normalSplitLineT > a {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:61px;
	margin:0 auto 15px;
	padding:0 26px 0 35px;
	background:url("../images/icon_search.png") 8px 50% no-repeat;
	background-size:22px;
	background-color:#ffe1ea;
	border:solid #ffe1ea;
	border-width:1px 1px 2px 1px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
}

.verticalLinkListRecommend > .normalSplitLineT > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	font-weight: bold;
	background: url(../images/icon_link_sp.png) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}

.refineMenu {
	border-radius: 0 ;
}

.refineMenu > .normalSplitLineT > a:after{
	-webkit-transform: rotate(90deg) !important;
}

.refineMenu > .normalSplitLineT.sliderContentsClosed > a:after{
	-webkit-transform: rotate(-90deg) !important;
}

.searchlinklist .searchlinklisttitle {
	display:none;
}

/* 2カラム複数列 */
.twoColumnSelect {
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #BFB9B0;
	border-bottom: 1px solid #BFB9B0;
	-webkit-box-sizing: border-box;
}

.twoColumnSelect li {
	float: left;
	position: relative;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right: #BFB9B0 1px solid;
	border-bottom: #BFB9B0 1px solid;
	display: table;
	height: 51px;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

.twoColumnSelect li:nth-child(even) {
	border-right: none;
}

.twoColumnSelect li:last-child {
	border-bottom: none;
}

.twoColumnSelect li a {
	color: #333333;
	padding: 0 19px 0 8px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

.twoColumnSelect li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(../images/icon_link_sp.png) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}

.kirei_pc {
	display:none;
}

.kirei_sp {
	display:block;
	width:95%;
	position:relative;
	margin:15px auto 5px;
	padding:6px 0 6px 11px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-align:left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.kirei_sp:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:5px;
	height:auto;
	bottom:0;
	background-color:#8C61B8;
	border-radius:5px;
}

/* kireilinklist */
#kireilinklist {
	width: 100%;
	margin:0 0 10px;
	border-top: 1px solid #BFB9B0;
	border-bottom: 1px solid #BFB9B0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#kireilinklist li {
	position: relative;
	width: 100%;
	padding: 8px 15px 8px 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: #BFB9B0 1px solid;
}

#kireilinklist li:last-child {
	border-bottom: none;
}

#kireilinklist a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width:100%;
	height:auto;
	text-decoration: none !important;
}

#kireilinklist a:after {
	border: solid #AB9C84;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 6px;
	line-height: 1;
	margin-top: -6.5px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
}

.kireilinklistImg_sp {
	display: block;
	float:left;
	width:85px;
	height:auto;
	margin:0 10px 0 0;
}

.kireilinklistImg_sp img {
	width:85px;
}

.kireilinklistImg_pc {
	display:none;
}

.kireilinklistTextArea {
	display:block;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.5em;
	font-weight:bold;
	text-align:left;
	color:#666666;
}

.kireilinklistTextArea span {
	font-size:10px;
	font-weight:normal;
}

.mintext {
	font-size:10px;
	color:#999;
	text-align:right;
	font-weight:normal;
	margin: 0 0 10px;
}

.pagetopend {
	width: 100%;
	font-size: 12px;
	text-align: right;
	margin-bottom: 5px;
}
.pagetopend a,
.pagetopend a:hover,
.pagetopend a:active {
	text-decoration: underline;
}

/* グローバルナビゲーション */
.gnavi {
	border-bottom: solid 1px #BFB9B0;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
}
.gnavi li {
	border-top: 1px solid #BFB9B0;
	box-sizing: border-box;
}

/* ナビゲーションリンク */
.navLink,
.navLink:link,
.navLink:visited {
	color: #666666;
	font-family: Helvetica !important;
}
.navLink,
.navLink:after {
	display: block;
}
.navLink {
	padding: 15px 30px 15px 10px;
	position: relative;
	text-decoration: none !important;
}
.navLink:after {
	border-color: #AB9C84;
	border-style: solid;
	border-width: 0 3px 3px 0;
	content: "";
	height: 7px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 7px;
}

.app {
	color: #AE2B5B;
}

#copyright_lp a img {
	margin-bottom:0;
}

/*IE(6～8)
--------------------------------------------------*/

.ie .pcdn {
	display: none;
}
.ie .spdn {
	display: block;
}

.ie #contents {
	width:800px;
	margin:0 auto;
}

.ie #header {
	position:relative;
	width:800px;
	height:75px;
	margin:0 auto 5px;
	padding:5px;
	border-bottom:2px solid #B4B0AD;
	-webkit-box-shadow:none;
}



/* LOGO */
.ie #header .logo {
	background-position:0 0;
	display:block;
	height:55px;
	overflow:hidden;
	text-indent:-9999px;
	width:540px;
	position:absolute;
	left:0;
	top:15px;
	background-image:url("https://imgbp.hotp.jp/CSP/img/bt/sprites/c.png");
	background-repeat:no-repeat;
	border:0 none;
}
.ie #header .logowrap h1 {
	position:absolute;
	right:0;
	top:15px;
	width:250px;
}



/* BREAD CRUMBS */
.ie #breadcrumbs_pc {
	display:block;
	width:800px;
	margin-right:auto;
	margin-left:auto;
}

.ie #breadcrumbs_pc p {
	margin:0 0 5px 0;
	font-size:10px;
	line-height:120%;
	font-weight:bold;
	color:#999;
}

.ie #breadcrumbs_pc a {
	font-weight:normal;
}

.ie #breadcrumbs_sp {
	display:none;
}





/*.ie .dn {
	display: none;
}*/

.ie #tab_Wrap {
	position:relative;
	width:800px;
	height:55px;
	border-bottom: 1px solid #998A8A;
}
.ie #tab_category {
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	display:block;
	width:800px;
    height: 55px;
	border:none;
	padding:0!important;
}
.ie #tab_category a.disable {
	display:block;
	float: left;
	width: 198px;
	height: 55px;
	margin:0 20px 0 0;
}
.ie #tab_category a.disable li {
	background:url(../images/bg_tab_category.png);
	background-repeat: no-repeat;
	border:none;
}
.ie #tab_category a.disable li .tab_text {
	display:none;
}
.ie #tab_category a.disable.link_k {
	margin: 0 20px 0 82px;
}
.ie #tab_category a.disable li {
	background:url(../images/bg_tab_category.png);
	background-repeat: no-repeat;
	border:none;
}
.ie #tab_category a.disable li .tab_text {
	display:none;
}

.ie #tab_category a.disable li.tab_k {
	background-position: -82px 0px;
}
.ie #tab_category a.disable li.tab_k:hover {
	background-position: -82px -55px;
}
.ie #tab_category a.disable li.tab_k.ac {
	background-position: -82px -110px;
}
.ie #tab_category a.disable li.tab_s {
	margin: 0 20px 0 0!important;
	background-position: -300px 0;
}
.ie #tab_category a.disable li.tab_s:hover {
	margin: 0 20px 0 0;
	background-position: -300px -55px;
}
.ie #tab_category a.disable li.tab_s.ac {
	margin: 0 20px 0 0;
	background-position: -300px -110px;
}
.ie #tab_category a.disable li.tab_y {
	background-position: -518px 0;
}
.ie #tab_category a.disable li.tab_y:hover {
	background-position: -518px -55px;
}
.ie #tab_category a.disable li.tab_y.ac {
	background-position: -518px -110px;
}

.ie .tab_content {
	list-style: none;
	padding: 0;
	margin:35px 0 0 0;
}


.ie .cam p {
	background:url("https://beautyhotpepper.pro/doc/COMMON/IMG/topics.gif") no-repeat scroll 0 0 transparent;
	display:block;
	font-size:12px;
	height:15px;
	line-height:15px;
	margin-bottom:3px;
	padding-left:70px;
}
.ie #contents #cam a {
	background-color:#ffffff;
	display:block;
	margin-left:0;
	margin-right:0;
	padding:0px;
	text-align:left;
	width:100%;
}
.ie #contents .socialIcon3 {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
	text-align:left;
	display:block;
}

.ie #contents .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}
.ie #contents .socialIcon3 ul li {
	padding:0px;
	float:left;
	margin:0px 5px 0px 0px;
}
.ie h2 {
	width:800px;
	height:210px;
	margin:0;
	padding:0;
}
.ie h2 img {
	width:800px;
	height:210px;
}
.ie .tread_sp {
	display:none;
}
.ie .tread_pc {
	display:block;
	width:800px;
	margin:30px 0 0;
	font-size:14px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ie #buttontop_pc {
	display:block;
	width:582px;
	height:72px;
	margin:25px auto 40px;
	padding:0;
	background:none;
	border:none;
}
.ie #buttontop_pc img {
	width:582px;
	height:72px;
}
.ie .stylebutton_pc {
	display:block;
	width:462px;
	height:72px;
	margin:0 0 20px;
	padding:0;
	background:none;
	border:none;
}
.ie .stylebutton_pc img {
	width:462px;
	height:72px;
}
.ie #buttontop_pc a:hover img, .ie .stylebutton_pc a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
.ie a#buttontop_sp, .ie a.stylebutton_sp {
	display:none;
}
.ie #contents #nav {
	width:800px;
	height:236px;
	margin:0 auto 20px;
}
.ie #contents #nav li {
	float:left;
	width:192px;
	height:236px;
	margin:0 0 0 10px;
}
.ie #contents #nav li:first-child {
	width:193px;
}

.ie #contents #nav *:first-child + * + * + * {
	width:193px;
}

.ie #contents #nav li img {
	width:192px;
	height:236px;
	margin:0;
	border:none;
}

.ie #contents #nav li:first-child img, .ie #contents #nav *:first-child + * + * + * img {
	width:193px;
}

.ie #contents #nav li a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}





/*********掲載期間*********/
.ie .days {
	width:800px;
}
.ie #style1,
.ie #style2,
.ie #style3,
.ie #style4,
.ie #style5,
.ie #style6,
.ie #style7,
.ie #style8,
.ie #style9,
.ie #style10,
.ie #style11,
.ie #style12 {
	margin-bottom:70px;
}
.ie #style1, .ie #style2, .ie #style3, .ie #style4 {
	text-align:left;
}
.ie .stylename_sp {
	display:none;
}
.ie .stylename_pc {
	display:block;
	width:498px;
	height:50px;
	margin:0px 0 30px;
}
.ie .stylename_pc img {
	width:498px;
	height:50px;
}
.ie .styleCol {
	margin:0 0 20px;
}
.ie .styleCol:after {
    content: "";
    display: block;
    clear: both;
}
.ie .styleph {
	float:left;
	width:300px;
	height:270px;
	margin:0 35px 25px 0;
}
.ie .styleph img {
	width:300px;
	height:270px;
}

.ie .styleinfo {
	float:right;
	width:462px;
	padding:20px 0 0;
}
.ie .styleinfo p.caption {
	margin:0 0 25px 0!important;
	text-align:left;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/* cataloglist */
.ie .cataloglist {
	width:420px;
	margin:0 auto 20px;
	padding:0;
	background-color: #FFF;
}
.ie .cataloglist > li {
	float: left;
	width: 205px;
	height: auto;
	margin: 0 10px 0 0;
	padding:0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom:none;
}
.ie .cataloglist > *:first-child + * {
	margin: 0;
}
.ie .cataloglist a {
	-webkit-background-size: none;
	background-size: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
	position: static;	
	width: 205px;
	color:#333333;
}





/*.ie .cataloglist a:after {
	display:none;
}*/

.ie .cataloglistbox {
	min-height: 207px;
	border: 1px solid #EEEEEE;
	padding: 1px;
}
.ie a:hover .cataloglistbox {
	border: 1px solid #999999;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
}
.ie a .cataloglistbox {
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-ms-transition: border .2s linear;
	-o-transition: border .2s linear;
	transition: border .2s linear;
}
.ie a:hover .cataloglistbox {
	border: 1px solid #999999;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
}
.ie .cataloglistImg_sp {
	display:none;
}
.ie .cataloglistImg_pc {
	display:block;
	width:201px;
	height:159px;
}
.ie .cataloglistTextArea {
	display:block;
	position:static;
	background:url(../images/icon_link_pc.png) 0 0 no-repeat;
	margin: 10px 0 0;
	padding: 0 5px 5px 20px;
}
.ie .cataloglistTextArea > span {
	display:block;
	vertical-align:auto;
	color:#333333;
	font-family: "CI",Meiryo,"lr oSVbN","MS P Gothic","qMmpS Pro W3","Hiragino Kaku Gothic Pro","Osaka",arial,sans-serif,verdana,Helvetica;
}



/*searchlinklist*/
.ie .searchlinklist {
	width:798px;
	margin:0 auto 20px;
	font-size:14px;
	overflow:hidden;
	border:1px solid #CCC;
	background-color:#FBFAF5;
}

.ie .verticalLinkListRecommend {
	height:auto;
	overflow: hidden;
}

.ie .verticalLinkListRecommend > .normalSplitLineT {
	display:none;
}

.ie .searchlinklist .searchlinklisttitle {
	display:block;
	width:798px;
	margin:0 0 10px;
	padding:5px 0;
	font-weight:bold;
	background-color:#ffe1ea;
	text-align:center;
	color:#665555;
}





/* 2カラム複数列 */
.ie .twoColumnSelect {
	width: 778px;
	margin:0 10px;
	padding:0 0 10px;
	background:none;
	border:none;
}
.ie .twoColumnSelect li {
	position: static;
	width:76px;
	height:34px;
	margin:0 10px 0 0;
	padding:0;
	border:#A7907D 1px solid;
	-webkit-box-shadow:0 2px rgb(204,204,204);
	box-shadow:0 2px rgb(204,204,204);
	border-radius:8px;
	background-color:#FFF;
	font-size: 14px;
	text-align:center;
}
.ie .twoColumnSelect li:nth-child(even) {
	border-right: #A7907D 1px solid;
}
.ie .twoColumnSelect > *:first-child + * + * + * + * + * + * + * + *, .ie .twoColumnSelect > *:first-child + * + * + * + * + * + * + * + *:hover {
	width:90px;
	border-bottom: #A7907D 1px solid;
	margin:0;
}
.ie .twoColumnSelect li a {
	color:#EC6184;
	padding: 0;
}
.ie .twoColumnSelect li:hover {
	width:76px;
	height:34px;
	margin:0 10px 0 0;
	padding:0;
	background-color:#EC6184;
	border:#EC6184 1px solid;
	-webkit-box-shadow:0 2px rgb(204,204,204);
	box-shadow:0 2px rgb(204,204,204);
	color:#FFF;
}
.ie .twoColumnSelect li:hover a {
	color:#FFF;
}
.ie .twoColumnSelect li a:after {
	display: none;
}
.ie .kirei_sp {
	display:none;
}
.ie .kirei_pc {
	display:block;
	width:328px;
	height:40px;
	margin:40px 0 20px;
}
.ie .kirei_pc img {
	width:328px;
	height:40px;
}














/* kireilinklist */
.ie #kireilinklist {
	width: 800px;
	margin:0 0 20px;
	padding:0;
	border:none;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.ie #kireilinklist li {
	float:left;
	position: static;
	width: 370px;
	margin:0 20px 0 0;
	padding: 10px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border:none;
	background-color:#E6D9F9;
}

.ie #kireilinklist > *:first-child + * {
	margin:0;
}

.ie #kireilinklist a {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 380px;
	height:72px;
}

.ie #kireilinklist a:after {
	border:none;
	border-width: 0;
	height: 0;
	margin: 0;
	position: static;
	right: 0;
	top: 0;
	/*-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	width: 0;
}
.ie .kireilinklistImg_sp {
	display: none;
}
.ie .kireilinklistImg_pc {
	display: block;
	float:left;
	width:110px;
	height:72px;
	margin:0 20px 0 0;
}
.ie .kireilinklistImg_pc img {
	width:110px;
	height:72px;
}

.ie a:hover .kireilinklistImg_pc img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

.ie .kireilinklistTextArea {
	display:inline;
	float:left;
	width:250px;
	padding:5px 0 0;
	font-size:14px;
	color:#4C4C80;
}
.ie .kireilinklistTextArea span {
	font-size:12px;
	padding:0 0 2px;
}

.ie a:hover .kireilinklistTextArea, .ie a:active .kireilinklistTextArea {
	color: #7878CC;
	text-decoration: underline;
}

.ie .pagetop {
	clear:both;
	margin:0 0 40px;
}

.ie .pagetopend {
	clear:both;
	width: 100%;
	margin:0 0 10px;
	font-size: 12px;
	text-align: right;
}

.ie .pagetop a, .ie .pagetopend a {
	text-decoration:none;
}

.ie .pagetop a:hover, .ie .pagetop a:active, .ie .pagetopend a:hover, .ie .pagetopend a:active {
	text-decoration:underline;
}

.ie #footer_lp {
	border-top:1px solid #DDDDDD;
	height:60px;
	margin-top:20px;
	padding-top:10px;
}







/* グローバルナビゲーション */
.ie .gnavi {
	display:none;
}

.ie #footerLinks_lp {
	float:right;
	font-size:10px;
	padding-right:30px;
	top:20px;
}

.ie #footerLinks_lp li a:link {
	text-decoration:none !important;
}

.ie #footerLinks_lp li a:hover, .ie #footerLinks_lp li a:active {
	text-decoration:underline;
}

.ie #copyright_lp {
	float:left;
	width:258px;
	margin:0px 10px;
}

.ie #copyright_lp p a:link {
	color:#4c4c80 !important;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:2;
	text-decoration:none;
}

.ie #copyright_lp p a:hover, .ie #copyright_lp p a:active {
	color:#7878CC;
	text-decoration:underline;
}

@media only screen and (min-width:569px) {
/*PC only
--------------------------------------------------*/

.pcdn {
	display: none;
}
.spdn {
	display: block;
}

#contents {
	width:800px;
	margin:0 auto;
}

#header {
	position:relative;
	width:800px;
	height:75px;
	margin:0 auto 5px;
	padding:5px;
	border-bottom:2px solid #B4B0AD;
	-webkit-box-shadow:none;
}

/* LOGO */
#header .logo {
	background-position:0 0;
	display:block;
	height:55px;
	overflow:hidden;
	text-indent:-9999px;
	width:540px;
	position:absolute;
	left:0;
	top:15px;
	background-image:url("https://imgbp.hotp.jp/CSP/img/bt/sprites/c.png");
	background-repeat:no-repeat;
	border:0 none;
}

#header .logowrap h1 {
	position:absolute;
	right:0;
	top:15px;
	width:250px;
}







#tab_Wrap {
	position:relative;
	width:800px;
	height:55px;
	border-bottom: 1px solid #998A8A;
}
#tab_category {
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	display:block;
	width:800px;
    height: 55px;
	border:none;
	padding:0!important;
}
#tab_category a.disable {
	display:block;
	float: left;
	width: 198px;
	height: 55px;
	margin:0 20px 0 0;
}
#tab_category a.disable li {
	background:url(../images/bg_tab_category.png);
	background-repeat: no-repeat;
	border:none;
}
#tab_category a.disable li .tab_text {
	display:none;
}
#tab_category a.disable.link_k {
	margin: 0 20px 0 82px;
}
#tab_category a.disable li {
	background:url(../images/bg_tab_category.png);
	background-repeat: no-repeat;
	border:none;
}
#tab_category a.disable li .tab_text {
	display:none;
}



#tab_category a.disable li.tab_k {
	background-position: -82px 0px;
}

#tab_category a.disable li.tab_k:hover {
	background-position: -82px -55px;
}

#tab_category a.disable li.tab_k.ac {
	background-position: -82px -110px;
}



#tab_category a.disable li.tab_s {
	margin: 0 20px 0 0!important;
	background-position: -300px 0;
}

#tab_category a.disable li.tab_s:hover {
	margin: 0 20px 0 0;
	background-position: -300px -55px;
}

#tab_category a.disable li.tab_s.ac {
	margin: 0 20px 0 0;
	background-position: -300px -110px;
}



#tab_category a.disable li.tab_y {
	background-position: -518px 0;
}

#tab_category a.disable li.tab_y:hover {
	background-position: -518px -55px;
}

#tab_category a.disable li.tab_y.ac {
	background-position: -518px -110px;
}






/*
#tab_category a.disable li.tab_esthe {
	background-position: -602px 0;
}

#tab_category a.disable li.tab_esthe:hover {
	background-position: -602px -35px;
}

#tab_category a.disable li.tab_esthe.ac {
	background-position: -602px -70px;
}
*/

















/*.dn {
	display: none;
}*/














/*#tab_category a.disable li.tab_esthe {
	background-position: -602px 0;
}

#tab_category a.disable li.tab_esthe:hover {
	background-position: -602px -35px;
}

#tab_category a.disable li.tab_esthe.ac {
	background-position: -602px -70px;
}*/


.tab_content {
	list-style: none;
	padding: 0;
	margin:35px 0 0 0;
}



/* BREAD CRUMBS */
#breadcrumbs_pc {
	display:block;
	width:800px;
	margin-right:auto;
	margin-left:auto;
}

#breadcrumbs_pc p {
	margin:0 0 5px 0;
	font-size:10px;
	line-height:120%;
	font-weight:bold;
	color:#999;
}

#breadcrumbs_pc a {
	font-weight:normal;
}

#breadcrumbs_sp {
	display:none;
}





.cam p {
	background:url("https://beautyhotpepper.pro/doc/COMMON/IMG/topics.gif") no-repeat scroll 0 0 transparent;
	display:block;
	font-size:12px;
	height:15px;
	line-height:15px;
	margin-bottom:3px;
	padding-left:70px;
}

#contents #cam a {
	background-color:#ffffff;
	display:block;
	margin-left:0;
	margin-right:0;
	padding:0px;
	text-align:left;
	width:100%;
}

#contents .socialIcon3 {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
	text-align:left;
	display:block;
}

#contents .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}

#contents .socialIcon3 ul li {
	padding:0px;
	float:left;
	margin:0px 5px 0px 0px;
}

h2 {
	width:800px;
	height:210px;
	margin:0;
	padding:0;
}

h2 img {
	width:800px;
	height:210px;
}

.tread_sp {
	display:none;
}

.tread_pc {
	display:block;
	width:800px;
	margin:30px 0 0;
	font-size:14px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}












#buttontop_pc {
	display:block;
	width:582px;
	height:72px;
	margin:25px auto 40px;
	padding:0;
	background:none;
	border:none;
}

#buttontop_pc img {
	width:582px;
	height:72px;
}

.stylebutton_pc {
	display:block;
	width:462px;
	height:72px;
	margin:0 0 20px;
	padding:0;
	background:none;
	border:none;
}

.stylebutton_pc img {
	width:462px;
	height:72px;
}

#buttontop_pc a:hover img, .stylebutton_pc a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

a#buttontop_sp, a.stylebutton_sp {
	display:none;
}

#contents #nav {
	width:800px;
	height:236px;
	margin:0 auto 20px;
}

#contents #nav li {
	float:left;
	width:192px;
	height:236px;
	margin:0 0 0 10px;
}

#contents #nav li:first-child {
	width:193px;
	margin:0;
}

#contents #nav li:last-child {
	width:193px;
}

#contents #nav li img {
	width:192px;
	height:236px;
	margin:0;
	border:none;
}

#contents #nav li:first-child img, #contents #nav li:last-child img {
	width:193px;
}

#contents #nav li a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

/*********掲載期間*********/
.days {
	width:800px;
}



#style1,
#style2,
#style3,
#style4,
#style5,
#style6,
#style7,
#style8,
#style9,
#style10,
#style11,
#style12 {
	margin-bottom:70px;
}


.stylename_sp {
	display:none;
}

.stylename_pc {
	display:block;
	width:498px;
	height:50px;
	margin:0px 0 30px;
}

.stylename_pc img {
	width:498px;
	height:50px;
}

.styleCol:after {
    content: "";
    display: block;
    clear: both;
}

.styleph {
	float:left;
	width:300px;
	height:270px;
	margin:0 35px 25px 0;
}

.styleph img {
	width:300px;
	height:270px;
}

.styleinfo {
	float:right;
	width:462px;
	padding:20px 0 0;
}
.styleinfo p.caption {
	margin:0 0 25px 0!important;
	text-align:left;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* cataloglist */
.cataloglist {
	width:420px;
	margin:0 auto 20px;
	padding:0;
	background-color: #FFF;
}

.cataloglist > li {
	float: left;
	width: 205px;
	height: auto;
	margin: 0 10px 0 0;
	padding:0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom:none;
}

.cataloglist > li:last-child {
	margin: 0;
	padding:0;
}

.cataloglist a {
	-webkit-background-size: none;
	background-size: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
	position: static;	
	width: 205px;
	color:#333333;
}

/*.cataloglist a:after {
	display:none;
}*/

.cataloglistbox {
	min-height: 207px;
	border: 1px solid #EEEEEE;
	padding: 1px;
}

a:hover .cataloglistbox {
	border: 1px solid #999999;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
}

a .cataloglistbox {
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-ms-transition: border .2s linear;
	-o-transition: border .2s linear;
	transition: border .2s linear;
}

a:hover .cataloglistbox {
	border: 1px solid #999999;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
}

.cataloglistImg_sp {
	display:none;
}

.cataloglistImg_pc {
	display:block;
	width:201px;
	height:159px;
}

.cataloglistTextArea {
	display:block;
	position:static;
	background:url(../images/icon_link_pc.png) 0 0 no-repeat;
	margin: 10px 0 0;
	padding: 0 5px 5px 20px;
}

.cataloglistTextArea > span {
	display:block;
	vertical-align:auto;
	color:#333333;
	font-family: "CI",Meiryo,"lr oSVbN","MS P Gothic","qMmpS Pro W3","Hiragino Kaku Gothic Pro","Osaka",arial,sans-serif,verdana,Helvetica;
}

/*searchlinklist*/
.searchlinklist {
	width:798px;
	margin:0 auto 20px;
	font-size:14px;
	overflow:hidden;
	border:1px solid #CCC;
	background-color:#FBFAF5;
}

.verticalLinkListRecommend {
	height:auto !important;
	overflow: hidden;
}

.verticalLinkListRecommend > .normalSplitLineT {
	display:none;
}

.searchlinklist .searchlinklisttitle {
	display:block;
	width:798px;
	margin:0 0 10px;
	padding:5px 0;
	font-weight:bold;
	color:#665555;
	background-color:#ffe1ea;
}

/* 2カラム複数列 */
.twoColumnSelect {
	width: 778px;
	margin:0 10px;
	padding:0 0 10px;
	background:none;
	border:none;
}

.twoColumnSelect li {
	position: static;
	width:76px;
	height:34px;
	margin:0 10px 0px 0;
	padding:0;
	border:#A7907D 1px solid;
	-webkit-box-shadow:0 2px rgb(204,204,204);
	box-shadow:0 2px rgb(204,204,204);
	border-radius:8px;
	background-color:#FFF;
	font-size: 14px;
	text-align:center;
}

.twoColumnSelect li:nth-child(even) {
	border-right: #A7907D 1px solid;
}

.twoColumnSelect li:last-child, .twoColumnSelect li:last-child:hover {
	width:90px;
	border-bottom: #A7907D 1px solid;
	margin:0;
}

.twoColumnSelect li a {
	color:#EC6184;
	padding: 0;
}

.twoColumnSelect li:hover {
	width:76px;
	height:34px;
	margin:0 10px 0 0;
	padding:0;
	background-color:#EC6184;
	border:#EC6184 1px solid;
	-webkit-box-shadow:0 2px rgb(204,204,204);
	box-shadow:0 2px rgb(204,204,204);
	color:#FFF;
}

.twoColumnSelect li:hover a {
	color:#FFF;
}

.twoColumnSelect li a:after {
	display: none;
}

.kirei_sp {
	display:none;
}

.kirei_pc {
	display:block;
	width:328px;
	height:40px;
	margin:40px 0 20px;
}

.kirei_pc img {
	width:328px;
	height:40px;
}

/* kireilinklist */
#kireilinklist {
	width: 800px;
	margin:0 0 20px;
	padding:0;
	border:none;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#kireilinklist li {
	float:left;
	position: static;
	width: 370px;
	margin:0 20px 0 0;
	padding: 10px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border:none;
	background-color:#E6D9F9;
}

#kireilinklist li:last-child {
	margin:0;
}

#kireilinklist a {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 380px;
	height:72px;
}

#kireilinklist a:after {
	border:none;
	border-width: 0;
	height: 0;
	margin: 0;
	position: static;
	right: 0;
	top: 0;
	/*-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	width: 0;
}

.kireilinklistImg_sp {
	display: none;
}

.kireilinklistImg_pc {
	display: block;
	float:left;
	width:110px;
	height:72px;
	margin:0 20px 0 0;
}

.kireilinklistImg_pc img {
	width:110px;
	height:72px;
}

a:hover .kireilinklistImg_pc img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

.kireilinklistTextArea {
	display:inline;
	float:left;
	width:250px;
	padding:5px 0 0;
	font-size:14px;
	color:#4C4C80;
}

.kireilinklistTextArea span {
	font-size:12px;
	padding:0 0 2px;
}

a:hover .kireilinklistTextArea, a:active .kireilinklistTextArea {
	color: #7878CC;
	text-decoration: underline;
}

.pagetop {
	clear:both;
	margin:0 0 40px;
}

.pagetopend {
	clear:both;
	width: 100%;
	margin:0 0 10px;
	font-size: 12px;
	text-align: right;
}

.pagetop a, .pagetopend a {
	text-decoration:none;
}

.pagetop a:hover, .pagetop a:active, .pagetopend a:hover, .pagetopend a:active {
	text-decoration:underline;
}

#footer_lp {
	border-top:1px solid #DDDDDD;
	height:60px;
	margin-top:20px;
	padding-top:10px;
}





/* グローバルナビゲーション */
.gnavi {
	display:none;
}

#footerLinks_lp {
	float:right;
	font-size:10px;
	padding-right:30px;
	top:20px;
}

#footerLinks_lp li a:link {
	text-decoration:none;
}

#footerLinks_lp li a:hover, #footerLinks_lp li a:active {
	text-decoration:underline;
}

#copyright_lp {
	float:left;
	width:258px;
	margin:0px 10px;
}

#copyright_lp p a:link {
	color:#4c4c80 !important;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:2;
	text-decoration:none;
}

#copyright_lp p a:hover, #copyright_lp p a:active {
	color:#7878CC;
	text-decoration:underline;
}
}
