﻿@charset "utf-8";

/*
main color
	blue: #0071B9
	be:		#EBEBE2
	glay:		#DEDECF
*/




/* PC用
------------------------------------------------------------*/
@media print, screen and (min-width: 641px){



/*
テーブル
*/
.tblcom {
	border:0;
	border-collapse: collapse;
	border:1px solid #7a6356;
	width:100%;
}
.tblcom th, .tblcom td {
	border:1px solid #7a6356;
	padding:8px 20px;
}
.tblcom th{
	background:#f1eada;
	width:30%;
}

.tblcom tbody tr:nth-child(even) th,
.tblcom tbody tr:nth-child(even) td {
}



	/*youtube*/

.ytg_player{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.ytg_player iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
.ytg_thumbnails img {
    margin : 0 5px 5px 0;
    height : 100px;
}


	
}

/* タブレット用以上（MENU）
------------------------------------------------------------*/
@media only screen and (min-width:641px){

}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width:940px){

}



/* スマートフォン 横(ランドスケープ) 
------------------------------------------------------------*/

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

}


/* スマートフォン 縦(ポートレート) 
------------------------------------------------------------*/
@media only screen and (max-width: 640px){



/*
テーブル
*/
.tblcom {
	border:0;
	border-collapse: collapse;
	border:1px solid #7a6356;
	width:100%;
}
.tblcom th, .tblcom td {
	border:1px solid #7a6356;
	padding:8px 20px;
}
.tblcom th{
	background:#f1eada;
	width:30%;
}

.tblcom tbody tr:nth-child(even) th,
.tblcom tbody tr:nth-child(even) td {
}


	/*youtube*/

.ytg_player{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.ytg_player iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
.ytg_thumbnails img {
    margin : 0 5px 5px 0;
    height : 50px;
}


}



