/*-----*/
p {
margin-top: 10px;
margin-bottom: 10px; }

.con01 {
background-color: #fff;
text-align: center;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 25px;
padding-bottom: 50px; }
.con01 img {
	max-width: 100%; }
.con02 {
text-align: left;
max-width: 800px;
margin-right: auto;
margin-left: auto;
}

/*-----*/
.ttl {
	font-size: 1.2em;
	font-style: italic;
	padding-bottom: 25px; }
.ttl strong {font-size:      1.6em; }

/*-----*/
.video-container {
margin-bottom: 50px; }

/*-----*/
.prof {
margin-bottom: 50px;
 }

/*-----*/
.senseki { }

.senseki th {
white-space: nowrap; }

.senseki td {
vertical-align: top; }

/*-----*/
.link {
text-align: center;
white-space: nowrap; }

.link .site {
font-weight: bold;
padding: 5px 10px;
border: solid 2px #000;
 }

.link img {
vertical-align: middle;
max-width: 100%; }

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

.box50per {
display: block;
width:   100%;
max-width: 100%; }
.link {
white-space: normal; }

}


@media screen and (max-width:640px){
/*DEPEND ON YOUTUBE WIDTH*/
/*FOR-YOUTUBE-SMARTPHONE----------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*-----*/
.con02 {
padding-right: 5px;
padding-left: 5px; }

}