@charset "utf-8";
.hidePC {
	display: none;
}

.onlyTABLET {
	display: none;
}

/*-------------------------------------------------
	margin - padding
-------------------------------------------------*/

.topMb1 {
	margin-bottom: 6px;
}

.topMb2 {
	padding-bottom: 23px;
	background: url(../img/bg-topicsH.png) no-repeat left bottom;
}

.topMr1 {
	margin-right: 15px;
}

.lh130, .lh130 li, .lh130 dd {
	line-height: 130% !important;
}

.lh150, .lh150 li, .lh150 dd {
	line-height: 150% !important;
}

.lh200, .lh200 li, .lh200 dd {
	line-height: 200% !important;
}

.fMb1 {
	padding-bottom: 6px;
}

.fMb2 {
	padding-bottom: 12px;
}

.mt35 {
	margin-top: 35px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb65 {
	margin-bottom: 65px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

box-topics2 .mr25 {
	margin-right: 25px;
}

.ptCopy {
	padding-top: 2px;
}

.ptCopy2 {
	padding-top: 6px;
}

.ptCopy3 {
	padding-top: 11px;
}

.ptCopy4 {
	padding-top: 9px;
}

.ptCopy5 {
	padding-top: 75px;
}

.null_height {
	height: 500px;
}

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

.flL {
	float: left;
}

.flR {
	float: right;
}

.ofh {
	overflow: hidden;
	zoom: 1;
}

.numList li {
	padding-left: 1em;
	text-indent: -1em;
}

.numList li span {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.addColor1 {
	color: #E50064;
}

.clearPC {
	clear: both;
}

.spBlock {
	display: none;
}

/*-------------------------------------------------
	body
-------------------------------------------------*/

body {
	min-width: 980px;
}

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

.pt8 {
	padding-top: 8px;
}

.pt20 {
	padding-top: 20px;
}

.pt35 {
	padding-top: 35px;
}

/*-------------------------------------------------
	box-mainImg
-------------------------------------------------*/

#box-mainImg {
	height: 383px;
	position: relative;
}

#miMask {
	position: absolute;
	width: 725px;
	height: 365px;
	left: 113px;
	top: 14px;
	overflow: hidden;
}

#miMask li {
	float: left;
}

#miSubMask {
	position: absolute;
	width: 950px;
	height: 331px;
	left: 0;
	top: 25px;
	overflow: hidden;
}

#miSubMask li {
	float: left;
	margin-right: 36px;
}

#bg-mi {
	position: absolute;
	width: 950px;
	height: 364px;
	left: 0;
	top: 10px;
}

#btn-prev {
	position: absolute;
	width: 54px;
	height: 54px;
	left: 74px;
	top: 163px;
}

#btn-next {
	position: absolute;
	width: 54px;
	height: 54px;
	left: 821px;
	top: 163px;
}

#btn-prev:hover, #btn-next:hover {
	cursor: pointer;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/*-------------------------------------------------
	box-main
-------------------------------------------------*/

.box-ttl, .box {
	clear: both;
	margin: 0 10px;
}

.box2 {
	clear: both;
	margin: 0 15px;
}

.box-L, .box-topL {
	width: 615px;
	float: left;
}

.box-R, .box-topR {
	width: 300px;
	float: right;
}

/*-------------------------------------------------
	box-news
-------------------------------------------------*/

#box-news {
	position: relative;
	background: url(../img/bg-news.png) no-repeat left bottom;
	min-height: 53px;
}

#box-news h2 {
	position: absolute;
	left: 2px;
	top: 12px;
}

/*
#box-news p{
	background:url(../img/bg-newsH.png) no-repeat left top;
	padding:13px 30px 10px 89px;
}
*/

#box-news #news {
	background: url(../img/bg-newsH.png) no-repeat left top;
	padding: 13px 30px 10px 89px;
	position: relative;
}

/**/

#box-news #news p {
	display: none;
}

#box-news2 {
	position: relative;
	background: url(../img/bg-news2.png) no-repeat left bottom;
	min-height: 53px;
}

#box-news2 h2 {
	position: absolute;
	left: 10px;
	top: 10px;
}

#box-news2 p {
	background: url(../img/bg-news2H.png) no-repeat left top;
	padding: 19px 30px 15px 167px;
}

.box-half {
	width: 50%;
}

.box-onethird {
	width: 300px;
}

.box-twothird {
	width: 615px;
}

.box-threethird {
	width: 475px;
}

.box-fourthird {
	width: 330px;
}

.box-glay {
	background-color: #eeeeee;
	padding: 10px;
}

.product_caution {
	margin: 1em 0 1em 1em;
	font-size: .875em;
	text-indent: -1em;
}

/*-------------------------------------------------
	overTxt
-------------------------------------------------*/

.overTxt {
	position: relative;
}

.overTxt h3 {
	position: absolute;
	left: 0;
	top: 0;
}

.overTxt div {
	padding-top: 68px;
}

/*-------------------------------------------------
	box-topics
-------------------------------------------------*/

.box-topics {
	background: url(../img/bg-topics.gif) no-repeat left bottom;
}

.box-radius {
	padding: 10px 15px 13px 10px;
}

.box-radius h4 {
	background: url(../img/bg-headline.gif) repeat-x left top;
	padding-bottom: 6px;
}

.box-radius2 {
	padding: 15px 15px 15px 15px;
}

.box-radius3 {
	padding: 15px 40px;
}

.box-topics ul {
	padding-top: 6px;
}

.box-topics li {
	background: url(../img/bg-arrow.gif) no-repeat 11px 1px;
	line-height: 130%;
	padding-left: 22px;
	margin-bottom: 10px;
}

.moreInfo {
	position: absolute;
	right: 16px;
	top: 21px;
	background: url(../img/bg-arrow.gif) no-repeat 0px 1px;
	padding-left: 11px;
}

.moreInfo2 {
	position: absolute;
	right: 0px;
	top: 12px;
	background: url(../img/bg-arrow.gif) no-repeat 0px 1px;
	padding-left: 11px;
}

.box-topics2 {
	background: url(../img/bg-topics2H.gif) no-repeat left top;
	padding-top: 3px;
}

.box-topics2 .box-radius {
	background: url(../img/bg-topics2.gif) no-repeat left bottom;
}

.btnDetails {
	position: absolute;
	right: 12px;
	bottom: 14px;
}

.btnDetails2 {
	position: absolute;
	right: 110px;
	bottom: 20px;
}

.box-topics3 {
	background: url(../img/bg-topics3H.gif) no-repeat left top;
	padding-top: 3px;
}

.box-topics3In {
	background: url(../img/bg-topics3.gif) no-repeat left bottom;
}

.box-topics3 dd a {
	background: url(../img/bg-arrow.gif) no-repeat 0px 0.4em;
	padding-left: 13px;
}

.listMark a {
	background: url(../img/bg-arrow.gif) no-repeat 0px 0.2em;
	margin-left: 20px;
	padding-left: 13px;
	/* color: #F33343; */
}

.listMark li {
	/* color: #F33343; */
	padding-bottom: 10px;
}

.box-topics5 {
	background: url(../img/bg-topicsH5.gif) no-repeat left top;
	padding-top: 3px;
}

.box-topics5In {
	background: url(../img/bg-topics5.gif) no-repeat left bottom;
}

.box-topics6 {
	background: url(../img/bg-topics6H.gif) no-repeat left top;
	padding-top: 3px;
}

.box-topics6In {
	background: url(../img/bg-topics6.gif) no-repeat left bottom;
}

.textAlignRight {
	text-align: right;
}

.anchor_ico {
	background: url(../img/bg-arrow.gif) no-repeat 10px center;
	padding: 5px 10px 5px 20px;
	border: 2px solid #fcdfe0;
	width: 500px;
}
	.caption {
		margin: 15px 0;
		color: #999;
		font-size: 10px;
		line-height: 1.5;
	}


/* チョコラTOPICS topics7.html */

.guideArea .g-detailbox {
	background: url(../style/topics/images/guide_name.jpg) no-repeat center center;
	width: 538px;
	height: 118px;
	margin: 20px auto 0;
	position: relative;
}

.guideArea .g-detailbox p {
	position: absolute;
	top: 30px;
	left: 142px;
}

.guideArea .g-detailbox a {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.7;
}

.guideArea .g-detailbox a:hover {
	text-decoration: none;
}

/*-------------------------------------------------
	box-fbBtn
-------------------------------------------------*/

#box-fbBtn {
	height: 260px;
	background: url(../img/bg-fb2.gif) no-repeat right bottom;
}

#fbBtn {
	padding-top: 20px;
}

#baby {
	position: absolute;
	right: 0px;
	top: 115px;
}

#box-fbBtn p {
	position: absolute;
	bottom: 10px;
	right: 0;
}

#box-fbBtn p a {
	background: url(../img/bg-pagetop.gif) no-repeat left center;
	padding-left: 12px;
}

#box-fbBtn .sp, #box-fbBtn-sp {
	display: none !important;
}

/*-------------------------------------------------
	footer
-------------------------------------------------*/

#sitemap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}

#sitemap h4 {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.box-footer {
	width: 190px;
	float: left;
	padding-bottom: 10px;
}

#sitemap li {
	margin-bottom: 5px;
}

#sitemap dd a, #sitemap li a {
	color: #000;
	text-decoration: underline;
	line-height: 14px;
}

#sitemap dd a:hover, #sitemap li a:hover {
	text-decoration: none;
}

#spLink {
	background: #FFF;
	width: 160px;
}

#spLink {
	background: #FFF;
	width: 160px;
}

#spLink ul {
	padding: 6px 10px;
}

#fLink {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}

#fLink li {
	overflow: hidden;
	display: inline;
}

#fLink li a {
	color: #000;
	text-decoration: underline;
}

#fLink li a:hover {
	text-decoration: none;
}

/*-------------------------------------------------
	crumb
-------------------------------------------------*/

#crumb {
	padding: 15px 0 20px 0;
}

#crumb p {
	font-size: 10px;
}

#contents .HeadLine {
	/* 1カラム時のソーシャルボタン設置 */
	height: 48px;
	position: relative;
}

#contents .HeadLine .socialBtn {
	position: absolute;
	top: 11px;
	right: 1px;
}

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

#ttl1 {
	height: 72px;
	background: url(../img/bg-title.gif) no-repeat left top;
	position: relative;
}

#ttl1 h1 {
	position: absolute;
	left: 70px;
	top: 1px;
}

#ttl2 {
	min-height: 58px;
	height: auto !important;
	height: 58px;
	background: url(../img/bg-title2.gif) no-repeat left top;
	margin-bottom: 15px;
}

#ttl2 h1 {
	padding-top: 0.25em;
	height: 100%;
	padding-left: 74px;
	padding-right: 50px;
	font-size: 28px;
	color: #e50064;
}

#ttl2_b {
	height: 58px;
	background: url(../img/bg-title2.gif) no-repeat left top;
	margin-bottom: 15px;
}

#ttl2_b h1 {
	padding-top: 0.25em;
	height: 100%;
	padding-left: 74px;
	padding-right: 30px;
	font-size: 20px;
	color: #e50064;
	font-weight: bold;
	line-height: 110%;
}

.ttl3 {
	background: url(../img/bg-dot.gif) repeat-x left bottom;
	margin-bottom: 5px;
}

.ttl3 h2 {
	float: left;
	background: url(../img/ico-arrow2.gif) no-repeat left top;
	padding-left: 27px;
	min-height: 17px;
	padding-bottom: 9px;
}

.ttl3 div {
	float: right;
	padding-bottom: 9px;
}

.ttl4 {
	color: #e50064;
	font-size: 18px;
	line-height: 130%;
}

/*-------------------------------------------------
	headline
-------------------------------------------------*/

.headline {
	background: url(../img/bg-headline1.gif) no-repeat left top;
	min-height: 36px;
	font-size: 18px;
	color: #e50064;
	clear: both;
	line-height: 130%;
}

.headline span {
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	background: url(../img/bg-headline1B.gif) no-repeat left bottom;
	padding-left: 34px;
}

.headline span span.more {
	font-size: 12px;
	background: url(../img/bg-arrow.gif) no-repeat 25px 0.2em;
	padding-left: 32px;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
}

.headline2 {
	background: url(../img/bg-headline2.gif) no-repeat left top;
	color: #e50064;
	line-height: 21px;
	padding-left: 26px;
	clear: both;
}

.headline2 a {
	color: #e50064;
	text-decoration: underline;
}

.headline2 a:hover {
	text-decoration: none;
}

.headline3 {
	color: #e50064;
}

/*-------------------------------------------------
	itemList
-------------------------------------------------*/

.itemList {
	width: 143px;
	float: left;
	margin: 0 14px 14px 0;
}

.itemList h3 {
	margin-bottom: 9px;
}

.itemList div {
	margin-bottom: 9px;
}

.quadruple {
	margin-right: 0 !important;
}

.itemList p {
	line-height: 150%;
}

/*-------------------------------------------------
	side
-------------------------------------------------*/

.side {
	background: url(../img/bg-side.gif) no-repeat left bottom;
}

.sideIn {
	background: url(../img/bg-sideH.gif) no-repeat left top;
	padding: 2px;
}

.side .lead {
	line-height: 150%;
	padding: 10px 13px;
}

.side h4.bor2 {
	border-bottom: 2px solid #ff99cc;
}

.side .sup li {
	border-top: 1px dotted #ff99cc;
}

.side h4.bor, .side .sub li {
	border-bottom: 1px dotted #ff99cc;
}

.side li a {
	display: block;
	padding: 6px 13px 6px 24px;
	background: url(../img/bg-arrow.gif) no-repeat 13px 10px;
	line-height: 150%;
	margin: 1px;
}

.side li.current a {
	background-image: none;
	background-color: #ffdbe8;
	padding-left: 13px;
	color: #000;
}

.side li.current a:hover {
	text-decoration: none;
}

.side .mi {
	float: right;
	padding: 8px 13px;
}

.side .mi a {
	padding-left: 10px;
	background: url(../img/bg-arrow.gif) no-repeat left 2px;
}

/*-------------------------------------------------
	lineup
-------------------------------------------------*/

.addBg {
	background: #ffefef;
	padding: 12px;
}

.addBg02 {
	background: #fdf7a7;
	padding: 12px;
}

sup.mark {
	vertical-align: top;
}

span.note {
	font-size: 10px;
}

/*-------------------------------------------------
	goPagetop
-------------------------------------------------*/

#goPagetop {
	float: right;
	margin-bottom: 10px;
}

#goPagetop p {
	background: url(../img/bg-pagetop.gif) no-repeat left center;
	padding-left: 12px;
}

/*-------------------------------------------------
	topics4
-------------------------------------------------*/

.topics4 {
	margin-left: 150px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	clear: both;
}

.topics4 dt {
	float: left;
	width: 20%;
	color: #e50064;
	font-weight: bold;
}

.topics4 dd {
	float: left;
	width: 50%;
	font-weight: bold;
}

.posFix dd, .posFix dt {
	padding-top: 45px;
}

.topics4 div {
	float: left;
	width: 30%;
}

/*-------------------------------------------------
	movieBox
-------------------------------------------------*/

#movieBox iframe {
	width: 615px;
	height: 370px;
}

/*-------------------------------------------------
	cmList
-------------------------------------------------*/

.cmList {
	width: 630px;
	margin-right: -15px;
	position: relative;
}

.cmList li {
	width: 195px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/*.cmList li.last{
	margin-right:0;
}*/

/*-------------------------------------------------
	listMark
-------------------------------------------------*/

/*-------------------------------------------------
	profile-site
-------------------------------------------------*/

.profile-site span {
	padding-top: 3px;
	display: block;
	float: left;
}

/*-------------------------------------------------
	box-pink
-------------------------------------------------*/

.box-pink {
	background-color: #ffecec;
	padding: 10px;
}

/*-------------------------------------------------
	box-magazine
-------------------------------------------------*/

#box-magazine {
	width: 610px;
	margin: 0 auto;
}

#pt-magazine {
	padding-top: 30px;
}

/*-------------------------------------------------
	box-campaign
-------------------------------------------------*/

.box-campaign {
	height: 250px;
	position: relative;
}

.box-campaign1 {
	position: absolute;
	left: 0;
	top: 0;
}

.box-campaign2 {
	position: absolute;
	left: 315px;
	top: 0;
}

.box-campaign3 {
	position: absolute;
	right: 0;
	top: 0;
}

.campPt {
	padding-top: 149px;
}

/*-------------------------------------------------
	socialBtn
-------------------------------------------------*/

.socialBtnTop .fb, .socialBtnTop .tw {
	float: left;
	width: 73px;
	overflow: hidden;
	margin-right: 7px;
	position: relative;
}

.socialBtn {
	position: absolute;
	top: 11px;
	right: 16px;
}

.socialBtn .fb, .socialBtn .line, .socialBtn .tw {
	float: left;
	/*width:72px;*/
	margin-right: 7px;
	overflow: hidden;
	position: relative;
}

td.connect_widget_button_count_excluding {
	display: none;
}

/*-------------------------------------------------
	newIcon
-------------------------------------------------*/

.newIcon {
	margin-left: 5px;
	vertical-align: top;
	/*	padding-top:7px;*/
}

/*-------------------------------------------------
	popup
-------------------------------------------------*/

#popUp {
	margin: 14px 20px;
	background: none;
	text-align: center;
}

#popUp h1 {
	text-align: left;
	padding: 12px;
	font-size: 1.063em;
	line-height: 1.1;
	border: solid 1px #CCC;
	background: #F0F0F0;
	margin-bottom: 15px;
}

#popUp .text01 {
	text-align: left !important;
	font-size: 0.9em !important;
}

/*-------------------------------------------------
	iframeBox
-------------------------------------------------*/

#iframeBox {
	width: 640px;
	height: 360px;
}

/*20120619 add*/

.nonmedicinal {
	border: 1px solid #000000;
	padding: 3px 5px;
	*display: block;
	*float: left;
}

/*20130619 add*/

.cmGaralleyWrapper {
	width: 945px;
	margin-right: -15px;
	position: relative;
}

.cmGaralleyWrapper .divStyle01 {
	padding: 0 15px 20px 0;
}

.zasshiStyle {
	clear: both;
}

.cf {
	zoom: 1;
}

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

/*20131219 add*/

.textStyle01 {
	text-indent: -1em;
	margin-left: 1em;
}

/*20140328 追記*/

.ta_c {
	text-align: center;
}

/* 140709 Add */

.pc_show {
	display: block;
}

.caution {
	font-size: 12px;
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}

.sp {
	display: none;
}

@media screen and (max-width: 640px) {
	.caution {
		width: 90%;
	}
	.sp {
		display: block;
	}
}