@charset "utf-8";
/*!
 * wins CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */

/*===================================
	element	
=====================================*/

main {
    text-align: center;
}
.wins .cont {
    text-align: left;
}

/*  head__cont 
---------------------------------*/

.head__cont {
    width: 740px;
    height: 99px;
    margin: 0 auto 58px;
    padding-top: 18px;
    background: url(../images/channel/bg_header_pc.jpg) no-repeat 0 0;
    line-height: 1;
}
.head__cont h2 {
    font-size: 36px;
    font-weight: bold;
}
.head__cont h2 span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}
.soon {
    padding: 4em 0 7em;
}

/*   ゴール写真集
---------------------------------*/

.list__goalPhoto {
    margin: 60px -8px 0;
}
.list__goalPhoto li {
    display: inline-block;
    overflow: hidden;
    width: 460px;
    margin: 0 19px 30px;
    padding-bottom: 14px;
    background: #262626;
    color: #bea013;
    line-height: 1;
    text-align: left;
}
.list__goalPhoto figure {
    border: solid 3px #bea013;
}
.list__goalPhoto h3 {
    float: left;
    margin: 12px 0 0 15px;
    font-size: 20px;
}
.list__goalPhoto h3 span {
    display: block;
    margin-top: 7px;
    color: #fff;
    font-size: 16px;
}
.list__goalPhoto .btn {
    float: right;
    margin: 14px 14px 0 0;
}
.list__goalPhoto .btn a {
    display: block;
    position: relative;
    width: 140px;
    height: 35px;
    line-height: 33px;
    padding-left: 12px;
    background: #bfa218;
    font-weight: 500;
    letter-spacing: 0;
}
.list__goalPhoto .btn a:after {
    content: "▶︎";
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-top: -13px;
    border-radius: 50%;
    background: #262626;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.list__goalPhoto li:nth-of-type(1) {
    display: block;
    width: 680px;
    margin: 0 auto 40px;
    padding-bottom: 20px;
}
.list__goalPhoto li:nth-of-type(1) h3 {
    margin: 18px 0 0 23px;
    font-size: 26px;
}
.list__goalPhoto li:nth-of-type(1) h3 span {
    margin-top: 10px;
    font-size: 20px;
}
.list__goalPhoto li:nth-of-type(1) .btn {
    margin: 25px 27px 0 0;
}

/* 7152勝はどれだけすごい？
---------------------------------*/

.victoryCont {
	padding: 45px 30px 0;
	line-height: 1.6;
    font-family: 'Noto Sans Japanese';
}
.victoryCont h2 {
	margin-bottom: 0.4em;
	font-size: 52px;
	text-align: center;
	line-height: 1.2;
    font-weight: bold;
}
.victoryCont h2 + p {
	margin-bottom: 2em;
	font-size: 18px;
}
.victoryCont > p strong {
    color: #bf1707;
    font-size: 120%;
}
.victoryTbl {
	position: relative;
	margin-top: 3.5em;
	border-left: solid 202px #2e2609;
	font-size: 18px;
	line-height: 1.2;
}
.victoryTbl caption {
	position: absolute;
	top: 13px;
	left: 17px;
	color: #fff;
	font-size: 22px;
	text-align: left;
	font-weight: 600;
}
@-moz-document url-prefix() {
	.victoryTbl caption {
		left: 17px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.victoryTbl caption {
		left: -83px;
	}
}
.victoryTbl td {
	width: 121px;
	padding: 0.5em 1em;
	border-left: solid 1px #e5e5e5;
	background: #fefcfc;
	text-align: center;
}
.victoryTbl tr > td:nth-of-type(1) {
	border: none;
	text-align: left;
}
.victoryTbl tr:nth-of-type(even) td {
	background: #f2f2f2;
}
.victoryTbl tr td:nth-of-type(1) {
	width: auto;
}
.victoryTbl span {
	display: inline-block;
	width: 2em;
}
.victoryTbl strong {
	color: #bf1707;
}
.victoryTbl + .note {
	margin-top: 0.6em;
	font-size: 14px;
	text-align: right;
}

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	
	
	/*===================================
        element	
    =====================================*/


    /*  head__cont 
    ---------------------------------*/

    .head__cont {
        position: relative;
        width: 612px;
        height: 109px;
        margin: 0 -33px 58px;
        padding-top: 20px;
        background-image: url(../images/channel/bg_header_sp.jpg);
    }
    .head__cont:before,.head__cont:after {
        display: block;
        position: absolute;
        top: 109px;
        width: 0;
        height: 0;
        border-style: solid;
    }
    .head__cont:before {
        left: 0;
        border-width: 0 6px 6px 0;
        border-color: transparent #88730b transparent transparent;
    }
    .head__cont:after {
        right: 0;
        border-width: 6px 6px 0 0;
        border-color: #88730b transparent transparent transparent;
    }
    .head__cont h2 {
        font-size: 38px;
    }
    .head__cont h2 span {
        font-size: 20px;
    }
    .pageNavi li:nth-of-type(1) a {
        line-height: 82px;
		padding-top: 0;
	}

	/*   ゴール写真集
    ---------------------------------*/

    .list__goalPhoto {
        margin: 60px auto 0;
    }
    .list__goalPhoto li,
    .list__goalPhoto li:nth-of-type(1) {
        display: block;
        width: auto;
        margin: 0 0 40px;
        padding-bottom: 20px;
    }
    .list__goalPhoto figure {
        border-width: 5px;
    }
    .list__goalPhoto h3,
    .list__goalPhoto li:nth-of-type(1) h3 {
        margin: 15px 0 0 20px;
        font-size: 26px;
    }
    .list__goalPhoto h3 span,
    .list__goalPhoto li:nth-of-type(1) h3 span {
        margin-top: 10px;
        font-size: 24px;
    }
    .list__goalPhoto .btn,
    .list__goalPhoto li:nth-of-type(1) .btn {
        margin: 26px 15px 0 0;
    }
    .list__goalPhoto .btn a {
        width: 180px;
        height: 45px;
        line-height: 43px;
        padding-left: 15px;
    }
    
	/* 7152勝はどれだけすごい？
	---------------------------------*/

	.victoryCont {
		padding: 60px 0 0;
	}
	.victoryCont h2 {
		margin-bottom: 0.8em;
		font-size: 40px;
	}
	.victoryCont h2 + p {
		font-size: 26px;
	}
	.victoryTbl {
		border-left: none;
		font-size: 18px;
	}
	.victoryTbl caption {
		position: relative;
		top: inherit;
		left: inherit;
		padding: 0.5em 1em;
		background: #2e2609;
		font-size: 26px;
		text-align: center;
	}
	@-moz-document url-prefix() {
		.victoryTbl caption  {
			left: inherit;
		}
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.victoryTbl caption {
			left: inherit;
		}
	}
	.victoryTbl td {
		width: 100px;
		padding: 0.7em 5px;
	}
	.victoryTbl tr td:nth-last-of-type(1) {
		width: 80px;
		padding: 0.7em 0;
		font-size: 16px;
	}
	.victoryTbl tr td:nth-of-type(1) {
		padding: 0.7em 0 0.7em 10px;
	}
	.victoryTbl + .note {
		font-size: 18px;
	}
	
	
	
}