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

.contents-bg {
    background: none repeat scroll 0 0 #fff7f8;
    padding: 20px 0;
    width: 100%;
}
#contents-wrap {
	width: 980px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contents-inner {
    background: none repeat scroll 0 0 #fff;
    padding: 30px 0;
    width: 980px;
	margin: 0 auto;
}
.campaign-monitor-area {
	width: 980px;
	height: 505px;
	margin: 0 auto;
	position: relative;
	background: url(/image_hc/topics/campaign/monitor-bg.jpg) center top no-repeat #fff;
}
.campaign-monitor-area .btn {
	position: absolute;
	left: 320px;
	top: 290px;
}
.campaign-monitor-area .btn-eyelid {
	position: absolute;
	left: 11px;
	bottom: 89px;
	background: #fff;
}
.campaign-monitor-area .btn-breast {
	position: absolute;
	left: 253px;
	bottom: 89px;
	background: #fff;
}
.campaign-monitor-area .btn-anti {
	position: absolute;
	left: 495px;
	bottom: 89px;
	background: #fff;
}
.campaign-monitor-area .btn-skin  {
	position: absolute;
	left: 737px;
	bottom: 89px;
	background: #fff;
}
.campaign-monitor-area .btn-lipo {
	position: absolute;
	left: 11px;
	bottom: 13px;
	background: #fff;
}
.campaign-monitor-area .btn-wakiga {
	position: absolute;
	left: 253px;
	bottom: 13px;
	background: #fff;
}
.campaign-monitor-area .btn-nose {
	position: absolute;
	left: 495px;
	bottom: 13px;
	background: #fff;
}
.campaign-monitor-area .btn-laser  {
	position: absolute;
	left: 737px;
	bottom: 13px;
	background: #fff;
}
.otoku-inner {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
.border {
	border-bottom: 1px solid #999;
}



/***********************************
			切り替えタブ
***********************************/
#content_tab {
	padding: 0;
	margin: 0 auto;
	width: 705px;
}
#content_tab ul {
	background: #fff;
	padding: 0;
}
#content_tab li {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 206px;
	height: 46px;
}
#content_tab li#conttab1 {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 58px;
	background: url(/image_hc/topics/campaign/btn-campaign.gif) center top no-repeat;
	margin-right: 5px;
}
#content_tab li#conttab1.select {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 58px;
	background: url(/image_hc/topics/campaign/btn-campaign-o.gif) center top no-repeat;
	margin-right: 5px;
}
#content_tab li#conttab2 {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 58px;
	background: url(/image_hc/topics/campaign/btn-otoku.gif) center top no-repeat;
}
#content_tab li#conttab2.select {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 58px;
	background: url(/image_hc/topics/campaign/btn-otoku-o.gif) center top no-repeat;
}
#content_tab li.select {
	margin-bottom: 0;
	padding-bottom: 0;
}
.disnon {
	display: none;
}
#content_gakuwari_bg {
background-image:url(http://www.s-b-c.net/image_hc/topics/campaign/gakuwari.jpg);
background-repeat: no-repeat;
background-position: top center;
width :980px;
height:946px;
}
#content_gakuwari_btn {
padding-left :60px;
padding-top:485px;
}

.kangen01 {
	width: 980px;
	height: 697px;
	background: url(/image_hc/card/kangen01.jpg) center top no-repeat;
}
.kangen02 {
	width: 980px;
	height: 626px;
	position: relative;
	background: url(/image_hc/card/kangen02.jpg) center top no-repeat;
}
.kangen03 {
	width: 980px;
	height: 697px;
	background: url(/image_hc/card/kangen01-1231.jpg) center top no-repeat;
}
.kangen-btn {
	left: 0;
	bottom: 50px;
	position: absolute;
	width: 100%;
	text-align: center;
}

.card-syoukai {
	width: 980px;
	height: 689px;
	background: url(/image_hc/topics/campaign/syoukai.jpg) center top no-repeat;
	position: relative;
}
.card-syoukai2 {
	width: 980px;
	height: 689px;
	background: url(/image_hc/topics/campaign/syoukai1231.jpg) center top no-repeat;
	position: relative;
}
.card-syoukai-text01 {
	width: 360px;
	left: 40px;
	top: 130px;
	position: absolute;
	font-size: 15px;
}
ul.card-syoukai-text02 {
	left: 71px;
	top: 390px;
	position: absolute;
	font-size: 18px;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}
ul.card-syoukai-text02 li {
	list-style: none;
}
ul.card-syoukai-text02 li.mb12 {
	margin-bottom: 12px;
}
ul.card-syoukai-text02 li.mb13 {
	margin-bottom: 13px;
}
.card-syoukai-btn {
	left: 0;
	bottom: 45px;
	position: absolute;
	width: 100%;
	text-align: center;
}




/*-------------------------------------------------------------------- 脱毛 */
#bodycare-fukuoka10off {
	background-image: url('/image_hc/topics/campaign/bodycare/fukuoka10off.jpg');
	background-repeat: no-repeat;
	width: 980px;
	height: 300px;
	margin: 0 auto 20px;
}

#bodycare-fukuoka10off div {
	padding-top: 222px;
	padding-right: 12px;
	text-align: right;
}

#bodycare-fukuoka10off div img {
	margin-right: 13px;
}

#bodycare-waki500 {
	background-image: url('/image_hc/topics/campaign/bodycare/mame-waki500-bg.jpg');
	background-repeat: no-repeat;
	width: 980px;
	height: 400px;
	margin: 0 auto 20px;
}

#bodycare-waki500 div {
	padding-top: 303px;
	padding-right: 12px;
	text-align: right;
}

#bodycare-waki500 div img {
	margin-right: 13px;
}


h2.sub-index {font-weight: normal;}
.monthText01 {margin-bottom: 30px;}
.monthContainer01wrap {margin: 0 auto 30px;}
.monthContainer01 {width: 475px;}
.monthContainer01.blue {float: left; background: #EBF9FC;}
.monthContainer01.pink {float: right; background: #FEEBEF;}
.monthContainer01index {color: #FFF; font-size: 30px; font-weight: bold; line-height: 2; text-align: center; border-radius: 7px 7px 0 0;}
.monthContainer01.blue .monthContainer01index.index1801 {height: 56px; background: #33C1DF; text-shadow: 3px 3px 2px #33C1DF, 3px -3px 2px #33C1DF, -3px -3px 2px #33C1DF, -3px 3px 2px #33C1DF;}
.monthContainer01.pink .monthContainer01index.index1801 {height: 56px; background: #F9699D; text-shadow: 3px 3px 2px #F9699D, 3px -3px 2px #F9699D, -3px -3px 2px #F9699D, -3px 3px 2px #F9699D;}
.monthContainer01inner {padding: 15px 20px;}
.monthContainer02 {margin: 0 auto 15px;}
.monthContainer01.blue .monthContainer02 {width: 407px;}
.monthContainer01.pink .monthContainer02 {width: 438px;}
.monthBtn01 {margin-bottom: 30px;}
.monthBtn02 {margin-bottom: 70px;}
.monthBtn01 a, 
.monthBtn02 a {
	background-color: #F4637F;
	color: #FFF;
	display: block;
	text-align: center;
	position: relative;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 auto;
}
.monthBtn01 a {width: 340px; font-size: 18px; padding: 10px 0;}
.monthBtn02 a {width: 680px; font-size: 26px; padding: 23px 0; font-weight: bold;}
.monthBtn01 a::after {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	content: "";
	width: 8px;
	height: 8px;
	top: 48%;
	top: -webkit-calc(50% - 5px);
	top: calc(50% - 5px);
	right: 3%;
	position: absolute;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		 -o-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
.monthBtn02 a::after {
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	content: "";
	width: 10px;
	height: 10px;
	top: 48%;
	top: -webkit-calc(50% - 5px);
	top: calc(50% - 5px);
	right: 3%;
	position: absolute;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		 -o-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
.monthBtn01 a:hover, .monthBtn02 a:hover {filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; -moz-opacity: 0.7; opacity: 0.7;}
.monthText02 {margin-bottom: 130px;}
.monthContainer04 {padding: 0 29px 26px; background: url(../image_hc/common/bg-dot-blue.png) repeat; margin: 0 auto 55px;}
.monthContainer04index {text-align: center;}
.monthContainer04index img {margin-top: -45px;}
.monthContainer04indexSm {display: none;}
.monthContainer04inner1 {width: 310px; margin: -15px auto 20px;}
.monthContainer04inner2 {float: left; margin: 0 6px 12px;}

@media screen and (max-width: 640px) {
	.monthText01, .monthText02 {margin: 0 auto 3%; font-size: 14px; width: 96%; line-height: 1.4; box-sizing: border-box;}
	.monthContainer01wrap {width: 96%; margin: 0 auto 3%;}
	.monthContainer01 {width: 100%;}
	.monthContainer01.blue {float: none; margin-bottom: 3%;}
	.monthContainer01.pink {float: none;}
	.monthContainer01index {font-size: 20px; padding: 5px 0 5px; border-radius: 5px 5px 0 0; line-height: 2;}
	.monthContainer01.blue .monthContainer01index.index1801, 
	.monthContainer01.pink .monthContainer01index.index1801 {height: 40px; background-size: 100% 100%;}
	.monthContainer01.blue .monthContainer01index.index1801 {text-shadow: 2px 2px 2px #33C1DF, 2px -2px 2px #33C1DF, -2px -2px 2px #33C1DF, -2px 2px 2px #33C1DF;}
	.monthContainer01.pink .monthContainer01index.index1801 {text-shadow: 2px 2px 2px #F9699D, 2px -2px 2px #F9699D, -2px -2px 2px #F9699D, -2px 2px 2px #F9699D;}
	.monthContainer01inner {padding: 3%;}
	.monthContainer02 {margin: 0 auto 3%; text-align: center;}
	.monthContainer01.blue .monthContainer02 {width: 100%;}
	.monthContainer01.pink .monthContainer02 {width: 100%;}
	.monthContainer02 .floatleft, .monthContainer02 .floatright {float: none;}
	.monthContainer03 .floatleft, .monthContainer03 .floatright {width: 49%;}
	.monthBtn01 {margin-bottom: 3%;}
	.monthBtn02 {margin-bottom: 5%;}
	.monthBtn01 a {width: 96%; font-size: 14px; padding: 5px 0;}
	.monthBtn02 a {width: 96%; font-size: 14px; padding: 5px 0; font-weight: normal;}
	.monthBtn02 a::after {
		border-bottom: 1px solid #FFF;
		border-left: 1px solid #FFF;
		width: 8px;
		height: 8px;
	}
	.monthBtn01 a:hover, .monthBtn02 a:hover {filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; -moz-opacity: 0.7; opacity: 0.7;}
	.monthText02 {margin: 0 auto 5%;}
	.monthContainer04 {padding: 0 0 2%; margin: 0 auto 5%;}
	.monthContainer04index {display: none;}
	.monthContainer04indexSm {display: inherit; background: #43BAD8; text-align: center; color: #FFF; font-size: 18px; padding: 5px; line-height: 1.3; margin-bottom: 2%;}
	.monthContainer04inner1 {width: 230px; margin: 0 auto 3%;}
	.monthContainer04inner1 img {width: auto; height: 20px;}
	.monthContainer04inner2 {width: 32.3%; margin: 0 0.5% 1%;}
	.monthContainer04inner2:nth-child(3n+1) {clear: both;}
}

/*-------------------------------------------------------------------- gakuwari */
.gakuwariIndex {margin-bottom: 55px;}
.gakuwariBg {
	background: #E8F9FD;
	padding: 0 0 30px;
	margin: 0 auto 20px;
}
.gakuwariSejutsu {
	width: 750px;
	margin: 0 auto 20px;
}
.gakuwariSejutsu .floatleft, 
.gakuwariSejutsu .floatright {margin-top: -27px;}
.gakuwariSejutsu .floatleft {margin-right: 40px;}
.gakuwariText01 {
	width: 864px;
	padding: 8px 0;
	background: #FFF;
	color: #F488B9;
	font-size: 18px;
	text-align: center;
	margin: 0 auto 40px;
}
.gakuwariCont {
	display: table;
	width: 940px;
	border: 2px solid #2AB2ED;
	background: url(../image_hc/topics/campaign/gakuwari/img11.png) repeat;
	box-sizing: border-box;
	padding: 30px 28px 25px 30px;
	margin-left: auto;
	margin-right: auto;
}
.gakuwariContLeft {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 120px;
}
.gakuwariContCenter {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #2AB2EB;
	width: 380px;
	font-size: 25px;
}
.gakuwariContRight {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #FF6699;
	font-size: 25px;
}
.gakuwariText02 {
	color: #2AB2EB;
	font-size: 27px;
	line-height: 1;
}
.gakuwariPrice {text-align: right; line-height: 1;}
.gakuwariPriceText {margin-right: 15px;}
.gakuwariPrice .nedan {font-size: 52px;}
.gakuwariPrice .yen {font-size: 35px; position: relative;}
.gakuwariPrice .zei {font-size: 13px; position: absolute; right: 5px; top: -7px; white-space: nowrap;}
.gakuwariText03 {
	width: 940px;
	color: #424242;
	font-size: 16px;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
}
.gakuwariBtn .floatleft {margin-right: 20px;}
@media screen and (max-width: 640px) {
	.gakuwariIndex {margin-bottom: 2%;}
	.gakuwariBg {background: #E8F9FD; padding: 2% 0; margin: 0 auto 2%;}
	.gakuwariSejutsu {width: 100%; margin: 0 auto 2%;}
	.gakuwariSejutsu .floatleft, 
	.gakuwariSejutsu .floatright {width: 37%; margin: 2% 8.5%;}
	.gakuwariSejutsu .floatleft {margin-right: 0;}
	.gakuwariSejutsu .floatleft:nth-child(4) {margin-left: 16.7%;}
	.gakuwariSejutsu .floatright {float: left;}
	.gakuwariText01 {
		width: 96%;
		padding: 8px 2%;
		font-size: 14px;
		margin: 0 auto 3%;
		line-height: 1.4;
	}
	.gakuwariCont {
		display: block;
		width: 96%;
		border: 2px solid #2AB2ED;
		padding: 2%;
	}
	.gakuwariCont.mb20 {margin-bottom: 2%;}
	.gakuwariCont:after {  
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.gakuwariContLeft {
		display: block;
		width: 100px;
		float: left;
	}
	.gakuwariContCenter {
		display: block;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
		font-size: 14px;
		float: left;
	}
	.gakuwariContRight {
		display: block;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
		font-size: 14px;
		float: left;
	}
	.gakuwariText02 {
		font-size: 16px;
		line-height: 1.4;
	}
	.gakuwariPrice {text-align: right; line-height: 1.4;}
	.gakuwariPriceText {margin-right: 0; display: block;}
	.gakuwariPrice .nedan {font-size: 35px; display: block; margin-top: -5px;}
	.gakuwariPrice .yen {font-size: 25px; position: relative;}
	.gakuwariPrice .zei {font-size: 11px; position: absolute; right: 2px; top: -7px;}
	.gakuwariText03 {
		width: 96%;
		font-size: 12px;
		line-height: 1.4;
	}
	.gakuwariBtn {width: 98%; margin-right: auto; margin-left: auto;}
	.gakuwariBtn .floatleft, 
	.gakuwariBtn .floatright {width: 48%; margin: 0 1% 2%;}
}