body {
  position:relative;
  background-color: #FFF;
  color: #666;
  margin:0;
  
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-family:Strait;
}

a img{
  border:none;
}

a img:hover{
  opacity:0.8;
}


#login_error{
  color:#666;
}

#login_error a{
  color:#666;
}

#allWrapper{
  width:100%;
  margin:0 auto;
  overflow:hidden;
}


.teaser{
  width:100%;
  margin:0 auto;
  background:#1fbae7;
  color:#FFF;
  text-align:center;
}

#topBGwrapper{
  position:relative;
  width:100%;
  background:#1fbae7;
  color:#FFF;
  text-align:center;
  z-index:0;
  
  border-top:#1fbae7 7px solid;
  
  overflow:hidden;
}

#topBG{
  position:absolute;
  top:0px;
  width:100%;
  background:#1fbae7;
}

.si_item img{
  position:relative;
  width:100%;
}

#topLogoArea{
  position:absolute;
  top:7px;
  width:100%;
  height:70px;
  /*background-color:rgba(255,255,255,0.05);
  background: linear-gradient(rgba(31,186,231,0.6), rgba(31,186,231,0.0));
  background: linear-gradient(180deg, rgba(31,186,231,0.6) 0%,rgba(31,186,231,0.0) 80%);
  background: radial-gradient(ellipse at center, rgba(31,186,231,0.6) 0%,rgba(31,186,231,0.0) 100%);*/
  
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31,186,231,0.6)), to(rgba(31,186,231,0.0)));
  
  cursor:pointer;
}

#topLogo{
  position:absolute;
  top:10px;
  left:8px;
}

#topLogo img{
  width:50px;
  height:50px;
}

#topName{
  position:absolute;
  top:17px;
  left:58px;
  color:#FFF;
  font-size:20px;
}

#topSub{
  position:absolute;
  top:38px;
  left:59px;
  color:#FFF;
  font-size:12.7px;
}

#topCountries{
  color:#1fbae7;
  background:#000;
  width:50px;
  padding-left:14px;
  position:absolute;
  top:70px;
  left:-10px;
  
  border-radius:8px;
}

#topMenu{
  /*background:#1fbae7;*/
  background:#000;
  text-align:center;
  padding:4px 0;

}

#topMenu li{
  list-style:none;
  background:#111;
  color:#FFF;
  display:inline-block;
  padding:10px 8px;
  margin:5px;
  font-weight:bold;
  
  cursor:pointer;
}

#topMenu li:hover{
  background:#D7AA6F;
}

#topMenu li.new{
  text-decoration:underline;
}

.contentBlock{
  position:relative;
  float:none;
  max-width:960px;
  width:100%;
  margin:20px auto;
  text-align:center;
  
  background-color:#FFF;
}

.contentInner{
  /*position:relative;*/
  max-width:955px;
  width:100%;
  margin:0 auto;
}

.contentInnerHalf iframe,
.contentInner iframe{
  border:none !important;
}

.contentBlockHalf{
  position:relative;
  display:inline-block;
  float:left;
  max-width:460px;
  width:48%;
  padding:5px 0;
  padding-left:0px;
  text-align:center;
  
  background-color:#FFF;
}

.contentInnerHalf{
  max-width:470px;
  width:100%;

  margin:5px auto;
  text-align:center;
  
  overflow:hidden;
}

.contentInnerHalf iframe{
  max-width:460px;
  width:100%;
  margin:0 auto;
  text-align:center;
  
  overflow:hidden;
}


.halfRight{
  padding-left:0px;
  margin-left:40px;
}

.imgInfo{
  position:absolute;
  right:0px;
  z-index:5;
  width:100%;
  height:60px;
  /*background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,1));*/
  
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.0)), to(rgba(0,0,0,0.5)));
}


.si_item .imgCap{
  position:relative;
  top:20px;
  font-size:20px;
}


.si_item .imgDate{
  position:absolute;
  top:0px;
  right:60px;
  text-align:right; 

  background-color:#1fbae7;
  color:#FFF;
  padding:2px 8px 3px 8px;
  font-size:14px;
  
  border-radius: 8px;
}

.IGtimeNum{
  position:relative;
  display:inline-block;
  font-size:18px;
}

.si_item .imgloc a{
  position:absolute;
  top:0px;
  right:60px;
  max-height:17px;
  overflow:hidden;
  text-align:right;
  /*background-color:#1fbae7;*/
  background-color:rgba(0,0,0,0.5);
  color:#FFF;
  text-decoration:none;
  
  padding:29px 8px 5px 30px;
  
  background-image:url(../images/imgLoc.png);
  background-repeat:no-repeat;
  background-position:10px 30px;
  border-radius: 8px;
}

.si_item .imgloc a:hover{
  background-color:#1fbae7;
}

.si_item .imgIGlink,
.si_item .imgVideolink{
  position:absolute;
  top:0px;
  right:8px;
  text-align:right;
}

.si_item .imgIGlink a{
  height:46px;
  width:25px;
  display:block;
  text-decoration:none;
  background-color:rgba(0,0,0,0.5);
  
  background-image:url(../images/IGicon.png);
  background-repeat:no-repeat;
  background-position:14px 13px;
  
  color:#FFF;
  padding:2px 18px 3px 8px;
  font-size:14px;
  
  border-radius: 8px;
}

.si_item .imgVideolink a{
  height:46px;
  width:25px;
  display:block;
  text-decoration:none;
  background-color:rgba(0,0,0,0.5);
  
  background-image:url(../images/IGvideo.png);
  background-repeat:no-repeat;
  background-position:14px 13px;
  
  color:#FFF;
  padding:2px 18px 3px 8px;
  font-size:14px;
  
  border-radius: 8px;
}

.si_item .imgIGlink a:hover,
.si_item .imgVideolink a:hover{
  background-color:#1fbae7;
}


#topBG .locPageName{
  position:absolute;
  font-size:36px;
  background:rgba(0,0,0,0.5);
  width:100%;
  text-align:center;
  padding-bottom:180px;

  top:0px;
  left:0px;
  z-index:4;
}

#locPage_Photos{
  
}

#locPage_Photos .si_item{
  position:relative;
  width:25%;
  max-height:210px;
  overflow:hidden;
  display:inline-block;
  margin-bottom:0px;
}

#locPage_Photos .si_item .imgInfo{
  bottom:0px;
}

#locPage_Photos .locPageName{
  display:none;
}

#locPage_Map iframe{
  width:100%;
  height:350px;
  border:none;
}

#WC,
#MC{
  background:#EEE;
}

.WCinner{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:0px 0 0px 0;
}

.closed{
  display:none;
}

.WCsubHead{
  background:#FFF;
  padding:10px 0;
  margin:10px auto 10px auto;
  color:#D7AA6F;
  width:98%;
  font-size:18px;
}

.WCsub{
  padding:0px 0;
}

.btnActive{
  cursor:pointer;
}

.btnActive:hover{
  background:#D7AA6F;
  color:#FFF;
}

.WCsub .half{
  width:50%;
  display:inline-block;
  float:left;
}

.WCsub .quarter{
  width:25%;
  display:inline-block;
  float:left;
}

#WC li,
#MC li{
  position:relative;
  display:inline-block;
  vertical-align:bottom;
  width:285px;
  height:285px;
  margin-bottom:20px;
  background:#FFF;
  padding:10px;
  left:4px;
  margin-right:8px;
  margin-bottom:12px;
  text-align:left;
  overflow:hidden;
}

#OS li{
  height:350px;
}

#NASSC li{
  height:350px;	
}

#MC li{
  height:350px;
}

#MC li iframe{
  border:none;
}

.youlist{
  width:100%;
  height:300px;
}

#WC .pickupDate,
#MC .pickupDate{
  font-size:20px;
  color:#1fbae7;
}

#WC li .now{
  color:#C00;
}


#WC_finals li{
  background:#FFF;
  color:#777;
}

#WC_finals li .pickupDate{
  color:#D7AA6F;	
}

img.ccode{
  width:21px;
  padding:0 3px;
}

#WC_finals li.Hhalf{
  height:180px;
}

#WC_finals li .pickupDate.groupMatch{
  color:#1fbae7;
}

.vbtn a{
  padding:8px 0 8px 30px;
  border-radius:10px;
  margin:5px 0;
  text-decoration:none;
  display:block;
  background-color:#C00;
  color:#FFF;
  
  background-image:url(../images/vPlay.png);
  background-repeat:no-repeat;
  background-position:10px 10px;
}

.vbtn a:hover{
  background-color:#F00;
}

.vbtn.HL a{
  margin:6px 0;  
}

#ozuT{
  width:100%;
  position:relative;
  margin:0 auto;
  text-align:center;
  
  margin-bottom:20px;
}

#ozuT img{
  width:33.3%;
  margin:0 auto;
  display:inline-block;
  float:left;
}

#buyBtn{
  width:100%;
  position:relative;
  margin:0 auto;
  text-align:center;
}

#buyBtn div a{
  width:33.3%;
  margin:0 auto;
  display:inline-block;
  float:left;
  
  background:#F60;
  min-height:100px;
  
  padding:10px 0;
  
  text-decoration:none;
  color:#FFF;
}

#buyBtn div a:hover{
  background:#F90;
}

#globalFriends{
  margin-bottom:60px;
}

#globalFriends .friendItem{
  position:relative;
  display:inline-block;
  height:150px;
  vertical-align:top;
  width:285px;
  padding:10px;
  margin-bottom:80px;
}

#globalFriends .friendItem .vbtn{
  position:absolute;
  bottom:-25px;
  width:285px;
}



#LOCATIONS #locList{
  margin:0 auto;
  text-align:center;
}

#LOCATIONS #locList div{
  position:relative;
  display:inline-block;
  float:left;
  list-style:none;
  background:#D7AA6F;
  width:25%;
  height:120px;
  overflow:hidden;
  margin:0;
  padding:0;
  text-align:center;
}

#LOCATIONS #locList div a{
  text-decoration:none;
  vertical-align:middle;
  display:block;
  color:#FFF;
  width:100%;
  height:100px;
  padding-top:20px;

  font-size:18px;
  margin:0px;
}

#LOCATIONS #locList div a:hover{
  background:#333;
}

/*
#instaPhotos .si_item img{
  width:80px;
}

#instaPhotos .si_item{
  display:inline-block;
}
*/

/*booking.com*/
/*
#bkcom{
  position:relative;
  max-width:480px;
  width:100%;
  margin:0 auto;
  text-align:center;
  left:13%;
}
*/


.book a{
  color:#FFF;
  display:block;
  text-decoration:none;
  text-align:left;
  
  padding:14px 8px 14px 30px;
  
  background-color:#023781;
  background-image:url(../images/imgLoc.png);
  background-repeat:no-repeat;
  background-position:12px 17px;
  border-radius: 8px;
  margin:7px 0;
}

.book a:hover{
  background-color:#0351BA;
}

.book.shortBtn a{
  width:115px;
  padding:5px 3px 5px 20px;
  background-position:4px 8px;
  display:inline-block;
  float:left;
  margin:2px;
}

#VIDEO{
  background-color:#555;
}

#CURATED{
  background-color:#222;	
}

.relatedYouTubeVideos{
  position:relative;
  /*max-width:1000px !important;*/
  width:100%;
  margin:0 auto;
  text-align:center;
}

.relatedYouTubeVideos div{
  position:relative;
  list-style:none;
  display:inline-block;
  margin:0;
}

#locVideo{
  background:#222;
  padding:10px 0 8px 0;
}

#locVideo .relatedYouTubeVideos div{
  width:315px;
}

#locVideo .relatedYouTubeVideos div .rytf{
  width:315px;
  height:210px;
}

.appBtn{
  display:inline-block;
}

.contentTitle{
  width:100%;
  color:#D7AA6F;
  font-size:28px;
  text-align:center;
  padding:10px 0;
}

#curatedList{
  text-align:center;
  vertical-align:top;
}

.box{
  display:inline-block;
  width:315px;
  margin-bottom:20px;
}

.thumbTitle{
  width:100%;
  text-align:center;
  font-size:16px;
  margin-top:5px;
  height:52px;
  overflow:hidden;
}

#TWEETS,
#NEWS{
  background-color:#F3F3F3;
}


/*News from twitter*/
#twitter-tracker-2 li{
  position:relative;
  display:inline-block;
  width:285px;
  height:180px;
  margin-bottom:20px;
  background:#FFF;
  padding:10px;
  left:5px;
  margin-right:8px;
  margin-bottom:8px;
  text-align:left;
  overflow:hidden;  
}

#twitter-tracker-2 .avatar{
  position:relative;
  z-index:3;
}

#twitter-tracker-2 .msg{
  position:relative;
  z-index:4;
}

#twitter-tracker-2 .msg a{
  color:#1fbae7;
}

#twitter-tracker-2 li .twit{
  display:block;
}

#twitter-tracker-2 li .twit a{
  text-decoration:none;
  color:#222;
  font-size:20px;
}

#twitter-tracker-2 li .TWimage{
  width:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:0;
}

.TWimageCover{
  width:100%;
  height:200px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  
  /*background-color:rgba(255,255,255,0.8);*/
  
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,1.0)));
}

#twitter-tracker-2 li .TWimage img{
  width:100%;  
}

#twitter-tracker-2 li .info{
  position:absolute;
  top:10px;
  right:10px;
  text-align:right; 

  background-color:#1fbae7;
  color:#FFF;
  padding:2px 8px 3px 8px;
  font-size:14px;
  
  border-radius: 8px;

  text-decoration:none;
  z-index:2;
}

.TWtimeNum{
  position:relative;
  display:inline-block;
  font-size:18px;
}


/* NEWS 1.0 */
#googlenewscontainer{
  position:relative;
  margin-left:4px;
}

#googlenewscontainer .newsresult{
  position:relative;
  display:inline-block;
  width:290px;
  height:220px;
  margin-bottom:20px;
  background:#FFF;
  padding:10px;
  margin-right:8px;
  margin-bottom:5px;
  text-align:left;
  overflow:hidden;
}

#googlenewscontainer .newsresult .google_news_title{
  position:relative;
  height:36px;
  position:relative;
  overflow:hidden;
}

#googlenewscontainer .newsimage{
  position:relative;
  float:left;
  margin:0 10px 10px 0;
}

#googlenewscontainer .newsresult .newsimage a img{
  width:100%;
}

#googlenewscontainer .newsresult p{
  margin:0px;
  line-height:22px;
  height:134px;
  overflow:hidden;
}

#googlenewscontainer .newsresult a{
  font-size:22px;
  text-decoration:none;
  color:#1fbae7;
  position:relative;
  width:100%;
  background-color:#000;
}

#googlenewscontainer .newsresult a:hover{
  background-color:#EEE;
}


#googlenewscontainer .smallattribution{
  font-size:14px;
  color:#D7AA6F;
}

#googlenewscontainer .googleattribution{
  display:none;
}


/* NEWS 2.0 */
.widgettitle{
  display:none;
}

.srr-item{
  position:relative;
  display:inline-block;
  width:285px;
  height:110px;
  margin-bottom:20px;
  background:#1fbae7;
  padding:10px;
  margin:5px;
  text-align:left;
  overflow:hidden;
}

.srr-title{
  position:relative;
  max-height:38px;
  overflow:hidden;
}

.srr-title a{
  color:#FFF;
  font-size:18px;
}

.srr-meta{
  font-size:14px;
  color:#DDD;
}

.srr-summary{
  margin:0px;
  height:70px;
  color:#FFF;
  overflow:hidden;
}



#footer{
  position:relative;
  
  float:left;
  width:100%;
  overflow:hidden;
  margin:20px auto 0px auto;
  background:#1fbae7;
  color:#FFF;
}

#footerInner{
  max-width:960px;
  width:100%;
  padding:20px 0;
  margin:0 auto;
  text-align:center;
  font-size:12px;
}

.clearfix:after{
  content:" ";
  clear:both;
  display:block;
}

.w100p{
  max-width:960px;
  width:100%;
}

#LiveStream{
  height:540px;
}

.section{
  border:#FFF 1px solid;
  padding:10px;
  margin:10px 0;
}

.secT{
  font-size:16px;
}

.countNum{
  font-size:24px;
}

#visitorCountry{
  padding:10px 0;
}

#visitorCountry li{
  list-style:none;
  display:inline-block;
  margin:2px 8px;
  font-size:12px;
}

#footerLogo{
  width:50px;
}

.footerName{
  font-size:18px;
}

#secTWloading,
#secVDloading{
  position:absolute;
  top:18px;
  right:10px;
  color:#999;
}

#TWEETS .contentTitle,
#VIDEO .contentTitle{
  cursor:pointer;
}

#TWEETS .contentTitle:hover,
#VIDEO .contentTitle:hover{
  color:#1fbae7;
}


@media screen and (max-width:650px){
.contentBlockHalf,
.w100p,
#allWrapper,
#footerInner{
  width:100%;
}

.contentBlockHalf{
  margin:5px auto;
  padding-left:0px;
}

.halfRight{
  padding-left:0px; 
}

#buyBtn div a{
  min-height:120px;
}

#LOCATIONS #locList div,
#locPage_Photos .si_item{
  width:50%;
}

#locPage_Map iframe{
  width:100%;
  height:200px;
}

#bkcom{
  position:relative;
  left:0px;
}

#LiveStream{
  height:320px;
}

#footerInner{
  width:90%;
}

}