@charset "utf-8";

@media only screen and (min-width: 668px) {
	.headerA{
		z-index: 3001 !important;
	}
}


.nav-home {
	background: linear-gradient(to bottom,#ffffff 0%,#efefef 100%);
}

h2.title-lineup{
	text-align: center;
	background: #314d9b;
	padding: 5px 10px;
}

h2.titleBox{
	display: table;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8ddee',endColorstr='#c1ccef',GradientType=0 );
	background:linear-gradient(to bottom,#d8ddee 0%,#c1ccef 100%);
	border-top: 1px solid #3e5eba;
	font-family:"Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align: left;
	padding: 8px 10px 8px 15px;
	box-sizing: border-box;
	margin: 20px 0 0 0;
}

h2.titleBox > span{
	display: table-cell;
	vertical-align: middle;
}

h2.titleBox > span.title{
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}

h2.titleBox > span.title:before{
	content: '';
	position: absolute;
	display: block;
	background: url(../images/arw_kaku_r.png) no-repeat center;
	top: 50%;
	margin-top: -8px;
	left: 0;
	width: 12px;
	height: 12px;
	background-size: contain;
}

h2.titleBox > span.com{
	text-align: right;
}

#main-sp {
	display: none;
}

#main {
	background: url(/info/cm/images/main-bg.gif) no-repeat 0 0;
	width:1200px;
	height: 310px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#main #prev {
	display: block;
	text-indent: -9999px;
	background: url(/info/cm/images/ico-arrow-left.gif) no-repeat 0 0;
	width: 15px;
	height: 60px;
	position: absolute;
	top: 115px;
	left: 0;
	z-index: 1000;
	cursor: pointer;
}

#main #next {
	text-indent: -9999px;
	display: block;
	background: url(/info/cm/images/ico-arrow-right.gif) no-repeat 0 0;
	width: 15px;
	height: 60px;
	position: absolute;
	top: 115px;
	right: 0;
	z-index: 1000;
	cursor: pointer;
}

#main ul {
	height: 365px;

	/*2縺*/
/*	width: 956px;
	margin: 0;*/
	/*3縺*/
/*	width: 840px;
	margin: 0 0 0 1%;*/
	/*4縺*/
/*	width: 725px;
	margin: 0 0 0 9%;*/
	/*5縺*/
/*	width: 750px;
	margin: 0 0 0 9%;*/
	/*6縺*/
/*	width: 828px;
	margin: 0 0 0 6%;*/
	/*7縺*/
/*	width: 900px;
	margin: 0 0 0 2.8%;*/
	/*8縺*/
/*	width: 1035px;
	margin: 0 0 0 -4.0%;*/
	/*9縺*/
/*	width: 1133px;
	margin: 0 0 0 -8.8%;*/
	/*10縺*/
/*	width: 1236px;
	margin: 0 0 0 -14%;*/
	/*11縺*/
/*	width: 1315px;
	margin: 0 0 0 -18%;*/
	/*12縺*/
/*	width: 1453px;
	margin: 0 0 0 -25%;*/
	/*13縺*/
/*	width: 1570px;
	margin: 0 0 0 -14.5%;*/
	/*14縺*/
/*	width: 1900px;
	margin: 0 0 0 -28%;*/
	/*16縺以上*/
	width: 2300px;
	margin: 0 0 0 -45%;
}

#main ul li {
	text-indent: -9999px;
	float: left;
	display: inline;
}

#main ul li.roundabout-moveable-item {
	top: 51px !important;
}

#main ul li.roundabout-in-focus {
	top: 20px !important;
/*3連*/
/*	left: 287px !important;*/
/*4,5連*/
/*	left: 209px !important;*/
/*6連*/
/*	left: 240px !important;*/
/*7連*/
/*	left: 270px !important;*/
/*8連*/
/*	left: 335px !important;*/
/*9連*/
/*	left: 380px !important;*/
/*10連*/
/*	left: 429px !important;*/
/*11連*/
/*	left: 467px !important;*/
/*12連*/
/*	left: 534px !important;*/
/*13連*/
/*	left: 591px !important;*/
/*14連*/
/*	left: 756px !important;*/
/*16連以上*/
	left: 955px !important;
}

#main ul li a {
	display: block;
	width: 268px;
	height: 164px;
	position: relative;
}

.slideNew {
	position: absolute;
	top: 2px;
	left: 3px;
}

#main ul li#cs01 a {
	background: url(/info/cm/images/main-cs01-s.png) no-repeat 0 0;
}
#main ul li#cs02 a {
	background: url(/info/cm/images/main-cs02-s.png) no-repeat 0 0;
}
#main ul li#cs03 a {
	background: url(/info/cm/images/main-cs03-s.png) no-repeat 0 0;
}
#main ul li#sm01 a {
	background: url(/info/cm/images/main-sm01-s.png) no-repeat 0 0;
}
#main ul li#sm02 a {
	background: url(/info/cm/images/main-sm02-s.png) no-repeat 0 0;
}
#main ul li#mm01 a {
	background: url(/info/cm/images/main-mm01-s.png) no-repeat 0 0;
}
#main ul li#mm02 a {
	background: url(/info/cm/images/main-mm02-s.png) no-repeat 0 0;
}
#main ul li#mm03 a {
	background: url(/info/cm/images/main-mm03-s.png) no-repeat 0 0;
}
#main ul li#tmx01 a {
	background: url(/info/cm/images/main-tmx01-s.png) no-repeat 0 0;
}
#main ul li#tg01 a {
	background: url(/info/cm/images/main-tg01-s.png) no-repeat 0 0;
}
#main ul li#tg02 a {
	background: url(/info/cm/images/main-tg02-s.png) no-repeat 0 0;
}
#main ul li#office01 a {
	background: url(/info/cm/images/main-office01-s.png) no-repeat 0 0;
}
#main ul li#brand01 a {
	background: url(/info/cm/images/main-brand01-s.png) no-repeat 0 0;
}
#main ul li#brand02 a {
	background: url(/info/cm/images/main-brand02-s.png) no-repeat 0 0;
}
#main ul li#brand03 a {
	background: url(/info/cm/images/main-brand03-s.png) no-repeat 0 0;
}
#main ul li#brand04 a {
	background: url(/info/cm/images/main-brand04-s.png) no-repeat 0 0;
}
#main ul li#brand05 a {
	background: url(/info/cm/images/main-brand05-s.png) no-repeat 0 0;
}
#main ul li#brand06 a {
	background: url(/info/cm/images/main-brand06-s.png) no-repeat 0 0;
}
#main ul li#brand07 a {
	background: url(/info/cm/images/main-brand07-s.png) no-repeat 0 0;
}
#main ul li#brand08 a {
	background: url(/info/cm/images/main-brand08-s.png) no-repeat 0 0;
}
#main ul li#brand09 a {
	background: url(/info/cm/images/main-brand09-s.png) no-repeat 0 0;
}
#main ul li#brand10 a {
	background: url(/info/cm/images/main-brand10-s.png) no-repeat 0 0;
}

#main ul li.roundabout-in-focus a {
	display: block;
	width: 370px;
	height: 265px;
}

#main ul li#cs01.roundabout-in-focus a {
	background: url(/info/cm/images/main-cs01-l.png) no-repeat 0 0;
}
#main ul li#cs02.roundabout-in-focus a {
	background: url(/info/cm/images/main-cs02-l.png) no-repeat 0 0;
}
#main ul li#cs03.roundabout-in-focus a {
	background: url(/info/cm/images/main-cs03-l.png) no-repeat 0 0;
}
#main ul li#cs04.roundabout-in-focus a {
	background: url(/info/cm/images/main-cs04-l.png) no-repeat 0 0;
}
#main ul li#sm01.roundabout-in-focus a {
	background: url(/info/cm/images/main-sm01-l.png) no-repeat 0 0;
}
#main ul li#sm02.roundabout-in-focus a {
	background: url(/info/cm/images/main-sm02-l.png) no-repeat 0 0;
}
#main ul li#mm01.roundabout-in-focus a {
	background: url(/info/cm/images/main-mm01-l.png) no-repeat 0 0;
}
#main ul li#mm02.roundabout-in-focus a {
	background: url(/info/cm/images/main-mm02-l.png) no-repeat 0 0;
}
#main ul li#mm03.roundabout-in-focus a {
	background: url(/info/cm/images/main-mm03-l.png) no-repeat 0 0;
}
#main ul li#tmx01.roundabout-in-focus a {
	background: url(/info/cm/images/main-tmx01-l.png) no-repeat 0 0;
}
#main ul li#tg01.roundabout-in-focus a {
	background: url(/info/cm/images/main-tg01-l.png) no-repeat 0 0;
}
#main ul li#tg02.roundabout-in-focus a {
	background: url(/info/cm/images/main-tg02-l.png) no-repeat 0 0;
}
#main ul li#office01.roundabout-in-focus a {
	background: url(/info/cm/images/main-office01-l.png) no-repeat 0 0;
}
#main ul li#brand01.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand01-l.png) no-repeat 0 0;
}
#main ul li#brand02.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand02-l.png) no-repeat 0 0;
}
#main ul li#brand03.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand03-l.png) no-repeat 0 0;
}
#main ul li#brand04.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand04-l.png) no-repeat 0 0;
}
#main ul li#brand05.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand05-l.png) no-repeat 0 0;
}
#main ul li#brand06.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand06-l.png) no-repeat 0 0;
}
#main ul li#brand07.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand07-l.png) no-repeat 0 0;
}
#main ul li#brand08.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand08-l.png) no-repeat 0 0;
}
#main ul li#brand09.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand09-l.png) no-repeat 0 0;
}
#main ul li#brand10.roundabout-in-focus a {
	background: url(/info/cm/images/main-brand10-l.png) no-repeat 0 0;
}

.lineup{
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}

.lineup li{
	float: left;
	width: 25%;
}

.lineup a{
	display: table;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
	background:linear-gradient(to bottom,#ffffff 0%,#ededed 100%);
	font-family:"Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	font-size: 12px;
	padding: 0 2px 0 35px;
	box-sizing: border-box;
	text-decoration: none;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
}

.lineup a:before{
	content: '';
	position: absolute;
	display: block;
	background: url(../images/arw_kaku_d.png) no-repeat center;
	top: 50%;
	margin-top: -8px;
	left: 10px;
	width: 15px;
	height: 15px;
	background-size: contain;
}

.lineup a.hover:hover{
	color: #000;
	background: #dfe6ff;
}

.lineup li.no a{
	border-left: none;
	border-right: none;
}

.lineup li.noLast a{
	border-left: none;
}

.lineup li.no a:before,
.lineup li.noLast a:before{
	display: none;
}

.lineup li.no a:after{
	content: '';
	position: absolute;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
	background:linear-gradient(to bottom,#ffffff 0%,#ededed 100%);
	top: 0;
	right: -1px;
	width: 1px;
	height: 4em;
	border-bottom: 1px solid #dddddd;
	background-size: contain;
}

.lineup a > span{
	display: table-cell;
	vertical-align: middle;
	height: 4em;
}

.movieBox {
	border: 1px solid #dddddd;
	border-top: none;
}
.movieBox.last {
	margin: 0 0 50px;
}

.movieBox ul.detail {
	float: left;
	width: 550px;
  text-align: center;
}

.movieBox ul.detail li.img {
	width: 170px;
	float: left;
	display: inline;
	line-height: 0;
}

.movieBox ul.detail li.txt {
	font-size: 0.7em;
	padding: 5px 0 0 0;
	margin: 0 0 0 -16px;
}

.movieBox dl {
	background: #f4f4f4;
	padding: 10px 30px;
}


.movieBox dl dt {
	font-weight: bold;
	padding-bottom: 5px;
}

.movieBox dl dd {
	float: left;
	width: 360px;
	padding-bottom: 5px;
}

.movieBox dl dd.right {
	width: inherit;
}

.movieBox dl dd ul li {
	padding-bottom: 5px;
}

.movieBox dl dd a {
	background-image: url("/common/images/ico-tvcm.gif");
	background-position: 0 -95px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

.movieBox dl dd a span {
	background-image: url("/info/cm/images/ico-window.gif");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding: 0 15px 0 0;
}

.movieBox dl dd a:hover {
	color: #314d9b;
	text-decoration: underline;
}

.cmPlayer {
	padding: 40px 0 40px 40px;
}

.cmPlayer p.txt {
	float: left;
	width: 444px;
}

.cmPlayer p.btn {
	margin-left: 500px;
}

.contentsBnrWrapper .bnrWrap li {
	margin: 0;
}

.contentsBnrWrapper .bnrWrap li.special {
	margin: 0 10px 0 0;
}

#sidebar .noOpenMenu .ct dd li a {
	background-image: url("/common/images/ico-tvcm.gif");
}

#sidebar .openMenu .ct dt a {
	background-image: url("/common/images/ico-tvcm.gif");
}

#sidebar .openMenu .ct dd {
	background-color: #F4F4F4;
	border-bottom: 1px solid #dddddd;
	display: none;
	padding: 0;
	text-indent: 0;
}

#sidebar .openMenu .ct dd h2 {
	background-color: #e1e1e1;
	padding: 3px 0 3px 8px;
}

#sidebar .openMenu .ct dd ul {
	padding: 5px 8px 5px 20px;
	text-indent: -12px;
}

#sidebar .openMenu .ct dd ul li a {
	background-image: url("/common/images/ico-tvcm.gif");
}


#sidebar .openMenu ul.none {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#sidebar .openMenu ul.none li {
	background-image: url("/common/images/dot-white.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding: 8px 8px 8px 20px;
	text-indent: -12px;
}

#sidebar .openMenu ul.none li.last {
	background-image: none;
}

#sidebar .openMenu ul.none li a {
	background-image: url("/common/images/ico-tvcm.gif");
	background-position: 0 -95px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

#footer{
	background: rgba(255,255,255,0);!important;
}

#footer .mainContents .left li,
#footer .mainContents .right li {
	background-image: url("/common/images/dot-glay.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	margin: 0 10px 7px 0;
	padding: 0 0 8px;
}

#footer .mainContents .left li.last,
#footer .mainContents .right li.last {
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer .mainContents .left li a,
#footer .mainContents .right li a {
	background-image: url("/common/images/ico-tvcm.gif");
	background-position: 0 -95px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

.pcOnly{display:block;}
.spOnly{display:none;}

strong{color: #333;}


@media screen and (max-width:667px){
body {
	min-width: 100%;
	width: 100%;
	overflow-x: hidden;
}

#wrapper {
	width: 100%;
	overflow-x: hidden;
	padding-top: 100px;
}

.mmbrSts-org ~ #wrapper,
.mmbrSts-org_pre ~ #wrapper,
.mmbrSts-hataraki ~ #wrapper {
	padding-top: 179px;
}

#breadcrumbs,
#roundabout,
#sidebar,
#pageTop,
#footer{
	display: none;
}

#footerWrapper{
	display: block;
}

.headerA-inner,
#footerBottom .bottom,
#footerBottom .navi ul {
	width: auto !important;
}

h1{
	text-align: left;
	font-weight: normal;
	font-family:"Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.nav-home {
	position: relative;
}
.nav-home p {
	position: absolute;
	right: 10px;
}

h2.titleBox{
	padding: 6px 10px 8px 15px;
	border-top: 2px solid #3e5eba;
}

h2.titleBox > span.title{
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}

h2.titleBox > span.com img{
	width: 60px;
}

h2.titleBox > span.title:before {
	margin-top: -6px;
}

#main-sp {
	display: block;
	background-image: url(/sp/item/images/bg-pager.png);
	position: relative;
	overflow: hidden;
}

#main {
	display: none;
}

.bxslider a{
	display: block;
	margin-bottom: 10px;
}

.bx-viewport{
	overflow: hidden;
	text-align: center;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: relative;
	bottom: 0;
	width: 100%;
	background-image: none;
	padding: 20px 0;
	margin: 0 auto;
}

.screen{
	background: #000 url("/info/cm/images/loading.gif") no-repeat center;
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.mvsp {
	position: relative;
}

.mvsp .buttonArea > a{
	position: absolute;
	top: 50%;
	margin-top: -66px;
	width: 33px;
	height: 33px;
}

.mvsp .buttonArea a#prevBtn{
	left: 0;
	background: url("/info/cm/images/btn_mvsp_prev.png") no-repeat center;
	background-size: contain;
}

.mvsp .buttonArea a#nextBtn{
	right: 0;
	background: url("/info/cm/images/btn_mvsp_next.png") no-repeat center;
	background-size: contain;
}

.mvsp .buttonArea a a{
	opacity: 0;
	display: block;
	width: 33px;
	height: 33px;
}

.contentsBnrWrapper .bnrWrap {
	padding: 20px 9px 8px;
	margin: 0 0 47px 0;
}

.lineup li{
	float: left;
	width: 50%;
}

.lineup a > span{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.7;
	height: 6em;
}

.lineup li.no{
	display: none;
}

.lineup li.noLast{
	display: none;
}

.movieBox{
	border: none;
}

.movieBox ul.detail {
	float: none;
	width: 100%;
  text-align: left;
}

.movieBox ul.detail a{
	display: block;
}

.movieBox ul.detail img.fade{
	width: 100%;
}

.movieBox dl{
	padding: 16px 15px 10px;
}

.movieBox dl dd {
	float: none;
	width: 100%;
}

.movieBox.last {
	margin: 0 0 35px;
}

.bnrWrap img{
	width: 100%;
}

.bnrWrap li{
	display: block;
	float: none !important;
}

.bnrWrap li.special{
	margin: 0 0 8px 0 !important;
}

.bnrWrap li a{
	display: block;
}


h1.hdg-h1 {
	font-size: 17px;
	color: #fff;
	text-shadow: none !important;
	background-image: none !important;
	background-color: #A70000 !important;
	border-top: 1px solid #C84D4D;
	border-bottom: none;
	padding: 12px 10px 12px;
	margin-bottom: 0;
}

.slideNew {
	position: absolute;
	top: 0;
	left: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 4px;
	width: 10px;
	height: 10px;
}

.pcOnly{display:none;}
.spOnly{display:block;}
}


/* 20200914追記 */
.movieBox ul.detail.right {
	float: right;
}

.movie_wrap {
	padding: 0 30px;
	margin: 20px 0;
}


@media screen and (max-width:667px) {
.movieBox ul.detail.right {
	float: none;
	margin: 20px 0 0;
}

.movie_wrap {
	padding: 0 20px;
	margin: 20px 0;
}
}


body,select,input{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ", Meiryo, Osaka, sans-serif;}

#tvcm #container #wrapper{
    width: 100%;
}
#tvcm #content{
    width: 100%;
    max-width: 1200px;
    float: none;
    margin: 0 auto;
}
.heading {
    border-bottom: #e6e5df solid 1px;
    margin-bottom: 40px;
}
.itemListH1 {
    display: flex;
    height: 70px;
    max-width: 1200px;
    margin: 0 auto;
}

.itemListH1 span {
    display: inline-flex;
    font-size: 32px;
    align-items: center;
    max-width: 1200px;
}
@media screen and (max-width: 667px) {
    .heading {
      margin-bottom: 20px;
    }
    .itemListH1 {
        height: inherit;
        padding: 20px 10px 15px;
    }
    .itemListH1 span {
        font-size: 22px;
        margin: 0;
    }
}


/* 20220406追記 */
@media screen and (max-width: 667px) {
.movie div {
	padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #E60044;
	border: none;
}
}