@charset "utf-8";
/* =======================================================================
#sungoliath_contents #row_01
========================================================================= */
#row_01{
position:relative;
width:1160px;
height:960px;
}
#row_01 section{position:absolute;}
#row_01 section#parts_main_visual{top:25px;left:0;}


#row_01 section#parts_news{top:590px;left:0;}


#row_01 section#parts_result{top:25px;right:0;}
#row_01 section#parts_member{top:530px;right:0;}

/* =======================================================
#row_01 #parts_main_visual
==========================================================*/
#parts_main_visual{
width:790px;
height:590px;
position:relative;
background:#000;
}
#main_visual_slide ul.list li{
position:absolute;
top:0;
left:0;
z-index:1;
}
#main_visual_slide ul.list li dl {
height: 590px;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_visual_slide ul.list li dl dt {
margin: 0;
padding: 0;
width:790px;
height: 507px;
overflow: hidden;
position:relative;
display: block;
background: #eee;
}

#main_visual_slide ul.list li dl dt img{
position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    height:auto;
}
#main_visual_slide ul.list li dl dd{
padding:15px 195px 0 28px;
font-size:14px;
line-height:18px;
letter-spacing:-0.2px;
color:#f37;
height: 63px;
overflow: hidden;
background: #000;
}
#main_visual_slide ul.list li a.hover dl dt img{
opacity:0.9;filter:alpha(opacity=90);-ms-filter:"alpha(opacity=90)";
}
#main_visual_slide ul.list li a.hover dl dd{
text-decoration:underline;
}
/* #parts_main_visual p.logo
------------------------------ */
#parts_main_visual p.logo{
width:222px;
height:172px;
background:url(https://www.suntory.com/culture-sports/sungoliath/common/responsive/img/logo.png) no-repeat 0 0;
position:absolute;
bottom:-25px;
right:-25px;
z-index:100;
}
/* =======================================================
#row_01 #parts_result
==========================================================*/
#parts_result{
width:370px;
height:530px;
}
/* #parts_result .block
=================================================== */
#parts_result .block h2 em{
font-family:'Roboto',sans-serif;
font-weight:700;
padding:0 0.4em;
}
#parts_result .block h3{
text-align:center;
width:100%;
font-family: 'Roboto',sans-serif;
color:#d0d0d0;
}
#parts_result .block h3 em{
display:block;
padding:0.8em 5px 0.5em 5px;
font-weight:bold;
color:#fff;
letter-spacing:0.2px;
}
/* #parts_result .block table
-------------------------------- */
#parts_result .block table{
margin-top:5px;
width:100%;
overflow:hidden;
}
#parts_result .block table th,
#parts_result .block table td{
text-align:center;
vertical-align:middle;
color:#8d8d8d;
font-size:13px;
line-height:1.2em;
letter-spacing:-1px;
}
/* #parts_result .block#result_block
=================================================== */
#result_block{
padding:0 10px;
background-color:rgba(0,0,0,0.7);
height: 290px;
}
#result_block h2 {
height: 65px;
display: flex;
align-items: center;
}
#result_block h2 em{
font-size:24px;
color:#fb0;
}
#result_block h2 i{
font-size:13px;
color:#b96;
}
#result_block h3{
height:100px;
background-color:rgba(50,50,50,0.7);
font-size:13px;
line-height:1.6em;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#result_block h3 em{
font-size:15px;
}
#result_block table{
height:110px;
}
#result_block table th{
background-color:rgba(50,50,50,0.7);
width:26%;
}
#result_block table th img{
width:80%;
height:auto;
margin:5px auto;
}
#result_block table td dl{
display:table;
margin:0 auto;
width:100%;
}
#result_block table td dl dt,
#result_block table td dl dd{
display:table-cell;
vertical-align:middle;
text-align:center;
}
#result_block table td dl dt{
width:32%;
}
#result_block table td dl dt em,
#result_block table td dl dt i{
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:35px;
}
#result_block table td dl dt em{
color:#fff;
}
#result_block table td dl dd p{
background-color:rgba(50,50,50,0.7);
border-radius:3px;
height:35px;
line-height:34px;
margin-bottom:3px;
font-size:10px;
display:table;
width:100%;
}
#result_block table td dl dd p span,
#result_block table td dl dd p i{
display:table-cell;
vertical-align:middle;
}
#result_block table td dl dd p i{
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:13px;
color:#fff;
width:35%;
}
#result_block table td p.btn a{
display:block;
margin:0 auto;
font-size:14px;
letter-spacing:1px;
color:#000;
width:92%;
height:36px;
line-height:35px;
border-radius:3px;
text-align:center;
background:#febf0f;
background:-moz-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:-webkit-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:linear-gradient(to right,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
}
#result_block table td p.btn a.hover{
background:#ff9900;
background:-moz-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:-webkit-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:linear-gradient(to right,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
}
/* #parts_result .block#next_block
=================================================== */
#next_block{
padding:14px 10px 10px 10px;
background-color:rgba(50,50,50,0.8);
height: 240px;
}

#next_block h2 {
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#next_block h2 em{
font-size:18px;
color:#fff;
}
#next_block h2 a{
display:block;
height:34px;
background:rgba(0,0,0,.5) url(https://www.suntory.com/culture-sports/sungoliath/parts_data/result/to_result.png) no-repeat 10px center;
background-size:20px auto;
-moz-background-size:20px auto;
-webkit-background-size:20px auto;
border-radius:17px;
font-size:12px;
font-family: 'Roboto',sans-serif;
color:#fff;
line-height:34px;
padding:0 11px 0 38px;
}
#next_block h2 a.hover{
background-color:#393939;
}
#next_block h3{
height:85px;
background-color:rgba(90,90,90,0.5);
margin-top:10px;
font-size:12px;
line-height:1.4em;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#next_block h3 em{
font-size:14px;
}
#parts_result .block#next_block table th{
background-color:rgba(90,90,90,0.5);
height:60px;
width:35%;
font-size:12px;
font-family: 'Roboto', sans-serif;
color:#fff;
padding:0 0.4em;
}

#parts_result .block#next_block table td{
text-align:center;
vertical-align:middle;
color:#8d8d8d;
font-size:12px;
font-family: 'Roboto', sans-serif;
line-height:1.2em;
letter-spacing:-1px;
}


/* #parts_result .block.none
=================================================== */
#parts_result .block.none h3,
#parts_result .block.none h3 em{
font-size:0 !important;
}
#parts_result .block.none h3:before{
content:"----年--月--日";
display:block;
padding-top:10%;
font-size:14px;
font-weight:bold;
color:#fff;
letter-spacing:2px;
}
#parts_result .block#result_block.none h3:before{
padding-top:12.5%;
}
#parts_result .block.none table th:last-child img{display:none;}
#parts_result .block.none table th:last-child{font-size:0 !important;}

#parts_result .block.none table td dl dt em,
#parts_result .block.none table td dl dt i,
#parts_result .block.none table td dl dd p i{
font-size:0 !important;
}
#parts_result .block.none table td dl dt em:before,
#parts_result .block.none table td dl dt i:before,
#parts_result .block.none table td dl dd p i:before{
content:"\00ff0d";
display:block;
font-size:14px;
color:#868686;
}
#parts_result .block.none table td p.btn a{
pointer-events:none;
background:#5c5c5c !important;
color:#a9a9a9 !important;
}
/* ==================================================================
#row_01 #parts_news
==================================================================== */
#parts_news{
width:790px;
height:320px;
background: #fff;
overflow: hidden;
z-index: 10;
}

/* #parts_news header
-------------------------------------------------- */
#parts_news header{
padding:20px 0 20px 28px;
}
#parts_news header {
    display: flex;
}
#parts_news header h2 em{
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:30px;
color:#000;
}
#parts_news header p.btn a{
margin-left: 19px;
display:block;
border-radius:15px;
font-size:16px;
font-family:'Roboto',sans-serif;
letter-spacing:-1px;
color:#320;
width:90px;
height:30px;
line-height:29px;
text-align:center;
background:#febf0f;
background:-moz-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:-webkit-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:linear-gradient(to right,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
}
#parts_news header p.btn a.hover{
background:#ff9900;
background:-moz-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:-webkit-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:linear-gradient(to right,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
}
/* #parts_news ul
-------------------------------------------------- */
#parts_news ul{
margin-left:28px;
width:93%;
height:230px;
overflow-y:scroll;
overflow-x:hidden;
box-sizing:border-box;
}
#parts_news ul::-webkit-scrollbar{
width:8px;
background:#fff;
}
#parts_news ul::-webkit-scrollbar-thumb{
background:#fff;
}
#parts_news ul li{
    margin-bottom: 10px;
}
#parts_news ul li:last-child{
    margin-bottom: 0;
}
#parts_news ul li a {
    display: flex;
    align-items: center;
}
#parts_news ul li figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 54px;
    height: 50px;
    position: relative;
}
#parts_news ul li figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

#parts_news ul li dl{
    display: flex;
    margin-left: 35px;
}
#parts_news ul li dl dt{
font-size:15px;
line-height:1.3em;
color:#222;
width: 130px;
}
#parts_news ul li dl dd{
font-size:15px;
line-height:1.3em;
color:#222;
}
#parts_news ul li a.hover dl dd{
text-decoration:underline;
}

/* =======================================================
#row_01 #parts_member
========================================================= */
#parts_member{
width:370px;
height:380px;
background:#ebebeb;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
position:relative;
}
#parts_member h2{
display:flex;
align-items: center;
height: 90px;
padding: 0 0 0 30px;
}
#parts_member h2 em {
    font-family:'Roboto',sans-serif;
    font-weight:900;
    font-size: 30px;
}
#parts_member h2 a{
margin-left: 19px;
display:block;
border-radius:15px;
font-size:16px;
font-family:'Roboto',sans-serif;
letter-spacing:-1px;
color:#320;
width:90px;
height:30px;
line-height:29px;
text-align:center;
background:#febf0f;
background:-moz-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:-webkit-linear-gradient(left,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
background:linear-gradient(to right,#febf0f 0%,#fed000 30%,#fed000 70%,#febf0f 100%);
}
#parts_member h2 a.hover{
background:#ff9900;
background:-moz-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:-webkit-linear-gradient(left,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
background:linear-gradient(to right,#ff9900 0%,#ffbb00 30%,#ffbb00 70%,#ff9900 100%);
}

/* #parts_member .list
-------------------------------------------------- */
#parts_member .list {
}
#parts_member .list a{
display:block;
}
#parts_member .list a figure{
margin: 0 auto;
width:310px;
height:180px;
overflow:hidden;
position:relative;
}
#parts_member a.hover figure:after{
z-index:0;
background-color:rgba(0,0,0,0.4);
content:"";
width:310px;
height:180px;
position: absolute;
top: 0;
left: 0;
}


#parts_member .list a figure img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%;
height:auto;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
#parts_member a.hover figure img{
width:105%;
height:auto;
}
#parts_member .list a dl{
width:370px;
height: 110px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#parts_member .list a dl dt{
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:20px;
color:#222;
text-align:center;
margin: 9px 0;
}
#parts_member .list a dl dd{
font-family: 'Roboto',sans-serif;
font-size:15px;
color:#222;
text-align:center;
margin: 9px 0;
}


/* =======================================================================
#sungoliath_contents #row_03
========================================================================= */
#row_03:after{content:""; clear:both; display:block;}
#row_03 section{
float:left;
width:370px;
height:340px;
margin-bottom:25px;
margin-left:25px;
}
#row_03 section:first-child{
margin-left:0;
}
#row_03 section>a{
display:block;
width:370px;
height:340px;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
position:relative;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
}
#row_03 section>a.hover:after{
position:absolute;
top:0;
left:0;
z-index:0;
background-color:rgba(0,0,0,0.4);
content:"";
float:left;
width:370px;
height:340px;
}
#row_03 section>a.hover{
background-size:105% auto;
-moz-background-size:105% auto;
-webkit-background-size:105% auto;
}


/* =======================================================
#row_03 #parts_style
========================================================= */
#parts_style a{
background:url(https://www.suntory.com/culture-sports/sungoliath/top/img/team.jpg) no-repeat 50% 50% #000;
}
#parts_style h2{
position:absolute;
top:30px;
left:30px;
z-index:1;
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:30px;
color:#fff;
letter-spacing: -.05em;
}

/* =======================================================
#row_03 #parts_history
========================================================= */
#parts_history a{
background:url(https://www.suntory.com/culture-sports/sungoliath/top/img/history.jpg) no-repeat 50% bottom;
background-size: 100% auto;
}
#parts_history h2{
position:absolute;
top:30px;
left:30px;
z-index:1;
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:30px;
color:#fff;
}

/* =======================================================
#row_03 #parts_clasic
========================================================= */
#parts_clasic a{
background:url(https://www.suntory.com/culture-sports/sungoliath/top/img/classic.jpg) no-repeat 50% 50%;
}
#parts_clasic h2{
position:absolute;
top:30px;
left:30px;
z-index:1;
font-family:'Roboto',sans-serif;
font-weight:900;
font-size:30px;
color:#fff;
}

/* =======================================================================
#sungoliath_contents #parts_bnr_area
========================================================================= */
#parts_bnr_area{
width:1160px;
margin:0 auto;
text-align:left;
padding-bottom:30px;
}
#parts_bnr_area ul:after{content:""; clear:both; display:block;}
#parts_bnr_area ul li{
float:left;
padding-bottom:20px;
}
#parts_bnr_area ul li:nth-child(even){float:right;}

#parts_bnr_area ul li a.hover img{
opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";
}

/* =======================================================================
#sungoliath_contents #sns_area
========================================================================= */
#sungoliathCommonFooter h1{
/*    background:linear-gradient(#e3e3e3 50%,#000 50%,#000);*/
}
/* ↑↓の背景色に合わせる。 */
#sns_area{
/*background:#e3e3e3;*/
padding-top:60px;
padding-bottom:20px;
}
#sns_area section{
width:1160px;
margin:0 auto;
}
#sns_area section:after{content:""; clear:both; display:block;}
#tw_block{
float:left;
width:550px;
}
#fb_block{
float:right;
width:550px;
}