@charset "utf-8";

/*********************************
 *
 * TOP STYLES
 *
 *********************************/
@media screen and (max-width: 767px) {

body .wrapper {color:#666; font-size:3vw; font-family:monospace;}
#mainimg {overflow:hidden; width:100%; max-width:767px; margin:0 auto 10px auto; background:#fff !important;}
#mainimg img {width:100vw; max-width:767px; height:auto;}
div.slider-nav {display:none !important;}

.txt_r {padding-bottom:20px;}

/* news */
table.news, table.info {width:100%;}
table.news th, table.news td,
table.info th, table.info td {padding:1em 0; border-bottom:1px dashed #d6d6d1; color:#999;}
table.news th, table.info th {width:30vw;}

.iframe_box {display:inline-block; overflow:auto; width:100%; height:250px; margin:0 0 20px 0; -webkit-overflow-scrolling:touch;}
.iframe_box iframe {display:block; width:100%; height:100%; border:none;}
	
}

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

body .wrapper {}
#mainimg {width:1080px; height:470px; margin:0 auto 30px auto;}
.iframe_box {float:right; width:680px;}
.iframe_box iframe {display:block; width:100%; height:220px; border:none;}

.txt_r {float:right; width:680px; padding-bottom:20px;}
.txt_r + h4 {clear:both;}

.news_in {margin:10px 0 0 0;}
.news_in h2 {float:left; width:230px; height:220px !important; margin:0 !important; padding:0 !important; background-image:none; background:#1d9566 !important; color:#fff; text-align:center; line-height:220px !important;}
.infoBox {margin:40px 0 0 0;}
.infoBox h2 {float:left; width:230px; height:220px !important; margin:0 !important; padding:0 !important; background-image:none; background:#1d9566 !important; color:#fff; text-align:center; line-height:220px !important;}

/* news */
table.news, table.info {float:right; width:680px;}
table.news th, table.news td,
table.info th, table.info td {padding:1em 0; border-bottom:1px solid #f1f1f1;}
table.news th, table.info th {width:130px;}

}