/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1000px) {

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	/* main-nav */
	#main-nav { position: relative; width:50.3%; max-width:478px; float:left; overflow:hidden}
	.btn_fb{margin-top:10px;}

	/* content */
	#content { position: relative; width: auto; border: solid 9px #fff; }

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	.sub_tit{ color: #000; font-size: 2em; font-weight: 900; font-style: italic; line-height: 1.3em; letter-spacing: -1px; font-family: 'メイリオ': ; }

.content2 { background-color: #fff; background-position: 0 0; margin-top: 500px; padding: 20px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }


	
	
.list_06 { font-size: 1em; text-align: center; width: 10%; ppadding: 5px; }

}





/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		
	}

	/* site logo */
	#site-logo { width: 100%; }

	/* site description */
	#site-description { width: 60%; height: 60%; }

	/* main nav */
	.btn_fb{margin-top:6px;}
	
	/* content */
	#content { width: auto; float: none; border: solid 6px #fff;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px;}

	
	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	
	
	.cont_1 { width: 280px; float: left; margin: 20px 0 0 20%; }
.cont_2 { width: 280px; float: left; margin: 20px 0 0 20%; }
.cont_3 { width: 280px; float: left; clear: right; margin: 20px 0 0 20%; }
.sub_tit{ color: #000; font-size: 1.5em; font-weight: 900; font-style: italic; line-height: 1.3em; letter-spacing: -1px; font-family: 'メイリオ': ; }

.content2 { background-color: #fff; background-position: 0 0; margin-top: 1600px; padding: 20px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }

.list_06 { font-size: 1em; text-align: center; width: 15%; ppadding: 5px; }

}









/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}


	/* main nav */
	#main-nav{float:none; clear:both; width:80%; }
	.logo_kgy{width:46%;}
	.btn_fb{margin-top:6px; width:24px; height:24px;}

	/* content */
	#content { width: auto; float: none; padding: 10px 15px; border: solid 4px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }
	
	#content2 { width: auto; float: none; padding: 10px 15px; border: solid 4px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }
	
	
	#site-description { font-size: 70%; }

.main_tit{ font-size: 1.2em; }


.td_1a{ font-size: 6pt; padding: 1px; }
.td_1b{ font-size: 6pt; padding: 1px; }

.td_2a{ font-size: 6pt; line-height: 10pt; padding: 1px; }
.td_2b{ font-size: 6pt; line-height: 10pt; padding: 1px; }

.topic_ex{ text-align: left; margin: 0; padding: 0; }
.topic_pt_l{ text-align: center; width: 100%; float: none; margin: 0 0 10px; padding: 0; }
.topic_pt_r{ text-align: center; width: 100%; float: none; margin: 0 0 10px; padding: 0; }

.topic_ex2{ width: 100%; margin: 0; padding: 0; }

.topic_txt_l{ color: #666; font-size: 12pt; line-height: 18pt; text-align: left; width: 100%; float: none; margin: 0 0 10px; padding: 0; }
.topic_txt_l2{  line-height: 2em; text-align: left; width: 100%; float: none; margin: 0 0 10px; padding: 0; }

.topic_txt_tit{ color: #66c; font-size: 16pt; font-weight: 500; text-align: left; margin: 0 0 10px; padding: 0; }
.topic_txt_tit2{ color: #996; font-size: 1.2em; font-weight: 500; text-align: left; margin: 0 0 10px; padding: 0; }



.topic_pt_r2{ text-align: center; width: 100%; float: none; margin: 0; padding: 0; }

.tpic_l{ text-align: center; float: none; margin: 0 7.5px 10px 0; padding: 0; }
.tpic_c{ text-align: center; float: none; margin: 0 7.5px 10px 0; padding: 0; }
.tpic_r{ text-align: center; float: none; margin: 0 0 10px; padding: 0; }



div.iframeWrap {
    position: relative;
    width: 100%;
}
div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.left{ text-align: left; width: 265px; float: none; margin: 0 0 20px; padding: 0; }
.right2{ text-align: left; width: 265px; float: none; margin: 30px 0 0; padding: 0; }


.small{ width: 90%; height: 90%; }

.ev_list{ font-size: 80%; height: 20px; padding: 5px 2px; }

.main_tit{ color: #900; font-weight: 500; background-image: url(images/tit_main_bg.gif); background-repeat: no-repeat; text-align: left; text-indent: 20px; width: 100%; height: 20px; padding-top: 7px; }


	.cont_1 { text-align: center; width: 280px; margin: 20px 0 0 10px; }
.cont_2 { text-align: center; width: 280px; margin: 20px 0 0 10px; }
.cont_3 { text-align: center; width: 280px; margin: 20px 0 0 10px; }


.content2 { background-color: #fff; background-position: 0 0; margin-top: 1600px; padding: 20px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }


.list_line { width: auto; margin-bottom: 10px; border: solid 5px #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.list_01 { font-size: 1em; font-weight: 600; line-height: 1.2em; text-align: center; padding: 5px; border-right: 2px solid #999; }
.list_01b { color: #ee5651; font-size: 1em; font-weight: 600; line-height: 1.2em; text-align: center; padding: 5px; border-right: 2px solid #999; }
.list_02 { font-size: 0.9em; line-height: 1.2em; text-align: center; padding: 5px; border-right: 2px solid #999; }
.list_03 { font-size: 0.9em; line-height: 1.2em; text-align: left; padding: 5px; border-right: 2px solid #999; }
.list_04 { font-size: 0.9em; line-height: 1.2em; text-align: left; padding: 5px; border-right: 2px solid #999; }
.list_05 { font-size: 0.9em; line-height: 1.2em; text-align: center; padding: 5px; border-right: 2px solid #999; }
.list_06 { font-size: 1em; text-align: center; width: 15%; ppadding: 5px; }

.list_a { line-height: 1.2em; text-align: left; width: 10%; padding: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.list_a2 { line-height: 1.2em; text-align: left; width: 10%; padding: 15px; border-right: 1px solid #ccc; }
.contents_txt{width:100%}



}
@media screen and (max-width: 340px) {
	/* main nav */
	#main-nav{width:100%; }
	.logo_kgy{width:48%;}
	.btn_fb{margin-top:4px;}
}