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

.hideSP {
	display: none;
}

.disB {
	display: block !important;
}

#wrap img {
	width: 100%;
	height: auto;
}

#wrap>img {
	width: auto!important;
}

.tacSP {
	text-align: center;
}

.tacSP2 {
	margin: 0 auto;
}

.divideSP {
	border-top: 2px dotted #e50064;
	padding-top: 30px;
}

.fcOrange {
	color: #ff6600;
}

.ofhSP {
	overflow: hidden;
}

body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address, cite {
	font-size: 13px;
}

.lst-01 li, .fsS {
	font-size: 11px !important;
}

.fsML {
	font-size: 14px !important;
}

.fsL {
	font-size: 16px !important;
}

.mb5 {
	margin-bottom: 7.5px;
}

.mb10 {
	margin-bottom: 15px;
}

.mb15 {
	margin-bottom: 22.5px;
}

.mb20 {
	margin-bottom: 30px;
}

.mb25 {
	margin-bottom: 37.5px;
}

.mb30 {
	margin-bottom: 45px;
}

.mb35 {
	margin-bottom: 52.5px;
}

.mb40 {
	margin-bottom: 60px;
}

.mb45 {
	margin-bottom: 67.5px;
}

.mb50 {
	margin-bottom: 75px;
}

.mbSP0 {
	margin-bottom: 0px;
	!important;
}

.mbSP5 {
	margin-bottom: 7.5px;
	!important;
}

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

.mbSP15 {
	margin-bottom: 22.5px;
	!important;
}

.mbSP20 {
	margin-bottom: 30px;
	!important;
}

.mbSP25 {
	margin-bottom: 37.5px;
	!important;
}

.mbSP30 {
	margin-bottom: 45px;
	!important;
}

.mbSP35 {
	margin-bottom: 52.5px;
	!important;
}

.mbSP40 {
	margin-bottom: 60px;
	!important;
}

.mbSP45 {
	margin-bottom: 67.5px;
	!important;
}

.mbSP50 {
	margin-bottom: 75px;
	!important;
}

.mlSP0 {
	margin-left: 0 !important;
}

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

.mr5 {
	margin-right: 7.5px;
}

.mr10 {
	margin-right: 15px;
}

.mr15 {
	margin-right: 22.5px;
}

.mrSP15 {
	margin-right: 22.5px;
}

.mr20 {
	margin-right: 30px;
}

.mr25 {
	margin-right: 37.5px;
}

.ptSP20 {
	pddding-top: 30px;
}

.ptSP10 {
	pddding-top: 15px;
}

.ptCopySP {
	padding-top: 10px !important;
}

.ptCopySP2 {
	padding-top: 6px !important;
}

.ptCopySP3 {
	padding-top: 11px !important;
}

.mbSP1em {
	margin-bottom: 1em;
}

.mlrSP0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media screen and (max-width: 400px) {
	.divideSP {
		border-top: 2px dotted #e50064;
		padding-top: 20px;
	}
	body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address, cite {
		/* font-size: 12px !important; */
	}
	.lst-01 li, .fsS {
		font-size: 10px !important;
	}
	.fsML {
		font-size: 14px !important;
	}
	.fsL {
		font-size: 16px !important;
	}
	.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;
	}
	.mbSP0 {
		margin-bottom: 0px;
		!important;
	}
	.mbSP5 {
		margin-bottom: 5px;
		!important
	}
	.mbSP10 {
		margin-bottom: 10px;
		!important;
	}
	.mbSP15 {
		margin-bottom: 15px;
		!important;
	}
	.mbSP20 {
		margin-bottom: 20px;
		!important;
	}
	.mbSP25 {
		margin-bottom: 25px;
		!important;
	}
	.mbSP30 {
		margin-bottom: 30px;
		!important;
	}
	.mbSP35 {
		margin-bottom: 35px;
		!important;
	}
	.mbSP40 {
		margin-bottom: 40px;
		!important;
	}
	.mbSP45 {
		margin-bottom: 45px;
		!important;
	}
	.mbSP50 {
		margin-bottom: 50px;
		!important;
	}
	.mr5 {
		margin-right: 5px;
	}
	.mr10 {
		margin-right: 10px;
	}
	.mr15 {
		margin-right: 15px;
	}
	.mrSP15 {
		margin-right: 15px;
	}
	.mr20 {
		margin-right: 20px;
	}
	.mr25 {
		margin-right: 25px;
	}
	.ptSP20 {
		pddding-top: 20px;
	}
	.ptSP10 {
		pddding-top: 10px;
	}
	.ptCopySP {
		padding-top: 5px !important;
	}
	.ptCopySP2 {
		padding-top: 6px !important;
	}
	.ptCopySP3 {
		padding-top: 11px !important;
	}
}

.wAt {
	width: auto !important;
	height: auto;
}

.w10 {
	width: 10% !important;
	height: auto;
}

.w20 {
	width: 20% !important;
	height: auto;
}

.w30 {
	width: 30% !important;
	height: auto;
}

.w40 {
	width: 40% !important;
	height: auto;
}

.w50 {
	width: 50% !important;
	height: auto;
}

.w55 {
	width: 55% !important;
	height: auto;
}

.w60 {
	width: 60% !important;
	height: auto;
}

.w65 {
	width: 65% !important;
	height: auto;
}

.w70 {
	width: 70% !important;
	height: auto;
}

.w80 {
	width: 80% !important;
	height: auto;
}

.w90 {
	width: 90% !important;
	height: auto;
}

.w95 {
	width: 95% !important;
	height: auto;
}

.w100 {
	width: 100% !important;
	height: auto;
}

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

.topMb0 {
	padding-bottom: 0.3em;
}

.topMb1 {
	margin-bottom: 0.5em;
}

.topMb2 {
	padding-bottom: 1.5em;
}

.topMr1 {}

.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;
}

.flSPL {
	float: left;
}

.flSPR {
	float: right;
}

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

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

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

.addColor1 {
	color: #E50064;
}

/*-------------------------------------------------
	wrap
-------------------------------------------------*/

#wrapAll {
	background-size: 100%;
}

#wrap {
	width: 100%;
	margin: 0 auto;
}

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

.inner {
	width: 100% !important;
}

#contents {
	width: 100% !important;
	text-align: left;
}

.pt8 {
	padding-top: 8px;
}

.pt15 {
	padding-top: 15px;
}

/*
#ttl1{
	height:72px;
	background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-title.gif) no-repeat left top;
	position:relative;
}

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

#ttl1 {
	min-height: 87px;
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-title.png) no-repeat left top;
	background-size: 100%;
	margin-bottom: 15px;
}

#ttl1 img {
	/*margin-left:19%;*/
}

#ttl-product {
	margin-left: 18%;
	width: 43% !important;
}

#ttl-style {
	margin-left: 18%;
	width: 75% !important;
}

#ttl-links {
	margin-left: 18%;
	width: 78% !important;
}

#ttl-requirement {
	margin-left: 18%;
	width: 48% !important;
}

#ttl-sitemap {
	margin-left: 18%;
	width: 75% !important;
}

#ttl-campaign {
	margin-left: 18%;
	width: 65% !important;
}

#ttl-entertainment {
	margin-left: 18%;
	width: 45% !important;
}

#ttl-magazine {
	margin-left: 18%;
	width: 75% !important;
}

@media screen and (max-width: 400px) {
	#ttl1 {
		min-height: 58px;
	}
}

#ttl2, #ttl2_b {
	min-height: 87px;
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-title.png) no-repeat left top;
	background-size: 100%;
	margin-bottom: 15px;
	padding: 0px 0 0 20%;
}

#ttl2 h1 {
	padding-top: 0.6em;
	font-size: 22px !important;
	color: #e50064 !important;
	margin-right: 10%;
}

#ttl2_b h1 {
	padding-top: 0.6em;
	font-size: 20px !important;
	color: #e50064 !important;
	margin-right: 10%;
	line-height: 110%;
}

@media screen and (max-width: 400px) {
	#ttl2 {
		min-height: 58px;
	}
	#ttl2 h1 {
		font-size: 18px !important;
	}
	#ttl2_b h1 {
		font-size: 16px !important;
	}
}

.ttl3 {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-dot.gif) repeat-x left bottom;
	margin-bottom: 5px;
}

.ttl3 h2 {
	float: left;
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/ico-arrow2.gif) no-repeat left top;
	padding-left: 27px;
	min-height: 17px;
	padding-bottom: 9px;
}

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

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

.ttl4 {
	background: #e50064;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 0.3em;
}

h2.fsLL strong {
	font-size: 18px !important;
	line-height: 120%;
}

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

#box-mainImg {}

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

.box {
	clear: both;
	margin: 0 3%;
}

.box2 {
	clear: both;
	margin: 0 3%;
}

.box3 {
	clear: both;
	padding: 3%;
	background: #FFF;
}

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

#box-news {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-spNews.gif) no-repeat left top;
	background-size: 100%;
	width: 100%;
	padding: 3.3em 0 0 0;
}

/*
#box-news p{
	background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-spNewsB.gif) no-repeat left bottom;
	padding:0 1em 1em 1em;
	background-size:100%;
}
*/

#box-news #news {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-spNewsB.gif) no-repeat left bottom;
	padding: 0 1em 1em 2em;
	background-size: 100%;
}

/**/

#box-news p {
	display: none;
}

#box-news p a {
	/*padding:0 1em 1em 1em;*/
	display: block;
}

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

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

.overTxt {
	position: relative;
}

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

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

@media screen and (max-width: 400px) {
	.overTxt div {
		padding-top: 68px;
	}
}

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

.box-topics {}

.box-radius {
	margin-right: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 10px 15px 13px 10px;
	margin-bottom: 1.5em;
}

.box-radius dt {
	width: 46%;
	float: left;
	margin-right: 0.8em;
}

.box-radius2 {
	background-color: #FFF;
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 15px 15px 15px 15px;
}

.box-radius3 {
	background-color: #FFF;
	padding: 0 15px;
}

.blc {
	margin: 0 auto;
}

.box-radius h4 {
	padding-bottom: 6px;
}

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

.box-topics li {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat 0px 0.2em;
	line-height: 130%;
	padding-left: 11px;
	margin-bottom: 0.8em;
}

.box-fl dt {
	width: 46%;
	float: left;
	/*
	margin-right:0.8em;
	*/
}

.box-fl dd {
	width: 50%;
	float: right;
}

.moreInfo, .moreInfo2 {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat 0px 0.2em;
	padding-left: 11px;
	float: right;
	/**/
}

.btnDetails {
	margin-top: -20px;
	float: right;
	width: 45%;
}

.box-topics3 dd {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat 51% 0.4em;
	padding-left: 54%;
}

.listMark a {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat 0px 0.2em;
	padding-left: 13px;
}

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

.guideArea .g-detailbox {
	background: url() no-repeat 5px center #fffbc4;
	width: auto;
	height: 118px;
	margin: 20px auto 0;
	padding: 5px;
	position: relative;
}

.guideArea .g-detailbox p {
	position: absolute;
	top: 35px;
	left: 95px;
}

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

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

.guideArea p.tar img {
	width: auto !important;
}

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

#box-fbBtn {
	margin-bottom: 1.5em;
}

#box-fbBtn p {
	float: right;
	margin-bottom: 1em;
}

#fbBtn {
	margin-bottom: 1em;
}

#box-fbBtn.box {
	width: 94% !important;
}

#box-fbBtn p a {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-pagetop.gif) no-repeat left center;
	padding-left: 12px;
}

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

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

#footerWrap {
	border-top: 5px solid #f22828;
	border-bottom: 1px solid #f22828;
	background-color: #eeeeee;
}

#sitemap {
	width: 100%;
	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 {
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	line-height: 14px;
}

@media screen and (max-width: 400px) {
	#sitemap dd a, #sitemap li a {
		font-size: 12px;
	}
}

#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: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}

#fLink img {
	width: 35% !important;
}

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

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

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

#fLink {}

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

.headline {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-headline1.gif) no-repeat left top;
	min-height: 36px;
	font-size: 18px !important;
	color: #e50064;
	line-height: 36px;
	clear: both;
	margin-bottom: 20px;
	line-height: 130%;
}

.headline span {
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-headline1B.gif) no-repeat left bottom;
	padding-left: 34px;
}

.headline span .more {
	font-size: 12px;
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat 25px 0.2em;
	padding-left: 32px;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
}

.headline {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-headline1.gif) no-repeat left top;
	min-height: 36px;
	font-size: 18px;
	color: #e50064;
	clear: both;
	line-height: 130%;
}

.headline2 {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-headline2.gif) no-repeat left top;
	color: #e50064;
	line-height: 21px;
	padding-left: 26px;
}

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

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

.headline3 {
	color: #e50064;
}

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

.itemList {
	width: 47%;
	float: left;
	margin: 0 0 6% 0;
}

.itemList:nth-child(odd) {
	/*奇数番目*/
	margin: 0 6% 6% 0;
}

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

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

/*.double,
.quadruple {
	margin-right:0 !important;
}*/

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

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

.side {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-side.gif) no-repeat left bottom;
	background-size: 100%;
}

.sideIn {
	background: url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-sideH.gif) no-repeat left top;
	padding: 2px;
	background-size: 100%;
}

.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(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/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(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/lib/bg-arrow.gif) no-repeat left 2px;
}

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

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

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

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

#goPagetop {
	margin-bottom: 10px;
}

#goPagetop p {}

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

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

.topics4 dl {
	margin-bottom: 1em;
}

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

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

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

.topics4 div {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

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

#movieBox OBJECT {
	display: block;
	margin: 0 auto;
	width: 450px;
	height: 254px;
}

#movieBox video {
	margin: 0 auto;
	width: 450px;
	height: 254px;
}

@media screen and (max-width: 400px) {
	#movieBox OBJECT {
		width: 300px;
		height: 169px;
	}
	#movieBox video {
		width: 300px;
		height: 169px;
	}
}

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

.cmList li {
	width: 50%;
	float: left;
	margin-bottom: 15px;
}

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

/*-------------------------------------------------
	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;
}

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

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

.socialBtn .fb, .socialBtn .line, .socialBtn .tw {
	float: left;
	width: auto;
	margin-left: 7px;
	overflow: hidden;
}

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

.newIcon {
	margin-left: 5px;
	padding-top: 1px;
}

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

#iframeBox {
	width: 304px;
	height: 171px;
}

/*-------------------------------------------------
	babyApp
-------------------------------------------------*/

.babyAppAreaPc, .babyAppAreaPcSocial {
	display: none;
}

.babyAppMargin0 {
	margin: 0;
}

.babyAppAreaSp {}

.babyAppAreaSp .btnArea {
	position: relative;
}

.babyAppAreaSp .btnArea__btn {
	bottom: 17.65625%;
	position: absolute;
	width: 28.75%;
}

.babyAppAreaSp .btnAreax__btn_Android {
	left: 33.90625%;
}

.babyAppAreaSp .btnArea__btn_iPhone {
	left: 64.0625%;
}

.babyAppAreaSp .aboutPlayList li {
	line-height: 0;
}

.babyAppAreaSp .socialBtnWrapp {
	background: #fffbe4;
	margin-bottom: 4%;
	padding: 4% 3.125%;
}

.babyAppAreaSp .socialBtn {
	float: right;
}

.babyAppMarginBottom0 {
	margin-bottom: 0 !important;
}

/*-2014/04/15 Add-*/

.endOfProduction {
	background: #FFFFFF;
	border: solid 1px #000;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}

.endOfProduction h2 {
	color: #f22828;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* /-2014/04/15 Add*/

/* 140709 Add */

.pc_show {
	display: none;
}

.pt20 {
	padding-top: 20px !important;
}

.caption {
	margin: 15px 0;
	color: #999;
	font-size: 10px;
	line-height: 1.5;
}

/*-------------------------------------------------
	chocolaTv
-------------------------------------------------*/

.chocolaTvAreaPc {
	display: none;
}

.chocolaTvCrumb {
	display: none;
}

.chocolaTvAreaSp {
	position: relative;
	margin: -1em 0 12px;
	background: url() repeat-y;
	background-size: 100%;
}

.chocolaTvAreaSp .movie {
	position: relative;
	width: 95%;
	margin: -3% auto 0;
	-webkit-border-radius: 2%;
	-moz-border-radius: 2%;
	border-radius: 2%;
	background: url();
}

.chocolaTvAreaSp .movie h4 {
	line-height: 1.2;
	width: 90%;
	margin: 0 auto;
	padding: 4% 0 0;
	color: #ff2c81;
}

.chocolaTvAreaSp .movie h4 span {
	font-size: 135%;
}

.chocolaTvAreaSp .movie .inner_top, .chocolaTvAreaSp .movie .inner_bottom {
	width: 98%;
	margin: 0 auto;
}

.chocolaTvAreaSp .movie .inner {
	width: 98%;
	margin: 0 auto;
	background: url() repeat-y;
	background-size: 100%;
}

.chocolaTvAreaSp .movie .youtube, .chocolaTvAreaSp .movie .movieSocialBtn {
	width: 92%;
	margin: 0 auto;
}

.chocolaTvAreaSp .movie .youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.chocolaTvAreaSp .movie .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.chocolaTvAreaSp .movie .youtube {
	padding-top: 1%;
}

.chocolaTvAreaSp .movie .movieSocialBtn {
	padding: 2% 0 1%;
}

.chocolaTvAreaSp .movie .movieSocialBtn ul {
	display: table;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.chocolaTvAreaSp .movie .movieSocialBtn ul li {
	display: table-cell;
	height: 20px;
	overflow: hidden;
}

.chocolaTvAreaSp .movie .movieSocialBtn ul li.line img {
	width: 82px !important;
	height: 20px !important;
}

.chocolaTvAreaSp .movie .creator {
	width: 88%;
	margin: 0 auto;
	padding: 3% 0 0;
}

.chocolaTvAreaSp .movie .creator .txt p {
	line-height: 1.4;
}

.chocolaTvAreaSp .movie .creator .txt .contact {
	margin-top: 3%;
}

.chocolaTvAreaSp .movie .creator .txt .contact:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.chocolaTvAreaSp .movie .creator .txt .contact a {
	float: right;
	display: block;
	width: 40%;
}

.chocolaTvAreaSp .movie .creator dl {
	clear: right;
	display: table;
	width: 100%;
	padding: 5% 0 3%;
}

.chocolaTvAreaSp .movie .creator dl dt {
	display: table-cell;
	width: 44%;
	text-align: center;
	vertical-align: middle;
}

.chocolaTvAreaSp .movie .creator dl dt img {
	width: 70% !important;
}

.chocolaTvAreaSp .movie .creator dl dd {
	line-height: 1.3;
	display: table-cell;
	width: 56%;
	vertical-align: middle;
}

.chocolaTvAreaSp .list {
	margin-top: 12px;
}

.chocolaTvAreaSp .list ul {
	width: 96%;
	margin: 0 auto;
}

.chocolaTvAreaSp .list ul li {
	float: left;
	width: 50%;
	margin-bottom: 18px;
}

.chocolaTvAreaSp .list ul li:nth-child(2n+1) {
	clear: left;
}

.chocolaTvAreaSp .list ul li a {
	display: block;
	padding: 0 4px;
	text-decoration: none;
}

.chocolaTvAreaSp .list ul li a dl {
	margin-left: 3%;
}

.chocolaTvAreaSp .list ul li a dl dt {
	line-height: 1.3;
	font-size: 95% !important;
	margin-top: 10px;
}

.chocolaTvAreaSp .list ul li a dl dd {
	margin-top: 3px;
	line-height: 1.3;
	font-size: 75% !important;
}

.chocolaTvAreaSp .list ul li a img.more {
	display: block;
	width: 75% !important;
	margin: 5% auto 0;
}

.chocolaTvAreaSp .banner {
	width: 95%;
	margin: 0 auto;
	padding-top: 12px;
}

.chocolaTvAreaSp .socialBtn {
	padding: 20px 0;
}

.chocolaTvAreaSp .socialBtn ul {
	display: table;
	width: 75%;
	margin: 0 auto;
}

.chocolaTvAreaSp .socialBtn ul li {
	display: table-cell;
	text-align: center;
}

.chocolaTvAreaSp .socialBtn ul li a {
	display: block;
	width: 60%;
	margin: 0 auto;
}

/*-------------------------------------------------
	bichocola.html
-------------------------------------------------*/

#style .hidePC figure {
	margin: 0;
	padding: 0;
}

#style .hidePC figure .left-column {
	width: 50%;
	float: left;
}

#style .hidePC .right-column {
	width: 50%;
	float: right;
}

.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%;
		margin: 0 auto;
	}
	.sp {
		display: block;
	}
}