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

.img-responsive-overwrite{margin: 0 auto;}

.imghover a img{opacity: 1; transition: 0.3s;}
.imghover a:hover img{
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity = 60);}

body{
	line-height: 2.0;
	text-align: justify; text-justify: distribute-all-lines;
}

/* navbar */
.navbar .nav li a {font-size:120%;}

/* h */
.green{color:#66cdaa; margin-top:30px;}
.blue{color:#00bfff; margin-top:20px;}

h3,h4{text-indent: -1em; padding-left: 2em; }
h3{padding-bottom:20px; color:#DB4A04;}

p, #whatsnew{line-height: 1.7;
	letter-spacing: 0.1em; text-align: justify; text-justify: distribute-all-lines;
	font-size:120%;
	padding-bottom:15px;}
	
#whatsnew ul{padding-left:5px;}
#whatsnew li{padding-bottom:15px;}



/* social button */
.social-button{
	position: absolute;
	z-index: 99;
	right: 100px;
	top: 5px;}

.social-button-list {
	list-style-type: none;
	margin: 0;
	padding: 20px 0 20px 20px;}

.social-button-list li {
	float: right;
	margin: 0 0 0 5px;
	padding: 0;}

.social-button-list li div {
	display: inline;}

.social-button-list:before,
.social-button-list:after {
	content: " ";
	display: table;}

.social-button-list:after {
	clear: both;}

.ssocial-button-list {
	*zoom: 1;}

.social-button-list iframe.twitter-share-button {
    width: 100px !important;
	vertical-align:bottom !important;}
	
.YoutubeWrapper{
　position: relative ;
　margin-top: 1.2em ;
　margin-bottom: 1.2em ;
　padding-top: 69px ;
　padding-bottom: 50% ;
　overflow: hidden ;
}
.YoutubeWrapper iframe {
　position: absolute ;
　top: 0 ;
　left: 0 ;
　height: 100% ;
　width: 100% ;
}

/* mail mag form
table {width: 100%;} 
    table th,table td {display: block;} */


/* page top button */
#page-top {
	margin:20px auto;
	width:40%;
	padding:10px;
	border:#006837 1px solid;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
}

.enquete_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #5cb85c;
    border: 3px solid #5cb85c;
    transition: .4s;
  }

.enquete_btn:hover {
    background: #5cb85c;
    color: white;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.question{
	border: 2px solid;
    background-color: #fcf8e3;
    border-color: #d4d4d4;
    position: relative;
    padding: 4% 4% 1% 3.3em;
    margin: 1.5em 0 2em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	font-weight: bold;
}