@charset "UTF-8";
/* CSS Document */

/* ===================================================================
アコーディオンメニュー
=================================================================== */
#parts .accordion-wrapper {
	margin: -100px 0 30px;
	padding: 100px 0 0;
}

#parts .acd-check {
    display: none;
}

#parts .acd-label {
	display: block;
	position: relative;
    padding: 15px 15px 15px 60px;
    background: #ededed;
    color: #e50012;
	font-weight: bold;
	font-size: 24px;
}

#parts .acd-label::before {
    content: "";
    position: absolute;
    top: 50%;
	left: 29px;
    transform: translate(0, -50%);
    width: 6px;
    height: 20px;
	transition: .5s;
    background: #e50012;
	border-radius: 3px;
}

#parts .acd-label::after {
	content: "";
    position: absolute;
    top: 50%;
    left: 22px;
	transform: translate(0, -50%);
    width: 20px;
    height: 6px;
    background: #e50012;
	border-radius: 3px;
}

#parts .acd-content {
	display: none;
	padding: 0 10px;
    opacity: 0;
	background: #ededed;
    visibility: hidden;
}

#parts .acd-check:checked + .acd-label + .acd-content {    
	display: block;
	margin: 0 0 30px;
	padding: 10px 65px 30px;
    opacity: 1;
    visibility: visible;
}

#parts input:checked + .acd-label::before {
    display: none;
}


/* ===================================================================
タブ切り替え01
=================================================================== */
#parts .tub01 .container-1260-p20,
#parts .tub01 .container-1000-p20 {
	height: 100%;
}

#parts .tub01-area {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100px;
	background: #e50012;
	z-index: 20;
}

#parts .tub01-area .container {
	height: 100%;
}

#parts .tub01-area-inner {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}

#parts .tub01-area-detail {
	position: relative;
    display: flex;
	align-items: center;
	height: 100%;
	padding: 0 0 0 30px;
	color: #fff;
    font-weight: bold;
}

#parts .tub01-area-detail:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 24px;
	height: 21px;
}

#parts .tub01-area-detail.tour:before {
	background: url(../../images/search/search_icon_1.png) 50% 50% / contain no-repeat, transparent;
}

#parts .tub01-area-detail.slope:before {
	background: url(../../images/search/search_icon_2.png) 50% 50% / contain no-repeat, transparent;
}

#parts .tub01-area-detail.feature:before {
	background: url(../../images/search/search_icon_3.png) 50% 50% / contain no-repeat, transparent;
}

#parts .tub01-area-detail.popular:before {
	background: url(../../images/search/search_icon_4.png) 50% 50% / contain no-repeat, transparent;
}

/* tub01 area radio btn
--------------------*/
#parts .tub01-area-detail input {
	display: none;
}

#parts .tub01-area-detail label {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 3px 0 0;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	transition: all .3s ease-out 0s;
}

#parts .tub01-area-detail label:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	padding: 14px 0 0;
	border-style: solid;
	border-width: 0 25px 25px 25px;
	border-color: transparent transparent transparent transparent;
	transition: all .3s ease-out 0s;
}

/* Firefox */
@-moz-document url-prefix() {
	#parts .tub01-area-detail label:after {
		top: 102%;
	}
}

#parts .tub01-area-detail input[type=radio]:checked + label {
	border-bottom: 1px solid #fff;
}

#parts .tub01-area-detail input[type=radio]:checked + label:after {
	border-color: transparent transparent #fff transparent;
}

/* tub01 content
--------------------*/
#parts .tub01-content-detail {
	display: none;
	padding: 55px 0;
}

#parts .tub01-content-detail:nth-of-type(1) {
	display: block;
}

#parts .tub01-content-detail input {
	display: none;
}


/* ===================================================================
タブ切り替え02
=================================================================== */
#parts .tub02-area {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100px;
}

#parts .tub02-area .container {
	height: 100%;
}

#parts .tub02-area-inner {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}

#parts .tub02-area-detail {
	position: relative;
    display: flex;
	align-items: center;
	width: 300px;
	height: 70px;
	color: #fff;
    font-weight: bold;
	background: #c5c5c5;
}

#parts .tub02-area-detail:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 24px;
	height: 21px;
}

/* tub02 area radio btn
--------------------*/
#parts .tub02-area-detail input {
	display: none;
}

#parts .tub02-area-detail label {
	position: relative;
	display: block;
	width: 300px;
	height: 70px;
	padding: 25px 0;
	border-bottom: 1px solid transparent;
	cursor: pointer;
    text-align: center;
	transition: all .3s ease-out 0s;
}

#parts .tub02-area-detail label:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	padding: 14px 0 0;
	border-style: solid;
	border-width: 0 25px 25px 25px;
	border-color: transparent transparent transparent transparent;
	transition: all .3s ease-out 0s;
}

#parts .tub02-area-detail input[type=radio]:checked + label {
	background: #e50012;
}

/* tub02 content
--------------------*/
#parts .tub02-content-detail {
	display: none;
	padding: 55px 0;
}

#parts .tub02-content-detail:nth-of-type(1) {
	display: block;
}

#parts .tub02-content-detail input {
	display: none;
}



/* ===================================================================
表01
=================================================================== */
#parts .table01 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table01 th {
	width: 210px;
	height: auto;
	padding: 8px 0;
	background: #b4b4b4;
	color: #fff;
	vertical-align: middle;
}

#parts .table01 td {
	color: #808080;
	text-align: center;
	vertical-align: middle;
}

#parts .table01 tr:nth-child(odd) td {
  background: #fff;
}

#parts .table01 tr:nth-child(even) td {
  background: #ecf4fd;
}


/* ===================================================================
表02
=================================================================== */
#parts .table02 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table02 th {
	height: auto;
	padding: 8px 0;
	background: #b4b4b4;
	color: #fff;
	vertical-align: middle;
}

#parts .table02 tr:first-child th:nth-of-type(1) {
	 width: 310px;
}

#parts .table02 tr:nth-of-type(2) th {
	 width: 177px;
}

#parts .table02 td {
	padding: 8px 0;
	color: #808080;
	text-align: center;
	vertical-align: middle;
}

#parts .table02 tr:nth-of-type(2) th:nth-of-type(1) {
	background: #004da7;
}

#parts .table02 tr:nth-of-type(2) th:nth-of-type(2) {
	background: #91d312;
}

#parts .table02 tr:nth-of-type(2) th:nth-of-type(3) {
	background: #ff8e00;
}

#parts .table02 tr:nth-child(odd) {
  background: #fff;
}

#parts .table02 tr:nth-child(even) {
  background: #ecf4fd;
}


/* ===================================================================
表03
=================================================================== */
#parts .table03 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table03 tr:nth-of-type(1) th {
	width: 210px;
	height: auto;
	padding: 8px 0;
	background: #b4b4b4;
	color: #fff;
	vertical-align: middle;
}

#parts .table03 td {
	padding: 8px 0;
	color: #808080;
	text-align: center;
	vertical-align: middle;
}

#parts .table03 tr:nth-of-type(2) th,
#parts .table03 tr:nth-of-type(3) th,
#parts .table03 tr:nth-of-type(4) th {
	background: #c5c5c5;
	color: #fff;
	vertical-align: middle;
}


#parts .table03 tr:nth-child(odd) td {
  background: #fff;
}

#parts .table03 tr:nth-child(even) td {
  background: #ecf4fd;
}


/* ===================================================================
表04
=================================================================== */
#parts .table04 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table04 th {
	width: 210px;
	height: auto;
	padding: 8px 0;
	background: #c5c5c5;
	color: #fff;
	vertical-align: middle;
}

#parts .table04 td {
	width: 320px;
	padding: 8px 0;
	color: #808080;
	text-align: center;
	vertical-align: middle;
}

#parts .table04 tr:nth-child(odd) td {
  background: #fff;
}

#parts .table04 tr:nth-child(even) td {
  background: #ecf4fd;
}
　

/* ===================================================================
表05
=================================================================== */
#parts .table05 .table05-area01,
#parts .table05 .table05-area02,
#parts .table05 .table05-area03,
#parts .table05 .table05-area04 {
	margin: 0 0 50px;
}

#parts .table05-inner {
	display: flex;
	align-items: center;
	margin: 10px 0 10px;
}

#parts .table05 .table05-catch {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

#parts .table05 .table05-area01 .table05-catch {
	background: #ff8e00;
}

#parts .table05 .table05-area02 .table05-catch {
	background: #91d312;
}

#parts .table05 .table05-area03 .table05-catch {
	background: #ff7ea8;
}

#parts .table05 .table05-area04 .table05-catch {
	background: #004da7;
}

#parts .table05 h3 {
	margin: 0 0 0 10px;
	font-size: 18px;
}

#parts .table05-area01 h3 {
	color: #ff8e00;
	border-bottom: 2px solid #ff8e00;
}

#parts .table05-area02 h3 {
	color: #91d312;
	border-bottom: 2px solid #91d312;
}

#parts .table05-area03 h3 {
	color: #ff7ea8;
	border-bottom: 2px solid #ff7ea8;
}

#parts .table05-area04 h3 {
	color: #004da7;
	border-bottom: 2px solid #004da7;
}

#parts .table05 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table05 th:first-child {
	width: auto;
	padding: 8px 0;
	color: #fff;
	vertical-align: middle;
}

#parts .table05-area01 th:nth-of-type(1),
#parts .table05-area02 th:nth-of-type(1),
#parts .table05-area03 th:nth-of-type(1),
#parts .table05-area04 th:nth-of-type(1) {
	background: #b4b4b4;
}

#parts .table05-area01 th:nth-of-type(2),
#parts .table05-area02 th:nth-of-type(2),
#parts .table05-area03 th:nth-of-type(2),
#parts .table05-area04 th:nth-of-type(2) {
	width: 220px;
	background: #fff;
	vertical-align: middle;
}

#parts .table05 td {
	width: 330px;
	padding: 8px 0;
	background: #fff;
	color: #808080;
	text-align: center;
	vertical-align: middle;
}

#parts .table05-button {
    display: block;
	width: 210px;
	margin: 0 auto;
	padding: 0 10px;
	background: #fff;
}

#parts .table05-button a {
	display: block;
	width: 100%;
	padding: 4px 0;
	background: #e50012;
	border: 2px solid #e50012;
	border-radius: 15px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}


/* ===================================================================
表06
=================================================================== */
#parts .table06 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table06 th {
	width: 140px;
	height: auto;
	background: #c5c5c5;
	color: #fff;
	vertical-align: middle;
}

#parts .table06 td {
	width: 735px;
	padding: 20px 15px;
	background: #fff;
	color: #808080;
	text-align: justify;
	vertical-align: middle;
}

#parts .table06 tr:nth-of-type(3) td:nth-of-type(1) {
	width: 150px;
}

#parts .table06 tr:nth-of-type(3) td:nth-of-type(2) {
	width: 580px;
}


/* ===================================================================
表07
=================================================================== */
.table07-inner {
	display: flex;
	align-items: center;
	margin: 10px 0 10px;
}

#parts .table07 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table07 th {
	background: #c5c5c5;
	color: #fff;
	vertical-align: middle;
}

#parts .table07 td {
	width: 735px;
	padding: 20px 15px;
	background: #fff;
	color: #808080;
	vertical-align: middle;
}

#parts .table07 th:nth-of-type(1) {
	width: 140px;
}

#parts .table07 th:nth-of-type(2) {
	width: 90px;
}

#parts .table07 td:nth-of-type(1) {
	width: 150px;
}

#parts .table07 td:nth-of-type(2) {
	text-align: justify;
	width: 300px;
}

#parts .table07 td:nth-of-type(3) {
	width: 185px;
}

#parts .table07-button {
	width: 160px;
	margin: 0 0 0 3px;
	background: #fff;
}

#parts .table07-button a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 6px 25px 6px 0;
	background: #4496ec;
	border: 2px solid #4496ec;
    border-radius: 12px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .table07-button a::after {
	content: "";
	position: absolute;
    top: 50%;
	right: 25px;
    transform: translate(0, -50%);
	width: 12px;
	height: 20px;
	background: url(/ski/images/parts/parts_map_icon.png) 50% 50% / contain no-repeat, transparent;
}


/* ===================================================================
表08
=================================================================== */
#parts .table08 th {
	width: 140px;
	background: #c5c5c5;
	font-size: 18px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

#parts .table08 td {
	width: 740px;
	padding: 0 0 0 20px;
	background: transparent;
	color: #808080;
	vertical-align: middle;
}


/* ===================================================================
表09
=================================================================== */
#parts .table09 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table09 th {
	width: 580px;
	padding: 15px;
	background: #c5c5c5;
	font-size: 18px;
	color: #fff; 
	text-align: left;
	vertical-align: middle;
}

#parts .table09 td {
	width: 580px;
	padding: 15px;
	background: #ededed;
	font-size: 15px; 
	color: #808080;
	vertical-align: middle;
}

/* ===================================================================
表10
=================================================================== */
#parts .table10 {
	margin: 30px 0 0;
}

#parts .table10 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table10 tr {
	margin: 0 0 5px;
}

#parts .table10 tr:last-child {
	margin: 0;
}

#parts .table10 th {
	width: 200px;
	padding: 8px;
	background: #fff;
	font-size: 16px;
	color: #4496ec; 
	text-align: left;
	vertical-align: middle;
}

#parts .table10 td {
	width: 675px;
	padding: 8px;
	background: #fff;
	font-size: 16px; 
	color: #808080;
	vertical-align: middle;
}


/* ===================================================================
表11
=================================================================== */
#parts .table11 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table11 caption {
	text-align: left;
    font-weight: bold;
    font-size: 18px;
	color: #e50012;
}

#parts .table11 tr {
	margin: 0 0 5px;
}

#parts .table11 tr:last-child {
	margin: 0;
}

#parts .table11 th {
	width: 260px;
	padding: 8px;
	background: #b4b4b4;
	font-size: 16px;
	color: #fff; 
	vertical-align: middle;
	text-align: left;
}

#parts .table11 tr:nth-of-type(3) th:nth-of-type(2),
#parts .table11 tr:nth-of-type(4) th:nth-of-type(1),
#parts .table11 tr:nth-of-type(5) th:nth-of-type(1) {
	width: 200px;
	background: #c5c5c5;
	text-align: center;
}

#parts .table11 td {
	width:  740px;
	padding: 8px;
	background: #ededed;
	font-size: 15px; 
	color: #808080;
	vertical-align: middle;
}

#parts .table11 tr:nth-of-type(3) td,
#parts .table11 tr:nth-of-type(4) td,
#parts .table11 tr:nth-of-type(5) td {
	width: 540px;
}

/* ===================================================================
表12
=================================================================== */
#parts .table12 table {
	border-collapse:separate;
	border-spacing: 3px;
}

#parts .table12 caption {
	text-align: left;
    font-weight: bold;
    font-size: 18px;
	color: #e50012;
}

#parts .table12 th {
	width: 260px; 
	padding: 8px;
	background: #b4b4b4;
	font-size: 16px;
	color: #fff; 
	vertical-align: middle;
	text-align: left;
}

#parts .table12 td {
	width:  740px;
	padding: 8px;
	background: #ededed;
	font-size: 15px; 
	color: #808080;
	vertical-align: middle;
}


/* ===================================================================
リスト(数字あり)01
=================================================================== */
#parts .list01-area {
	background: #ededed;
	margin: 0 auto;
	padding: 30px 0;
}

 #parts .list01-wapper {
	width: 870px;
	padding: 30px; 
	margin: 0 auto 20px;
	background: #fff;
}

#parts .list01-inner,
#parts .list01-inner_small {
	display: flex;
    align-items: center;
}
	
#parts .list01-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin: 0 15px 0 0;
    background: #e50012;
    border-radius: 50%;
}

#parts .list01-number {
	margin: 2px 0 0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

#parts .list01_text {
	width: 735px;
}

#parts .list01-text p {
	color: #808080;
	font-size: 18px;
}

/* list-inner_small
--------------------*/
#parts .list01-inner_small {
	padding: 20px 30px 30px 90px ; 
}

#parts .list01-inner_small .list01-circle {
	width: 40px;
    height: 40px;
	background: #fff;
	border: 3px solid #e50012;
}

#parts .list01-inner_small .list01-number {
    font-size: 26px; 	
	color: #e50012;
}

#parts .list01-inner_small .list01-text {
	width: 635px;
}

#parts .list01-inner_small .list01-text p {
	color: #808080;
	font-size: 15px;
}


/* ===================================================================
リスト(数字あり)02
=================================================================== */
#parts .list02 {
	margin: 30px 0 0;
}

#parts .list02-area {
	position: relative;
	background: #ededed;
	margin: 0 auto 25px;
	padding: 30px 60px 30px 25px;
}

#parts .list02-area::after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translate(-50%,0);
	width: 50px;
	height: 25px;
	background: url(/ski/images/parts/parts_arrow.png) 50% 50% / contain no-repeat, transparent;
}

#parts .list02-area:last-child::after {
	content: none;
}

 #parts .list02-wapper {
	width: 870px;
	padding: 30px; 
	margin: 0 auto 20px;
	background: #fff;
}

#parts .list02-inner,
#parts .list02-inner-left {
	display: flex;
    align-items: center;
}

#parts .list02-inner-left {
	flex-direction: column;
	align-items: flex-start;
	width: 145px;
	margin: 0 70px 0 0;
}

#parts .list02-inner {
	margin: 0 0 20px 0;
}

#parts .list02-inner:last-child {
	margin: 0;
}

#parts .list02-inner-left .list02_catch {
	width: 60px;
}

#parts .list02-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin: 0 15px 0 0;
    background: #ff8e00;;
    border-radius: 50%;
}

#parts .list02-inner.car .list02-circle {
    background: #91d312;
}

#parts .list02-number {
	margin: 2px 0 0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

#parts .list02-text {
	width: 720px;
}

#parts .list02-text p {
	line-height: 1.2em;
	color: #808080;
	font-size: 15px;
}


/* ===================================================================
リスト(数字あり)03
=================================================================== */
#parts .list03 {
	margin: 30px 0 0;
}

#parts .list03-area {
	background: #ededed;
	margin: 0 auto;
	padding: 30px 0;
}

 #parts .list03-wapper {
	width: 870px;
	padding: 30px; 
	margin: 0 auto 20px;
	background: #fff;
}

#parts .list03-inner,
#parts .list03-inner_small {
	display: flex;
    align-items: center;
}
	
#parts .list03-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin: 0 15px 0 0;
    background: #e50012;
    border-radius: 50%;
}

#parts .list03-number {
	margin: 2px 0 0;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

#parts .list03-title {
	width: 715px;
}

#parts .list03-title p {
	color: #414141;
	font-size: 18px;
	font-weight: bold;
}

#parts .list03-text {
	width: 810px;
	margin: 30px 0 0;
}

#parts .list03-text p {
	color: #808080;
	font-size: 18px;
}



/* ===================================================================
ボタン(青)01
=================================================================== */
#parts .button-blue01 {
    display: block;
    width: 530px;
    margin: 20px auto 0;
}

#parts .button-blue01 a {
	position: relative;
	display: block;
    width: 100%;
    padding: 14px 0 14px 40px;
    font-size: 18px;
	color: #4496ec;
	text-align: center;
    border: 2px solid #4496ec;
    border-radius: 12px;
    background: #fff;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-blue01 a::before {
	content: "";
	position: absolute;
    top: 50%;
	left: 45px;
    transform: translate(0, -50%);
    width: 32px;
    height: 36px;
	background: url(/ski/images/parts/parts_pdf.png) 50% 50% / contain no-repeat, transparent;
}

#parts .button-blue01 a:hover {
	color: #fff;
	background: #4496ec;
}

#parts .button-blue01 a:hover::before {
	background: url(/ski/images/parts/parts_pdf_hover.png) 50% 50% / contain no-repeat, transparent;
}

/* ===================================================================
ボタン(青)02
=================================================================== */
#parts .button-blue02 {
    display: block;
    width: 330px;
    margin: 20px auto 0;
}

#parts .button-blue02 a {
	position: relative;
	display: block;
    width: 100%;
    padding: 14px 0 14px 40px;
    font-size: 18px;
	color: #4496ec;
	text-align: center;
    border: 2px solid #4496ec;
    border-radius: 12px;
    background: #fff;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-blue02 a::before {
	content:"";
	position: absolute;
    top: 50%;
	left: 45px;
    transform: translate(0, -50%);
    width: 32px;
    height: 36px;
	background: url(/ski/images/parts/parts_pdf.png) 50% 50% / contain no-repeat, transparent;
}

#parts .button-blue02 a:hover {
	color: #fff;
	background: #4496ec;
}

#parts .button-blue02 a:hover::before {
	background: url(/ski/images/parts/parts_pdf_hover.png) 50% 50% / contain no-repeat, transparent;
}

/* ===================================================================
ボタン(青)03
=================================================================== */
#parts .button-blue03 {
    display: block;
    width: 470px;
    margin: 20px auto 0;
}

#parts .button-blue03 a {
	position: relative;
	display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
	color: #fff;
	text-align: center;
    border: 2px solid #4496ec;
    border-radius: 12px;
    background: #4496ec;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-blue03 a:hover {
	color: #4496ec;
	background: #fff;
}


/* ===================================================================
ボタン(青)04
=================================================================== */
#parts .button-blue04 {
	display: block;
	width: 165px;
    margin: 20px auto 0;
}

#parts .button-blue04 a {
	display: block;
	position: relative;
	width: 100%;
	padding: 6px 25px 6px 0;
	background: #4496ec;
	border: 2px solid #4496ec;
    border-radius: 12px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-blue04 a::after {
	content: "";
	position: absolute;
    top: 50%;
	right: 25px;
    transform: translate(0, -50%);
	width: 12px;
	height: 20px;
	background: url(/ski/images/parts/parts_map_icon.png) 50% 50% / contain no-repeat, transparent;
}

#parts .button-blue04 a:hover {
	color: #4496ec;
	background: #fff;
}

#parts .button-blue04 a:hover::after {
	background: url(/ski/images/parts/parts_map_icon_hover.png) 50% 50% / contain no-repeat, transparent;
}


/* ===================================================================
ボタン(青)05
=================================================================== */
#parts .button-blue05 {
	display: block;
	width: 190px;
    margin: 20px auto 0;
}

#parts .button-blue05 a {
	display: block;
	position: relative;
	width: 100%;
	padding: 6px 0;
	background: #4496ec;
	border: 2px solid #4496ec;
    border-radius: 12px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-blue04 a:hover {
	color: #4496ec;
	background: #fff;
}


/* ===================================================================
ボタン(赤)01
=================================================================== */
#parts .button-red01 {
    display: block;
    width: 300px;
    margin: 20px auto 0;
}

#parts .button-red01 a {
	display: block;
    width: 100%;
    padding: 13px 0;
    font-size: 20px;
	color: #fff;
	text-align: center;
    border: 2px solid #e50012;
    border-radius: 12px;
    background: #e50012;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-red01 a:hover {
	color: #e50012;
	background: #fff;
}


/* ===================================================================
ボタン(赤)02
=================================================================== */
#parts .button-red02 {
    display: block;
    width: 110px;
    margin: 20px auto 0;
}

#parts .button-red02 a {
	position: relative;
	display: block;
    width: 100%;
    padding: 6px 25px 6px 0;
    font-size: 16px;
	color: #fff;
	text-align: center;
    border: 2px solid #e50012;
    border-radius: 12px;
    background: #e50012;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-red02 a::before {
	content: "";
	display: block;
	position: absolute;
    top: 50%;
	right: 15px;
    transform: translate(0, -50%);
    width: 21px;
    height: 22px;
	background: url(/ski/images/parts/parts_movie.png) 50% 50% / contain no-repeat, transparent;
}

#parts .button-red02 a:hover {
	color: #e50012;
	background: #fff;
}

#parts .button-red02 a:hover::before {
	background: url(/ski/images/parts/parts_movie_hover.png) 50% 50% / contain no-repeat, transparent;
}


/* ===================================================================
ボタン(赤)03
=================================================================== */
#parts .button-red03 {
    display: block;
    width: 310px;
    margin: 20px auto 0;
}

#parts .button-red03 a {
	position: relative;
	display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 22px;
	color: #fff;
	text-align: center;
	font-weight: bold;
    border: 2px solid #e50012;
    background: #e50012;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-red03 a:hover {
	color: #e50012;
	background: #fff;
}


/* ===================================================================
ボタン(グレー)
=================================================================== */
#parts .button-gray {
    display: block;
    width: 300px;
    margin: 20px auto 0;
}

#parts .button-gray a {
	display: block;
    width: 100%;
    padding: 13px 0;
    font-size: 20px;
	color: #fff;
	text-align: center;
    border: 2px solid #bebebe;
    border-radius: 12px;
    background: #bebebe;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-gray a:hover {
	color: #bebebe;
	background: #fff;
}

/* ===================================================================
ボタン(グレー)02
=================================================================== */
#parts .button-gray02 {
    display: block;
    width: 310px;
    margin: 20px auto 0;
}

#parts .button-gray02 a {
	display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 22px;
	color: #bebebe;
	font-weight: bold;
	text-align: center;
    border: 2px solid #bebebe;
    background: #fff;
    letter-spacing: 1px;
    transition: all .3s ease-out 0s;
}

#parts .button-gray02 a:hover {
	color: #fff;
	background: #e50012;
    border: 2px solid #e50012;
}


/* ===================================================================
見出し01
=================================================================== */
#parts .title01 h2 {
	position: relative;
	padding: 0 0 0 65px;
	font-size: 36px;
	font-weight: bold;
	color: #e50012;
}

#parts .title01 h2:before {
	content: "";
	position: absolute;
    top: 50%;
	left: 0;
    transform: translate(0, -50%);
    width: 26px;
    height: 40px;
	background: url(/ski/images/parts/parts_info_catch.png) 50% 50% / contain no-repeat, transparent;
}


/* ===================================================================
見出し02
=================================================================== */
#parts .title02 {
	display: flex;
	align-items: center;
}

#parts .title02 .title02-catch {
	width: 18px;
	height: 18px;
	background: #414141;
	border-radius: 50%;
}

#parts .title02 h2 {
	margin: 0 0 0 5px;
	border-bottom: 2px solid #414141;
	font-size: 18px;
	font-weight: bold;
	color: #414141;
}


/* ===================================================================
見出し03
=================================================================== */
#parts .title03 {
	position: relative;
	padding: 0 0 0 35px;
}

#parts .title03 h2 {
	display: inline-block;
	border-bottom: 2px solid #e50012;
	font-size: 24px;
	font-weight: bold;
	color:#e50012;
}

/* Firefox */
@-moz-document url-prefix() {
	#parts .title03 h2 {
		border-bottom: 3px solid #e50012;
	}
}

#parts .title03 h2::before {
	content: "";
	position: absolute;
    top: 50%;
	left: 0;
    transform: translate(0, -50%);
    width: 26px;
    height: 26px;
	background: url(/ski/images/parts/parts_catch01.png) 50% 50% / contain no-repeat, transparent
}



/* ===================================================================
見出し04
=================================================================== */
#parts .title04 {
	display: flex;
	align-items: center;
}

#parts .title04 .title04-catch {
	width: 18px;
	height: 18px;
	background: #414141;
	border-radius: 50%;
}

#parts .title04 h3 {
	margin: 0 0 0 5px;
	border-bottom: 2px solid #414141;
	font-size: 18px;
	font-weight: bold;
	color: #414141;
}


/* ===================================================================
見出し05
=================================================================== */
#parts .title05 {
	position: relative;
	padding: 0 0 0 35px;
}

#parts .title05 h3 {
	display: inline-block;
	border-bottom: 2px solid #e50012;
	font-size: 24px;
	font-weight: bold;
	color:#e50012;
}

/* Firefox */
@-moz-document url-prefix() {
	#parts .title05 h3 {
		border-bottom: 3px solid #e50012;
	}
}

#parts .title05 h3::before {
	content: "";
	position: absolute;
    top: 50%;
	left: 0;
    transform: translate(0, -50%);
    width: 26px;
    height: 26px;
	background: url(/ski/images/parts/parts_catch01.png) 50% 50% / contain no-repeat, transparent
}


/* ===================================================================
テキスト01
=================================================================== */
#parts .text01 {
	width: 980px;
	margin: 0 0 30px;
	padding: 0 0 0 25px;
	border-left: 3px solid #b4b4b4; 
}

#parts .text01 p {
	text-align: justify;
	font-size: 15px;
	line-height: 1.2em;
	color: #414141;
}


/* ===================================================================
テキスト
=================================================================== */
#parts .text02 {
	width: 980px;
	margin: 0 0 30px;
	padding: 0 0 0 25px;
	border-left: 3px solid #e50012; 
}

#parts .text02 p {
	text-align: justify;
	font-size: 15px;
	line-height: 1.2em;
	color: #414141;
}


/* ===================================================================
吹き出し
=================================================================== */
#parts .fukidashi {
	position: relative;
	margin: 30px 0 0;
	padding: 15px;
	width: 425px;
	height: 92px;
	background: #fff;
	border: 2px solid #4496ec;
	border-radius: 15px
}

#parts .fukidashi::before {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%,0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 20px 10px;
	border-color: transparent transparent #4496ec transparent;
}

#parts .fukidashi::after {
	content: "";
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translate(-50%,0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 17px 7px;
	border-color: transparent transparent #fff transparent;
}

#parts .fukidashi p {
	line-height: 1.2em;
	font-size: 16px;
	color: #4496ec;
}

/* ===================================================================
角丸(青)
=================================================================== */
#parts .rounded-blue {
	margin: 30px 0 0;
	padding: 8px 0;
	width: 880px;
	height: 40px;
	background: #4496ec;
	border-radius: 20px;
}

#parts .rounded-blue p {
	text-align: center;
	font-size: 18px;
	color: #fff;
}


/* ===================================================================
角丸(赤)
=================================================================== */
#parts .rounded-red {
	margin: 30px 0 0;
	padding: 8px 0;
	width: 200px;
	height: 40px;
	background: #e50012;
	border-radius: 20px;
}

#parts .rounded-red p {
	text-align: center;
	font-size: 18px;
	color: #fff;
}



@media screen and (max-width: 1000px) {
	#parts th,
	#parts td {
		font-size: 12px;
	}
	
	/* ===================================================================
	アコーディオンメニュー
	=================================================================== */
	#parts .accordion-wrapper {
		margin: -100px 0 10px;
	}
	
	#parts .acd-label {
		padding: 10px 10px 10px 45px;
		font-size: 16px;
	}
	
	#parts .acd-label::before {
		left: 22px
	}
	
	#parts .acd-label::after {
		left: 15px;
	}
	
	#parts .acd-check:checked + .acd-label + .acd-content {
		padding: 10px 6px 20px;
	}
	
	
	
	/* ===================================================================
	タブ切り替え01
	=================================================================== */
	#parts .tub01-area {
		height: 80px;
	}
	
	#parts .tub01-area::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 8px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
				transform: translate(0,-50%) rotate(-45deg);
	}
	
	#parts .tub01-area::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: translate(0,-50%) rotate(45deg);
	}
	
	#parts .tub01-area .container-1000-p30 {
		height: 100%;
	}

	#parts .tub01-area-inner {
		justify-content: flex-start;
		overflow: auto;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	#parts .tub01-area-detail {
		margin: 0 20px 0 0;
		padding: 0
	}
	
	#parts .tub01-area-detail label {
		width: 100px;
		height: 40px;
		text-align: center;
		font-size: 12px;
		
	}
	
	#parts .tub01-area-detail label:after {
		padding: 5px 0 0;
	}
	
	#parts .tub01-content-detail {
		padding: 20px 0;
	}
	

	
	/* ===================================================================
	タブ切り替え02
	=================================================================== */
	#parts .tub02-area-detail {
		width: 30%;
	}
	
	
	/* ===================================================================
	表01
	=================================================================== */
	#parts .table01 table {
		width: 100%;
	}
	
	#parts .table01 th {
		width: 25%;
		padding: 5px;
	}
	
	#parts .table01 td {
		width: 25%;
		padding: 5px;
	}
	
	
	/* ===================================================================
	表02
	=================================================================== */
	#parts .table02 table {
		width: 100%;
	}
	
	#parts .table02 th {
		padding: 5px;
	}
	
	#parts .table02 tr:first-child th:nth-of-type(1) {
		width: 34%;
	}
	
	#parts .table02 tr:nth-of-type(2) th {
		width: 22%;
	}
	
	#parts .table02 td {
		padding: 5px;
	}
	
	
	/* ===================================================================
	表03
	=================================================================== */
	#parts .table03 table {
		width: 100%;
	}
	
	#parts .table03 th {
		width: 25%;
		padding: 5px;
	}
	
	#parts .table03 td {
		width: 25%;
		padding: 5px;
	}
	
	
	/* ===================================================================
	表04
	=================================================================== */
	#parts .table04 table {
		width: 100%;
	}
	
	#parts .table04 th {
		width: 35%;
		padding: 5px;
	}
	
	#parts .table04 td {
		width: 65%;
		padding: 5px;
	}
	
	
	/* ===================================================================
	表05
	=================================================================== */
	#parts .table05 th {
		padding: 5px;
	}
	
	#parts .table05 td {
		padding: 5px;
	}
	
	#parts .table05-button {
		width: 100%;
		margin: 0;
	}
	
	#parts .table05-button-inner {
		width: 90%;
	}
	
	#parts .table05-button a {
		font-size: 12px;
	}
	
	
	
	/* ===================================================================
	表06
	=================================================================== */
	#parts .table06 th {
		width: 20%;
	}
	
	#parts .table06 td {
		width: 80%;
		padding: 5px;
	}
	
	
	/* ===================================================================
	表07
	=================================================================== */
	#parts .table07 th:nth-of-type(1) {
		width: 14%;
	}
	
	#parts .table07 th:nth-of-type(2) {
		width: 9%;
	}
	
	#parts .table07 td {
		padding: 5px;
		font-size: 12px;
	}
	
	#parts .table07 td:nth-of-type(1) {
		width: 15%;
	}
	
	#parts .table07 td:nth-of-type(2) {
		width: 30%;
	}
	
	#parts .table07-button {
		width: 30%;
	}
	
	#parts .table07-button-inner {
		width: 100%;
	}
	
	#parts .table07-button a {
		padding: 6px 16px 6px 0;
		font-size: 12px;
	}
	
	#parts .table07-button a::after {
		right: 3px;
	}
	
	
	/* ===================================================================
	表08
	=================================================================== */
	#parts .table08 th {
		width: 20%;
		padding: 5px 5px 5px 13px;
		font-size: 12px;
	}
	
	#parts .table08 td {
	    width: 80%;
	}
		
		
	/* ===================================================================
	表09
	=================================================================== */
	#parts .table09 table {
		width: 100%;
	}
	
	#parts .table09 th {
		width: 100%;
		padding: 10px;
		font-size: 12px;
	}
	
	#parts .table09 td {
		width: 100%;
		padding: 10px;
		font-size: 12px;
	}
	
	
	/* ===================================================================
	表10
	=================================================================== */
	#parts .table10 th {
		width: 20%;
		padding: 5px;
		font-size: 12px;
	}
	
	#parts .table10 td {
		width: 80%;
		padding: 5px;
		font-size: 12px;
	}
	
	
	/* ===================================================================
	表11
	=================================================================== */
	#parts .table11 th {
		width: 26%;
		padding: 5px;
		font-size: 12px;
	}
	#parts .table11 tr:nth-of-type(3) th:nth-of-type(2),
	#parts .table11 tr:nth-of-type(4) th:nth-of-type(1),
	#parts .table11 tr:nth-of-type(5) th:nth-of-type(1) {
		width: 23%;
		padding: 5px;
	}
	
	#parts .table11 td {
		width: 74%;
		padding: 5px;
		font-size: 12px;
	}
	
	#parts .table11 tr:nth-of-type(3) td,
	#parts .table11 tr:nth-of-type(4) td,
	#parts .table11 tr:nth-of-type(5) td {
		padding: 5px;
	}
	
	#parts .table11 caption {
		font-size: 14px;
	}
	
	/* ===================================================================
	表12
	=================================================================== */
	#parts .table12 table {
		width: 100%;
	}
	
	#parts .table12 th {
		width: 26%;
		padding: 5px;
		font-size: 12px;
	}
	
	#parts .table12 td {
		width: 74%;
		padding: 5px;
		font-size: 12px;
	}
	
	#parts .table12 caption {
		font-size: 14px;
	}
	
	/* ===================================================================
	リスト(数字あり)01
	=================================================================== */
	#parts .list01-area {
		padding: 20px 0;
	}
	
	#parts .list01-wapper {
		width: 95%;
		margin: 0 auto;
		padding: 10px;
	}
	
	#parts .list01_text {
		width: 85%;
	}
	
	/* list01-circle
	--------------------*/
	#parts .list01-circle {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	
	#parts .list01-number {
		font-size: 24px;
	}
	
	/* list01-inner_small
	--------------------*/
	#parts .list01-inner_small {
		padding: 10px 15px 15px 20px;
	}
	
	#parts .list01-inner_small .list01-circle {
		width: 30px;
		height: 30px;
	}
	
	#parts .list01-inner_small .list01-number {
		font-size: 14px;
	}
	
	#parts .list01-inner_small .list01-text {
		width: 85%;
	}
	
	#parts .list01-inner_small .list01-text p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	リスト(数字あり)02
	=================================================================== */
	#parts .list02-area {
		padding: 10px;
	}
	
	#parts .list02-inner-left {
		width: 30%;
		margin: 0 25px 0 0;
	}
	
	#parts .list02-text {
		width: 60%;
	}
	
	#parts .list02-text p {
		font-size: 12px;
	}
	
	/* list02-circle
	--------------------*/
	#parts .list02-circle {
		width: 40px;
    	height: 40px;
	}
	
	#parts .list02-number {
		font-size: 24px;
	}
	
	#parts .list02-inner-left .list02_catch {
		width: 45px;
	}
	
	
	
	
	/* ===================================================================
	リスト(数字あり)03
	=================================================================== */
	#parts .list03-area {
		padding: 20px 0;
	}
	
	#parts .list03-wapper {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
	}
	
	/* list03-circle
	--------------------*/
	#parts .list03-circle {
		width: 40px;
    	height: 40px;
		margin: 0 8px 0 0;
	}
	
	#parts .list03-number {
		font-size: 24px;
	}
	
	#parts .list03-title {
		width: 85%;
	}
	
	#parts .list03-title p {
		font-size: 14px;
	}
	
	/* list03-text
	--------------------*/
	#parts .list03-text {
		width: 100%;
		margin: 10px 0 0;	
	}
	
	#parts .list03-text p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	ボタン(青)01
	=================================================================== */
	#parts .button-blue01 {
		width: 310px;
	}
	
	#parts .button-blue01 a {
		padding: 7px 0 7px 40px;
		font-size: 12px;
	}
	
	#parts .button-blue01 a::before {
		left: 15px;
		width: 25px;
		height: 28px;
	}
	
	
	/* ===================================================================
	ボタン(青)02
	=================================================================== */
	#parts .button-blue02 {
		width: 310px;
	}
	
	#parts .button-blue02 a {
		padding: 7px 0 7px 40px;
		font-size: 12px;
	}
	
	#parts .button-blue02 a::before {
		left: 15px;
		width: 25px;
		height: 28px;
	}
	
	
	/* ===================================================================
	ボタン(青)03
	=================================================================== */
	#parts .button-blue03 {
		width: 310px;
	}
	
	#parts .button-blue03 a {
		padding: 7px 0 7px 0;
		font-size: 12px;
	}
	
	
	/* ===================================================================
	ボタン(青)04
	=================================================================== */
	#parts .button-blue04 a {
		font-size: 12px;
	}
	
	/* ===================================================================
	ボタン(青)05
	=================================================================== */
	#parts .button-blue05 a {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	ボタン(赤)01
	=================================================================== */
	#parts .button-red01 {
		width: 200px;
	}
	    
	#parts .button-red01 a {
		padding: 5px 0 5px 0;
		font-size: 12px;
	}
	
	
	/* ===================================================================
	ボタン(赤)02
	=================================================================== */
	#parts .button-red02 {
		width: 80px;
	}
	
	#parts .button-red02 a {
		font-size: 12px;
		padding: 5px 17px 6px 0;
	}
	
	#parts .button-red02 a::before {
		right: 10px;
		width: 15px;
    	height: 16px;
	}
	
	
	/* ===================================================================
	ボタン(赤)03
	=================================================================== */
	#parts .button-red03 {
		width: 155px;
	}
	
	#parts .button-red03 a {
		padding: 10px 0;
		font-size: 12px;
	}
	
	
	/* ===================================================================
	ボタン(グレー)01
	=================================================================== */
	#parts .button-gray {
		width: 200px;
	}
	
	#parts .button-gray a {
		padding: 7px 0 7px 0;
		font-size: 14px;
	}
	
	
	/* ===================================================================
	ボタン(グレー)02
	=================================================================== */
	#parts .button-gray02 {
		width: 155px;
	}
	
	#parts .button-gray02 a {
		padding: 10px 0;
		font-size: 13px;
	}
	
	
	/* ===================================================================
	見出し01
	=================================================================== */
	#parts .title01 h2 {
		padding: 0px 0 0 30px;
		font-size: 22px;
	}
	
	#parts .title01 h2:before {
		width: 19px;
		height: 30px;
	}
	
	
	/* ===================================================================
	見出し02
	=================================================================== */
	#parts .title02 h2 {
		font-size: 14px;
	}
	
	#parts .title02 .title02-catch {
		width: 14px;
		height: 14px;
	}
	
	
	/* ===================================================================
	見出し03
	=================================================================== */
	#parts .title03 {
		padding: 0 0 0 25px;
	}
	 
	#parts .title03 h2 {
		font-size: 16px;
	}
	
	#parts .title03 h2::before {
		width: 20px;
		height: 20px;
	}
	
	
	/* ===================================================================
	見出し04
	=================================================================== */
	#parts .title04 h3 {
		font-size: 14px;
	}
	
	#parts .title04 .title04-catch {
		width: 14px;
		height: 14px;
	}
	
	
	/* ===================================================================
	見出し05
	=================================================================== */
	#parts .title05 {
		padding: 0 0 0 25px;
	}
	 
	#parts .title05 h3 {
		font-size: 16px;
	}
	
	#parts .title05 h3::before {
		width: 20px;
		height: 20px;
	}
	
	
	/* ===================================================================
	テキスト01
	=================================================================== */
	#parts .text01 {
		width: 310px;
		padding: 0px 0 0 15px;
	}
	
	#parts .text01 p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	テキスト02
	=================================================================== */
	#parts .text02 {
		width: 310px;
		padding: 0px 0 0 15px;
	}
	
	#parts .text02 p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	吹き出し
	=================================================================== */
	#parts .fukidashi {
		width: 95%;
	}
	
	#parts .fukidashi::after {
		top: -16px;
	}
	
	#parts .fukidashi p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	角丸(青)
	=================================================================== */
	#parts .rounded-blue {
		width: 310px;
		height: 30px;
		padding: 6px 0;
	}
	
	#parts .rounded-blue p {
		font-size: 12px;
	}
	
	
	/* ===================================================================
	角丸(赤)
	=================================================================== */
	#parts .rounded-red {
		 height: 30px;
		 padding: 6px 0;
	}
	
	#parts .rounded-red p {
		font-size: 12px;
	}
}