@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 大枠レイアウト
　02. モジュール

******************************************************************************* */
/* ==

　01. 大枠レイアウト

=============================================================================== */
#main {
	width: auto;
	min-width: 950px;
	padding-top: 0;
	padding-bottom: 30px;
}
#main p,
#main ul {
	font-size: 134%;
}
#socialArea {
	margin-bottom: 0;
}
/* ==

　02. モジュール

=============================================================================== */
/* インデント
------------------------------------------------------------------------------- */
#main .cmContent {
	max-width: 950px;
	margin: 0 auto 60px;
}
/* 影
------------------------------------------------------------------------------- */
#main .fnUniqueBg01 {
	position: relative;
}
#main .fnUniqueBg01:before,
#main .fnUniqueBg01:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 1;
}
#main .fnUniqueBg01:before {
	top: 0;
	background: -moz-linear-gradient(top, rgba(102,102,102,0.4) 0%, rgba(102,102,102,0) 95%);
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.4) 0%,rgba(102,102,102,0) 95%);
	background: linear-gradient(to bottom, rgba(102,102,102,0.4) 0%,rgba(102,102,102,0) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#00666666',GradientType=0 );
}
#main .fnUniqueBg01:after {
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(102,102,102,0) 5%, rgba(102,102,102,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(102,102,102,0) 5%,rgba(102,102,102,0.4) 100%);
	background: linear-gradient(to bottom, rgba(102,102,102,0) 5%,rgba(102,102,102,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#80666666',GradientType=0 );
}
/* 見出し
------------------------------------------------------------------------------- */
#main .cmHead01 {
	line-height: 1.2;
	margin: 0 0 38px;
	padding: 0;
	border: none;
	background: none;
	color: #333;
	font-size: 300%;
	font-weight: bold;
	text-align: center;
}
#main .cmHead01-busy {
	margin-bottom: 21px;
}
#main .cmHead01:before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 15px 0 0;
	background: url(/ad/cm/images/cm_ico04.png) left top no-repeat;
	vertical-align: -2px;
}
#main .cmHead02 {
	line-height: 1.65;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #333;
	font-weight: bold;
}
/* メイン
------------------------------------------------------------------------------- */
#main .cmMain {
	position: relative;
	margin: 0 0 30px;
	padding: 4px 0 30px;
	overflow: hidden;
}
#main .cmMain_head {
	position: relative;
	margin: 0 0 26px;
	padding: 15px 0 9px;
	background-color: #1f1a13;
}
#main .cmMain_head:before,
#main .cmMain_head:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 8px;
	background-position: left top;
	background-repeat: repeat-x;
}
#main .cmMain_head:before {
	top: -6px;
	background-image: url(/ad/cm/images/cm_bg02.png);
}
#main .cmMain_head:after {
	bottom: -6px;
	background-image: url(/ad/cm/images/cm_bg03.png);
}
#main .cmMain_tit {
	max-width: 950px;
	margin: 0 auto;
	padding: 0;
	border: none;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
#main .cmMain_body {
	max-width: 950px;
	margin: 0 auto;
}
#main .cmMain_visual {
	position: relative;
	height: 595px;
	padding: 7px;
}
#main .cmMain_item {
	position: absolute;
}
#main .cmMain_item img {
	display: none;
}
#main .cmMain .anystretch img {
	opacity: 0;
}
#main .zi3 {
	z-index: 3;
}
/* リード
------------------------------------------------------------------------------- */
#main .cmLead {
	position: relative;
}
/* キャンペーンバナー
------------------------------------------------------------------------------- */
#main .cmCpBanner {
	position: relative;
	text-align: center;
	margin: 20px 0 50px;
}
/* メニュー
------------------------------------------------------------------------------- */
#main .cmMenu {
	max-width: 1050px;
	margin: 0 auto 20px;
	border-radius: 5px;
	background-color: #35302a;
	font-weight: bold;
	overflow: hidden;
}
#main .cmMenu li {
	float: left;
	position: relative;
}
#main .cmMenu-l2 li {
	width: 50%;
}
#main .cmMenu-l3 li {
	width: 33.333%;
}
#main .cmMenu-l4 li {
	width: 25%;
}
#main .cmMenu-l5 li {
	width: 20%;
}
#main .cmMenu-l6 li {
  width: 16.666%;
}
#main .cmMenu li:before,
#main .cmMenu li:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
}
#main .cmMenu li:before {
	left: 0;
	background-color: #0b0907;
}
#main .cmMenu li:after {
	left: 1px;
	background-color: #7f776d;
}
#main .cmMenu li:first-child:before,
#main .cmMenu li:first-child:after {
	display: none !important;
}
#main .cmMenu a {
	display: block;
	padding: 14px 0 9px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.d_hover #main .cmMenu a:hover {
	background-color: #534F4A;
}
#main .cmMenu a:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 8px;
	margin: 0 8px 0 0;
	background: url(/ad/images/ad_ico08.png) left top no-repeat;
	vertical-align: 2px;
}
#main .cmMenu ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html#main .cmMenu ul { zoom: 1; } /* ie7 */
@media only screen and (max-width: 1090px) {
	#main .cmMenu {
		max-width: 950px;
	}
}
/* CM内容
------------------------------------------------------------------------------- */
#main .cmDetail {
	position: relative;
	max-width: 1050px;
	margin: 0 auto;
}
#main .cmDetailCol {
	
}
#main .cmDetailCol .cmDetailCol_item01 {
	float: left;
	width: 670px;
}
#main .cmDetailCol .cmDetailCol_item02 {
	float: right;
	width: 330px;
}
#main .cmDetail_txt {
	line-height: 1.8;
}
#main .cmDetail_tag {
	margin: 10px 0 0;
	font-size: 92%;
}
#main .cmDetail_tag li {
	float: left;
	line-height: 19px;
	padding: 1px 10px 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
}
#main .cmDetail_tag:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #main .cmDetail_tag { zoom: 1; } /* ie7 */
@media only screen and (max-width: 1090px) {
	#main .cmDetail {
		max-width: 950px;
	}
	.cmDetail_in,
	.cmDetail_col {
		width: 910px !important;
	}
	.cmDetail_item_r {
		width: 625px !important;
	}
	#main .cmDetailCol .cmDetailCol_item01 {
		width: 580px;
	}
}
@media only screen and (max-width: 1090px) {
	#main .cmDetail {
		max-width: 950px;
	}
	.cmDetail_in,
	.cmDetail_col {
		width: 910px !important;
	}
	.cmDetail_item_r {
		width: 625px !important;
	}
	#main .cmDetailCol .cmDetailCol_item01 {
		width: 580px;
	}
}
@media  only screen and (max-width: 767px) {
	.cmDetail_in,
	.cmDetail_col {
		width: auto !important;
	}
	.cmDetail_item_r {
		width: auto !important;
	}
}
/* 撮影エピソード
------------------------------------------------------------------------------- */
#main .cmEpisode {
	position: relative;
	padding: 55px 0 77px;
	background-color: #eee;
	box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.75);
}
#main .cmMain:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: url(/ad/cm/images/cm_bg14.png) left top repeat-x;
}
#main .cmEpisode:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: url(/ad/cm/images/cm_bg13.png) left top repeat-x;
}
#main .cmEpisode_in {
	max-width: 1050px;
	margin: 0 auto;
}
#main .cmEpisode_in p,
#main .cmEpisode_in div {
	line-height: 1.65;
	margin-bottom: 26px;
}
#main .cmEpisode_in p:last-child {
	margin-bottom: 0;
}
#main .cmEpisode_in b {
	color: #333;
}
/* CM動画
------------------------------------------------------------------------------- */
#main .cmMovie {
	position: relative;
	padding: 40px 0 50px;
}
#main .cmMovie:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.75); 
}
#main .cmMovie_in {
	max-width: 1050px;
	margin: 0 auto;
}
#main .cmBonusMovie {
	position: relative;
	margin-top: 50px;
	padding: 30px;
	background: url(/ad/cm/images/cm_bg04.png) left top repeat;
}
#main .cmBonusMovie:before,
#main .cmBonusMovie:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	background-position: left top;
	background-repeat: repeat-x;
}
#main .cmBonusMovie:before {
	top: 0;
	background-image: url(/ad/cm/images/cm_bg05.png);
}
#main .cmBonusMovie:after {
	bottom: 0;
	background-image: url(/ad/cm/images/cm_bg06.png);
}
#main .cmMovie_col {
	margin: -50px 0 0;
}
#main .cmMovie_item {
	float: left;
	width: 468px;
	margin: 50px 0 0;
}
#main .cmMovie_item:nth-child(2n-1) {
	float: left;
}
#main .cmMovie_item:nth-child(2n) {
	float: right;
}
#main .cmMovie_box {
	padding: 10px;
	background-color: #fff;
	padding-bottom: 0;
	min-height: 262px;
}
#main .cmMovie_box.cmMovie_box_single {
	width: 448px;
	margin: 0 auto;
}
#main .cmMovie_tit {
	margin: 15px 0 0;
	font-weight: bold;
	text-align: center;
}
.jstream-eqPlayer {
	vertical-align: top;
}
#main .cmSocial {
	margin: 32px 0 0;
	letter-spacing: -1em;
	text-align: center;
}
#main .cmSocial li {
	display: inline-block;
	margin: 0 20px;
	letter-spacing: normal;
}
#main .cmMovie_col:after,
#main .cmSocial:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #main .cmMovie_col,
*:first-child+html #main .cmSocial { zoom: 1; } /* ie7 */
@media only screen and (max-width: 1090px) {
	#main .cmMovie_in {
		max-width: 950px;
	}
	#main .cmMovie_item {
		width: 458px;
	}
	#main .cmMovie_box {
		padding: 5px;
		min-height: 252px;
	}
	#main .cmEpisode_in {
		max-width: 950px;
	}
}

#main .cmVideoTitle {
	margin: 10px 0 0;
	text-align: center;
}

/* ギャラリー
------------------------------------------------------------------------------- */
#main .cmGallery {
	position: relative;
	padding: 40px 0 55px;
	background-color: #eee;
	overflow: hidden;
	z-index: 1;
}
/* 関連情報
------------------------------------------------------------------------------- */
#main .cmRelation {
	padding: 40px 0 70px;
}
#main .cmRelation_in {
	max-width: 1050px;
	margin: 0 auto;
	position: relative;
}
#main .cmRelation_lead {
	width: 950px;
	margin: 0 auto;
}
@media only screen and (max-width: 1090px) {
	#main .cmRelation_in {
		max-width: 950px;
	}
}
.bgcWhite + #newspaper {
	background: #eee !important;
}
#main #relation + #newspaper:before {
	background: none;
}

/* 新聞広告
------------------------------------------------------------------------------- */
#main .cmNewspaper {
  padding: 40px 0 70px;
  position: relative;
  background: #eee;
  margin-bottom: 60px;
  box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.75);
}
#main .cmNewspaper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 11px;
  background: url(/ad/cm/images/cm_bg13.png) left top repeat-x;
}
#main .bgcWhite {
	background-color: #fff;
}
#main .colWhite {
	color: #fff;
}
#main .cmCol05_item a span {
	display: block;
	text-align: center;
}
/* カラム
------------------------------------------------------------------------------- */
#main .cmCol01 {
	margin: 30px 0 0;
}
#main .cmCol01:first-child {
	margin-top: 0;
}
#main .cmCol01_n {
	float: left;
	margin: 0 25px 0 0;
}
#main .cmCol01_w {
	overflow: hidden;
}
#main .cmCol02 {
	margin: 30px 0 0;
	overflow: hidden;
}
#main .cmCol02:first-child {
	margin-top: 0;
}
#main .cmCol02_in {
	margin: 0 -22px;
}
#main .cmCol02_item {
	float: left;
	width: 204px;
	margin: 0 22px;
}
#main .cmCol03 {
	margin: 30px 0 0;
	overflow: hidden;
}
#main .cmCol03:first-child {
	margin-top: 0;
}
#main .cmCol03_in {
	margin: -30px -20px 0;
}
#main .cmCol03_item {
	float: left;
	width: 455px;
	margin: 30px 20px 0;
}
#main .cmCol03_item-n {
	width: 425px;
}
#main .cmCol04 {
	margin: 30px 0 0;
	overflow: hidden;
}
#main .cmCol04-fix {
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#main .cmCol04:first-child {
	margin-top: 0;
}
#main .cmCol04_in {
	margin: -30px -15px 0;
}
#main .cmCol04_item {
	float: left;
	width: 49.999%;
	margin: 30px 0 0;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main .cmCol05 {
	margin: 0 0 0;
	overflow: hidden;
}
#main .cmCol05-fix {
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#main .cmCol05:first-child {
	margin-top: 0;
}
#main .cmCol05_in {
/* 	margin: -30px -15px 0; */
}
#main .cmCol05_item {
	float: left;
	width: 290px;
	margin: 30px 40px 5px 0;
	padding: 5px 5px 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 0.75);
  border-radius: 3px;
}
#main .cmCol05_item.last-child {
	margin-right: 0;
}
#main .cmCol05_item.cmCol05_item_single {
	float: none;
	margin: 30px auto 5px;
}
#main .cmCol05_item p {
	margin: 0 10px;
}
#main .cmCol05_item p.descCapB {
	margin: 12px 5px 0;
	font-size: 15px;
}

#main .cmCol06 {
	width: 890px;
	margin: 20px auto 0;
}
#main .cmCol06:first-child {
	margin-top: 0;
}
#main .cmCol06_in {
	margin: 0;
}
#main .cmCol06_item {
	float: left;
	width: 455px;
	margin: 30px 20px 0;
}
#main .cmCol06_item-n {
	width: 355px;
}

#main .cmCol01:after,
#main .cmCol02_in:after,
#main .cmCol03_in:after,
#main .cmCol04_in:after,
#main .cmCol05_in:after,
#main .cmCol06_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #main .cmCol01,
*:first-child+html #main .cmCol02_in,
*:first-child+html #main .cmCol03_in,
*:first-child+html #main .cmCol04_in,
*:first-child+html #main .cmCol05_in,
*:first-child+html #main .cmCol06_in { zoom: 1; } /* ie7 */
/* 画像
------------------------------------------------------------------------------- */
#main .cmImg {
	text-align: center;
}
#main .cmImg_caption {
	margin: 10px 0 0 0;
	text-align: left;
}
#main .cmImg_caption-num {
	margin-left: 28px;
	text-indent: -28px;
}
#main .cmImg_num {
	display: inline-block;
	width: 20px;
	line-height: 20px;
	margin: 0 8px 0 0;
	background-color: #333;
	color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 0;
	text-align: center;
	vertical-align: 2px;
}
/* スライダー
------------------------------------------------------------------------------- */
#main .cmSlider {
	overflow: hidden;
}
#main .cmSlider_in {
	display: none !important;
	right: -11%;
	left: -11%;
	width: 122%;
	margin: 0 0 30px;
}
#main .cmSlider_in-show {
	display: block !important;
}
#main .cmSlider_item {
	padding: 0 15px;
}
#main .cmSlider_item img {
	width: 100%;
	height: auto;
}
#main .cmSlider .slick-prev,
#main .cmSlider .slick-next {
	width: 48px;
	height: 48px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 100;
}
#main .cmSlider .slick-prev {
	left: 10%;
	background-image: url(/ad/images/ad_btn01_on.png);
}
#main .cmSlider .slick-next {
	right: 10%;
	background-image: url(/ad/images/ad_btn02_on.png);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	opacity: 0.7;
}
#main .cmThumbs {
	display: none !important;
	max-width: 930px;
	margin: 0 auto;
}
#main .cmThumbs-n1 {
	max-width: 100px;
}
#main .cmThumbs-n2 {
	max-width: 204px;
}
#main .cmThumbs-n3 {
	max-width: 308px;
}
#main .cmThumbs-n4 {
	max-width: 412px;
}
#main .cmThumbs-n5 {
	max-width: 516px;
}
#main .cmThumbs-n6 {
	max-width: 620px;
}
#main .cmThumbs-n7 {
	max-width: 724px;
}
#main .cmThumbs-n8 {
	max-width: 828px;
}
#main .cmThumbs-show {
	display: block !important;
}
#main .cmThumbs_item {
	position: relative;
	cursor: pointer;
	margin: 0 2px;
}
#main .cmThumbs_item.slick-current {
	cursor: default;
}
#main .cmThumbs_item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100%;
	border: 0 solid #ef0043;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
#main .cmThumbs_item.slick-current:after {
	border-width: 3px;
}
/* その他のCM
------------------------------------------------------------------------------- */
#main .cmArchive {
	position: relative;
	padding: 40px 0 50px;
	background: #e8ecef;
	z-index: 10;
	overflow: hidden;
}
#main .cmArchive + .cmArchive {
	padding-top: 0;
}
#main .cmArchive_in {
	position: relative;
	padding: 0 50px 0 0;
}
#main .cmArchive_list {
	margin: 0 0 0 100px;
}
#main .cmArchive_item {
	float: left;
	width: 300px;
	margin: 0 0 0 30px;
}
#main .cmArchive_item:first-child {
	margin-left: 0;
}
#main .cmArchive_item a {
	display: block;
	color: #333;
	text-decoration: none;
}
#main .cmArchive_img {
	display: block;
	width: 290px;
	height: 163px;
	border: 5px solid #fff;
	overflow: hidden;
}
.d_hover #main .cmArchive_item a:hover .cmArchive_img img {
	opacity: 0.8;
}
#main .cmArchive_tit {
	line-height: 1.5;
	margin: 17px 0 0;
	padding: 0;
	color: #4a5675;
	font-weight: bold;
	text-decoration: underline;
}
.d_hover #main .cmArchive_item a:hover .cmArchive_tit {
	text-decoration: none;
}
#main .cmArchive_btn {
	position: absolute;
	top: 63px;
	width: 48px;
	height: 48px;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 1000;
	cursor: pointer;
}
#main .cmArchive_btn-prev {
	left: 30px;
	background-image: url(/ad/images/ad_btn01_on.png);
}
#main .cmArchive_btn-next {
	right: 30px;
	background-image: url(/ad/images/ad_btn02_on.png);
}
#main .cmArchive_btn:hover {
	opacity: 0.7;
}
#main .fnPicker_disabled:hover {
	opacity: 1;
}
#main .cmArchive_btn-prev.fnPicker_disabled {
	background-image: url(/ad/images/ad_btn01.png);
	cursor: default;
}
#main .cmArchive_btn-next.fnPicker_disabled {
	background-image: url(/ad/images/ad_btn02.png);
	cursor: default;
}
#main .cmArchive_tolist a {
	display: block;
	width: 200px;
	line-height: 38px;
	margin: 0 auto;
	padding: 2px 0 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #1f1a13;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
.d_hover #main .cmArchive_tolist a:hover {
	background-color: #444;
}
#main .cmArchive_tolist a:before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 10px;
	margin: 0 6px 0 0;
	background: url(/common/images/ico_arw26.png) left top no-repeat;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	background-size: 7px auto;
	vertical-align: 1px;
}

#main .cmArchive.sameSeries {
	background: #dbe4e9;
	padding-top: 0;
}
#main .cmArchive.sameSeries .cmHead04 {
	margin: 0 auto;
}
#main .cmArchive.sameSeries .cmHead04_tit {
	margin: 0 0 15px 100px;
	padding: 10px;
	background: #333;
	color: #fff;
	text-align: center;
	display: inline-block;
}

/* ソーシャル上部設置
------------------------------------------------------------------------------- */
#socialAreaC {
	position: absolute;
	top: -1px;
	right: 0;
	overflow: hidden;
}
#socialAreaC ul {
	float: right;
}
#socialAreaC li {
	float: left;
	line-height: 1;
	margin-right: 11px;
	vertical-align: top;
}
#socialAreaC li a {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
#socialAreaC .twitter {
	width: 88px;
	height: 20px;
	overflow: hidden;
}