@charset "utf-8";

/*****************************************************
FileName : /css/home.css
*****************************************************/

/*	header
-------------------------------------------------------------------*/
header {
	margin:0;
	box-shadow:0 0 4px #fff;
	-moz-box-shadow:0 0 4px #fff;/* Firefox */
	-webkit-box-shadow:0 0 4px #fff;/* webkit */
}

#g_hdSearch {
	display:none;
}

#g_hdMenu {
/* 	display:none; */
}

#g_hdClip {
	display:none;
}


/*	mainContents
-------------------------------------------------------------------*/
#mainContents {
	padding:0;
}


/*	contents
-------------------------------------------------------------------*/
#contents {
	position:relative;
}


/*	footer
-------------------------------------------------------------------*/
footer {
/*
	position: absolute;
	bottom:0;
	display:block;
*/
}


/*	c_selector
-------------------------------------------------------------------*/
#c_selector div {
	margin:0 0 2px 0;
	position:relative;
}

#c_selector div img {
	width:100%;
}
#c_selector div a.hover {
	opacity:0.8;
}
#c_selector div p.btn_smp {
	border-top:1px solid #222;
	text-align:center;
	margin-top:20px;
}
#c_selector div p.btn_smp img {
	width: 100%;
}


/*	indicatorV
-------------------------------------------------------------------*/
.indicatorV {
	position:absolute;
	top:0;
	left:1px;
	bottom:0;
	z-index:999;
}

.indicatorVin {
	margin:0 8px 0 0 ;
	padding:0 0 0 5px;
/* 	background:url(/img/index_bg_01.png) left 10px no-repeat; */
}

.indicatorVin > div {
	padding:4px 5px 3px 5px;
	width:40px;
	color:#fff;
	text-align:center;
	font-size:85%;
	font-weight:bold;

	background:
	-moz-linear-gradient(
	top,
	#a0aab4 0%,
	#545b63 50%,
	#8b959f 100%
	);/* firefox */
	background:
	-webkit-gradient(
	linear, left top, left bottom,
	color-stop(0, #a0aab4),
	color-stop(0.5, #545b63),
	color-stop(1, #8b959f)
	);/* Safari4+, Chrome */
	background:
	-webkit-linear-gradient(
	top,
	#a0aab4 0%,
	#545b63 50%,
	#8b959f 100%
	);/* Safari5.1+, Chrome10+ */

	box-shadow:2px 1px 6px #333;
	-webkit-box-shadow:2px 1px 6px #333;/* webkit */
}

/*	copyright
-------------------------------------------------------------------*/
.top-copyright small {
	display:block;
	padding:4px 0 0 0;
	color:#fff;
	text-align:center;
	font-size:68%;
	letter-spacing:-0.02em;
	background:url(/common/img/co_ln_02.png) center 3px no-repeat;

	text-shadow:0px 1px 1px #333;
	-webkit-text-shadow:0px 1px 1px #333;/* webkit */
}
#g_coSlider01Indicator2 li{
	margin: 0px 7px 0px 0px;
}


/*	20170330
-------------------------------------------------------------------*/
#g_coSlider01Wrap_2 .btn_prev{
	position:absolute;
	width:30px;
	height:56px;
	top:0;
	bottom:0;
	margin:auto 0;
}
#g_coSlider01Wrap_2 .btn_next{
	position:absolute;
	width:30px;
	height:56px;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
}

#g_coSlider01Wrap_2 .btn_prev img, #g_coSlider01Wrap_2 .btn_next img{
	width:100%;
	height:auto;
	
}

.wrap {
	background:#FFF;
}

#g_coSlider01Wrap, #g_coSlider01Wrap_2 {
    position: relative;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

#news_container{
	color:#555;
	border-bottom:solid 1px #CCC;
	padding-top:20px;
	padding-bottom:18px;
}

#news_container .inner{
	width:94%;
	margin:0 auto;
	position:relative;
}

#news_container p.date{
	font-size:80%;
	margin:0 0 10px 0;
	line-height:1;
	font-weight:bold;
}

#news_container p.body{
	margin:0;
	font-size:90%;
}

#news_container p.body a{
	color:#555;
	text-decoration:none;
}

.rad_btn_s{
	background:#197EBD;
	height:20px;
	border-radius: 10px;
	box-sizing:border-box;
	line-height:1;
	padding-top:2px;
	text-align:right;
	padding-right:5px;
}

.btn_news{
	width:97px;
	position:absolute;
	right:0;
	top:-7px;
}
.btn_news img{
	width:79px;
}

#c_lineupSection .c_lineup_container{
	border-bottom:solid 1px #CCC;
	margin-bottom:15px;
}

#c_lineupSection .inner{
	width:94%;
	margin:0 auto;
}

#c_lineupSection .title_area{
	margin-top:30px;
	margin-bottom:30px;
}
#c_lineupSection .title{
	width:148px;
	float:left;
}

#c_lineupSection .title img{
	height:auto;
}

#c_lineupSection .btn_carlineup{
	width:114px;
	float:right;
}

#c_lineupSection .btn_carlineup img{
	width:96px;
}

.c_lineupBar {
    overflow: visible !important;
    width: 273px;
    margin: 0 auto;
    height: auto;
	padding-top: 0;
}


.c_lineupBar li{
	width: 270px;
	height: 120px;
	float: left;
	margin: 0 0px;
	margin-left:3px;
}

.c_lineupBar li:first-child{
	margin-left: 0;
}

.c_lineupBar li:last-child{
	margin-right: 0;
}

.c_img_lineup li img {
	-webkit-mask:none;
}

.c_lineup_tab_container{
	background:url(../../img/tab_line.png) repeat-x;
	background-position:bottom center;
	margin-bottom:15px;
}

.c_lineup_tab_container li{
	width:33.0%;
	font-size:90%;
	float:left;
	text-align:center;
	background:#AAA;
	height:43px;
	box-sizing:border-box;
	color:#FFF;
	padding-top:15px;
	line-height:1;
	margin-left:1px;
}

.c_lineup_tab_container li.selected{
	background:#FFF;
	height:43px;
	border:solid 1px #CCC;
	border-bottom:none;
	color:#555;
}

#c_topNavSection {
	padding:0 0 0 0;
	text-align: center;
}

.btn_sti{
	width:94%;
	margin:0 auto;
	margin-bottom:15px;
}

.btn_sti img{
	height:auto;
}

section{
	color:#555;
}
section img{
	width:100%;
	height:auto;
	max-width:100%;
}

section .inner{
	width:94%;
	margin:0 auto;
}

#mainContents section p {
    margin: 0;
}

section figure{
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;}

#sec_cam{
}

#sec_cam .title{
	width:195px;
	margin:0 auto;
	padding:15px 0 30px 0;
}

#sec_cam .tab_container{
	background:url(../../img/tab_line.png) repeat-x;
	background-position:bottom center;
}

#sec_cam .tab_container li{
	width:49.5%;
	font-size:90%;
	float:left;
	text-align:center;
	background:#AAA;
	height:43px;
	margin-left:1px;
	box-sizing:border-box;
	color:#FFF;
	padding-top:15px;
	line-height:1;
}

#sec_cam .tab_container li.selected{
	background:#FFF;
	height:43px;
	border:solid 1px #CCC;
	border-bottom:none;
	color:#555;
}

#sec_cam{
	border-bottom:solid 1px #CCC;
	padding-bottom:15px;
}

#sec_cam #cam_indicator, #sec_cam #event_indicator {
    display: block;
    width: 100%;
    text-align: center;
}

#sec_cam .indicator_area{
	position:relative;
	height:23px;
	width:94%;
	margin:0 auto;
	margin-top:20px;
}
#sec_cam #cam_indicator li, #sec_cam #event_indicator li {
    display: inline-block;
    overflow: hidden;
    margin: 0 7px 0 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
	border:solid 1px #CCC;
	box-sizing:border-box;
}

#sec_cam #cam_indicator li.selected, #sec_cam #event_indicator li.selected {
    background: #4e86b7;
	border:none;
}

#sec_cam .btn_prev{
	position:absolute;
	top:0;
	left:0;
	width:13px;
}

#sec_cam .btn_next{
	position:absolute;
	top:0;
	right:0;
	width:13px;
}

#sec_cam .scroller li{
	float:left;
	width:50%;
	margin-top:15px;
	box-sizing:border-box;
	position:relative;
}

#sec_cam .scroller li a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#sec_cam .scroller li p{
	font-size:80%;
	padding:2% 2% 0 2%;
}

#sec_cam .scroller li .link_pc{
	padding-left:2%;
	box-sizing:border-box;
	text-align:left;
}

#sec_cam .scroller li .link_pc p{
	display:inline-block;
	font-size:80%;
	margin-left:0;
	margin-top:0;
	padding:0;
	padding-left:17px;
	background-image:url(../../common/img/ico_pc.png);
	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:0 40%;
	line-height:1;
	height:12px;
}

#sec_cam #cam_scroller{
}
#sec_cam .scroller li:nth-child(odd){
	padding-right:1.5%
}

#sec_cam .scroller li:nth-child(even){
	padding-left:1.5%
}

#sec_cam .cam_set{
	float:left;
}

#sec_cam .event_set{
	float:left;
}

#sec_subaru_car .title{
	width:136px;
	margin:0 auto;
	padding:30px 0;
}

#sec_subaru_car .box{
	position:relative;
}

#sec_subaru_car .box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

section .box{
	margin-top:15px;
}

section .box:first-child{
	margin-top:0;
}

section .box p{
	border:solid 1px #CCC;
	box-sizing:border-box;
	font-size:90%;
	padding:3%;
	border-top:none;
}

#sec_fun{
}

#sec_fun .box{
	position:relative;
}

#sec_fun .box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#sec_fun .title{
	width:133px;
	margin:0 auto;
	padding:30px 0;
}
#sec_fun .box_l{
	margin:0 0 15px 0;
}

#sec_fun .box_l .body_area{
	box-sizing:border-box;
	padding:2% 0 2% 10% ;
	border-bottom:solid 1px #CCC;
}

#sec_fun .box_l .body_area figure{
	float:left;
	width:12%;
}

#sec_fun .box_l .body_area p{
	float:left;
	border:none;
	padding:3% 0 3% 5%;
}

section .box.box_s{
	float:left;
	margin-top:10px;
	width:50%;
	box-sizing:border-box;
}

section .box.box_s p{
	min-height:63px;
}

section .box.box_s:nth-child(odd){
	padding-right:1.5%
}

section .box.box_s:nth-child(even){
	padding-left:1.5%
}

section .box.box_s:first-child{
	margin-top:10px;
}

section .box p{
	border:solid 1px #CCC;
	box-sizing:border-box;
	font-size:90%;
	padding:3%;
	border-top:none;
}

section .box p.blank{
	background:url(../../img/icon_blank.png) no-repeat;
	background-size:13px 10px;
	background-position:97% 93%;
}

section .box_ss {
	border:solid 1px #CCC;
	box-sizing:border-box;
	margin-top:10px;
}

section .box_ss figure {
	float:left;
	width:23.2%;
	font-size:0;
}

section .box_ss p {
	float:left;
	width:76.8%;
	border:0;
}

#emergency_container{
	width:94%;
	margin:0 auto;
	box-sizing:border-box;
	border:solid 2px #D80000;
	padding:15px;
	color:#D80000;
	text-align:center;
	margin-top:15px;
}

#emergency_container a{
	color:#D80000;
	text-decoration:none;
}

#emergency_container p.title{
	margin:0;
	font-weight:bold;
	margin-bottom:6px;
}

#emergency_container p.body{
	margin:0;
	font-size:90%;
	margin-top:8px;
}

#emergency_container p.body:first-child{
	margin-top:0;
}