@charset "utf-8";

/*  nav#re ul 2016-site delete ===============*/

/*============================================
	#Tablet (Portrait)
==============================================*/
@media only screen and (max-width:1140px) {	
#back-top{right:0px;}	
#gohome{right:80px;}
}
@media only screen and (max-width: 995px){
.main{width:768px;}
.container_12	{width:768px;}
.grid_4,.grid_8,.grid_12{margin-left: 10px; margin-right:10px;}
.container_12 .grid_4{width:236px;}
.container_12 .grid_8{width:492px;}
.container_12 .grid_12{width:748px;}
#content .main{padding:35px 0 25px;}
#next1 #content .main{padding:0px 0 25px;}
.indent-left15{padding-left:0px;}
p{margin-bottom:15px}
/* main_content_tab-style---------------- */
.etabs li{width:36%; }
li.first{width:5em;} 
.tab a{line-height:1.2em;display:block;padding: 3px 15px;outline: none;}
.tab a:hover{text-decoration:none; padding-top:10px;}
.tab.active { background:#fff;padding-top:7px; position:relative;top:1px;border-color:#ccc;border-top:3px solid #666;}
.tab a.active{font-weight:bold;padding-top:4px;}
#long li{width:8em;}
#long li.first{width:7em;} /*-endmain_content_tab-style */
/* slider-style--------------------------- */
.slides_container{width:748px;height:318px;}
.slide-right{width:398px;}
.slide-right img{ width:384px; height:288px;}
.slide-left{float:left;width:308px; padding:0 5px;}
.slide-left h2{font-size:24px; margin-bottom:10px;}
.slide-left.media-hide{ display:none;}
.block1 h3{ font-size:1.2em; margin:4px 0 4px 0;}
.block1 p{  margin-bottom:0px;}
.block1 a:hover{min-height:35px;}
.block1:hover{min-height:35px;}
#slides .bl02{padding:26px 130px 15px 10px;width:180px;}
.pagination{bottom:77px;}
.location li{width: 40%; margin-right:5px;}
/* side_area menu-tab-style--------------- */
#tabs{width:236px;}
#tabs ul.tabnavi{font-size:13px;width:100%;}
/*#tabs .tabnavi li{width: 76px;}*/
.footer-text{padding-right:0;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {	
#next1 #content .main{ padding:15px 0 25px; }		
/*-- main_content-style -------------------*/
/*.box3 img { width:80%;display:block;float:none;text-align:center;margin-left:auto;margin-right:auto;}*/

.box3 img { width:160px; height:auto;display:block;float:none;text-align:center;margin-left:auto;margin-right:auto;}/*20160220-change*/

.video-container img{ width:100%;padding-bottom:0;}

/*.update img {width:80%;height:auto;}*//*20160220-change*/



.media-hide{ display:none; }
.balloon span.media-hide{display:block; }
/* side_area menu-tab-style --------------*/
#tabs .bl01{right:-60px; }
#tabs .bl02{right:0px;margin-top:-10px;}	
footer {padding:20px 0;}
.footer-menu{margin-bottom:20px;}
#gohome,#back-top{bottom:90px;}	
}	

@media only screen and (min-width: 768px){
.linkarea{ display:none;}
/*#ballontop.bl03{ display:none;}*/
#ballontop{ display:none;}/*2016-style_tuika*/
}


/* ---------------------------------------------------
	#Mobile (Portrait)
----------------------------------------------------- */	
@media only screen and (max-width: 767px){	

/*2016-style_tuika*/
.snsNav {
	clear:both;
	top:65px;
	margin-top:0px; 
	padding:0;
}

/*#pageTop,#next1{padding-top:40px;}*//*2016-style-change*/

body{background:#fff;} /* Nudge padding-top:40px(chenge=befor margin-top) to leave room for handle */
header .indent-bottom{padding-bottom:0px;margin-bottom: 0;}
header .border-bottom{ border-color:#fff;margin-bottom:-2px;}
header{padding-top:0;}


.main{width:460px;}
.container_12 {width:420px;}
.grid_4,.grid_8,.grid_12{margin:0;}
.container_12 .grid_4,.container_12 .grid_8,.container_12 .grid_12{width:420px;}
#next1 #content .main{padding:15px 0 25px;}

.grid_4, .grid_8{ margin-bottom:25px;}
.last-col{margin-bottom:0 !important;}
.centerclumn {padding:20px 0px;}/*notfound-page*/	
/* header_menu mobile cheange-style--------------- */	

/*  nav#re ul 2016-site delete =========================*/

.menu2{
	/*2016-style_change*/
	/*top:40px;
	margin:0 auto 0 auto; */
	top:37px; 
	margin-top:-30px;
	margin:-30px  auto 0 auto;
	width:420px;
	left:1px;
}
#next1 header{background-position:left 100%;}
#pageTop header {background-position:left 100%; }

/*2016-style_tuika*/

#topicpath {top:20px; padding-bottom:8px;}
.fb{padding:0 0 5px 0;margin-top:-20px;}

/*.menu2 li{width:49.7%;}*//*2016-style_change*/
.menu2 li,
.menu2 li.f5em {width:33.3%;}

#slides { display:none;}
/* main_content-style ----------------------*/	
h1{float:none; border-bottom:1px solid #ccd4d7; margin-bottom:20px;}		
.bl01 { width:160px;margin-left:0px;margin-right:0;	padding-left:130px;  }
.bl02 {	margin-left:100px;	margin-top:0;	padding-right:150px; }
.update img { width:80px; height:60px; }
.hide-iw, .hide{display:none;}
.media-hide,.media-hide2{display:none;}
.img-indent-none-iw{float:none; margin-right:0; margin-bottom:10px;}
.mobile{width:40%; height:auto;}
.pager{width:280px; text-align:center; margin:10px auto;}
/* gmaps area-style ----------------------*/		
#mapcolumn iframe{height:300px;}
.location li{width: 35%; margin-right:5px;}
/* side_area menu-tab-style --------------*/		
#tabs {width:420px;}
#tabs ul.tabnavi { font-size:16px; width:100%;}
/*#tabs .tabnavi li {width:138px;} */
#tabs .bl01{right:50px;}
#tabs img.vedeo1{ margin-right:36px;max-width: 100%;}

/*#next1 #tabs { display:none;}*//*2016-style_change*/

footer {
	padding:20px 0 30px 0;
	text-align:center;/*2016-style_tuika*/
}
.footer-menu{float:none; margin:0px auto 10px auto; }
.footer-menu li {float:none; display:inline-block;}/*2016-style_tuika*/
.footer-text{
	float:none;
	/*width:200px;*//*2016-style_change*/
	width:100%;
	padding-bottom:20px;
	}
.footer-link {text-align:center;}/*2016-style_tuika*/

#gohome,#back-top { position:absolute; bottom:10px;}
}	

/*----------------------------------------------------
  Design for a width of 320 and 480px
-----------------------------------------------------*/
@media only screen and (max-width: 480px) {
	
/*2016-style_change*/
/*.snsNav a.rss,.snsNav a.mail {display:none;}*/
/*.menu2 { width:300px;}*/
.menu2 li span {display:none;}/*2016-style_tuika*/

.fb{top:20px;}
/* main_content-style------------------------ */
#content .grid_8 h2:first-child {margin-bottom:1.5em; margin-top:10px;}
.update img { width:80px; height:60px;}	
#updatebox div h3+p{margin-top:25px;margin-left:0;}
#updatebox div p.cate-link {margin-top:0;padding-bottom:0;}
.entry-list img{width:98px;height:74px;}
.entry-list p.contxt {margin-left:10px;}
/* main_content_tab-style------------------- */
.etabs { margin-left:0;}	
.etabs li,#long li,#long li.first {width:99%; } 
.tab a { line-height: 2em; padding: 5px 10px; outline: none;border-bottom:1px solid #ccc; }
.tab a:hover { text-decoration: none; padding-right:10px; padding-top: 5px;  }
.tab.active { background: #fff; padding-top: 5px;  border-top:1px solid #ccc; }
.tab a.active {  padding-top: 5px;}	
/* side_area menu-tab-style----------------- */	
#tabs { width:300px; }
/*#tabs .tabnavi li {width:98px;}	*/
/*#next1 #back-top{position: absolute;right:12px; bottom:5px;}*/
.navi{width:100%;}
	
}
/*------------------------------------------------
		#Mobile (Landscape)
---------------------------------------------------*/
@media only screen and (max-width: 479px){
	
	.menu2 { width:300px;}/*2016-style_tuika*/
.main{ width:320px;}

.container_12,.container_12 .grid_4,.container_12 .grid_8,.container_12 .grid_12{width:300px;}
/* main_content-style--------------------- */	
.bl02 {	margin-left:0px;}
.qr-hide{display:none;}
.fb{top:0px;}
/* gmaps area-style ---------------------*/	
#gmap1.index,#gmap2.index{display:none;}	
.location li{width: 115px; margin-right:2px;}
.location li:last-child{width: 120px; margin-right:0px;}
.location li p{ font-size:0.875em;}
/* side_area menu-tab-style-------------- */
#tabs .bl01{right:-20px;}
#tabs img.vedeo1{ margin-right:20px;max-width: 100%;}
#tabs .bl02{right:10px; }	
.footer-link,.hide-ip{display:none;}
footer{ padding-bottom:0;}
}