@charset "shift_jis";
/*body {font-family: Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;} */
body {font-family: 'Hiragino Kaku Gothic ProN', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, sans-serif;}
/*
#sdw_header h2 {padding: 22px 0 16px 0;}
#sdw_header h2 span {font-size: 14px;line-height: 1.3; color: #FFF;text-align: center; display: block;margin-top: 10px;font-family: "ヒラギノ角ゴ W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;}
#sdw_header h2 a {color: #FFF;text-decoration: none;}
#sdw_header h2 a:hover {color: #FFF;text-decoration: none;}
*/
.txt_sup {
    font-size: 50%;
	vertical-align: top;
	position: relative;
	top: 0.1em;
}
.contents_date {
  position: absolute;
  bottom: 25px;
  right: 50px;
  display: block;
  float: none;
  text-align: right;
}
/* --------------------------------------------------------------------
	メインコンテンツ
-------------------------------------------------------------------- */
#mainCont {text-align: center;margin-bottom: 75px;}
#mainCont p {
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}
#mainCont p.heading {
	font-weight: bold;
	padding-top: 65px;
}
#mainCont p.heading2 {
	font-weight: bold;
	padding-top: 0px;
}
#mainCont p.caution {
	font-size: 14px;
	line-height: 1.6;
	/*margin-top: 10px;*/
}
#mainCont p.caution b {
	font-size: 16px;
}
#mainCont p.description {
	color: #054ba1;
	font-style: italic;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #054ba1;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainCont .img_box {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 2em;
	width: 880px;
}

/*  タイトルエリア  */
#mainCont .title_area  {
	background-color: #343434;
	position: relative;
}
#mainCont .title_area h1  {
	color: #FFF;
	text-align: left;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 25px;
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
#mainCont .title_area h1 span  {
	font-size: 16px;
	line-height: 1.3;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}

#mainCont .title_area h1 .hash{position: relative;display: block;font-size: 14px !important;line-height: 1.3;margin: 20px 0 0 0;padding: 0 !important;text-align: left;color: #9a9a9a;}
#mainCont .title_area h1 .hash a{color: #9a9a9a;text-decoration: none;}
#mainCont .title_area h1 .hash a:hover{color: #9a9a9a;text-decoration: underline;}


/*  イントロエリア  */
#mainCont .intro_area{
	width: 880px;
	margin-top: 40px;
	margin-right: 50px;
	margin-left: 50px;
}
/*  答える人  */
#mainCont .respondent_area{
	width: 788px;
	margin-top: 50px;
	margin-right: 50px;
	margin-left: 50px;
	border: 1px solid #343434;
	position: relative;
	padding-top: 30px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
	margin-bottom: 0px;
}
#mainCont .respondent_area  p {
	font-size: 14px;
	color: #343434;
	line-height: 1.7;
}
#mainCont .respondent_area  p span{
	font-size: 16px;
}
#mainCont .respondent_area p.fL {
	width: 104px;
	padding-bottom: 30px;
}
#mainCont .respondent_area p.fR {
	width: 640px;
	padding-bottom: 30px;
}
#mainCont .respondent_area  .name {
	background-color: #343434;
	width: 150px;
	position: absolute;
	left: -1px;
	top: -23px;
	height: 23px;
	text-align: center;
}
#mainCont .respondent_area  .name p{
	font-size: 13px;
	line-height: 2;
	color: #FFF;
	text-align: center;
}


/*  コラムエリア  */
#mainCont .column_area{width: 880px;margin-top: 65px;margin-right: 50px;margin-left: 50px;}
#mainCont .column_area p {padding-bottom: 0;}
#mainCont .column_area h3 {font-size: 21px;line-height: 1.4;text-align: left;background-color: #343434;color: #FFF;font-weight: bold;padding: 13px 20px 10px 20px;margin: 0;}
#mainCont .column_area dl {width: 100%;}
#mainCont .column_area dt {width: 100%;clear: both;margin-top: 25px;display: block;}
#mainCont .column_area dd {width: 100%;text-align: center;margin-right: auto;margin-left: auto;padding: 0px;margin-top: 0px;}
#mainCont .column_area dd.img_box{margin-top: 25px;margin-bottom: 0;}
#mainCont .column_area dd.img_box ul{width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
#mainCont .column_area dd.img_box ul li{width: 48%;margin: 0;padding: 0;}

#mainCont .column_area dd .caption{
 margin-top: 0.5em;
 text-align: center;
 font-size: 14px;
}
#mainCont .column_area .mb1em{
 margin-bottom: 1em;
}

#mainCont .column_area dl.separate dt{width: 420px;float: left;}
#mainCont .column_area dl.separate dd{width: 430px;float: right;}
#mainCont .column_area dl.separate dd .img_box{width: 100%;margin: 8px 0px 0px 0px;}


#mainCont .column_area dt.w480 {width: 460px;clear: none;float: left;display: block;}
#mainCont .column_area dd.img_box2{margin-top: 5px;width: 390px;float: right;clear: none;display: block;}

#mainCont .column_area dd.mt30{margin-top: 30px;}
#mainCont .column_area dd .half_img{width: 49%; margin-bottom: 20px; clear: none; float: left;}
#mainCont .column_area dd .half_img:nth-of-type(2){float: right;}
#mainCont .column_area dd .full_img{clear: both; margin: 30px auto;}

#mainCont .column_area a   {
	text-decoration: underline;
	color: #666;
}
#mainCont .column_area a:hover   {
	text-decoration: underline;
	color: #C00;
}


#mainCont .column_area h4 {
	font-size: 21px;
	line-height: 1.2em;
	text-align: left;
	font-weight: bold;
    padding-top: 2em;
    padding-bottom: 0.5em;
}

#mainCont .column_area .spec  h4 {
    padding-top: 0;
}

.spec {
    padding: 0 30px 0 30px;
}
.spec table{
    width: 100%;
    margin-bottom: 2em;
    font-size: 16px;
    line-height: 1.4em;
}

.spec table th,table td{
    padding: 10px 2em 10px 2em;
    border: 2px solid #FFFFFF;
}

.spec table th {
    background-color: #999;
    color: #fff;
    font-weight: bold;
    width: 250px;
}

.spec table td {
    background-color: #ddd;
    text-align: left;
}

#mainCont .column_area .spec dl {
    padding: 0;
    display: flex;
    font-size: 16px;
}

#mainCont .column_area .spec dt {
    width: 550px;
}

#mainCont .column_area .spec dd {
    text-align: left;
    padding-top: 2px;
    padding-left: 2em;
    padding-bottom: 2px;
    border-left: 3px solid #777;
    line-height: 1.8em;
}
.img_box p {
    padding-top: 0.5em;
}


/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#mainCont .bottom_area{
	margin-top: 100px;
}

/*  ネクスト  */
#mainCont ul.next{
	display: inline-block;
}
#mainCont ul.next li {
	float: left;
}
#mainCont ul.next li p {
	line-height: 1.8;
	padding-left: 5px;
}
#mainCont ul.next li p a{
	text-decoration: underline;
}
#mainCont ul.next li p a:hover{
	text-decoration: none;
	color: ##mainCont
.column_area;
	color: #CC0000;
}
/*  下部リンク  */
#mainCont ul.f_link{
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
#mainCont ul.f_link li{
	border: 1px solid #343434;
	width: 420px;
	position: relative;
	text-align: left;
}
#mainCont ul.f_link li .img img  {
	vertical-align: top;
}
#mainCont ul.f_link li .arrow   {
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0px;
	width: 10px;
	margin-top: auto;
	margin-bottom: auto;
	height: 15px;
}
#mainCont ul.f_link li p{
	font-size: 14px;
	line-height: 1.6;
	width: 200px;
	position: absolute;
	top: 20px;
	right: 30px;
}

#mainCont ul.f_link li a{
	text-decoration: none;
}
#mainCont ul.f_link li a:hover p {
	color: #C00;
	text-decoration: none;
}


/*  ページセレクト  */
#mainCont ul.select{
	font-size: 0;
	margin-top: 30px;
	font-family: メイリオ, Meiryo, sans-serif;
}
#mainCont ul.select li{
	display: inline-block;
	border: 1px solid #343434;
	text-align: center;
	margin-left: 10px;
}
#mainCont ul.select li:first-child{
	margin-left: 0px;
}
#mainCont ul.select li .on,#mainCont ul.select li a{
	font-size: 24px;
	line-height: 1;
	height: 40px;
	width: 45px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}
#mainCont ul.select li .on,#mainCont ul.select li a:hover {
	color: #FFF;
	background-color: #343434;
	text-decoration: none;
}
#mainCont ul.select li a img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
#related-contents-container{text-align: left;}


#mainCont .owner_club{
 padding: 20px 0;
 margin: 50px auto;
 border: 1px solid #000;
}
#mainCont .owner_club h3{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px;
}
#mainCont .owner_club .howto_page{
 width: 70%;
 margin: 0 auto;
 text-align: center;
}
#mainCont .owner_club .howto_page .cap_img{
 display: inline-block;
 vertical-align: middle;
 width: 32%;
}
#mainCont .owner_club .howto_page .cap_img img{
 width: 100%;
}
#mainCont .owner_club .howto_page .link_txt{
 display: inline-block;
 vertical-align: middle;
 width: 64%;
 margin-left: 2%;
}
#mainCont .owner_club .howto_page .link_txt a{
 text-decoration: underline;
}




#mainCont ul.back_area {width: 880px;margin-top: 80px;margin-right: 50px;margin-left: 50px;display: flex;flex-flow: row wrap;justify-content: space-between;}
#mainCont ul.back_area p {font-size: 14px;line-height: 1.4;text-align: left;font-family: "ヒラギノ角ゴ W5 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;}
#mainCont ul.back_area li {width: 32%;background-color: #f0f0f4;padding: 0;box-sizing: border-box;opacity: 1.0;position:relative;min-height: 64px;}
#mainCont ul.back_area li.back p {width: 100%;text-align: left;position: absolute;top: 50%;left: 15%;transform: translate(0, -50%);box-sizing: border-box;}
#mainCont ul.back_area li.top p {width: 100%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;}
#mainCont ul.back_area li.next p {width: 100%;text-align: right;position: absolute;top: 50%;right: 15%;transform: translate(0, -50%);box-sizing: border-box;}
#mainCont ul.back_area li:hover {opacity: 0.5;transition: opacity .3s linear;}
#mainCont ul.back_area li.back::before {content: "";display: block;width: 28px;height: 28px;background: url('/sportscar/archive/homecoming/images/arrowBack.png') 100% 100% / cover;position: absolute;top: 50%;left: 3%;transform: translate(0, -50%);}
#mainCont ul.back_area li.next::before {content: "";display: block;width: 28px;height: 28px;background: url('/sportscar/archive/homecoming/images/arrowNext.png') 100% 100% / cover;position: absolute;top: 50%;right: 3%;transform: translate(0, -50%);}
#mainCont ul.back_area li a {color: #454545;text-decoration: none;width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}

/* --------------------------------------------------------------------
	SNS
-------------------------------------------------------------------- */
#snsBtns {
	padding-left: 0px;
	width: 204px;
	position: absolute;
	right: 50px;
	padding-bottom: 0px;
	top: 15px;
}
#snsBtns li {
	width:102px;
	float: left;
}

#mainCont .vtec_lineup {width: 100%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
#mainCont .vtec_lineup li {width: 100%;margin: 0;padding: 0;}
#mainCont .vtec_lineup li a {display: flex;text-decoration: none;color: #000;margin-bottom: 1.2em;opacity: 1.0;transition: opacity .3s linear;border: 1px solid #222;box-sizing: border-box;}
#mainCont .vtec_lineup li a:hover {text-decoration: none;opacity: 0.7;transition: opacity .3s linear;}
#mainCont .vtec_lineup li div.v1 {background-image: url("../images/thumb01.webp");}
#mainCont .vtec_lineup li div.v2 {background-image: url("../images/thumb02.webp");}
#mainCont .vtec_lineup li div.v3 {background-image: url("../images/thumb03.webp");}
#mainCont .vtec_lineup li div.v4 {background-image: url("../images/thumb04.webp");}
#mainCont .vtec_lineup li div.v5 {background-image: url("../images/thumb05.webp");}
#mainCont .vtec_lineup li div:nth-child(2) {width: 58%;min-height: 153px;display: flex;align-items: center;padding: 0 1.4em;box-sizing: border-box;}
#mainCont .vtec_lineup li div:first-child {width: 42%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#mainCont .vtec_lineup p {font-family: "ヒラギノ角ゴ W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;font-size: 24px;line-height: 1.4;color: #333;padding: 0;}
/*#mainCont .vtec_lineup p span {font-size: 24px;display: block;color: #333;margin-top: 5px;letter-spacing: 0.03em;}*/

/* --------------------------------------------------------------------
	汎用
-------------------------------------------------------------------- */

/*  clearfix  */
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	width:0;
	height:0;
	content:".";
}
.clearfix {zoom: 1;}
.fL {float: left;}
.fR {float: right;}
#mainCont img {vertical-align: bottom;}
.under_line {text-decoration: underline;}