@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: "NeueHelveticaforSpeedo-LtCn";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-LtCn.svg#NeueHelveticaforSpeedo-LtCn") format("svg");
}

@font-face {
	font-family: "NeueHelveticaforSpeedo-Lt";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Lt.svg#NeueHelveticaforSpeedo-Lt") format("svg"); 
}

@font-face {
	font-family: "NeueHelveticaforSpeedo-Rg";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Rg.svg#NeueHelveticaforSpeedo-Rg") format("svg");
}  
 
@font-face {
	font-family: "NeueHelveticaforSpeedo-Bd";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-Bd.svg#NeueHelveticaforSpeedo-Bd") format("svg"); 
}

@font-face {
	font-family: "NeueHelveticaforSpeedo-BdCn";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-BdCn.svg#NeueHelveticaforSpeedo-BdCn") format("svg");
}

@font-face {
	font-family: "NeueHelveticaforSpeedo-MdCn";
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.eot");
	src: url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.eot?#iefix") format("embedded-opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.woff") format("woff"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.ttf") format("truetype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.otf") format("opentype"), 
	url("/speedo/fonts/NeueHelveticaforSpeedo-MdCn.svg#NeueHelveticaforSpeedo-MdCn") format("svg");
}



/*
#EE3224
#0A1317
#E9EEF5
#CBD5DF
#a2b2c3
#71859D
*/


.ftLt{font-family: "NeueHelveticaforSpeedo-Lt";}
.ftRm{font-family: "NeueHelveticaforSpeedo-Rg";}
.ftBd{font-family: "NeueHelveticaforSpeedo-Bd";}
.ftJP{font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', "Avenir Next","Avenir", sans-serif;}
.ftJPbd{font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', "Avenir Next","Avenir", sans-serif;font-weight:bold;}


.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}





.newMark1st{
	position:relative;
}
.newMark1st:after{
	content:"NEW";
	display:inline-block;
	position:absolute;
	font-family: "NeueHelveticaforSpeedo-Rg";
	color:#FFF;
	font-size:10px;
	top:-13px;
	left:0;
	z-index:5;
	line-height:1;
	padding:1px 3px;
	height:12px;
	background:#EE3224;
}

.newMark2nd{
	position:relative;
}
.newMark2nd:after{
	content:"NEW";
	display:inline-block;
	position:absolute;
	font-family: "NeueHelveticaforSpeedo-Rg";
	color:#FFF;
	font-size:10px;
	bottom:-15px;
	left:0;
	z-index:5;
	line-height:1;
	padding:1px 3px;
	height:12px;
	background:#EE3224;
}


@media (max-width: 768px) {
.newMark1st:after{
	top:9px;
	left:20px;
}
.newMark2nd:after{
	top:9px;
	left:20px;
	bottom:inherit;
}

}


















h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration:none;


}

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}

a.nohover:hover {
  opacity: 1.0;
}



.main {padding-bottom:0px;}



.wide{
	/*
	position:absolute;
	top:0;
	width:100%;
	height:100px;
	background:rgba(152,14,10,0.5);
	z-index:10000;
	*/
	display:block;
}


@media (max-width: 768px) {
.wide{display:none;}
}
@media (max-width: 540px) {
/*.main {padding-bottom:40px;}*/
}





/* ==================== SOCIAL / International ====================== */


.social{
	width:100%;
	background:#EE3224;
	text-align:center;
	border-bottom:15px solid #0A1317;
	padding:30px 0;
}
.social img{
	width:100%;
}
.index .social{
	border-bottom:none;
}
.social h2{
	font-family: "NeueHelveticaforSpeedo-Bd";
	font-size:2.0em;
	color:#FFF;
	line-height:1.0;
	letter-spacing:0.05em;	
}
.social ul{
	text-align:center;
	margin-top:20px;
}
.social ul li{
	display:inline-block;
	margin:0 9px;
}
.social ul li.fb{
	width:30px;
}
.social ul li.in{
	width:30px;
}
.social ul li.yb{
	width:40px;
}
.social ul li.ln{
	width:30px;
}


.international{
	width:100%;
	background:#0A1317;
	text-align:center;
	padding:1em 0;
	display:none;
}
.international a{
	color:#FFF;
	display:inline-block;
	font-family: "NeueHelveticaforSpeedo-Rg";
	font-size:1.25em;
	letter-spacing:0.05em;
	position:relative;
	padding:0 0 0 20px;
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
	        transition: opacity 0.25s;
}
.international a::after {  
    display: block;  
    content: "";  
    position: absolute;  
    top:50%;
    left: 0px;
    width:10px;  
    height:10px;  
    margin:-8px auto 0;  
    border-bottom: solid 2px #FFF;  
    border-right: solid 2px #FFF;  
    -webkit-transform: rotate(45deg);  
    transform: rotate(45deg); 
}
.international a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
	

}

.index .international{
	display:block;
}


@media (max-width: 540px) {
.social h2{font-size:1.7em;}
.social ul li{margin:0 12px;}
.social ul li.fb{width:35px;}
.social ul li.in{width:35px;}
.social ul li.yb{width:45px;}
.social ul li.ln{width:35px;}
}




/* ============= Item List Wide 4 ================ */



.contentsItemBox{
	width:100%;
	padding:0 26px;
	margin:100px auto 0;
	box-sizing:border-box;
}
.contentsItemBox h2{
	font-family: "NeueHelveticaforSpeedo-Bd";
	font-size:3.0em;
	text-align:center;
	padding-bottom:1.5em;
	letter-spacing:0.05em;
}
.contentsItemBox .listBox{
	width:100%;
	overflow:hidden;
}
.contentsItemBox ul.itemList{
	width:102%;
	font-size:0;
	text-align:left;
}
.contentsItemBox ul.itemList li{
	width:23%;
	margin-right:2%;
	font-size:12px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}
.contentsItemBox ul.itemList li a{
	display:block;
	font-size:0.9em;
}
.contentsItemBox ul.itemList li h3{
	margin:0.8em 0 0.2em;
	font-size:1.1em;
}


@media (max-width: 980px) {
.contentsItemBox h2{font-size:2.7em;}
}



@media (max-width: 768px) {
.contentsItemBox{width:95%;padding:0;margin-top:80px;}
.contentsItemBox h2{padding-bottom:1.0em;}
}


@media (max-width: 720px) {
.contentsItemBox{width:90%;margin-top:60px;}
.contentsItemBox ul.itemList{width:104%;}
.contentsItemBox ul.itemList li{width:46%;margin-right:4%;margin-bottom:20px;}
}



@media (max-width: 540px) {
.contentsItemBox{margin-top:50px;}
.contentsItemBox h2{font-size:2.1em; line-height:1.2;}
.contentsItemBox ul.itemList li h3{font-size:1.0em;}
}




/* ============= Coming Soon ================ */

.comingsoon{
	font-family: "NeueHelveticaforSpeedo-Rg";
	text-align:center;
	font-size:2.5em;
	padding:200px 0;
}

@media (max-width: 768px) {
.comingsoon{padding:29% 0 25%;}
}
@media (max-width: 540px) {
.comingsoon{font-size:2.0em;}
}









/* ============= Red Button ================ */


.redButton{
	margin:20px 0;
	text-align:center;
}
.redButton a{
	display:inline-block;
	margin:0 auto;
	color:#FFF !important;
	font-size:1.2em;
	line-height:1.0;
	background:#EE3224;
	font-family: "NeueHelveticaforSpeedo-Rg";
	letter-spacing:0.05em;
	padding:0.7em 1.5em 0.7em;
	-webkit-border-radius:4px;
       -moz-border-radius:4px;
	        border-radius:4px;
}

@media all and (-ms-high-contrast:none) {
.redButton a{padding:1.0em 1.5em 0.6em;}
}

.redButton a:hover{
	background:#B3150F;
}
.redButton.midsize a{
}


/* */






/* =================== footer Menu ===================== */


.speedoFooter{
	width:100%;
	background:#F5F5F5;
	margin:70px auto 0;
}

.speedoFooter .footerMenuInner{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:50px 26px 50px;
	box-sizing:border-box;
}



.footerMenuList{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.footerMenuList a{
	display:inline-block;
}
.footerMenuList ul{
	width:102%;
	font-size:0;
}
.footerMenuList ul li{
	width:23%;
	margin-right:2%;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}
.footerMenuList ul li h3{
	font-size:1.0em;
	color:#EE3224;
	line-height:1.3;
	padding-bottom:10px;
}
.footerMenuList ul li h3 a{
	color:#EE3224;	
}
.footerMenuList ul li h3 span{
	display:block;
	font-family: "NeueHelveticaforSpeedo-Rg";
	font-size:1.4em;
}
.footerMenuList ul li h4{
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.8em;
}
.footerMenuList ul li h4.top{
	margin-top:6px;
}
.footerMenuList ul li p{
	font-size:1.0em;
	margin:6px 0;
}


@media (max-width: 768px) {

.speedoFooter{margin-top:10%;}


.speedoFooter .footerMenuInner{padding:0;}
.footerMenuList ul{width:100%;}
.footerMenuList ul li{
	width:100%;
	margin-right:0%;
	text-align:center;
	border-top:1px solid #CCC;
	padding:30px 0;
}
.footerMenuList ul li:first-child{border:none;}
.footerMenuList ul li h3{padding-bottom:10px;}
.footerMenuList ul li h3 span{font-size:1.3em;}
.footerMenuList ul li h4.top{margin-top:4px;}
.footerMenuList ul li h4{margin-top:1.5em;}
}