@charset "shift_jis";


/*********************************
 *
 * TOP
 *
 *********************************/

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

#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; text-align:right;}

/* news */
table.news, table.info {width:100%;}
table.news th, table.news td,
table.info th, table.info td {padding:1em 0;}
table.news th, table.info th {width:30vw;}

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

}

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

#main .gmenu_box #tel {margin:19px 0 0 0 !important;}
#main .gmenu_box #logo {margin:3px 0 20px 0 !important;}	
	
/* main */
#main {position:relative; width:940px; height:440px; margin:0 auto; background:none;}
#main #mainimg {width:940px; height:440px; background:#ddd; z-index:10;}
#main .gmenu_box {position:absolute; padding:0; width:210px; top:0; right:20px; z-index:20;}
#main .gmenu_box #logo {margin-top:6px !important; /*height:auto;*/ text-align:center;}
/* #main .gmenu_box #logo img {width:188px;} */
#main .gmenu_box .tel {margin:23px 10px;}

#banner {float:left; margin-top:50px; width:210px;}
#banner ul {width:210px;}
#banner ul li {margin-bottom:10px;}
#banner ul li a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* news */
table.news,
table.info {width:100%;}
table.news th, table.news td,
table.info th, table.info td {padding:12px 0;}
table.news th,
table.info th {width:130px; color:#888;}

.txt_r {margin:0; padding:0 0 20px 0; text-align:right;}
#topmain iframe {margin:0;}

}