@charset "UTF-8";
/*======================================================================

　第15回愛知県工業高校生ロボット競技大会
　
	[01] 基本・レイアウト
	[02] ナビ


======================================================================*/


/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/
body{	
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-rendering:optimizeLegibility;
	font-size:62.5%;
	line-height:1.6;
	color:#333333;	
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;

}
body{
	font-size:10px;
	font-size:1.0rem;
}
#wrapper{
	padding-top:0px !important;
	background:#fef9ea;
}
section#content{
	width:100%;
	min-width:980px;
	background:url(/robot/2022/images/bg_header.gif) 50% 0% no-repeat;
}
#inner_content{
	height:5px;
	background:url(/robot/2022/images/header_shadow.png) 0% 0% repeat-x;
}
#header{margin:0 auto;position: relative;}
#header img{ display:block; margin:0 auto;}
#header_info {position: absolute; bottom:30px; right: 0;max-width: 360px;}

#sphone_header{ display:none;}

#footer{
	clear:both;
	width:100%;
/*	min-width:980px;*/
	height:70px;
	font-size:9px;
	font-size:0.9rem;
	line-height:50px;
	color:#fef9ea;
	background:#295d72;
}

#wrapper h3{
	border-top:4px solid #333333;
	color:#333333;
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	font-weight:normal;
	line-height:2.8;
	margin:10px 0 0;
}
#wrapper h4{
	margin:6px auto;
	padding-left:16px;
	color:#60b4d0;
	font-size:9.5px;
	font-size:0.95rem;
	letter-spacing:0.1em;
	line-height:1.3;
	background:url(/robot/2022/images/arw.gif) left 50% no-repeat;
}
#wrapper h5{
	font-size:8px;
	font-size:0.8rem;
	color:#ffffff;
	font-weight:normal;
	padding:3px 10px 2px;
	margin:10px 0 6px 0px;
	display:inline-block;
	background:#947233;
}
#wrapper p{
	margin-bottom:0.5em;
}
a{
	-webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
}

a:hover img {
    opacity:0.8;
}

#wrapper .box{
	width:980px;
	margin:0 auto 60px;
}
.box:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}


section.snsbtn_box {
    position: relative;
    margin-top: 10px;
    border-top: none;
    padding: 0;
}
section.snsbtn_box .fb-like{margin-top: 6px;}

footer#common_foot{margin: 0;}

/*------------------------------------------------

	[02] ナビ

------------------------------------------------*/
#ic_nav{
	position:relative;
	width:100%;
	margin:30px auto;
	min-width:980px;

}
#ic_nav ul{
	text-align:center;
	margin:-1px auto -4px;

}
#ic_nav:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#ic_nav ul{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#ic_nav li{
	float:left;
	margin:0 15px;
}


#n01 a, #n02 a, #n03 a{
	height:78px;
	display:block;
	position:relative;
	background: url(/robot/2022/images/nav.png) no-repeat;
}

#n01 a{width:260px; background-position:0px 0px;}
#n02 a{width:260px; background-position:-260px 0px;}
#n03 a{width:260px; background-position:-520px 0px;}

#n01 a:after, #n02 a:after, #n03 a:after{
	height:78px;
	content: "";
	position:absolute;
	top:0;
	left:0;
	background: url(/robot/2022/images/nav.png) no-repeat;
	opacity:0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition:0.3s;
}

#n01 a:hover:after, #n02 a:hover:after, #n03 a:hover:after{	opacity:1;}
#n01 a:after{width:260px; background-position:0px -78px;}
#n02 a:after{width:260px; background-position:-260px -78px;}
#n03 a:after{width:260px; background-position:-520px -78px;}


/*.nav01 #n01 a{background: url(/robot/2022/images/nav.png) no-repeat 0px -156px;}
.nav02 #n02 a{background: url(/robot/2022/images/nav.png) no-repeat -260px -156px;}
.nav03 #n03 a{background: url(/robot/2022/images/nav.png) no-repeat -520px -156px;}*/



/* テーブル
------------------------------*/
.tb_rb{
	border-top:1px solid #979797;
	border-collapse:separate;
	width:980px;
	margin:0 auto 15px;
	font-size:8px;
	font-size:0.8rem;
	line-height:1.5;
	color:#333333;
}
.tb_rb th{
	padding:5px;
	border-bottom:1px solid #979797;
}
.tb_rb th p{
	background:#4d91a7;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#fef9ea;
	font-weight:normal;
	width:70px;
	height:30px;
	line-height:30px;
	margin:0.5em 0;
}
.tb_rb td{
	padding:5px;
	border-bottom:1px solid #999;
	text-align:left;
	line-height:1.5;
}
.tb_rb span{
	color:#c04a17;
}





/* バナー
---------------------------------*/
#spn{
	clear:both;
	width:894px;
	padding-top:15px;
	padding-left:86px;
}
#spn:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#spn li{
	float:left;
	margin:0 20px 20px 0;
}
#spn li img{
	border:1px solid #cccccc;
}






/* SNSボタン
---------------------------------*/
#box_sns div, #box_sns p{display:inline-block;vertical-align:top;}
#box_sns{text-align:right; margin-bottom: 10px;}
/*#box_sns.box{margin:5px auto 30px;}*/
.sns_btn{display:inline;}



/* TVA共通部分解除
---------------------------------*/
/*header{
	width:100%;
	height:169px;
	background:url(/common/images/bg-gnav.gif) repeat!important;
}*/
/*#wrapper{
	background:none !important;
}*/
/*header{
	min-width:980px !important;
	}*/
	


/*==========================================
	
	[9]スマホ対応
	
==========================================*/
@media screen and (max-width: 768px) {

#wrapper{background:#fef9ea;}

#sphone_header{ display:block;}
#sphone_header #header_info{position: relative; display:block; width:100%; height:auto; margin:10px auto 0; padding-top: 30px; }
/*#sphone_header #sphone_info{margin:30px 0;}*/


#header{ display:none}
section#content{width:100%;	min-width:auto;	background:none;}

#wrapper h3{
	border-top:none;
	color:#333333;
	text-align:left;
	width:86%;
	margin:0px auto;
    padding:2% 4%;
    border-bottom:1px solid #ccc;
	border-left:8px solid #19a1b9;    
    font-size:1.2rem;
	line-height:1.6;
    font-weight:normal;
	border-radius:4px 0 0 4px;
	background:none;
}

#wrapper .box{width:96%;margin:0 auto;}
/*#box_sns.box{margin:5px auto 30px;}*/


/*ナビ
------------------------------*/
#ic_nav{width:260px;min-width:auto;}
#ic_nav ul{	margin:0px auto;}

/* テーブル
------------------------------*/
.tb_rb{	border-collapse: collapse;width:100%; margin:10px 0;}
.tb_rb th,
.tb_rb td {	padding: 8px 2px;border: 1px solid #ccc;	font-size:0.8rem;}
.tb_rb th {	background:#eee;width:20%;font-weight:normal;white-space:nowrap;color:#666;}
.tb_rb th p{background:none;-webkit-border-radius:none;-moz-border-radius:none;	border-radius:none;color:#666;width:auto;height:auto;line-height:auto;margin:0;}
.tb_rb span{color:#666;}
#spn .tb_rb th {width:17%;}

/* Google Map
---------------------------------*/
.gmap {	position: relative;/*padding-bottom: 56.25%;*/padding-bottom: 70%; padding-top: 30px; height: 0; overflow: hidden;}
.gmap iframe,
.gmap object,
.gmap embed {position: absolute;top: 0;left: 0;	width: 100%;height: 100%;}

/* バナー
---------------------------------*/
/*#spn{clear:both;width:90%;padding:0px;margin:20px auto;}
#spn:after{   content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
#spn li{float:left;	margin:1%; width:31%;}*/
#spn{clear:both; width:calc(100% - 40px); padding:0px;margin:20px auto;}
#spn:after{   content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
#spn li{float:left;	margin:2px; width:calc(50% - 4px);}
#spn li img{width:100%;	height:auto;border:1px solid #eee;}
#footer{height:50px;font-size:9px;font-size:0.8rem;	line-height:20px;}


/*ここまでスマホ対応=====================*/
}