@charset "utf-8";
/* CSS Document */
*{
	margin:0;

}
body{


 -webkit-text-size-adjust: none;
font-family: Helvetica, HiraKakuProN-W3,sans-serif,メイリオ;
font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;


}
#head{ 
	height:30px;
   line-height:30px;
	width:100%;
	margin:0;
	pading:0;
  line-height: 2;

}
#head h1{
	text-align:center;
	color:#FFFFFF;font-size: 20px; 
}
#head h2{
	text-align:center;
	color:#FFFFFF;font-size: 20px; 

}



/*（例）幅を 105px とした場合 */
iframe.twitter-share-button {
	width: 175px!important;
}
#display {  z-index: 9;
  display: none;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 right: 0;
   background-color: #999;  
   
    font-size: 1.0em;
    line-height: 2em;
  color: #fff;  
}



#displaym {  z-index: 9;
  display: block;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 right: 0;
   background-color: #999;  
   
    font-size: 1.0em;
    line-height: 2em;
  color: #fff;  
}


#displayl {  z-index: 9;
  display: block;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 right: 0;
   background-color: #999;  
   
    font-size: 1.0em;
    line-height: 2em;
  color: #fff;  
}



@media screen and (min-width: 0px) and (max-device-width: 320px) {


#display2 {  z-index: 9999;
        background-color: #7c7e94;  
    border: 2px dashed #7e6b7d;
   padding: 2px;
height: 45px;
   padding-right: 0px  ;
    font-size: 0.6em;
    line-height: 1.4em;
	display: table-cell;
	vertical-align: middle;
  color: #fff;
  }



}



@media screen and (min-width: 321px) and (max-device-width: 500px) {



#display2 {  z-index: 9999;
      background-color: #7c7e94;  
    border: 2px dashed #7e6b7d;
   padding: 2px;
height: 45px;
   padding-right: 0px  ;
    font-size: 0.7em;
    line-height: 1.4em;
	display: table-cell;
	vertical-align: middle;
  color: #fff;
  }




}



@media screen and (min-width: 501px)  {

#display2 {  z-index: 9999;
        background-color: #7c7e94;  
    border: 2px dashed #7e6b7d;
   padding: 2px;
height: 45px;
   padding-right: 0px  ;
    font-size: 0.8em;
    line-height: 1.4em;
	display: table-cell;
	vertical-align: middle;
  color: #fff;
  }


}












#display a:link { color:  #000080; text-decoration: none;}
#display a:hover {color: #000080;text-decoration: underline;}





@media screen and (max-width: 499px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
 .ten2 {
  overflow: hidden;
  width: 100%; 
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  
}
}
@media screen and (min-width: 500px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
.ten2 {
  overflow: hidden;
  width: 100%; 
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  
}
}








#display22 {  z-index: 999999;
  display: block;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 right: 0;
   background-color: #999;  
   

  color: #fff;  
}

#display23 {  z-index: 999999;
  display: block;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0; 
 right: 0;
   background-color: #999;  
   

  color: #fff;  
}





#xzopim_badge {
display:none !important;
}

#xzopim-unreadmsg-container .xzopim-unreadmsg{
display:none !important;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 
.video-wrapper {
	width: 420px;
	max-width: 100%;
}