@charset "UTF-8";

/**********

common/css/style.css
Ver: 0.20
Date: 2025.07.08

Auther: Minoru Sadaoka (CREATIVE OFFICE COTOxCOTO - OSAKA STUDIO)
Copyrights: 2025- CREATIVE OFFICE COTOxCOTO.

**********/


:root {


	/* 1024pxまでの画面サイズで使用する変数 */
	--base-font-size: 12px;
	--header-height: 60px;
	--container-margin: 0px auto 24px auto;
	--container-bottom: 36px;

	/* 全画面サイズ共通 */
	/* Base */
	--corporate-color: #d50032;								/* コーポレート色 (PANTONE 199C) */
	--base-font-color: #606060;								/* ベース文字色 */

	/* Contents */
	--contents-width-margin: 10px;								 /* コンテンツの両サイド margin */
	--page-title-color: #fff;									/* ページタイトル色 */
	--products-series-name-color: var(--corporate-color);		 /* シリーズ名 文字色 */
	--section-bottom: 48px;						 				 /* セクションの margin-bottom */


	/* Parts */
	--lineBox-color: #e0e0e0;									/* BOX / Line 色 */
	--btn-hover-color: #b9303c;								/* ボタンホバー色 */

	/* Header */
	--header-bg-color: #fff;									/* ヘッダー部 背景色 */
	--header-menu-title-color: #fff;							/* ヘッダーメニュー タイトル色 */

	/* Footer */
	--footer-link-color: #fff;									/* フッターリンク色 */
	--footer01-right-contents-bg-color: #fff;					/* SOCIAL / STORE部 背景色 */
	--footer01-h3-bottom-line-color: #fa5663;					/* H3部 Bottom line色 */

}

ul, ol {
	padding-inline-start: 0;
	list-style-position: inside;
}


body {
	font-family: arial,"メイリオ";
	/* font-family: "Noto Sans JP", sans-serif; */
	box-sizing: border-box;
	font-size: var(--mobile-font-size);
	color: var(--base-font-color);
	margin: 0;
	padding: 0;
}


a { transition-duration: 0.25s; color: var(--base-font-color); text-decoration: none; }
a:hover {
	text-decoration: underline;
	text-underline-offset: 10px;
	color: var(--corporate-color);
	fill: var(--corporate-color);
}

/* hr */
.sectionHR {
	float: left;
	margin-bottom: var(--section-bottom);
	border: 1px solid var(--lineBox-color);
}




/********** ここから Contents **********/
.out {
	width: 100%;
}
/********** ここまで Contents **********/




/********** トップへ戻る **********/
#backToTop {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 1000;
	background-color: #333;
	color: #fff;
	padding: 10px 15px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* トップへ戻る - 表示する時のクラス */
#backToTop.show {
	opacity: 1;
	visibility: visible;
}

#backToTop:hover {
	background-color: #555;
}
/********** ここまで トップへ戻る **********/






/********** Overlay **********/
.overlay {
	position: fixed; /* 画面に固定 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
	z-index: 990; /* 他の要素より手前に表示 */
	opacity: 0; /* 最初は非表示 */
	visibility: hidden; /* 最初は非表示 */
	transition: opacity 0.3s ease, visibility 0.3s ease; /* アニメーション */
}

.overlay.active {
	opacity: 1;
	visibility: visible;
}





/********** headerMobile **********/
#headerMobile {
	position: sticky;
	top: 0;
	z-index: 999;
	height: var(--header-height);
	align-content: center;
	background: white;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.35);
}

summary {
	cursor: pointer;
}

details {
	border-bottom: 1px dotted white;
}

#headerMobileLogo {
	width: 200px;
}
#headerMobileLogo img {
	width: 200px;
	margin: 10px 0 0 10px;
	display: block;
}

.hamburger {
	position: fixed;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 21px;
	cursor: pointer;
	z-index: 9999;
}
		
.hamburger__line {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #000;
	border-radius: 2px;
	transition: all 300ms ease;
	transform: rotate(0deg);
}

/* 線の位置（通常） */
.hamburger__line:nth-child(1) { top: 0; }
.hamburger__line:nth-child(2) { top: 9px; }
.hamburger__line:nth-child(3) { top: 18px; }
		

/* ×変形（3本） */
.hamburger.open .hamburger__line:nth-child(1) {
	top: 9px;
	transform: rotate(45deg);
}
.hamburger.open .hamburger__line:nth-child(2) {
	opacity: 0;
}
.hamburger.open .hamburger__line:nth-child(3) {
	top: 9px;
	transform: rotate(-45deg);
}

/* メニュー本体 */
.mobileMenu {
	flex-direction: column;
	display: flex;
	opacity: 0;
	visibility: hidden;
	padding: 20px;
	margin-top: 13px;
	transition: all 300ms ease;
	width: 100%;
	height: calc(100vh - var(--header-height));
	background-color: #d50032;
	color: #ffffff;
	gap: 10px;
	overflow-y: scroll;
}

.mobileMenu.open {
	opacity: 1;
	transform: translateX(0);
	visibility: visible;
}


.icon img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* アニメーション */

/* 右から左 */
.slide-right-enter-active,
.slide-right-leave-active {
	transition: all 300ms ease;
}
.slide-right-enter-from,
.slide-right-leave-to {
	opacity: 0;
	transform: translateX(20px);
}
.slide-right-enter-to,
.slide-right-leave-from {
	opacity: 1;
	transform: translateX(0);
}

/* メニュー本体 要素デザイン */
.searchInput {
	width: 85%;
	height: 32px;
	padding: 0 20px;
	background: white;
	border: none;
/*	border-radius: 24px 0 0 24px; */
}
.searchSubmit {
	width: 15%;
	height: 32px;
	border: none;
/*	border-radius: 0 24px 24px 0; */
	background: black;
	color: white;
}

.mobileMenu h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-top: 8px;
	border-bottom: 1px solid white;
}

.mobileMenu span {
	margin-bottom: 10px;
}

.mobileMenuGroup {
	margin-bottom: 16px;
}
.mobileMenuGroup img {
	width: 25px;
	height: auto;
	margin: 5px 8px;
}

.mobileMenuGroup svg {
	width: 25px;
	height: 25px;
	margin: 5px 8px;
}

.mobileMenu2ndGroup {
	margin-bottom: 16px;
}

.mobileMenu2ndGroup a {
	padding: 8px 0;
	width: 100%;
	font-size: 12px;
	line-height: 1.75em;
	display: block;
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.accordion {
	margin-bottom: 8px;
}
.accordion_title {
	margin-bottom: 0px;
	padding: 10px 0 16px 0;
	font-size: 18px;
	font-weight: bold;
}
.accordion_contents {
	margin-bottom: 8px;
}

.accordion_description {
	display: block;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 1.5em;
	width: 100%;
}

.accordion_contents a {
	display: block;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 2em;
	width: 100%;

}

/********** ここまで headerMobile **********/



/********** headerPC *********/
#headerPC {
	display: flex;
	position: sticky;
	top: 0;
	z-index: 999;
	height: 125px;
	align-content: center;
}

#header_container, #footer_container {
	display: flex;
	width: 100%;
}

#header_content {
	width: 100%;
	height: 125px;
	margin: 0 auto;
	background-color: var(--header-bg-color);
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.35);
}

#header_top {
	width: 100%;
	height: 85px;
	padding: 0 40px;
}

#header_topLogo {
	float: left;
	padding-top: 18px;
}

#header_topLogo h1 {
	float: left;
	width: 235px;
	height: 45px;
	margin: 0;
	padding: 0;
}

#header_topRight {
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
	font-size: 14px;
}

#header_topRight_link a {
	padding: 2px 10px;
}

#header_topRight_link a:nth-of-type(1) {
	padding: 2px 10px;
}

#header_topRight_link {
	display: flex;
	align-items: center;
	float: right;
	padding: 8px 0;
}

#header_topRight_link svg {
	width: 20px;
	height: 20px;
	fill: var(--base-font-color);
}

#header_topRight_link a:hover {
	text-decoration: underline;
	text-underline-offset: 10px;
	color: var(--corporate-color);
	cursor: pointer;
}

#header_topRight_link a:hover .header_topRight_svg {
	fill: var(--corporate-color);
}

#header_top_Right_link {
	margin-right: 50px;
}

.headerTopRight-popup {
	position: absolute;
	background: white;
	border: 1px solid #ccc;
	padding: 18px 24px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	opacity: 0;
	transform: scale(0.95);
	transform-origin: top left;
	transition: all 0.3s ease;
	pointer-events: none;
	z-index: 2;
}

.headerTopRight-popup.show {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
}
#popupSearch, #popupStore, #popupLanguage {
	top: 65px;
	right: 35px;
}

#popupSearch {
	width: 500px;
}

#popupLanguage {
	font-size: 16px;
}

#popupSearch, #popupStore, #popupLanguage {
	line-height: 2em;
}

#popupSearch a:hover, #popupStore a:hover, #popupLanguage a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
	color: var(--corporate-color);
}


#header_bottom {
	width: 100%;
	height: 40px;
	padding: 0 40px 10px 40px;
}

/* ナビゲーションのスタイル */
#header_bottom nav {
	width: 100%;
	display: flex;
}

#header_bottomLeft {
	float: left;
	width: 80%;
}

#header_bottomRight {
	padding-top: 5px;
	display: flex;
	width: 20%;
	justify-content: flex-end;
}


#header_bottomRight a {
	padding: 2px 10px 0 10px;
	fill: var(--base-font-color);
	/* border-left: 1px solid var(--base-font-color); */
	align-items: center;
}

#header_bottomRight a:hover {
	fill: var(--corporate-color);
}

#header_bottomRight svg {
	width: 20px;
	height: 20px;
}



/* メニューの親要素 */
.menu {
	float: left;
	position: relative;
	font-size: 18px;
}

/* メニューリンクのスタイル */
.menu > a {
	display: block;
	padding: 10px 15px 12px 15px;
	text-decoration: none;
	line-height: 1em;
	/* border-left: 1px solid var(--base-font-color); */
}

/* メニューリンク ホバー時 */
.menu:hover > a {
	color: var(--corporate-color);
}


/* ホバー時に表示 */
.menu:hover .dropdown {
	display: flex;
}


/* ドロップダウンを画面幅いっぱいに */
.dropdown {
	display: none;
	position: fixed;
	top: 125px;
	left: 0;
	width: 100vw; /* 画面幅いっぱいに設定 */
	border-radius: 0 0 0 60px;
	z-index: 999;
	border-top: 1px solid var(--corporate-color);
}

/* プルダウンリスト内のアイテム */
.dropdown a {
	padding: 8px 12px;
}

.dropdown a:hover {
	text-decoration: underline;
	text-underline-offset: 6px;
}


.headerMenu-title {
	float: left;
	width: 40%;
	padding: 50px 50px 50px 48px;
	color: var(--header-menu-title-color);
	background: var(--corporate-color);
	border-radius: 0 0 0 60px;
}

.headerMenu-title div {
	margin: 0;
	padding-bottom: 20px;
	font-size: 20px;
}

.headerMenu-title h3 {
	margin: 0;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 2px solid var(--header-menu-title-color);
}

.headerMenu-link {
	width: 60%;
	padding: 50px 50px;
	background: #fff;
}

.headerMenu-link h4 {
	border-bottom: 1px solid var(--corporate-color);
	margin-bottom: 24px;
	padding-bottom: 6px;
	font-size: 27px;
	font-weight: bold;
}

.headerMenu-link a {
	padding: 12px 0;
	font-size: 24px;
	font-weight: bold;
}

.searchInput {
	width: 85%;
	height: 32px;
	padding: 0 20px;
	background: white;
	border: 1px solid var(--lineBox-color);
/*	border-radius: 24px 0 0 24px; */
}
.searchSubmit {
	width: 15%;
	height: 32px;
	border: 1px solid white;
	background: black;
/*	border-radius: 0 24px 24px 0; */
	color: white;
}
/********** ここまで headerPC **********/







/********** Footer **********/
footer {
	align-content: center;
	width: 100%;
}

#footer01-container {
	background-color: var(--corporate-color);
	padding: 24px 10px;
	margin: 0 auto;
	color: white;
}

#footer02-container {
	background-color: white;
	padding: 24px 10px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}

#footer01-contents, #footer02-contents {
	gap: 12px;
	width: 100%;
}

#footer01-contents {
	align-items: flex-start;
}

#footer01-contents h2 {
	padding-bottom: 10px;
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid var(--footer01-h3-bottom-line-color);
}

#footer01-contents h2 a {
	font-size: 16px;
	color: white;
}

#footer01-contents h2 a:hover {
	color: white;
	text-decoration: underline;
	text-underline-offset: 8px;
}

#footer01-left-contents {
	display: flex;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.footer01-left-link-contents {
	padding: 0 10px 24px 0;
}

.footer01-link-track, .footer01-link-road, .footer01-link-bmx, .footer01-link-bb {
	width: 50%;
}
.footer01-left-link-contents h3 {
	margin-bottom: 12px;
	font-size: 14px;
}


.footer01-left-link-contents li {
	list-style: none;
	font-size: 12px;
}

.footer01-left-link-contents a {
	padding: 20px 10px 20px 0;
	line-height: 2em;
	color: #fff;
}

.footer01-left-link-contents a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.footer01-left-link-etc {
	width: 100%;
}

.footer01-left-link-etc a {
	width: 100%;
}

.footer01-left-caution-contents {
	width: 100%;
	padding: 20px;
	font-size: 12px;
	color: white;
}


.footer01-left-caution-contents li {
	text-indent: -1.5em;
	padding-left: 1em;
	padding-bottom: 4px;
}


#footer01-right-contents {
	width: 100%;
}

#footer01-right-sm-contents, #footer01-right-os-contents {
	padding: 24px 36px;
	margin-bottom: 24px;
	border-radius: 20px;
	background: var(--footer01-right-contents-bg-color);
	color: var(--corporate-color);
	text-align: center;
}

#footer01-right-sm-contents svg {
	margin: 0 10px;
	width: 30px;
	height: 30px;
	fill: var(--base-font-color);
}

#footer01-right-sm-contents a:hover svg {
	fill: var(--corporate-color);
}

#footer01-right-sm-contents h3, #footer01-right-os-contents h3 {
	padding-bottom: 16px;
}

#footer01-right-os-contents a {
	line-height: 2em;
}

#footer02-left-contents {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

#footer02-right-contents img {
	width: 50%;
}

#footer02-left-contents a {
	padding: 0 10px;
}

#footer02-left-contents li {
	padding: 5px 10px 5px 0;
	list-style: none;
	font-size: 14px;
}

#footer02-left-contents a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/********** ここまで Footer **********/










/* 画面サイズ 640px 未満 */
@media (width < 640px) {



	#headerPC { display: none; }

	/*********** CONTENTS **********/

	.contentsContainer {
		clear: both;
		width: 100%;
		height: auto;
		max-width: 640px;
		padding: 40px 10px;
		margin: var(--container-margin);
	}

	.sectionArea h2 {
		margin-bottom: 36px;
		padding: 6px 0 6px 12px;
		font-size: 24px;
		font-weight: normal;
		line-height: 1em;
		color: var(--corporate-color);
		border-left: 4px solid var(--corporate-color);
	}

	.area-sp { margin-bottom: 0px;}

	/********** ここまで CONTENTS **********/

}
/********** ここまで 0px～640px; **********/










/* 画面サイズ 640px 以上 */
@media (640px <= width) {

	:root {
		/* 1024pxまでの画面サイズで使用する変数 */
		--container-margin: 0px auto 120px auto;
		--container-bottom: 36px;
	}


	#headerPC { display: none; }


	/*********** CONTENTS **********/

	.contentsContainer {
		clear: both;
		display:block;
		width: 100%;
		max-width: 1024px;
		padding: 0 var(--contents-width-margin);
		margin: 0 auto 120px auto;
		margin: var(--container-margin);
	}

	.sectionArea h2 {
		margin-bottom: 36px;
		padding: 6px 0 6px 24px;
		font-size: 36px;
		font-weight: normal;
		line-height: 1em;
		color: var(--corporate-color);
		border-left: 4px solid var(--corporate-color);
	}

	.area-sp { margin-bottom: 120px;}





	/********** Footer **********/
	footer {
		align-content: center;
	}

	#footer01-container {
		background-color: var(--corporate-color);
		padding: 64px 40px;
		margin: 0 auto;
		color: white;
	}

	#footer02-container {
		background-color: white;
		padding: 32px var(--contents-width-margin);
		margin: 0 auto;
	}

	#footer01-contents, #footer02-contents {
		display: flex;
		gap: 48px;
		width: 100%;
	}

	#footer01-contents {
		align-items: flex-start;
	}

	#footer01-contents h2 {
		padding-bottom: 20px;
		margin-bottom: 24px;
		font-weight: bold;
		color: white;
		border-bottom: 1px solid var(--footer01-h3-bottom-line-color);
	}

	#footer01-contents h2 a {
		color: white;
	}

	#footer01-contents h2 a:hover {
		color: white;
		text-decoration: underline;
		text-underline-offset: 8px;
	}

	#footer01-left-contents {
		display: flex;
		width: 70%;
		display: flex;
		flex-wrap: wrap;
	}

	.footer01-link-track, .footer01-link-road, .footer01-link-bmx, .footer01-link-bb {
		width: auto;
	}
	.footer01-left-link-contents {
		padding: 0 10px 24px 0;
		margin-right: 36px;
	}

	.footer01-left-link-contents h3 {
		padding-bottom: 16px;
	}


	.footer01-left-link-contents li {
		list-style: none;
	}

	.footer01-left-link-contents a {
		padding: 20px 10px 20px 0;
		line-height: 2em;
		color: #fff;
	}

	.footer01-left-link-contents a:hover {
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	.footer01-left-caution-contents {
		width: 100%;
		padding: 24px 0;
		margin-bottom: 24px;
		color: white;
	}


	#footer01-right-contents {
		width: 30%;
	}

	#footer01-right-sm-contents, #footer01-right-os-contents {
		padding: 18px;
		margin-bottom: 24px;
		border-radius: 20px;
		background: var(--footer01-right-contents-bg-color);
		color: var(--corporate-color);
	}

	#footer01-right-sm-contents svg {
		margin: 0 5px;
		width: 20px;
		height: 20px;
		fill: var(--base-font-color);
	}


	#footer01-right-sm-contents h3, #footer01-right-os-contents h3 {
		padding-bottom: 16px;
		font-size: 14px;
	}


	#footer02-left-contents {
		display: flex;
		flex-wrap: wrap;
		width: 80%;
	}

	#footer02-left-contents a {
		padding: 0 10px;
	}

	#footer02-left-contents li {
		float: left;
		padding: 20px 5px 5px 0;
		list-style: none;
		font-size: 12px;
	}

	#footer02-left-contents a:hover {
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	#footer02-right-contents {
		display: flex;
		flex-wrap: wrap;
		width: 20%;
	}

	/* Logotype */
	#footer02-right-contents img {
		width: 200px;
		height: auto;
		margin-right: 20px;
	}


}
/********** ここまで 640px～ **********/










/* 画面サイズ 1024px 以上 */
@media (1024px <= width) {

:root {
	--header-height: 125px;

	/* 1024pxまでの画面サイズで使用する変数 */
	--container-margin: 0px auto 120px auto;
	--container-bottom: 36px;

}


	#headerMobile { display: none; }
	#headerPC { display: flex; }

	/*********** CONTENTS **********/

	.area-sp { margin-bottom: 120px; }

	.contentsContainer {
		clear:both;
		display: block;
		width: 100%;
		height: auto;
		max-width: 1400px;
	}


	.sectionArea h2 {
		margin-bottom: 48px;
		padding: 6px 0 6px 24px;
		font-size: 36px;
		font-weight: normal;
		line-height: 1em;
		color: var(--corporate-color);
		border-left: 4px solid var(--corporate-color);
	}



	/********** Footer **********/
	footer {
		align-content: center;
	}

	#footer01-container {
		background-color: var(--corporate-color);
		padding: 64px 40px;
		margin: 0 auto;
		color: white;
	}

	#footer02-container {
		background-color: white;
		padding: 32px 40px;
		margin: 0 auto;
	}

	#footer01-contents, #footer02-contents {
		display: flex;
		gap: 48px;
		width: 100%;
	}

	#footer01-contents {
		align-items: flex-start;
	}

	#footer01-contents h2 {
		padding-bottom: 20px;
		margin-bottom: 24px;
		font-size: 24px;
		font-weight: bold;
		color: white;
		border-bottom: 1px solid var(--footer01-h3-bottom-line-color);
	}

	#footer01-contents h2 a {
		color: white;
	}

	#footer01-contents h2 a:hover {
		color: white;
		text-decoration: underline;
		text-underline-offset: 10px;
	}

	#footer01-left-contents {
		display: flex;
		width: 75%;
		display: flex;
		flex-wrap: wrap;
	}

	.footer01-link-track, .footer01-link-road, .footer01-link-bmx, .footer01-link-bb {
		width: auto;
	}
	.footer01-left-link-contents {
		padding: 0 10px 0 0;
		margin-bottom: 36px;
		margin-right: 36px;
	}

	.footer01-left-link-contents h3 {
		font-size: 18px;
		margin-bottom: 12px;
		padding-bottom: 0;
	}


	.footer01-left-link-contents li {
		padding: 5px 10px 5px 0;
		list-style: none;
	}

	.footer01-left-link-contents a {
		line-height: 2em;
		font-size: 16px;
		color: #fff;
	}

	.footer01-left-link-contents a:hover {
		text-decoration: underline;
		text-underline-offset: 10px;
	}

	.footer01-left-caution-contents {
		width: 100%;
		padding: 24px 0;
		margin-bottom: 24px;
		color: white;
	}


	#footer01-right-contents {
		width: 25%;
	}

	#footer01-right-contents h2 a {
		font-size: 18px;
	}

	#footer01-right-sm-contents, #footer01-right-os-contents {
		padding: 18px;
		margin-bottom: 24px;
		border-radius: 20px;
		background: var(--footer01-right-contents-bg-color);
		color: var(--corporate-color);
	}

	#footer01-right-sm-contents h3, #footer01-right-os-contents h3 {
		padding-bottom: 16px;
		font-size: 18px;

	}

	#footer01-right-sm-contents svg {
		margin: 0 10px;
		width: 32px;
		height: 32px;
		fill: var(--base-font-color);
	}

	#footer01-right-os-contents a {
		line-height: 2em;
	}

	#footer02-left-contents {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
	}

	#footer02-right-contents {
		display: flex;
		flex-wrap: wrap;
		width: 20%;
	}

	#footer02-left-contents a {
		padding: 0 10px;
	}

	#footer02-left-contents a:hover {
		text-decoration: underline;
		text-underline-offset: 10px;
	}

	.footer01-left-link-etc {
		font-size: 24px;
	}

	#footer02-left-contents li {
		float: left;
		padding: 20px 10px 5px 0;
		list-style: none;
		font-size: 14px;
	}







}
/********** ここまで 1024px～ **********/










/* 画面サイズ 1280px 以上 */
@media (1280px <= width) {

}
/********** ここまで 1280px～ **********/