@charset "utf-8";

body, div, p, ul, li {margin:0; padding:0;}

img {vertical-align:bottom;}

a img {border:none;}

body{
	border:none;
	background:#FFF;
	font-family: 'メイリオ', Meiryo ,'ＭＳ Ｐゴシック', 'MS PGothic', verdana, Sans-Serif; font-size:100%; line-height:1.6;
}

ul, li {list-style:none;}

#header {
	width:100%;
	margin:0 auto;
	padding:.2em 0;
	text-align:center;
	display:block;
	background:#ff1a60;
	font-size:.8em;
	color:#FFF;
}

.banner479, .banner720 {
	margin:0 auto;
	text-align:center;
	background:#e6ebf1;
}

.banner479 {
	display:none;
}

.banner720 img{
	max-width:720px;
	width:100%;
}

#box {position:relative; width:100%; overflow-x:hidden;}
	
ul.accordion {height:2.4em; width:100%; margin:0 auto; background:#ffa5c1;  font-size:1em; text-align:center; position:absolute; z-index:999;}
ul.accordion a { display:block; padding:10px; background-position:90% center; background-repeat:no-repeat; text-decoration:none; color:#333;}
ul.accordion span { display:block; padding:.4em; background-position:90% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion ul { display:none;}
ul.accordion > li { width:33.2%; float:left; background: #ffa5c1; border-bottom:none; border-right:solid 1px #FFF;}
ul.accordion > li:last-child { border:none;}
ul.accordion > li > p { background: #ffa5c1;cursor:pointer;}
ul.accordion > li > p span { background-image:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/open.png);}
ul.accordion > li > p span.open { background-image:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/close.png);}
ul.accordion > li > ul > li { background:#F3F3F3; border-top:1px solid #FFF; border-bottom:1px solid #CCC; font-weight:normal;}
ul.accordion > li > ul > li:first-child { border-top:none;}
ul.accordion > li > ul > li:last-child { border-bottom:none;}
ul.accordion > li > ul > li > p { background:#F3F3F3;}
ul.accordion > li > ul > li > a { background:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/search.png) no-repeat 75% center;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #CCC;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}


.content {
	max-width:1035px;
	height: 480px;
	padding-top:2em;
	margin:0 auto;
	text-align:center;
	position:relative;
	clear:both;
}	
	
.content a {
	width:100%;
	height: 510px;
	display:block;
	z-index:100;
	position:absolute;
	top:0;
	left:0;	
}	

.content iframe {
  	width: 100% !important;
  	height: 480px;
  	zoom:100%\9; 
	transform: scale(1.0);
	transform-origin: top left;
	-webkit-transform: scale(1.0);
	-webkit-transform-origin: top left;
}



.btn {
	margin:1em auto;
	text-align:center;
	clear:both;
}

.btn a {
	padding:.4em 1.7em .4em .8em;
	background:#ff1a60;
	color:#FFF;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/play.png), #ff1a60;
    background-repeat:no-repeat;
    background-position:96% 48%;
}

.btn a:hover {
	background:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/play_hover.png), #F00;
	background-repeat:no-repeat;
    background-position:96% 48%;
	color:#fff000;
	text-decoration:none;
}

footer {
	padding:1.5em 0;
	margin-top:3em;
	color:#FFF;
	text-align:center;
	font-size:.8em;
	background:#999;
}

/* 720pxより小さいデバイスの場合 */

@media screen and (max-width: 719px) {		

ul.accordion {height:7.3em;}
ul.accordion > li { width:100%; float:none; border-bottom:1px solid #FFF; }
ul.accordion > li > ul > li > a { background:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/search.png) no-repeat 70% center;}


.content {
	width:100%;
	height: 540px;
	padding:0;
}	

.content a {
	width:100%;
	height: 540px;
}	

.content iframe {
	width: 120% !important;
	height: 480px;
	margin-top:7em;
	zoom:89%\9; 
	transform: scale(0.89);
	transform-origin: top left;
	-webkit-transform: scale(0.89);
	-webkit-transform-origin: top left;
}

	
}


/* 480pxより小さいデバイスの場合 */

@media screen and (max-width: 479px) {

.banner479 {
	display:block;
}
	
.banner479 img{
	max-width:479px;
	width:100%;
}

.banner720 {
	display:none;
}

ul.accordion > li > ul > li > a { background:url(//affiliate.dtiserv.com/ppc/ppc3-030612/35/search.png) no-repeat 75% center;}

.content {
	height: 600px;
}

.content a {
	width:100%;
	height: 600px;
}

.content iframe {
	width: 140% !important;
	height: 630px;
	zoom:77%\9; 
	transform: scale(0.77);
	transform-origin: top left;
	-webkit-transform: scale(0.77);
	-webkit-transform-origin: top left;
}


}