@charset "utf-8";

/* common */
/* ---------------------------------------------------------------------------------------------------- */

body {
	background: #fff;
	color: #333;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 175%;
	-ms-overflow-x:hidden;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
}
.gothic {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
}
a {
	color: #006DD9;
	text-decoration: none;
}
a:visited {
	color: #B800E9;
}
a:hover {
	color: #006DD9;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
img {
	width: 100%;
	height: auto;
}

.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.underline{
	text-decoration:underline;
}

/*-- inview-init ---------------------------------------*/
.dl-10 {
	animation-delay: 0.10s!important;
}
.dl-15 {
	animation-delay: 0.15s!important;
}
.dl-20 {
	animation-delay: 0.20s!important;
}
.dl-25 {
	animation-delay: 0.25s!important;
}
.dl-30 {
	animation-delay: 0.30s!important;
}
.dl-50 {
	animation-delay: 0.50s!important;
}
.dl-100 {
	animation-delay: 1.0s!important;
}

/* header */
/* -------------------------------------------------- */

header, header h1, header a, header p, header ul {
	transition: 0.3s ease-in-out;
}
header {
	height: 70px;
	border-bottom: 10px solid #164280;
	width: 100%;
	z-index: 10000;
}
header .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
}
header #logo {
	width: 258px;
	position: absolute;
	top: 20px;
	left: 20px;
}
header .inner .lang {
	position: absolute;
	top: 17px;
	right: 150px;
	display: table;
	font-size: 15px;
}
header .inner .lang li {
	display: table-cell;
}
header .inner .lang a {
	display: block;
	text-decoration: none;
	color: #808080;
	text-align: center;
}
header .inner .lang li:nth-of-type(1) a {
	width: 80px;
	padding: 5px 0;
	border: 1px solid #808080;
	border-right: none;
	border-radius: 4px 0 0 4px;
	line-height: 100%;
}
header .inner .lang li:nth-of-type(2) a {
	width: 80px;
	padding: 5px 0;
	border: 1px solid #808080;
	border-radius: 0 4px 4px 0;
	border-left: none;
	line-height: 100%;
}
header .inner ul li.current a {
	background: #808080;
	color: #FFF;
}
header .inner ul:nth-of-type(2) a:hover {
	background: #808080;
	color: #FFF;
}
header .inner #menu {
	position: absolute;
	top: 13px;
	right: 20px;
	width: 115px;
	padding: 10px 0;
	border-right: none;
	background: #164280;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	font-size: 16px;
	line-height: 100%;
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
header .inner #menu:hover {
	background: #08A7FF;
}
#sp_navi {
	display: none;
}
@media (max-width:1024px) {
	header .inner ul:nth-of-type(1), header .inner ul:nth-of-type(2) {
		display: none;
	}
}
@media (max-width:768px) {
	header {
		height: 50px;
		border-bottom: none;
	}
	header #logo {
		width: 150px;
		position: absolute;
		top: 18px;
		left: 20px;
	}
	header .inner #menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 50px;
		padding: 10px 0;
		border-right: none;
		background: #164280;
		color: #FFF;
		text-align: center;
		border-radius: 0;
		font-size: 9px;
		letter-spacing: 0;
		transition: 0.3s ease-in-out;
	}
	header .inner #menu:hover {
		background: #164280;
	}
	header .inner #menu_text {
		position: absolute;
		bottom: 6px;
		text-align: center;
		width: 100%;
		left: 0;
	}
	#sp_navi {
		z-index: 9999;
		width: 20px;
		height: 20px;
		position: absolute;

		top: 14px;
		right: 25px;
		cursor: pointer;
	}
	#panel-btn {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 3px;
		margin: -2px 0 0 -10px;
		background: #FFF;
		transition: .2s;
	}
	#panel-btn-icon::before, #panel-btn-icon::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 3px;
		margin-left: -10px;
		background: #FFF;
		transition: .2s;
	}
	#panel-btn-icon::before {
		margin-top: -10px;
	}
	#panel-btn-icon::after {
		margin-top: 7px;
	}
	#panel-btn .close, .index_header #panel-btn .close {
		background: transparent;
	}
	#panel-btn .close::before, #panel-btn .close::after {
		margin-top: 0;
	}
	#panel-btn .close::before {
		transform: rotate(-45deg);
	}
	#panel-btn .close::after {
		transform: rotate(-135deg);
	}
}

/* megamenu */
/* -------------------------------------------------- */

#megamenu {
	position: absolute;
	top: 70px;
	width: 100%;
	background: #E2EEF5;
	z-index: 1000;
	display: none;
}
#megamenu .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 50px 20px 0 20px;
}
#megamenu ul {
	list-style: none;
}
#megamenu a {
	transition: 0.3s;
}
#megamenu ul li a {
	background: #FFF;
	display: block;
}
#megamenu .megamenu01 {
	margin-bottom: 2%;
}
#megamenu .megamenu01 a {
	background: #FFF;
	display: block;
	border-radius: 15px;
}
#megamenu .megamenu01 li {
	width: 18.4%;
	float: left;
	margin-right: 2%;
}
#megamenu .megamenu01 li img:nth-child(2) {
	display: none;
}
#megamenu .megamenu01 li:last-child {
	display: none;
}
#megamenu .megamenu01 li:nth-of-type(5) {
	margin-right: 0;
}
#megamenu .megamenu02 {
	padding-bottom: 50px;
}
#megamenu .megamenu02 a {
	background: #FFF;
	display: block;
	border-radius: 10px;
}
#megamenu .megamenu02 li {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	border-radius: 15px;
}
#megamenu .megamenu02 li:nth-of-type(4) {
	margin-right: 0;
}
#megamenu .megamenu03 {
	display: none;
}
@media (min-width:768px) {
	#megamenu ul li a:hover img {
		opacity: 0;
	}
	#megamenu .megamenu01 li:nth-of-type(1) a:hover {
		background: #164287 url("../img/gnavi01_01b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu01 li:nth-of-type(2) a:hover {
		background: #164287 url("../img/gnavi01_02b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu01 li:nth-of-type(3) a:hover {
		background: #164287 url("../img/gnavi01_03b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu01 li:nth-of-type(4) a:hover {
		background: #164287 url("../img/gnavi01_04b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu01 li:nth-of-type(5) a:hover {
		background: #164287 url("../img/gnavi01_05b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu01 li:nth-of-type(6) a:hover {
		background: #164287 url("../img/gnavi01_06b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu02 li:nth-of-type(1) a:hover {
		background: #164287 url("../img/gnavi02_01b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu02 li:nth-of-type(2) a:hover {
		background: #164287 url("../img/gnavi02_05b.svg") no-repeat 0 0;
		background-size: contain;
	}
	#megamenu .megamenu02 li:nth-of-type(3) a:hover {
		background: #164287 url("../img/gnavi02_03b.svg") no-repeat 0 0;
	}
	#megamenu .megamenu02 li:nth-of-type(4) a:hover {
		background: #164287 url("../img/gnavi02_04b.svg") no-repeat 0 0;
	}
}
@media (max-width:1024px) {
	#megamenu {
		top: 50px;
	}
	#megamenu .inner {
		padding: 20px 20px 50px 20px;
	}
	#megamenu .megamenu01 {
		margin-bottom: 0;
	}
	#megamenu .megamenu01 li {
		width: 32%;
		float: left;
		margin: 0 2% 2% 0;
		border-radius: 10px;
	}
	#megamenu .megamenu01 li a {
		background: #164287;
	}
	#megamenu .megamenu01 li img:nth-child(1) {
		display: none;
	}
	#megamenu .megamenu01 li img:nth-child(2) {
		display: block;
	}
	#megamenu .megamenu01 li:nth-child(3n) {
		margin-right: 0;
	}
	#megamenu .megamenu01 li:last-child {
		display: block;
	}
	#megamenu .megamenu01 li:nth-of-type(5) {
		margin-right: 2%;
	}
	#megamenu .megamenu02 {
		padding-top: 2%;
		padding-bottom: 1%;
	}
	#megamenu .megamenu02 li {
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
	}
	#megamenu .megamenu02 li:nth-child(2n) {
		margin-right: 0;
	}
	#megamenu p:nth-of-type(1) {
		display: block;
		padding-bottom: 2%;
	}
	#megamenu ul:nth-of-type(3) {
		margin: 0 auto;
		display: table;
		font-size: 15px;
		padding-top: 2%;
	}
	#megamenu ul:nth-of-type(3) li {
		display: table-cell;
	}
	#megamenu ul:nth-of-type(3) a {
		display: block;
		text-decoration: none;
		color: #808080;
		text-align: center;
	}
	#megamenu ul:nth-of-type(3) li:nth-of-type(1) a {
		width: 80px;
		padding: 5px 0;
		border: 1px solid #808080;
		border-right: none;
		border-radius: 4px 0 0 4px;
		line-height: 100%;
	}
	#megamenu ul:nth-of-type(3) li:nth-of-type(2) a {
		width: 80px;
		padding: 5px 0;
		border: 1px solid #808080;
		border-radius: 0 4px 4px 0;
		border-left: none;
		line-height: 100%;
	}
	#megamenu ul:nth-of-type(3) li.current a {
		background: #808080;
		color: #FFF;
	}
}

/* footer */
/* -------------------------------------------------- */

footer {
	background: #164280 url("../img/back_footer_pc.png") no-repeat top right;
}
footer .inner {
	max-width: 1040px;
	height: 450px;
	margin: 0 auto;
	padding: 50px 20px 0 20px;
	position: relative;
	font-weight: 600;
	color: #FFF;
	line-height: 150%;
}
footer .inner h2 {
	width: 218px;
	margin-bottom: 30px;
	transition: 0.3s;
}
footer #copyright {
	font-size: 12px;
	position: absolute;
	bottom: 15px;
}
footer #footer_navi {
	display: table;
	position: absolute;
	top: 50px;
	right: 20px;
}
footer #footer_navi div {
	display: table-cell;
	padding-right: 40px;
}
footer #footer_navi div:last-child {
	padding-right: 0;
}
#footer_navi dt {
	font-size: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 3px;
	margin-bottom: 10px;
	display: block;
}
footer #footer_navi dt.border-none {
	border-bottom: none;
	margin-bottom: 15px;
}
#footer_navi dt a {
	color: #FFF;
}
#footer_navi ul {
	font-size: 13px;
	margin-bottom: 30px;
	list-style: none;
}
#footer_navi ul li {
	margin-bottom: 5px;
}
#footer_navi ul li a {
	color: #FFF;
	text-decoration: none;
	transition: 0.3s;
}
#footer_navi a:hover {
	opacity: 0.5;
}
#pagetop {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
}
#pagetop a {
	display: block;
}
#pagetop img {
	width: 100%;
	height: 100%;
}
@media (max-width:1100px) {
	footer .inner {
		height: auto;
		margin: 0 auto;
		padding: 50px 20px 50px 20px;
	}
	footer .inner h2 {
		width: 218px;
		margin-bottom: 30px;
		transition: 0.3s;
		margin: 0 auto;
	}
	footer #copyright {
		text-align: center;
		font-size: 10px;
		position: relative;
		top: auto;
		padding-top: 25px;
	}
	footer #footer_navi {
		width: 100%;
		padding: 50px 25px 0 25px;
		display: table;
		position: relative;
		top: auto;
		right: auto;
	}
}
@media (max-width:768px) {
	footer {
		background: #164280 url("../img/back_footer_sp.png") no-repeat bottom right / 375px 390px;
	}
	footer .inner {
		padding: 40px 20px 40px 20px;
		height: auto;
	}
	footer .inner h2 {
		width: 175px;
		margin: 0 auto 10px auto;
	}
	footer #copyright {
		font-size: 8px;
		padding-top: 15px;
	}
	footer .inner #footer_navi {
		display: none;
	}
}

/* layout */
/* -------------------------------------------------- */

main a, main div, main img, main span {
	transition: 0.3s ease-in-out;
}
.inner1000 {
	max-width: 1000px;
	margin: 0 auto;
}
.inner1040 {
	max-width: 1040px;
	padding: 25px 20px 75px 20px;
	margin: 0 auto;
}

/* heading */
/* -------------------------------------------------- */

#pagetitle01 {
	width: 100%;
	height: 445px;
	position: relative;
}
#pagetitle02 {
	width: 100%;
	height: 590px;
	position: relative;
}
#pagetitle03 {
	width: 100%;
	height: 708px;
	position: relative;
}
#pagetitle05 {
	width: 100%;
	height: 780px;
	position: relative;
}
#pagetitle05.feature_chefmatepremium {
	height: 680px;
}
#pagetitle01 .inner,
#pagetitle02 .inner,
#pagetitle03 .inner,
#pagetitle05 .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.pagetitle04 {
	position: relative;
}
.pagetitle04 .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10000;
}
#pagetitle01 h1,
#pagetitle02 h1,
#pagetitle03 h1,
.pagetitle04 h1,
#pagetitle05 h1 {
	font-size: 46px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 125%;
	white-space: nowrap;
}
#processed04 h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 125%;
	white-space: nowrap;
}
#pagetitle01 h1 span,
#pagetitle02 h1 span,
#pagetitle03 h1 span,
.pagetitle04 h1 span {
	letter-spacing: 10px;
	margin-right: 2px;
}
#processed04 h1 span {
	letter-spacing: 5px;
	margin-right: 2px;
}
#pagetitle01 p.catch,
#pagetitle02 p.catch,
#pagetitle03 p.catch,
.pagetitle04 p.catch,
#pagetitle05 p.catch {
	font-size: 18px;
	font-weight: 600;
}
#pagetitle01 .color01 h1,
#pagetitle01 .color01 p.catch,
#pagetitle02 .color02 h1,
#pagetitle02 .color02 p.catch,
#pagetitle03 .color01 h1,
#pagetitle03 .color01 p.catch,
.pagetitle04 .color01 h1,
.pagetitle04 .color01 p.catch,
#pagetitle05 .color01 h1,
#pagetitle05 .color01 p.catch,
#processed04 .color01 h1 {
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), 2px 2px 6px rgba(0, 0, 0, 0.3), 3px 3px 7px rgba(0, 0, 0, 0.3)
}
.haeding02_01 {
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
	margin-bottom: 20px;
}
.heading02_02 {
	font-size: 35px;
	font-weight: 600;
	line-height: 150%;
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 3px solid #164280;
}
.heading02_03 {
	font-size: 30px;
	font-weight: 600;
	line-height: 150%;
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 3px solid #164280;
}
.heading03 {
	width: 100%;
	margin: 50px auto 0 auto;
	padding: 25px 0;
	background: #164280;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
}
.heading04 {
	margin: 15px auto;
	color: #164280;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
}
.heading05 {
	margin: 15px auto;
	padding: 0 0 5px 5px;
	color: #164280;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	border-bottom: 3px solid;
	border-image: linear-gradient(to right, #164280 0%, transparent 100%);
	border-image-slice: 1;
}
.heading06 {
	margin: 15px auto;
	padding: 5px 10px;
	border-left: 5px solid #164280;
	color: #164280;
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	text-align: left;
	position: relative;
}
.heading07 {
	margin-bottom: 25px;
	color: #795f46;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 175%;
}
.en01 {
	font-family: Arial;
	font-size: 48px;
	font-style: Italic;
}
.en02 {
	font-family: Arial;
	font-size: 36px;
	font-style: Italic;
	font-weight: bold;
}
.shoes_search {
	background: url("../img/back_title_s01.jpg") no-repeat center center / cover;
}
.shoes_products {
	background: url("../img/back_title_s01.jpg") no-repeat center center / cover;
}
.feature_boots {
	background: url("../img/back_feature_01.jpg") no-repeat center center / cover;
}
.feature_sneaker {
	background: url("../img/back_feature_02.jpg") no-repeat center center / cover;
}
.feature_wear {
	background: url("../img/back_feature_03.jpg") no-repeat center center / cover;
}
.shoes_hummer {
	background: url("../img/back_title_s02.jpg") no-repeat center center / cover;
}
.feature01 {
	background: url("../img/back_feature_01.jpg") no-repeat center center / cover;
}
.feature02 {
	background: url("../img/back_feature_02.jpg") no-repeat center center / cover;
}
.feature03 {
	background: url("../img/back_feature_03.jpg") no-repeat center center / cover;
}
.feature_chefmatepremium{
	background: url("../img/back_feature_chefmatepremium_02.jpg") no-repeat top center / cover;
}
.processed_search_h {
	background: url("../img/back_title_p01.jpg") no-repeat center center / cover;
}
.processed_products_h {
	background: url("../img/back_title_p01.jpg") no-repeat center center / cover;
}
.processed_search_s {
	background: url("../img/back_title_p02.jpg") no-repeat center center / cover;
}
.processed_products_s {
	background: url("../img/back_title_p02.jpg") no-repeat center center / cover;
}
.kscoating {
	background: url("../img/back_title_p03.jpg") no-repeat center center / cover;
}
.health {
	background: url("../img/back_title_h01.jpg") no-repeat center center / cover;
}
.health_search {
	background: url("../img/back_title_h01.jpg") no-repeat center center / cover;
}
.health_products {
	background: url("../img/back_title_h01.jpg") no-repeat center center / cover;
}
main .outline {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .message {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .history {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .location {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .catalog {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .contact {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
main .faq {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
.basic {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
.basic01 {
	background: url("../img/basic_title01_01.jpg") no-repeat center center / cover;
}
.basic02 {
	background: url("../img/basic_title02_01.jpg") no-repeat center center / cover;
}
.basic03 {
	background: url("../img/basic_title03_01.jpg") no-repeat center center / cover;
}
.basic04 {
	background: url("../img/basic_title04_01.jpg") no-repeat center center / cover;
}
.news {
	background: url("../img/back_title_c01.jpg") no-repeat center center / cover;
}
@media (min-width:1601px) {
	#pagetitle05.feature_chefmatepremium {
		height: 840px;
	}
}
@media (max-width:1100px) {
	#pagetitle03 {
		height: 500px;
		position: relative;
	}
}
@media (max-width:767px) {
	#pagetitle01, #pagetitle02 {
		width: 100%;
		height: 175px;
		position: relative;
	}
	#pagetitle03 {
		height: 325px;
	}
	#pagetitle05 {
		height: 70vh;
	}
	#pagetitle05.feature_chefmatepremium {
		height: 60vh;
	}
	#pagetitle01 h1,
	#pagetitle02 h1,
	#pagetitle03 h1,
	.pagetitle04 h1,
	#pagetitle05 h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#pagetitle01 h1 span,
	#pagetitle02 h1 span,
	#pagetitle03 h1 span,
	.pagetitle04 h1 span,
	#pagetitle05 h1 span{
		letter-spacing:1px;
	}
	#pagetitle01 p.catch, #pagetitle02 p.catch {
		font-size: 14px;
	}
	.heading02_02 {
		font-size: 22px;
	}
	.heading02_03 {
		font-size: 20px;
	}
	.feature_chefmatepremium{
		background: url("../img/back_feature_chefmatepremium_sp_02.jpg") no-repeat top center / cover;
	}
}

/* pnavi */
/* -------------------------------------------------- */

#pnavi {
	max-width: 1040px;
	padding: 10px 20px;
	margin: 0 auto;
}
#pnavi ul {
	font-size: 0;
}
#pnavi ul li {
	font-size: 12px;
	list-style: none;
	display: inline;
}
#pnavi ul li::after {
	content: "　\003e　";
}
#pnavi ul li:last-child::after {
	content: "";
}
#pnavi ul li a {
	color: #333;
}
#pnavi ul li a:hover {
	opacity: 0.5;
}

/* table */
/* -------------------------------------------------- */

.table01 {
	width: 100%;
	border-top: 1px dotted #ccc;
	text-align: center;
}
.table01 th {
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	vertical-align: top;
	font-weight: 600;
}
.table01 td {
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	width: 33%;
}
@media (max-width:767px) {
	.table_area {
		width: 100%;
		height: auto;
		overflow-x: auto;
		webkit-overflow-scrolling: touch;
	}
	.table_caption {
		display: block;
		padding-bottom: 10px;
	}
	.table01 td {
		white-space: nowrap;
	}
}

/* -- table02 -- */

.table02 {
	width: 100%;
	border-top: 1px dotted #ccc;
}
.table02 th {
	padding: 15px;
	background: #f9f9f9;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	vertical-align: top;
	font-weight: 600;
	text-align: center;
}
.table02 td {
	width: 80%;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

/* -- table03 -- */

.table03 {
	width: 100%;
	border-top: 1px dotted #ccc;
}
.table03 th {
	padding: 15px;
	background: #f9f9f9;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 600;
	text-align: center;
}
.table03 td {
	padding: 15px;
	background: #fff;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
.table03 th:last-child, .table03 td:last-child {
	border-right: 0px;
}
.table03 tr:hover td {
	background: #f9f9f9;
}
@media (max-width:767px) {
	.table03 th {
		white-space: normal;
	}
	.table03 th, .table03 td {
		font-size: 14px;
	}
}

/* shoes_products */

.table04 {
	width: 100%;
	border-top: 1px dotted #ccc;
}
.table04 th {
	padding: 2px 5px;
	background: #f9f9f9;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 600;
	text-align: center;
}
.table04 td {
/*	min-width: 3.0em;*/
	padding: 2px 5px;
	background: #fff;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
.table04 th:last-child, .table04 td:last-child {
	border-right: 0px;
}
.table-scroll-x {
	width: 100%;
	padding-bottom: 15px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* list */
/* -------------------------------------------------- */

.list_circle01 li {
	margin-left: 1.5em;
}
.list_cf01 {
	margin: 25px;
}
.list_cf01 li {
	margin: 10px auto;
	list-style: none;
}
.list_cf01 li a {
	color: #c33;
}
.list_cf01 li a:hover {
	text-decoration: underline;
}
.list-1 {
	margin-left: 1.5em;
}
.list-1 li {
	margin: 10px auto;
}
.list-ol-1 {
	margin-left: 1.5em;
}
.list-ol-1 li {
	margin: 10px auto;
}

/* border */
/* -------------------------------------------------- */

.border-1 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.border-2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

/* btn */
/* -------------------------------------------------- */

.btn01 a, .btn01 span {
	display: block;
	width: 280px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background: #164280 url("../img/arrow02.svg") no-repeat 93% center / 13px 13px;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
}
.btn01 a:hover, .btn01 span:hover {
	background: #4496d3 url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
}
.btn02 a, .btn02 span {
	display: block;
	width: 280px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background: #FFF url("../img/arrow03.svg") no-repeat 93% center / 13px 13px;
	font-size: 16px;
	font-weight: 600;
	color: #164280;
}
.btn02 a:hover, .btn02 span:hover {
	color: #FFF;
	background: #08A7FF url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
}
.btn03 a, .btn03 span {
	margin: 0 auto;
	padding: 10px 65px;
	background: #164280 url("../img/arrow02.svg") no-repeat 90% center / 13px 13px;
	border-radius: 30px;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.btn03 a:hover, .btn03 span:hover {
	background: #4496d3 url("../img/arrow02.svg") no-repeat 93% center / 13px 13px;
}
.btn04 a, .btn04 span {
	display: block;
	width: 280px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background: #56bebc url("../img/arrow02.svg") no-repeat 93% center / 13px 13px;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
}
.btn04 a:hover, .btn04 span:hover {
	background: #56bebc url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
}
.btn05 a, .btn05 span {
	display: block;
	width: 280px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background: #56bebc;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	position:relative;
}
.btn05 a::after, .btn05 span::after {
	margin: auto;
	content:"";
	display:block;
	width:13px;
	height:13px;
	background: url("../img/arrow02.svg");
	position:absolute;
	top:0;
	bottom:0;
	right:7%;
	transform:rotate(-90deg) translateX(0);
	transition:0.5s;
}
.btn05 a:hover::after, .btn05 span:hover::after {
	transform:rotate(-90deg) translateX(20%);
}

@media (max-width:767px) {
	.btn01 a:hover, .btn01 span:hover {
		background: #164280 url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
	}
	.btn02 a:hover {
		color: #164280;
		background: #FFF url("../img/arrow03.svg") no-repeat 95% center / 13px 13px;
	}
	.btn03 a, .btn03 span {
		width: 100%;
		display: block;
		font-size:14px;
		padding: 8px 0;
	}
}
.btn01_col02 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 150px 20px 100px 20px;
}
.btn01_col02 ul {
	list-style: none;
}
.btn01_col02 ul li {
	width: 49%;
	margin-right: 2%;
	float: left;
	position: relative;
}
.btn01_col02 ul li:last-child {
	margin-right: 0;
}
.btn01_col02 ul li a {
	background: #164280;
	display: block;
	color: #FFF;
	text-align: center;
	padding: 50px 7% 5% 7%;
}
.btn01_col02 ul li h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 5px;
}
.btn01_col02 ul li p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 125%;
}
.btn01_col02 ul li img {
	max-width: 400px;
}
.btn01_col02 ul li span:nth-of-type(1) {
	width: 65px;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FFF;
}
.btn01_col02 ul li a:hover {
	opacity: 0.7;
}
@media (max-width:767px) {
	.btn01_col02 {
		padding: 50px 20px 40px 20px;
	}
	.btn01_col02 ul li {
		width: 100%;
		margin: 0 0 50px 0;
		float: none;
		position: relative;
	}
	.btn01_col02 ul li:last-child {
		margin-bottom: 0%;
	}
	.btn01_col02 ul li a:hover {
		opacity: 1;
	}
}
.btn_col02_01 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}
.btn_col02_01 ul {
	list-style: none;
}
.btn_col02_01 ul li {
	width: 48%;
	margin-right: 2%;
	float: left;
	position: relative;
}
.btn_col02_01 ul li:last-child {
	margin-right: 0;
}
.btn_col02_01 ul li a {
	background: #164280;
	display: block;
	color: #FFF;
	text-align: center;
	padding: 50px 7% 5% 7%;
}
.btn_col02_01 ul li h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 5px;
}
.btn_col02_01 ul li p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 125%;
}
.btn_col02_01 ul li img {
	max-width: 400px;
}
.btn_col02_01 ul li span:nth-of-type(1) {
	width: 65px;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FFF;
}
.btn_col02_01 ul li a:hover {
	opacity: 0.7;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
@media (max-width:767px) {
	.btn_col02_01 {
		padding: 50px 20px 20px 20px;
	}
	.btn_col02_01 ul li {
		width: 100%;
		margin: 0 0 50px 0;
		float: none;
		position: relative;
	}
	.btn_col02_01 ul li a:hover {
		opacity: 1;
	}
}
.btn_col03_01 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}
.btn_col03_01 ul {
	list-style: none;
}
.btn_col03_01 ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	position: relative;
}
.btn_col03_01 ul li:last-child {
	margin-right: 0;
}
.btn_col03_01 ul li a {
	background: #164280;
	display: block;
	color: #FFF;
	text-align: center;
	padding: 50px 7% 5% 7%;
}
.btn_col03_01 ul li h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 5px;
}
.btn_col03_01 ul li p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 125%;
}
.btn_col03_01 ul li img {
	max-width: 400px;
}
.btn_col03_01 ul li span:nth-of-type(1) {
	width: 65px;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FFF;
}
.btn_col03_01 ul li a:hover {
	opacity: 0.7;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
@media (max-width:767px) {
	.btn_col03_01 {
		padding: 50px 20px 20px 20px;
	}
	.btn_col03_01 ul li {
		width: 100%;
		margin: 0 0 50px 0;
		float: none;
		position: relative;
	}
	.btn_col03_01 ul li a:hover {
		opacity: 1;
	}
}

/* parts */
/* ---------------------------------------------------------------------------------------------------- */

.box01 {
	border: 1px solid #ccc;
}
.box02 {
	border: 1px dashed #ccc;
}
.box03 {
	border: 1px dotted #ccc;
	width: auto!important;
	padding: 25px 25px 20px 25px!important;
}
.box01 .inner, .box02 .inner{
	width: auto!important;
	padding: 25px!important;
}
.box_caution01 {
	border: 2px solid #c33;
	border-radius: 2px;
}
.box_caution01 .inner {
	padding: 25px;
}
.box_link01 a {
	background: url("../img/arrow01.svg") no-repeat 97% center / 10px 10px;
	border: 2px solid #ccc;
	border-radius: 2px;
	display: block;
}
.box_link01 .inner {
	padding: 25px;
}
.box_link01 a .left {
	width: 112px;
	height: 33px;
	float: left;
}
.box_link01 a .right {
	float: right;
	width: calc( 100% - 140px);
	margin-top: 3px;
	color: #333;
	font-weight: 600;
	transition: 0.5s;
}
.box_link01 a:hover {
	background: #fcfcff url("../img/arrow01.svg") no-repeat 98% center / 10px 10px;
	border: 2px solid #164280;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.box_link01 a:hover .right {
	color: #164280;
}
@media (max-width:767px) {
	.box_link01 a .left {
		float: none;
		margin: 0 auto 15px;
	}
	.box_link01 a .right {
		float: none;
		width: 100%;
		text-align: center;
	}
}

/* index */
/* ---------------------------------------------------------------------------------------------------- */

/* index01 */
/* -------------------------------------------------- */

#heroarea {
	width: 100%;
	height: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#heroarea #slider {
	width: 100%;
	height: 1000px;
	z-index: 1;
	position: absolute;
}
#heroarea .text {
	max-width: 1040px;
	margin: 0 auto;
	z-index: 20;
	position: relative;
}
#heroarea .text p {
	width: 515px;
	position: absolute;
	top: 150px;
	left: 20px;
}
#index01 {
	position: relative;
}
#index01 .inner {
	width: 100%;
	position: absolute;
	bottom: 125px;
	z-index: 10;
}
#index01 ul {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	list-style: none;
	position: relative;
}
#index01 ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	position: relative;
}
#index01 ul li:last-child {
	margin-right: 0;
}
#index01 ul li span {
	display: block;
	position: absolute;
	width: 160px;
	border-radius: 20px;
	padding: 4px 0;
	text-align: center;
	margin-right: 0;
	background: rgba(255, 255, 255, 0.9) url("../img/arrow01.svg") no-repeat 90% center / 10px 10px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
}
#index01 ul li a {
	display: block;
}
#index01 ul li a:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
#index01 ul li a:hover span {
	background: rgba(255, 255, 255, 0.9) url("../img/arrow01.svg") no-repeat 93% center / 10px 10px;
}
#index01 ul li img:nth-child(1) {
	display: block;
}
#index01 ul li img:nth-child(2) {
	display: none;
}
@media (max-width:767px) {
	#heroarea {
		height: 300px;
		margin-bottom: 20px;
	}
	#heroarea #slider {
		height: 300px;
	}
	#index01 .inner {
		width: 100%;
		position: relative;
		bottom: auto;
		z-index: 10;
	}
	#heroarea .text p {
		width: 225px;
		position: absolute;
		top: 90px;
		left: 20px;
	}
	#index01 .inner {
		width: 100%;
		position: relative;
		bottom: auto;
		z-index: 10;
	}
	#index01 ul li {
		width: 100%;
		margin: 0 0 20px 0;
		float: none;
		position: relative;
	}
	#index01 ul li:last-child {
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	#index01 ul li span {
		bottom: 25%;
		margin-bottom: -20px;
	}
	#index01 ul li a:hover {
		opacity: 1;
	}
	#index01 ul li a:hover {
		box-shadow: none;
	}
	#index01 ul li img:nth-child(1) {
		display: none;
	}
	#index01 ul li img:nth-child(2) {
		display: block;
	}
}

/* index02 */
/* -------------------------------------------------- */

/*
#index02 {
	width: 100%;
	height: 520px;
	position: relative;
	display: table;
	color: #FFF;
	text-align: center;
	transition: 0.5s;
	z-index: 2;
}
#index02.is-hover {}
#index02 .inner01 {
	display: table-cell;
	vertical-align: middle;
}
#index02 .inner02 {
	max-width: 1040px;
	padding: 0 20px;
	margin: 0 auto;
}
#index02 .inner02 h2 {
	font-size: 40px;
	margin-bottom: 50px;
	font-weight: 600;
	letter-spacing: 15px;
	margin-right: -15px;
	line-height: 140%;
}
#index02 .inner02 h2 br {
	display: none;
}
#index02 .inner02 p:nth-of-type(1) {
	font-size: 18px;
	margin-bottom: 25px;
	line-height: 200%;
}
#index02 #index_img li {
	position: absolute;
	list-style: none;
	z-index: 10;
}
#index02 #index_img li:nth-of-type(1) {
	top: -95px;
	right: 75px;
	width: 13px;
	height: 145px;
}
#index02 #index_img li:nth-of-type(2) {
	top: -150px;
	left: 50px;
	width: 328px;
	height: 248px;
}
#index02 #index_img li:nth-of-type(3) {
	width: 485px;
	height: 282px;
	bottom: -100px;
	right: 25px;
}
@media (max-width:767px) {
	#index02 {
		width: 100%;
		height: 300px;
		padding: 50px 0;
		background-size: cover;
		display: block;
		text-align: center;
	}
	#index02 .inner01, #index02 .inner02 {
		width: 100%;
		display: block;
	}
	#index02 .inner02 h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	#index02 .inner02 h2 br {
		display: block;
	}
	#index02 .inner02 p:nth-of-type(1) {
		font-size: 14px;
	}
	#index02 #index_img {
		display: none;
	}
}
*/

/* index03 */
/* -------------------------------------------------- */

#index03 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 100px 20px 100px 20px;
}
#index03 ul {
	list-style: none;
}
#index03 ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	position: relative;
}
#index03 ul li:last-child {
	margin-right: 0;
}
#index03 ul li a {
	background: #164280;
	display: block;
	color: #FFF;
	text-align: center;
	padding: 50px 7% 5% 7%;
}
#index03 ul li h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 5px;
}
#index03 ul li p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 125%;
}
#index03 ul li img {
	max-width: 400px;
}
#index03 ul li span:nth-of-type(1) {
	width: 65px;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FFF;
}
#index03 ul li a:hover {
	opacity: 0.7;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
@media (max-width:767px) {
	#index03 {
		padding: 50px 20px 20px 20px;
	}
	#index03 ul li {
		width: 100%;
		margin: 0 0 50px 0;
		float: none;
		position: relative;
	}
	#index03 ul li a:hover {
		opacity: 1;
	}
}

/* index04 */
/* -------------------------------------------------- */

#index04 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px 50px 20px;
}
#index04 h2 {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
}
#index04 #news_area {
	padding: 25px 20px 0 20px;
	border-radius: 20px;
	background: linear-gradient( -45deg, #4D4D4D 25%, #333 25%, #333 50%, #4D4D4D 50%, #4D4D4D 75%, #333 75%, #333);
	background-size: 12px 12px;
	color: #FFF;
	text-align:center;
}
#index04 #news_area .inner {
	display: inline-block;
	margin: 0 auto;
	vertical-align: bottom;
}
.news_list {
	display: block;
	line-height: 150%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #eee;
}
.news_list:last-child {
	border-bottom:none;
}
.news_list a {
	padding:4px 30px 4px 10px;
	border-radius:2px;
	color: #FFF;
	position:relative;
}
.news_list h3 {
	display: table-cell;
	text-align: left;
	padding-right: 10px;
}
.news_list p:nth-of-type(1) {
	display: table-cell;
	padding-right: 10px;
}
.news_list p:nth-of-type(1) span {
	width: 80px;
	display: block;
	background: #FFF;
	border-radius:2px;
	padding: 1px;
	text-align: center;
	color: #333;
}
.news_list p:nth-of-type(2) {
	display: table-cell;
}
	@media (min-width:1025px) {
		.news_list a::after {
			content:"";
			display:block;
			width:6px;
			height:6px;
			margin: auto;
			border-right:2px solid #eee;
			border-bottom:2px solid #eee;
			transform:rotate(-45deg);
			transition:0.5s;
			position:absolute;
			top:0;
			bottom:0;
			right:15px;
		}

		.news_list a:hover {
			background:#fff;
			color:#333;
		}
		.news_list a:hover::after {
			border-right:2px solid #333;
			border-bottom:2px solid #333;
			right:10px;
		}
	}
	@media (max-width:767px) {
		#index04 {
			padding: 0 0 20px 0;
		}
		#index04 #news_area {
			border-radius: 0;
			text-align:left;
		}
		#index04 h2 {
			font-size: 26px;
		}
		.news_list {
			display: block;
			line-height: 150%;
		}
		.news_list a {
			padding:5px 0;
		}
		.news_list p:nth-of-type(2) {
			padding-top: 10px;
			display: block;
			text-align: left;
		}
	}

/* shoes */
/* ---------------------------------------------------------------------------------------------------- */

#vegasarea {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#vegasarea #slider {
	width: 100%;
	height: 480px;
	z-index: 1;
	position: absolute;
}
#vegasarea #slider img {
	width: 100%;
	height: auto;
}
#vegasarea .text {
	width: 570px;
	height: 480px;
	margin: 0 auto;
	z-index: 20;
	position: relative;
}
#vegasarea .text p {
	width: 570px;
	height: 58px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#slider-wrapper {
	width: 100%;
	height: 480px;
	z-index: 1;
}
#slider-wrapper #zoomslider {
	width: 100%;
	height: 480px;
	background-color: #999;
	overflow: hidden;
	position: relative;
}
#shoes_catch_area {
	max-width: 1040px;
	padding: 0 20px;
	position: relative;
	margin: 0 auto;
	background: #CCC;
}
#shoes_catch {
	width: 308px;
	position: absolute;
	top: 50px;
	right: 50px;
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}
@media (max-width:767px) {
	#shoes_catch {
		display: none;
	}
}

/* shoes01 */
/* -------------------------------------------------- */

#shoes01 {
	width: 100%;
	height: 280px;
	background: url("../../shoes/img/back01.jpg") no-repeat top right / cover;
	position: relative;
}
#shoes01 .inner {
	width: 1040px;
	margin: auto;
	padding: 50px 0;
}
#shoes01 .img_area01 {
	display: none;
}
#shoes01 .left {
	width: calc(50% - 20px);
	margin: 20px;
	float: left;
}
#shoes01 .left h2 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 45px;
	color: #FFF;
	position: relative;
	letter-spacing: 10px;
}
#shoes01 .left h2::after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#shoes01 .left p {
	color: #FFF;
}
#shoes01 .right {
	width: calc(50% - 20px);
	float: right;
}
#shoes01 .right .btn02 a {
	margin: 60px auto 0;
}
@media (max-width:767px) {
	#shoes01 {
		width: 100%;
		height: auto;
		padding: 30px 20px;
		background: #164280;
	}
	#shoes01 .inner {
		width: 100%;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		text-align: center;
	}
	#shoes01 .left, #shoes01 .right {
		width: 100%;
		margin: 0;
		float: none;
	}
	#shoes01 .left h2 {
		font-size: 26px;
		margin-bottom: 25px;
	}
	#shoes01 .left h2::after {
		bottom: -15px;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	}
	#shoes01 .right .btn02 a {
		margin: 20px auto 0;
	}
}

/* shoes02 */
/* -------------------------------------------------- */

#shoes02 {
	width: 100%;
	padding: 0;
}
#shoes02 .cell-100 {
	height: 450px;
	position: relative;
}
#shoes02 .cell-50 {
	height: 300px;
	position: relative;
	border-right: 5px solid #fff;
}
#shoes02 .cell-50:last-child {
	border-right: none;
}
@media (max-width:767px) {
	#shoes02 .cell-100 {
		height: 300px;
	}
	#shoes02 .cell-50 {
		border-right: none;
		border-top: 5px solid #fff;
	}
}

/* shoes03 */
/* -------------------------------------------------- */

#shoes03 {
	padding: 75px 20px;
}

/* shoes04 */
/* -------------------------------------------------- */

#shoes04 {
	padding: 75px 20px;
}

/* shoes05 */
/* -------------------------------------------------- */

#shoes05 {
	margin-bottom: 75px;
}
#shoes05 .inner {}
#shoes05 .left {
	width: 50%;
	float: left;
	border-right: 2px solid #FFF;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
#shoes05 .right {
	width: 50%;
	float: right;
	border-left: 2px solid #FFF;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
#shoes05 a {
	display: block;
	width: 100%;
	height: 100%;
}
#shoes05 span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: #E7EFFF;
	top: 0;
}
#shoes05 .shoes_navi {
	position: absolute;
	width: 275px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: middle;
	z-index: 3;
}
#shoes05 a:hover span {
	opacity: 0;
}
/*-- 191210ULTRAMAN --*/
#shoes05 .banner-ultraman{
	width:100%;
	background:#c30d23;
	position: relative;
	z-index: 1;
}
#shoes05 .banner-ultraman a{
	width:900px;
	height:320px;
	margin: 0 auto;
	overflow:hidden;
}
#shoes05 .banner-ultraman a .text-logo{
	position: absolute;
	width: 140px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: middle;
	z-index: 3;
}
#shoes05 .banner-ultraman a .bg-image{
	width:100%;
	opacity:0.2;
	transform:scale3d(1.2,1.2,1.0);
}
#shoes05 .banner-ultraman a:hover .bg-image{
	opacity:1.0;
	transform:scale3d(1.0,1.0,1.0);
}
#shoes05 .banner-ultraman a .sp-image{
	display:none;
}
	
@media (max-width:767px) {
	#shoes05 {
		padding: 0 20px 20px 20px;
		margin-bottom: 0;
	}
	#shoes05 .inner {
		display: block;
	}
	#shoes05 .left {
		width: 100%;
		display: block;
		border-right: none;
		margin-bottom: 4px;
	}
	#shoes05 .right {
		width: 100%;
		display: block;
		border-left: none;
	}
	#shoes05 .shoes_navi {
		top: 50%;
		left: 50%;
	}
	#shoes05 a span {
		opacity: 0;
	}
	/*-- 191210ULTRAMAN --*/
	#shoes05 .banner-ultraman{
		margin-bottom:5px;
	}
	#shoes05 .banner-ultraman a{
		width:100%;
		height:auto;
	}
	#shoes05 .banner-ultraman a .text-logo,
	#shoes05 .banner-ultraman a .bg-image{
		display:none;
	}
	#shoes05 .banner-ultraman a .sp-image{
		display:block;
	}
}

/* cta-catalog */
/* -------------------------------------------------- */

.cta-catalog {
	width: 100%;
	height: 580px;
	margin-bottom: 0;
	background: url("../../shoes/img/back02.svg") no-repeat top center / cover;
	position: relative;
}
.cta-catalog .img_area01, .cta-catalog .img_area02 {
	width: 53%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	text-align: left;
	padding: 0 20px 0 0;
}
.cta-catalog .img_area01 img {
	max-width: 580px;
}
.cta-catalog .img_area02 img {
	max-width: 350px;
}
.cta-catalog .inner {
	width: 45%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	text-align: left;
	padding-left: 20px;
}
.cta-catalog .inner h2 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 45px;
	color: #164280;
	position: relative;
	letter-spacing: 10px;
}
.cta-catalog .inner h2 span {
	display: block;
	max-width: 375px;
	margin-left: auto;
}
.cta-catalog .inner h2::after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, rgba(22, 66, 128, 0) 0%, rgba(22, 66, 128, 1) 100%);
}
.cta-catalog .text_area01 {
	max-width: 375px;
	color: #164280;
	margin-left: auto;
}
.cta-catalog .text_area01 .btn01 a {
	margin: 35px auto 0 auto;
}
@media (max-width:767px) {
	.cta-catalog {
		width: 100%;
		height: auto;
		padding: 40px 20px;
	}
	.cta-catalog .img_area01, .cta-catalog .img_area02 {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
		position: relative;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		text-align: center;
	}
	.cta-catalog .img_area01 img {
		max-width: 300px;
		margin: 0 auto;
	}
	.cta-catalog .img_area02 img {
		max-width: 200px;
		margin: 0 auto;
	}
	.cta-catalog .inner {
		width: 100%;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		text-align: center;
	}
	.cta-catalog .inner h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
		letter-spacing: 0;
	}
	.cta-catalog .inner h2 span {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	.cta-catalog .inner h2::after {
		position: absolute;
		bottom: -12px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, rgba(22, 66, 128, 0) 0%, rgba(22, 66, 128, 1) 50%, rgba(22, 66, 128, 0) 100%);
	}
	.cta-catalog .text_area01 {
		max-width: 100%;
		margin-left: auto;
	}
	.cta-catalog .text_area01 .btn01 a {
		margin: 25px auto 0 auto;
	}
}

/* cta-basic */
/* -------------------------------------------------- */

.cta-basic .basic01, .cta-basic .basic02, .cta-basic .basic03 {
	height: 300px;
	position: relative;
}
.cta-basic .basic02 {
	border-right: 5px solid #fff;
}
.basic-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.basic-catch-1 {
	width: 260px;
	margin: 0 auto;
}
.basic-catch-2 {
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 125%;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), 2px 2px 6px rgba(0, 0, 0, 0.3), 3px 3px 7px rgba(0, 0, 0, 0.3);
	text-align: center;
	white-space: nowrap;
}
@media (max-width:767px) {
	.cta-basic .basic02 {
		border-right: none;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}
	.basic-catch-2 {
		font-size: 16px;
		letter-spacing: 1px;
	}
}

/* cta-feature */
/* -------------------------------------------------- */


/* 詳細ページ */

.cta-feature-wrapper {
	background: url("../../shoes/img/back02.svg") repeat top center / 100%;
}
.cta-feature-1 .inner {
	width: 1040px;
	margin: auto;
}
.cta-feature-1 .head01-sub {
	color: #164280;
	font-size: 24px;
	font-weight: 600;
}
.cta-feature-1 .head01 {
	color: #164280;
	font-size: 96px;
	font-weight: 600;
	letter-spacing: 10px;
	line-height: 130%;
	position: relative;
}
.cta-feature-1 .head01::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, rgba(22, 66, 128, 0) 0%, rgba(22, 66, 128, 1) 100%);
}
.cta-feature-1 .head02 {
	font-size: 52px;
	font-weight: 600;
	color: #164280;
	position: relative;
	letter-spacing: 6px;
}
.cta-feature-1 .head02 span {
	font-size: 24px;
	line-height: 200%;
}
.cta-feature-1 .head02::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, rgba(22, 66, 128, 0) 0%, rgba(22, 66, 128, 1) 100%);
}
.cta-feature-1 .head03 {
	font-size: 32px;
	font-weight: 600;
	line-height: 140%;
}
.cta-feature-1 [class^="cell-"] {
	position: relative;
}
.cta-feature-1 [class^="cell-"].left {
	float: left;
}
.cta-feature-1 [class^="cell-"].right {
	float: right;
}
.cta-feature-1 .img-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display:block;
}
.cta-feature-1 .img-shadow {
	width: 100%;
}
.cta-feature-1 .img-shadow img {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
}
@media (max-width:767px) {
	.cta-feature-1 .inner {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.cta-feature-1 .head01-sub {
		font-size: 20px;
	}
	.cta-feature-1 .head01 {
		font-size: 48px;
		letter-spacing: 5px;
	}
	.cta-feature-1 .head02 {
		font-size: 36px;
		letter-spacing: 3px;
	}
	.cta-feature-1 .img-middle {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}
	.cta-feature-1 [class^="cell-"].left, .cta-feature-1 [class^="cell-"].right {
		float: none!important;
	}
	.cta-feature-1 [class^="cell-"]::after {
		content: "";
		display: block;
		margin: 0 0 25px 0;
		padding: 0;
	}
}

/* chefmate-premium */
/* -------------------------------------------------- */
.chefmatep-wrapper-1 {
	margin:-60px auto 60px;
	padding:80px 0;
	background:#56bebc;
	color: #FFF;
	position: relative;
	overflow:hidden;
	z-index:5;
}
.chefmatep-wrapper-1::after {
	margin: 5% -10% 0;
	transform: rotate(3deg);
}
.chefmatep-wrapper-1-inner{
	width:1040px;
	height:100%;
	margin: 0 auto;
	padding: 50px 10px 70px;
	position:relative;
	z-index:5;
}
.chefmatep-wrapper-1 h2 {
	margin-bottom: 25px;
	color: #fbf8e5;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 175%;
}
.chefmatep-wrapper-1 p {
	color: #fbf8e5;
}
.chefmatep-wrapper-2 {
	width: 100%;
	color: #795f46;
	overflow-x:hidden;
}
.chefmatep-1 .inner {
	width: 1040px;
	margin: auto;
}
.chefmatep-1 .head01-sub {
	color: #56bebc;
	font-size: 16px;
	font-weight: 600;
}
.chefmatep-1 .head01 {
	padding:4px 15px;
	background:#56bebc;
	color: #FFF;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 130%;
	position: relative;
}
.chefmatep-1 p{
	margin:0 10px;
}
.chefmatep-1 [class^="cell-"] {
	position: relative;
}
.chefmatep-1 [class^="cell-"].left {
	float: left;
}
.chefmatep-1 [class^="cell-"].right {
	float: right;
}
.chefmatep-slider{
	height:480px;
	overflow:hidden;
}
.chefmatep-slider-thumb {
	margin: 15px auto;
}
.chefmatep-slider-thumb a img {
	width: calc(25% - 4px);
	margin-bottom: 5px;
	border: 1px solid #ccc;
	opacity: 0.5;
}
.chefmatep-slider-thumb a.active img {
	opacity: 1;
}


	@media (max-width:767px) {
		.chefmatep-wrapper-1-inner,
		.chefmatep-1 .inner {
			width: calc(100% - 40px);
			height:auto;
			margin: 0 20px;
			padding:0;
		}
		.chefmatep-wrapper-1 h2 {
			font-size:28px;
		}
		.chefmatep-1 .head01-sub {
		font-size: 14px;
		}
		.chefmatep-1 .head01 {
			font-size: 32px;
			letter-spacing: 1px;
		}
		.chefmatep-1 [class^="cell-"].left,
		.chefmatep-1 [class^="cell-"].right {
			float: none!important;
		}
		.chefmatep-1 [class^="cell-"]::after {
			content: "";
			display: block;
			margin: 0 0 25px 0;
			padding: 0;
		}
		.chefmatep-slider-thumb a img {
			width: 80px;
		}
	}



/* panel-col-1 */
/* -------------------------------------------------- */

.panel-col-1 {
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}
.panel-col-1 a .bg {
	overflow: hidden;
}
.panel-col-1 a .bg img {
	filter: grayscale(100%);
	transition: 0.5s;
}
.panel-col-1 a .nav {
	width: 100%;
	height: 150px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.panel-col-1 a .nav h2 {
	margin: 0 auto 40px;
	color: #FFF;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 5px;
	line-height: 140%;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	text-align: center;
}
.panel-col-1 a .nav p {
	width: 280px;
	margin: auto;
	text-align: center;
	transition: 0.5s;
}
.panel-col-1 a:hover .bg img {
	filter: grayscale(0%);
	transform: scale(1.05);
}
.panel-col-1 a:hover .nav p {
	opacity: 0.8;
}
@media (max-width:767px) {
	.panel-col-1 {
		width: 100%;
		height: 260px;
	}
	.panel-col-1 a .bg img {
		width: auto;
		height: 260px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.panel-col-1 a .nav h2 {
		font-size: 20px;
	}
	.panel-col-1 a .nav p {
		min-width: 280px;
	}
}

/* panel-col-2 */
/* -------------------------------------------------- */

.panel-col-2 {
	width: 100%;
	position: relative;
}
[class^="cell-"]:nth-child(odd) {
	float: left;
}
[class^="cell-"]:nth-child(even) {
	float: right;
}
.cell-10 {	width: 10%;}
.cell-15 {	width: 15%;}
.cell-20 {	width: 20%;}
.cell-25 {	width: 25%;}
.cell-30 {	width: 30%;}
.cell-35 {	width: 35%;}
.cell-40 {	width: 40%;}
.cell-45 {	width: 45%;}
.cell-50 {	width: 50%;}
.cell-55 {	width: 55%;}
.cell-60 {	width: 60%;}
.cell-65 {	width: 65%;}
.cell-70 {	width: 70%;}
.cell-75 {	width: 75%;}
.cell-80 {	width: 80%;}
.cell-85 {	width: 85%;}
.cell-90 {	width: 90%;}
.cell-95 {	width: 95%;}
.cell-100 {	width: 100%;}

@media (max-width:767px) {
	[class^="cell-"] {
		width: 100%;
		float: none!important;
	}
}

/* panel-col-3 */
/* -------------------------------------------------- */

.panel-col-3 {
	width: 100%;
}
.panel-cell {
	width: calc( 100% / 3);
	float: left;
	border-right: 5px solid #fff;
}
.panel-cell:last-child {
	border-right: none;
}
@media (max-width:767px) {
	.panel-cell {
		width: 100%;
		float: none;
		border-right: 0px;
	}
}

/* cta-contact */
/* -------------------------------------------------- */

.cta-contact {
	max-width: 1040px;
	padding: 75px 20px;
	margin: 0 auto;
}
.cta-contact .inner {
	padding: 50px;
	background: #000;
	border-radius: 2px;
	color: #FFF;
}
.cta-contact .contect_text01 {
	width: 100%;
	display: table;
}
.cta-contact .contect_text01 .left {
	width: 50%;
	display: table-cell;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
}
.cta-contact .contect_text01 .left h3 {
	max-width: 362px;
	margin: 5px auto;
	font-size: 24px;
}
.cta-contact .contect_text01 .right {
	width: 50%;
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}
.cta-contact .contect_text01 .right a {
	display: block;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	background: url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
	border: 1px solid #FFF;
	border-radius: 2px;
	color: #FFF;
}
.cta-contact .contect_text01 .right a:hover {
	background: #FFF url("../img/arrow04.svg") no-repeat 97% center / 13px 13px;
}
.cta-contact .contect_text01 .right a:hover span {
	color: #000;
}
.cta-contact .contect_text01 .right span {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-right: -5px;
}
@media (max-width:1100px) {
	.cta-contact .contect_text01 .right span {
		font-size: 18px;
	}
}
@media (max-width:767px) {
	.cta-contact {
		padding: 0 20px 20px 20px;
	}
	.cta-contact .inner {
		padding: 25px 20px;
	}
	.cta-contact .inner h2 {
		font-size: 18px;
		margin: 0 -5px 15px 0;
	}
	.cta-contact .contect_text01 {
		width: 100%;
		display: block;
	}
	.cta-contact .contect_text01 .left {
		width: 100%;
		display: block;
		padding-right: 0;
		margin-bottom: 25px;
	}
	.cta-contact .contect_text01 .left h3 {
		margin-bottom: 5px;
		font-size: 16px;
	}
	.cta-contact .contect_text01 .right {
		width: 100%;
		display: block;
		padding-left: 0;
	}
	.cta-contact .contect_text01 .right a {
		max-width: 400px;
		padding: 10px 20px;
	}
	.cta-contact .contect_text01 .right span {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.cta-contact .contect_text01 .right a:hover {
		background: url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
	}
	.cta-contact .contect_text01 .right a:hover span {
		color: #FFF;
	}
}

/* shoes_search */
/* ---------------------------------------------------------------------------------------------------- */

.back01 {
	background: #F2F2F2;
	padding: 25px 0;
}

/* page_navi01 */
/* -------------------------------------------------- */

.page_navi01 {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}
.page_navi01 li {
	width: 18%;
	float: left;
	margin-right: 2.5%;
	list-style: none;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 125%;
}
.page_navi01 li:last-child {
	margin-right: 0;
}
.page_navi01 li a {
	display: block;
	width: 100%;
	min-height: 65px;
	color: #333;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 6px;
	position: relative;
	background: #FFF;
}
.page_navi01 li a:hover, .page_navi01 li.is-checked a {
	border: 1px solid #164280;
	background: #164280;
}
.page_navi01 li a:hover span, .page_navi01 li.is-checked a span {
	color: #FFF;
}
.page_navi01 li a span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-width:1100px) {
	.page_navi01 li {
		width: 32%;
		float: left;
		margin: 0 2% 2% 0;
		font-size: 16px;
	}
	.page_navi01 li:nth-child(3) {
		margin-right: 0%;
	}
	.page_navi01 li:nth-child(4), .page_navi01 li:nth-child(5) {
		margin-bottom: 0%;
	}
}
@media (max-width:767px) {
	.page_navi01 li a {
		min-height: 45px;
	}
	.page_navi01 li {
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
		font-size: 16px;
	}
	.page_navi01 li:first-child {
		width: 100%;
		margin: 0 0 2% 0;
	}
	.page_navi01 li:first-child br {
		display: none;
	}
	.page_navi01 li:nth-child(3), .page_navi01 li:nth-child(5) {
		margin-right: 0%;
	}
	.page_navi01 li:nth-child(4), .page_navi01 li:nth-child(5) {
		margin-bottom: 0%;
	}
}

/* page_navi02 */
/* -------------------------------------------------- */

.page_navi02 {
	border-bottom: 3px solid #F2F2F2;
	margin-bottom: 50px;
}
.page_navi02 .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 50px 20px 0 20px;
}
.page_navi02 li {
	float: left;
	margin-right: 5%;
	list-style: none;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 125%;
}
.page_navi02 li.w15 {
	width: 15%;
}
.page_navi02 li.w20 {
	width: 20%;
}
.page_navi02 li.w25 {
	width: 25%;
}
.page_navi02 li.w30 {
	width: 30%;
}
.page_navi02 li.w35 {
	width: 35%;
}
.page_navi02 li.w40 {
	width: 40%;
}
.page_navi02 li.w45 {
	width: 45%;
}
.page_navi02 li.w50 {
	width: 50%;
}
.page_navi02 li:last-child {
	margin-right: 0;
}
.page_navi02 li div {
	display: block;
	width: 100%;
	min-height: 65px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.page_navi02 li div span, .page_navi02 li div a {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #808080;
	transform: translate(-50%, -50%);
	text-align: center;
}
.page_navi02 li div::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #164280;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
}
.page_navi02 li div:hover::after, .page_navi02 li.is-checked div::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.page_navi02 li div:hover span, .page_navi02 li div:hover a, .page_navi02 li.is-checked div span {
	color: #164280;
}
@media (max-width:1100px) {
	.page_navi02 {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.page_navi02 .inner {
		padding: 20px;
	}
	.page_navi02 li {
		width: 32%;
		float: left;
		margin-right: 2%;
		list-style: none;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		line-height: 125%;
	}
	.page_navi02 li:last-child {
		margin-right: 0;
	}
	.page_navi02 li div {
		display: block;
		width: 100%;
		min-height: 65px;
		color: #333;
		text-align: center;
		border: 1px solid #999;
		border-radius: 10px;
		position: relative;
		background: #FFF;
		font-size: 16px;
	}
	.page_navi02 li.is-checked div {
		border: 1px solid #164280;
	}
	.page_navi02 li div:hover {
		border: 1px solid #164280;
		background: #164280;
	}
	.page_navi02 li div:hover span, .page_navi02 li div:hover a {
		color: #FFF;
	}
	.page_navi02 li div span, .page_navi02 li div a {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.page_navi02 li div::after {
		display: none;
	}
}
@media (max-width:767px) {
	.page_navi02 .inner {
		padding: 20px 20px 0 20px;
	}
	.page_navi02 li {
		float: left;
		list-style: none;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		line-height: 125%;
	}
	.page_navi02 li:nth-of-type(1) {
		width: 100%;
		float: none;
		margin-bottom: 2%;
	}
	.page_navi02 li:nth-of-type(2) {
		width: 100%;
		float: none;
		margin-bottom: 2%;
	}
	.page_navi02 li:nth-of-type(3) {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.page_navi02 li div {
		min-height: 45px;
	}
}

/* page_navi03 */
/* -------------------------------------------------- */

.page_navi03 {
	max-width: 1040px;
	margin: 0 auto 20px auto;
	padding: 0 20px;
}
.page_navi03 li {
	width: 15%;
	float: left;
	margin: 0 2% 1% 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 110%;
}
.page_navi03 li:nth-child(6n) {
	margin-right: 0;
}
.page_navi03 li:nth-child(6n+1) {
	clear: both;
}
.page_navi03 li div {
	display: block;
	width: 100%;
	min-height: 45px;
	text-align: center;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 2px;
	position: relative;
	background: #FFF;
	cursor: pointer;
}
.page_navi03 li div:hover, .page_navi03 li.is-checked div {
	border: 1px solid #4496d3;
	border-bottom: 2px solid #4496d3;
	background: #4496d3;
}
.page_navi03 li div:hover span, .page_navi03 li.is-checked div span {
	color: #FFF;
}
.page_navi03 li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #333;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-width:1100px) {
	.page_navi03 li {
		font-size: 12px;
	}
}
@media (max-width:767px) {
	.page_navi03 {
		margin: 0 auto 25px auto;
	}
	.page_navi03 li {
		width: 32%;
		font-size: 13px;
	}
	.page_navi03 li:nth-child(3n) {
		margin-right: 0;
	}
	.page_navi03 li:nth-child(3n+1) {
		clear: both;
	}
}

/* page_navi03b */
/* -------------------------------------------------- */

.page_navi03b {
	width: 1040px;
	margin: 0 auto 20px auto;
	padding: 0;
}
.page_navi03b .cell {
	margin: 0 auto;
	float: left;
	display: inline-block;
}
.page_navi03b .inner {
	padding: 0 10px 10px 0;
}
.page_navi03b .inner p {
	color: #666;
	font-size: 14px;
}
.page_navi03b ul {
	width: 100%;
}
.page_navi03b li {
	width: 120px;
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 110%;
}
.page_navi03b li:last-child {
	margin: 0;
}
.page_navi03b li div {
	display: block;
	width: 100%;
	min-height: 45px;
	text-align: center;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 2px;
	position: relative;
	background: #FFF;
	cursor: pointer;
}
.page_navi03b li div:hover, .page_navi03b li.is-checked div {
	border: 1px solid #4496d3;
	border-bottom: 2px solid #4496d3;
	background: #4496d3;
}
.page_navi03b li div:hover span, .page_navi03b li.is-checked div span {
	color: #FFF;
}
.page_navi03b li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #333;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-width:1100px) {
	.page_navi03b li {
		font-size: 12px;
	}
}
@media (max-width:767px) {
	.page_navi03b {
		width: 100%;
		margin: 0 auto 25px auto;
		padding: 0 10px;
	}
	.page_navi03b .inner {
		padding: 0 10px 10px 0;
	}
	.page_navi03b li {
		width: 105px;
		margin: 0 10px 10px 0;
		font-size: 13px;
	}
	.page_navi03b li:nth-child(3n) {
		margin-right: 0;
	}
	.page_navi03b li:nth-child(3n+1) {
		clear: both;
	}
}

/* page_navi03c */
/* -------------------------------------------------- */

.page_navi03c {
	max-width: 1040px;
	margin: 0 auto 20px auto;
	padding: 0;
}
.page_navi03c li {
	width: 23.5%;
	float: left;
	margin: 0 2% 1% 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 110%;
}
.page_navi03c li:nth-child(4n) {
	margin-right: 0;
}
.page_navi03c li:nth-child(4n+1) {
	clear: both;
}
.page_navi03c li div {
	display: block;
	width: 100%;
	min-height: 45px;
	text-align: center;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 2px;
	position: relative;
	background: #FFF;
	cursor: pointer;
}
.page_navi03c li div:hover, .page_navi03c li.is-checked div {
	border: 1px solid #4496d3;
	border-bottom: 2px solid #4496d3;
	background: #4496d3;
}
.page_navi03c li div:hover span, .page_navi03c li.is-checked div span {
	color: #FFF;
}
.page_navi03c li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #333;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-width:1100px) {
	.page_navi03c li {
		font-size: 12px;
	}
}
@media (max-width:767px) {
	.page_navi03c {
		margin: 0 auto 25px auto;
		padding: 0 10px;
	}
	.page_navi03c li {
		width: 32%;
		font-size: 13px;
	}
	.page_navi03c li:nth-child(3n) {
		margin-right: 0;
	}
	.page_navi03c li:nth-child(3n+1) {
		clear: both;
	}
}

/* page_navi04 */
/* -------------------------------------------------- */

.page_navi04 {
	max-width: 1040px;
	margin: 0 auto 20px auto;
	padding: 0 20px;
}
.page_navi04 li {
	width: 18%;
	float: left;
	margin: 0 2.5% 0 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 110%;
}
.page_navi04 li:nth-child(5n) {
	margin-right: 0;
}
.page_navi04 li:nth-child(5n+1) {
	clear: both;
}
.page_navi04 li div {
	display: block;
	width: 100%;
}
.page_navi04 li div:hover a {
	border: 1px solid #4496d3;
	border-bottom: 2px solid #4496d3;
	background: #4496d3;
	color: #FFF;
}
.page_navi04 li div a {
	width: 100%;
	padding: 15px 0;
	background: #FFF;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 2px;
	cursor: pointer;
	color: #333;
	display: block;
	text-align: center;
}
@media (max-width:1100px) {
	.page_navi04 li {
		font-size: 12px;
	}
}
@media (max-width:767px) {
	.page_navi04 {
		margin: 0 auto 25px auto;

	}
	.page_navi04 li {
		width: 31%;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.page_navi04 li div a {
		min-height: 62px;
	}
	.page_navi04 li:nth-child(3n) {
		margin-right: 0;
	}
	.page_navi04 li:nth-child(3n+1) {
		clear: both;
	}
}

/* page-navi-col */
/* -------------------------------------------------- */

[class^="page-navi-col-"] {
	max-width: 1040px;
	margin: 20px auto;
	padding: 0 20px;
}
[class^="page-navi-col-"] li {
	float: left;
	font-size: 14px;
	font-weight: 600;
	line-height: 110%;
	list-style: none;
	text-align: center;
	position: relative;
}
.page-navi-col-2 li {
	width: 47.5%;
	margin: 0 3.3% 0 0;
}
.page-navi-col-3 li {
	width: 32%;
	margin: 0 1.5% 0 0;
}
.page-navi-col-4 li {
	width: 24%;
	margin: 0 1% 0 0;
}
.page-navi-col-5 li {
	width: calc(20% - 8px);
	margin: 0 10px 0 0;
}
.page-navi-col-6 li {
	width: 15.8%;
	margin: 0 10px 0 0;
}
[class^="page-navi-col-"] li:last-child {
	margin: 0;
}
[class^="page-navi-col-"] li::after {
	content: "";
	width: 6px;
	height: 6px;
	margin: auto;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	position: absolute;
	top: 42%;
	right: 15px;
	transform: rotate(-45deg);
	transition: 0.5s;
}
[class^="page-navi-col-"] li.arrow-b::after {
	top: 40%;
	right: 15px;
	transform: rotate(45deg);
}
[class^="page-navi-col-"] li:hover::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
[class^="page-navi-col-"] li div {
	display: block;
	width: 100%;
}
[class^="page-navi-col-"] li div:hover a {
	border: 1px solid #4496d3;
	border-bottom: 2px solid #4496d3;
	background: #4496d3;
	color: #FFF;
}
[class^="page-navi-col-"] li div a {
	width: 100%;
	padding: 15px 0;
	background: #FFF;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 2px;
	cursor: pointer;
	color: #333;
	display: block;
	text-align: center;
}
@media (max-width:767px) {
	[class^="page-navi-col-"] li.arrow-b::after {
		margin: auto;
		bottom: -1px;
		left: 0;
		right: 0;
		transform: rotate(45deg);
	}
	[class^="page-navi-col-"] li div a {
		padding: 15px 0 25px 0;
	}
}

/* page_btn01 */
/* -------------------------------------------------- */

.page_btn01 {
	max-width: 420px;
	padding: 0 20px;
	margin: 0 auto 50px auto;
}
.page_btn01 li {
	list-style: none;
	text-align: center;
	line-height: 125%;
}
.page_btn01 li:nth-child(1) {
	float: left;
	width: 48%;
	font-size: 22px;
	font-weight: 600;
	line-height: 125%;
}
.page_btn01 li:nth-child(2) {
	float: right;
	width: 48%;
	font-size: 16px;
	font-weight: 600;
	line-height: 125%;
}
.page_btn01 li div {
	display: block;
	width: 100%;
	min-height: 60px;
	color: #333;
	text-align: center;
	cursor: pointer;
	position: relative;
	border: 1px solid #999;
	border-bottom: 4px solid #999;
	border-radius: 4px;
}
.page_btn01 li:nth-child(1) div {
	background: #164280;
	border: 1px solid #164280;
	border-bottom: 4px solid #123567;
	color: #FFF;
}
.page_btn01 li div:hover {
	background: #4496d3;
}
.page_btn01 li div:hover span {
	color: #FFF;
}
.page_btn01 li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-width:767px) {
	.page_btn01 {
		margin: 0 auto 35px auto;
	}
	.page_btn01 li:nth-child(1) {
		width: 43%;
	}
	.page_btn01 li:nth-child(2) {
		width: 55%;
		font-size: 14px;
	}
	.page_btn01 li:nth-child(1) div {
		font-size: 18px;
	}
}

/* .result_colunt_area */
/* -------------------------------------------------- */

.result_count_area {
	width: 1040px;
	margin: 30px auto;
	display: table;
}
.result_box {
	width: calc(100% / 3);
	border-right: 15px solid #FFF;
	color: #FFF;
	display: table-cell;
	table-layout: fixed;
}
.result_box:last-child {
	border-right: 0px;
}
.result_box .inner {
	padding: 45px 0;
}
.result_box .inner h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.result_box .inner p {
	margin-top: 25px;
	text-align: center;
}
.result_box .inner p span {
	margin-right: 10px;
	font-size: 64px;
	font-style: Italic;
	font-weight: bold;
}
@media (max-width:767px) {
	.result_count_area {
		width: 100%;
		margin: 30px auto 15px auto;
	}
	.result_box {
		border-right: 5px solid #FFF;
	}
	.result_box .inner {
		padding: 15px 0;
	}
	.result_box .inner h4 {
		font-size: 14px;
	}
	.result_box .inner p span {
		margin-right: 10px;
		font-size: 42px;
	}
}

/* .result_area */
/* -------------------------------------------------- */

.result_area {
	border-top: 3px solid #F2F2F2;
	padding: 50px 0;
}
.result_area .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0;
}
.result_contents {
	width: 250px;
	/*	float: left;*/
	margin: 0 10px 10px 0;
	background: #fff;
}
.result_contents:nth-child(4n+1) {
	clear: both;
}
.result_contents p:nth-child(1) {
	margin-bottom: 10px;
}
.result_contents a {
	color: #333;
	text-decoration: none;
	display: block;
}
.result_contents a .inner {
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 2px;
}
.result_contents a:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.result_contents a:hover img {
	opacity: 0.5;
}
.result_contents h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 10px;
	vertical-align: middle;
}
.result_contents .result_text {
	font-size: 13px;
	line-height: 150%;
}
.result_contents ul li {
	list-style: none;
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
}
.result_contents ul li:nth-child(3n) {
	margin-right: 0;
}
.result_contents ul li:nth-child(3n+1) {
	clear: both;
}
.result_contents ul li div {
	display: block;
	width: 100%;
	min-height: 30px;
	color: #333;
	text-align: center;
	position: relative;
	font-size: 10px;
	background: #F2F2F2;
	line-height: 110%;
}
.result_contents ul li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.result_contents ul li div.icon01 {
	color: #FFF;
	background: #00693E;
}
.result_contents ul li div.icon02 {
	color: #FFF;
	background: #F39800;
}
.result_contents ul li div.icon03 {
	color: #FFF;
	background: #C72488;
}
.result_contents ul li div.icon04 {
	color: #FFF;
	background: #71C7E0;
}
.result_contents ul li div.icon05 {
	color: #FFF;
	background: #74BB2A;
}
.result_contents ul li div.icon06 {
	color: #FFF;
	background: #004957;
}
.result_contents ul li div.icon07 {
	color: #FFF;
	background: #EA616F;
}
.result_contents ul li div.icon08 {
	color: #FFF;
	background: #1D2088;
}

/* .result_contents02 */
.result_contents02 {
	width: 500px;
	float: left;
	margin: 0 20px 30px 0;
}
.reslut_area .result_contents02:nth-child(2n+1) {
	margin-right: 0;
}
.reslut_area .result_contents02:nth-child(2n)::after {
	content: "";
	clear: both;
	display: block;
}
.result_contents02 p:nth-child(1) {
	margin-bottom: 10px;
}
.result_contents02 a {
	color: #333;
	text-decoration: none;
	display: block;
}
.result_contents02 a .inner {
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 2px;
}
.result_contents02 a:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.result_contents02 a:hover img {
	opacity: 0.5;
}
.result_contents02 h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 10px;
	vertical-align: middle;
}
.result_contents02 .result_text {
	font-size: 13px;
	line-height: 150%;
}
.result_contents02 ul li {
	list-style: none;
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
}
.result_contents02 ul li:nth-child(3n) {
	margin-right: 0;
}
.result_contents02 ul li:nth-child(3n+1) {
	clear: both;
}
.result_contents02 ul li div {
	display: block;
	width: 100%;
	min-height: 30px;
	color: #333;
	text-align: center;
	position: relative;
	font-size: 10px;
	background: #F2F2F2;
	line-height: 110%;
}
.result_contents02 ul li div span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

/* .result_table */
.result_table {
	width: 100%;
}
.result_table tr.h30 {
	height: 30px;
}
.result_table tr.h50 {
	height: 50px;
}
.result_table tr.h60 {
	height: 60px;
}
.result_table tr.h80 {
	height: 80px;
}
.result_table tr.h90 {
	height: 90px;
}
.result_table tr.h100 {
	height: 100px;
}
.result_table tr.h120 {
	height: 120px;
}
.result_table th {
	width: 5em;
	background: #f9f9f9;
	border-top: 4px solid #fff;
	font-size: 13px;
	vertical-align: middle;
}
.result_table td {
	max-height: 48px;
	padding: 1px 8px;
	font-size: 13px;
	vertical-align: middle;
}

/* hose */
.result_area_hose {
	padding: 0!important;
}

/* hummer */
#result_hummer {
	background: #111;
}
#result_hummer .result_contents {
	background: #fff;
}
.color_icon {
	font-size: 0;
}
.color_icon span {
	font-size: 15px;
}
.color_icon span:before {
	content: "● ";
	font-size: 11px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
td.color_icon span:before {
}
td.color_icon span {
	font-size: 13px;
}
.color_icon span:after {
	content: "｜";
	font-size: 11px;
}
.color_icon span:last-child:after {
	content: "";
}
.color_icon01:before {/* 白 */
	color: #FFFFFF;
}
.color_icon02:before {/* 黒 */
	color: #000000;
}
.color_icon03:before {/* ダークグレー */
	color: #595959;
}
.color_icon04:before {/* ライトグレー */
	color: #BFBFBF;
}
.color_icon05:before {/* ブルー */
	color: #0070C0;
}
.color_icon06:before {/* ネイビー */
	color: #1F497D;
}
.color_icon07:before {/* スカイ */
	color: #00B0F0;
}
.color_icon08:before {/* パープル */
	color: #7030A0;
}
.color_icon09:before {/* ブラウン */
	color: #974706;
}
.color_icon10:before {/* レンガ */
	color: #E26B0A;
}
.color_icon11:before {/* カーキ */
	color: #4F6228;
}
.color_icon12:before {/* グリーン */
	color: #00B050;
}
.color_icon13:before {/* ミント（黄緑系） */
	color: #92D050;
}
.color_icon14:before {/* イエロー */
	color: #FFFF00;
}
.color_icon15:before {/* オレンジ */
	color: #FFC000;
}
.color_icon16:before {/* ベージュ */
	color: #FCD5B4;
}
.color_icon17:before {/* レッド */
	color: #FF0000;
}
.color_icon18:before {/* ワイン */
	color: #CC0066;
}
.color_icon19:before {/* ピンク */
	color: #FF66FF;
}
.scene_icon span,
.feature_icon span {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px 12px;
	border-radius: 2px;
	color: #FFF;
	font-weight: 600;
}
.scene_icon01 {
	background: #00693E;
}
.scene_icon02 {
	background: #007AB4;
}
.scene_icon03 {
	background: #F39800;
}
.scene_icon04 {
	background: #EC6901;
}
.scene_icon05 {
	background: #5C4572;
}
.scene_icon06 {
	background: #00A1E9;
}
.scene_icon07 {
	background: #C62189;
}
.scene_icon08 {
	background: #73BB2A;
}
.scene_icon09 {
	background: #238C00;
}
.scene_icon10 {
	background: #2693FF;
}
.scene_icon11 {
	background: #85B200;
}
.scene_icon12 {
	background: #7373FF;
}
.scene_icon13 {
	background: #FF2626;
}
.scene_icon14 {
	background: #3100C1;
}
.feature_icon01 {
	background: #71C6DF;
}
.feature_icon02 {
	background: #592C2B;
}
.feature_icon03 {
	background: #73BB2A;
}
.feature_icon04 {
	background: #024957;
}
.feature_icon05 {
	background: #F8B500;
}
.feature_icon06 {
	background: #8477B6;
}
.feature_icon07 {
	background: #007AB4;
}
.feature_icon08 {
	background: #EC6901;
}
.feature_icon09 {
	background: #5C4572;
}
.feature_icon10 {
	background: #EA616F;
}
.feature_icon11 {
	background: #F18D00;
}
.feature_icon12 {
	background: #E94628;
}
.feature_icon13 {
	background: #009DE6;
}
.feature_icon14 {
	background: #717171;
}
.feature_icon15 {
	background: #000;
}
.scene_label01 {
	margin: 3px;
	padding: 0 12px;
	border: 1px solid #c33;
	border-radius: 15px;
	color: #c33;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
.label01 {
	margin: 3px;
	padding: 0 12px;
	border: 1px solid #c33;
	border-radius: 15px;
	color: #c33;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
.label02 {
	margin: 3px;
	padding: 1px 10px;
	border: 1px solid #006DD9;
	border-radius: 10px;
	color: #006DD9;
	font-size: 13px;
	font-weight: bold;
}
.label03 {
	margin: 3px;
	padding: 1px 10px;
	border: 1px solid #333;
	color: #333;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.line01 {
	background: linear-gradient(transparent 60%, #adf 60%);
}
@media (max-width:767px) {
	.result_contents {
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
	}
	.result_contents:nth-child(3n) {
		margin-right: 2%;
	}
	.result_contents:nth-child(2n) {
		margin-right: 0;
	}
	.result_contents:nth-child(3n+1) {
		clear: none;
	}
	.result_contents:nth-child(2n+1) {
		clear: both;
	}
	.result_contents ul li {
		list-style: none;
		width: 49%;
		float: left;
		margin: 0 2% 2% 0;
	}
	.result_contents ul li:nth-child(3n) {
		margin-right: 2%;
	}
	.result_contents ul li:nth-child(2n) {
		margin-right: 0;
	}
	.result_contents ul li:nth-child(3n+1) {
		clear: none;
	}
	.result_contents ul li:nth-child(2n+1) {
		clear: both;
	}
	.result_contents02 {
		width: 98%;
		margin: 0 auto 50px auto;
	}
	.scene_icon span {
		float: left;
		margin: 0 5px 5px 0;
		padding: 0px 6px;
			font-size: 13px;
	}
}

/* processed */
/* ---------------------------------------------------------------------------------------------------- */

/* processed01 */
/* -------------------------------------------------- */

#processed01 {
	width: 100%;
	height: 580px;
	background: url("../../processed/img/back01.png") no-repeat top right / cover;
	position: relative;
}
#processed01 .img_area01 {
	display: none;
}
#processed01 .inner {
	width: 45%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	text-align: left;
	padding-right: 20px;
}
#processed01 .inner h2 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 45px;
	color: #FFF;
	position: relative;
	letter-spacing: 10px;
}
#processed01 .inner h2::after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#processed01 .text_area01 {
	max-width: 375px;
	color: #FFF;
}
#processed01 .text_area01 .btn02 a {
	margin: 25px 0 0 auto;
}
@media (max-width:767px) {
	#processed01 {
		width: 100%;
		height: auto;
		padding: 40px 20px;
		background: #164280;
	}
	#processed01 .img_area01 {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	#processed01 .img_area01 img {
		max-width: 300px;
		margin: 0 auto;
	}
	#processed01 .inner {
		width: 100%;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		text-align: center;
	}
	#processed01 .inner h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
		letter-spacing: 0;
	}
	#processed01 .inner h2 span {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	#processed01 .inner h2::after {
		position: absolute;
		bottom: -12px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	}
	#processed01 .text_area01 {
		max-width: 100%;
		margin-left: auto;
	}
	#processed01 .text_area01 .btn02 a {
		margin: 25px auto 0 auto;
	}
}

/* processed02 */
/* -------------------------------------------------- */

#processed02 {
	width: 100%;
	padding: 0;
}
#processed02 .cell-100 {
	height: 450px;
	position: relative;
}
@media (max-width:767px) {
	#processed02 .cell-100 {
		height: 260px;
	}
}
/* processed03 */
/* -------------------------------------------------- */

/*
#processed03 {
	width: 100%;
	height: 650px;
	background: url("../../processed/img/back02.png") no-repeat top center / cover;
	border-bottom: 4px solid #FFF;
	position: relative;
}
#processed03 .text_area01 {
	width: 600px;
	height: 100px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#processed03 .text_area01 p {
	margin: 0 auto 25px;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
}
@media (max-width:767px) {
	#processed03 {
		width: 100%;
		height: 350px;
	}
	#processed03 .text_area01 {
		width: 90%;
		height: 110px;
	}
	#processed03 .text_area01 p {
		margin: 0 auto 20px;
		font-size: 24px;
	}
}
*/

/* processed04 */
/* -------------------------------------------------- */

#processed04 {
	width: 100%;
	padding: 0;
}

/* products */
/* -------------------------------------------------- */

.products_heading {
	margin: 20px auto 35px;
	color: #164280;
	line-height: 140%;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
}
.products_heading span {
	font-size: 16px;
}
.products_area01 {
	width: 100%;
	margin: 0 auto;
}
.products_area02 {
	width: 100%;
	padding: 25px auto;
	background: url("../../shoes/img/back02.svg") repeat top center / 100%;
}
.products_area01 .left, .products_area02 .left {
	width: 45%;
	float: left;
}
.products_area01 .right, .products_area02 .right {
	width: 52%;
	float: right;
}
.products_area01 .right::after, .products_area02 .right::after {
	content: "";
	clear: both;
}
.video-wrapper{
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}
.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	@media (max-width:767px) {
		.products_area01 .left, .products_area02 .left {
			width: 100%;
			float: none;
		}
		.products_area01 .right, .products_area02 .right {
			width: 100%;
			float: none;
		}
	}

/* bxslider */
.products_thumb {
	margin: 15px auto;
}
.products_thumb a img {
	width: 108px;
	margin-bottom: 5px;
	border: 1px solid #eee;
	opacity: 0.5;
}
.products_thumb a.active img {
	opacity: 1;
}
	@media (max-width:767px) {
		.products_thumb a img {
			width: 80px;
		}
	}
.icon_pdf {
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.pict_img01 {
	font-size: 0;
}
.pict_img01 img {
	width: 60px;
	height: 60px;
	margin: 0 5px 5px 0;
}

/* health */
/* ---------------------------------------------------------------------------------------------------- */


/* health01 */
/* -------------------------------------------------- */

#health01 {
	width: 100%;
	height: 580px;
	background: url("../../health/img/back01.jpg") no-repeat top right / cover;
	position: relative;
}
#health01 .img_area01 {
	display: none;
}
#health01 .inner {
	width: 45%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	text-align: left;
	padding-right: 20px;
}
#health01 .inner h2 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 45px;
	color: #FFF;
	position: relative;
	letter-spacing: 10px;
}
#health01 .inner h2::after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#health01 .text_area01 {
	max-width: 375px;
	color: #FFF;
}
#health01 .text_area01 .btn02 a {
	margin: 25px 0 0 auto;
}
@media (max-width:767px) {
	#health01 {
		width: 100%;
		height: auto;
		padding: 40px 20px;
		background: #164280;
	}
	#health01 .img_area01 {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	#health01 .img_area01 img {
		max-width: 300px;
		margin: 0 auto;
	}
	#health01 .inner {
		width: 100%;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		text-align: center;
	}
	#health01 .inner h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
		letter-spacing: 0;
	}
	#health01 .inner h2 span {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	#health01 .inner h2::after {
		position: absolute;
		bottom: -12px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	}
	#health01 .text_area01 {
		max-width: 100%;
		margin-left: auto;
	}
	#health01 .text_area01 .btn02 a {
		margin: 25px auto 0 auto;
	}
}

/* basic */
/* ---------------------------------------------------------------------------------------------------- */

/* title */
#basic_catch_area {
	max-width: 1040px;
	padding: 0 20px;
	position: relative;
	margin: 0 auto;
	background: #CCC;
}
#basic_catch {
	width: 430px;
	margin: 0 auto;
	margin-bottom: 25px;
}
#basic_catch02 {
	width: 260px;
	margin: 0 auto;
	margin-bottom: 25px;
}
@media (max-width:767px) {
	#basic_catch {
		width: 200px;
		margin-bottom: 5px;
	}
}

/* contents */
.basic_text01 {
	background: #000;
	color: #FFF;
	position: relative;
}
.basic_text01 .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 100px 20px 100px 20px;
}
.basic_text01 h2 {
	font-size: 32px;
	text-align: center;
	line-height: 175%;
	margin-bottom: 25px;
	font-weight: 600;
}
.basic_text01 .img01 {
	width: 400px;
	position: absolute;
	top: -150px;
	left: 50px;
}
.basic_text01 .img02 {
	width: 360px;
	position: absolute;
	bottom: -160px;
	right: 50px;
}
#basic01_back {
	background: url("../img/basic_back01.png") no-repeat top center;
}
#basic02_back {
	background: url("../img/basic_back02.png") no-repeat top center;
}
#basic03_back {
	background: url("../img/basic_back03.png") no-repeat top center;
}
#basic04_back {
	background: url("../img/basic_back04.png") no-repeat top center;
}
.basic_color01 {
	color: #443909;
}
.basic_color02 {
	color: #023a02;
}
.basic_color03 {
	color: #2b0c5b;
}
.basic_color04 {
	color: #164280;
}
#basic_num01, #basic_num02, #basic_num03 {
	margin: 225px 0 400px 0;
}
#basic_num01 .inner, #basic_num02 .inner, #basic_num03 .inner {
	width: 70%;
	height: 748px;
	position: relative;
}
#basic_num01 .inner {
	width: 70%;
	height: 748px;
	margin-left: auto;
}
#basic_num02 .inner {
	width: 70%;
	height: 748px;
	margin-right: auto;
}
#basic_num03 .inner {
	width: 70%;
	height: 748px;
	margin-left: auto;
}
#basic_num01 .number, #basic_num02 .number, #basic_num03 .number {
	width: 340px;
	height: 340px;
	position: absolute;
}
#basic_num01 .number {
	top: -170px;
	left: -170px;
}
#basic_num02 .number {
	top: -170px;
	right: -170px;
}
#basic_num03 .number {
	top: -170px;
	left: -170px;
}
#basic_num01 h2, #basic_num02 h2, #basic_num03 h2 {
	position: relative;
}
#basic_num01 h2 img, #basic_num02 h2 img, #basic_num03 h2 img {
	z-index: 1;
}
#basic_num01 h2 span, #basic_num02 h2 span, #basic_num03 h2 span {
	width: 100%;
	position: absolute;
	top: 110px;
	left: 0;
	font-size: 20px;
	font-weight: 600;
	z-index: 2;
	color: #FFF;
	text-align: center;
}
#basic_num01 .text {
	position: absolute;
	width: 860px;
	padding: 60px;
	background: #FFF;
	bottom: -325px;
	left: -140px;
}
#basic_num02 .text {
	position: absolute;
	width: 860px;
	padding: 60px;
	background: #FFF;
	bottom: -325px;
	right: -140px;
}
#basic_num03 .text {
	position: absolute;
	width: 860px;
	padding: 60px;
	background: #FFF;
	bottom: -325px;
	left: -140px;
}
#basic_num01 .text h3, #basic_num02 .text h3, #basic_num03 .text h3 {
	line-height: 125%;
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 50px;
}
#basic_num01 .text h3 span, #basic_num02 .text h3 span, #basic_num03 .text h3 span {
	font-size: 28px;
}
@media (max-width:1100px) {
	.basic_text01 .inner {
		padding: 40px 20px;
	}
	.basic_text01 h2 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	#basic_num01, #basic_num02, #basic_num03 {
		margin: 125px 0 50px 0;
	}
	#basic_num01 .inner, #basic_num02 .inner, #basic_num03 .inner {
		width: 100%;
		height: auto;
		position: relative;
	}
	#basic_num01 .inner, #basic_num02 .inner, #basic_num03 .inner {
		width: 100%;
		height: auto;
		margin-left: auto;
	}
	#basic_num01 .number, #basic_num02 .number, #basic_num03 .number {
		width: 200px;
		height: 200px;
		position: absolute;
	}
	#basic_num01 .number, #basic_num02 .number, #basic_num03 .number {
		top: -110px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#basic_num01 h2, #basic_num02 h2, #basic_num03 h2 {
		position: relative;
	}
	#basic_num01 h2 img, #basic_num02 h2 img, #basic_num03 h2 img {
		z-index: 1;
	}
	#basic_num01 h2 span, #basic_num02 h2 span, #basic_num03 h2 span {
		width: 100%;
		position: absolute;
		top: 55px;
		left: 0;
		font-size: 12px;
		font-weight: 600;
		z-index: 2;
		color: #FFF;
		text-align: center;
	}
	.basic_text01 .img01, .basic_text01 .img02 {
		display: none;
	}
	#basic_num01 .text, #basic_num02 .text, #basic_num03 .text {
		position: relative;
		width: 100%;
		padding: 20px;
		margin-top: 20px;
		background: #FFF;
		bottom: auto;
		left: auto;
		right: auto;
	}
	#basic_num01 .text h3, #basic_num02 .text h3, #basic_num03 .text h3 {
		font-size: 22px;
		margin-bottom: 15px;
		line-height: 150%;
	}
	#basic_num01 .text h3 span, #basic_num02 .text h3 span, #basic_num03 .text h3 span {
		font-size: 18px;
	}
}

/* basic01 */
.basic01_img01 {
	background: url("../../kohshin-basic/shoes/img/img01.jpg") no-repeat bottom left / cover;
}
.basic01_img01 .img01 {
	display: none;
}
.basic01_img02 {
	width: 80%;
	height: 535px;
	margin-right: auto;
	background: url("../../kohshin-basic/shoes/img/img02.png") no-repeat bottom right / cover;
}
.basic01_img02 p {
	display: none;
}
.basic01_img03 {
	background: url("../../kohshin-basic/shoes/img/img03.jpg") no-repeat center center / cover;
}
.basic01_img03 .img01 {
	display: none;
}
.basic01_img04 {
	position: absolute;
	width: 135px;
	bottom: -25px;
	left: -160px;
}
.basic01_img05 {
	width: 80%;
	height: 535px;
	margin-left: auto;
	background: url("../../kohshin-basic/shoes/img/img05.png") no-repeat center left / cover;
}
.basic01_img05 p {
	display: none;
}
.basic01_img06 {
	background: url("../../kohshin-basic/shoes/img/img06.jpg") no-repeat center center / cover;
}
.basic01_img06 .img01 {
	display: none;
}
.basic01_img07 {
	position: absolute;
	width: 157px;
	bottom: -25px;
	right: -182px;
}
.basic01_img08 {
	height: 400px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/shoes/img/img08.jpg") no-repeat top center / cover;
}
.basic01_img08 p {
	display: none;
}
.basic01_img09 {
	height: 708px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/shoes/img/img09.jpg") no-repeat top center / cover;
}
.basic01_img09 p {
	display: none;
}
@media (max-width:1350px) {
	.basic01_img07 {
		display: none;
	}
}
@media (max-width:1100px) {
	.basic01_img01 {
		background: none;
	}
	.basic01_img01 .img01 {
		display: block;
	}
	.basic01_img02 {
		width: 95%;
		height: auto;
		margin-right: auto;
		background: none;
	}
	.basic01_img02 p {
		display: block;
	}
	.basic01_img03 {
		background: none;
	}
	.basic01_img03 .img01 {
		display: block;
	}
	.basic01_img04 {
		display: none;
	}
	.basic01_img05 {
		width: 95%;
		height: auto;
		margin-left: auto;
		background: none;
	}
	.basic01_img05 p {
		display: block;
	}
	.basic01_img06 {
		background: none;
	}
	.basic01_img06 .img01 {
		display: block;
	}
	.basic01_img08 {
		height: auto;
		margin-bottom: 75px;
		background: none;
	}
	.basic01_img08 p {
		display: block;
	}
	.basic01_img09 {
		height: auto;
		margin-bottom: 25px;
		background: none;
	}
	.basic01_img09 p {
		display: block;
	}
}

/* basic02 */
.basic02_img01 {
	background: url("../../kohshin-basic/hose/img/img01.jpg") no-repeat bottom left / cover;
}
.basic02_img01 .img01 {
	display: none;
}
.basic02_img02 {
	width: 90%;
	margin-top: -250px;
	height: 1000px;
	margin-right: auto;
	background: url("../../kohshin-basic/hose/img/img02.jpg") no-repeat bottom right / cover;
}
.basic02_img02 p {
	display: none;
}
.basic02_img03 {
	background: url("../../kohshin-basic/hose/img/img03.jpg") no-repeat center center / cover;
}
.basic02_img03 .img01 {
	display: none;
}
.basic02_img04 {
	position: absolute;
	width: 135px;
	bottom: -25px;
	left: -160px;
}
.basic02_img05 {
	width: 100%;
	height: 400px;
	margin-left: auto;
	background: url("../../kohshin-basic/hose/img/img05.jpg") no-repeat center center / cover;
}
.basic02_img05 p {
	display: none;
}
.basic02_img06 {
	background: url("../../kohshin-basic/hose/img/img06.jpg") no-repeat center center / cover;
}
.basic02_img06 .img01 {
	display: none;
}
.basic02_img07 {
	position: absolute;
	width: 157px;
	bottom: -25px;
	right: -182px;
}
.basic02_img08 {
	height: 400px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/hose/img/img08.jpg") no-repeat top center / cover;
}
.basic02_img08 p {
	display: none;
}
.basic02_img09 {
	height: 708px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/hose/img/img09.jpg") no-repeat top center / cover;
}
.basic02_img09 p {
	display: none;
}
@media (max-width:1350px) {
	.basic02_img07 {
		display: none;
	}

}
@media (max-width:1200px) {
	.basic02_img01 {
		background: none;
	}
	.basic02_img01 .img01 {
		display: block;
	}
	.basic02_img02 {
		width: 95%;
		height: auto;
		margin-right: auto;
		background: none;
		margin-top: 0;
	}
	.basic02_img02 p {
		display: block;
	}
	.basic02_img03 {
		background: none;
	}
	.basic02_img03 .img01 {
		display: block;
	}
	.basic02_img04 {
		display: none;
	}
	.basic02_img05 {
		width: 95%;
		height: auto;
		margin-left: auto;
		background: none;
	}
	.basic02_img05 p {
		display: block;
	}
	.basic02_img06 {
		background: none;
	}
	.basic02_img06 .img01 {
		display: block;
	}
	.basic02_img08 {
		height: auto;
		margin-bottom: 75px;
		background: none;
	}
	.basic02_img08 p {
		display: block;
	}
	.basic02_img09 {
		height: auto;
		margin-bottom: 25px;
		background: none;
	}
	.basic02_img09 p {
		display: block;
	}
}

/* basic03 */
.basic03_img01 {
	background: url("../../kohshin-basic/sheet/img/img01.jpg") no-repeat bottom left / cover;
}
.basic03_img01 .img01 {
	display: none;
}
.basic03_img02 {
	width: 80%;
	height: 535px;
	margin-right: auto;
	background: url("../../kohshin-basic/sheet/img/img02.png") no-repeat bottom right / cover;
}
.basic03_img02 p {
	display: none;
}
.basic03_img03 {
	background: url("../../kohshin-basic/sheet/img/img03.jpg") no-repeat center center / cover;
}
.basic03_img03 .img01 {
	display: none;
}
.basic03_img04 {
	position: absolute;
	width: 135px;
	bottom: -25px;
	left: -160px;
}
.basic03_img05 {
	width: 80%;
	height: 535px;
	margin-left: auto;
	background: url("../../kohshin-basic/sheet/img/img05.png") no-repeat center left / cover;
}
.basic03_img05 p {
	display: none;
}
.basic03_img06 {
	background: url("../../kohshin-basic/sheet/img/img06.jpg") no-repeat center center / cover;
}
.basic03_img06 .img01 {
	display: none;
}
.basic03_img07 {
	position: absolute;
	width: 157px;
	bottom: -25px;
	right: -182px;
}
.basic03_img08 {
	height: 400px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/sheet/img/img08.jpg") no-repeat top center / cover;
}
.basic03_img08 p {
	display: none;
}
.basic03_img09 {
	height: 708px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/sheet/img/img09.jpg") no-repeat top center / cover;
}
.basic03_img09 p {
	display: none;
}
@media (max-width:1350px) {
	.basic03_img07 {
		display: none;
	}
}
@media (max-width:1100px) {
	.basic03_img01 {
		background: none;
	}
	.basic03_img01 .img01 {
		display: block;
	}
	.basic03_img02 {
		width: 95%;
		height: auto;
		margin-right: auto;
		background: none;
	}
	.basic03_img02 p {
		display: block;
	}
	.basic03_img03 {
		background: none;
	}
	.basic03_img03 .img01 {
		display: block;
	}
	.basic03_img04 {
		display: none;
	}
	.basic03_img05 {
		width: 95%;
		height: auto;
		margin-left: auto;
		background: none;
	}
	.basic03_img05 p {
		display: block;
	}
	.basic03_img06 {
		background: none;
	}
	.basic03_img06 .img01 {
		display: block;
	}
	.basic03_img08 {
		height: auto;
		margin-bottom: 75px;
		background: none;
	}
	.basic03_img08 p {
		display: block;
	}
	.basic03_img09 {
		height: auto;
		margin-bottom: 25px;
		background: none;
	}
	.basic03_img09 p {
		display: block;
	}
}

/* basic04 */
.basic04_img01 {
	background: url("../../kohshin-basic/company/img/img01.jpg") no-repeat bottom left / cover;
}
.basic04_img01 .img01 {
	display: none;
}
.basic04_img02 {
	width: 80%;
	height: 535px;
	margin-right: auto;
	background: url("../../kohshin-basic/company/img/img02.png") no-repeat bottom right / cover;
}
.basic04_img02 p {
	display: none;
}
.basic04_img03 {
	background: url("../../kohshin-basic/company/img/img03.jpg") no-repeat center center / cover;
}
.basic04_img03 .img01 {
	display: none;
}
.basic04_img04 {
	position: absolute;
	width: 135px;
	bottom: -25px;
	left: -160px;
}
.basic04_img05 {
	width: 80%;
	height: 535px;
	margin-left: auto;
	background: url("../../kohshin-basic/company/img/img05.png") no-repeat center left / cover;
}
.basic04_img05 p {
	display: none;
}
.basic04_img06 {
	background: url("../../kohshin-basic/company/img/img06.jpg") no-repeat center center / cover;
}
.basic04_img06 .img01 {
	display: none;
}
.basic04_img07 {
	position: absolute;
	width: 157px;
	bottom: -25px;
	right: -182px;
}
.basic04_img08 {
	height: 400px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/company/img/img08.jpg") no-repeat top center / cover;
}
.basic04_img08 p {
	display: none;
}
.basic04_img09 {
	height: 708px;
	margin-bottom: 75px;
	background: url("../../kohshin-basic/company/img/img09.jpg") no-repeat top center / cover;
}
.basic04_img09 p {
	display: none;
}
@media (max-width:1350px) {
	.basic04_img07 {
		display: none;
	}
}
@media (max-width:1100px) {
	.basic04_img01 {
		background: none;
	}
	.basic04_img01 .img01 {
		display: block;
	}
	.basic04_img02 {
		width: 95%;
		height: auto;
		margin-right: auto;
		background: none;
	}
	.basic04_img02 p {
		display: block;
	}
	.basic04_img03 {
		background: none;
	}
	.basic04_img03 .img01 {
		display: block;
	}
	.basic04_img04 {
		display: none;
	}
	.basic04_img05 {
		width: 95%;
		height: auto;
		margin-left: auto;
		background: none;
	}
	.basic04_img05 p {
		display: block;
	}
	.basic04_img06 {
		background: none;
	}
	.basic04_img06 .img01 {
		display: block;
	}
	.basic04_img08 {
		height: auto;
		margin-bottom: 75px;
		background: none;
	}
	.basic04_img08 p {
		display: block;
	}
	.basic04_img09 {
		height: auto;
		margin-bottom: 25px;
		background: none;
	}
	.basic04_img09 p {
		display: block;
	}
}

/* company */
/* ---------------------------------------------------------------------------------------------------- */

#company02 {
	background: #FFF;
	background: url("../../shoes/img/back02.svg") no-repeat top center / cover;
}
#company02 .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 75px 20px;
	position: relative;
}
#company02 .inner .left {
	max-width: 50%;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
#company02 .inner .left h2 {
	font-size: 46px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 125%;
	white-space: nowrap;
	color: #164280;
}
#company02 .inner .left p {
	line-height: 160%;
	color: #164280;
}
#company02 .inner .left h2 span {
	letter-spacing: 2px;
	margin-right: 2px;
}
#company02 .inner .right {
	max-width: 50%;
	margin-left: auto;
}
#company03 {
	padding: 75px 20px;
}
@media (max-width:767px) {
	#company02 .inner {
		padding: 50px 20px;
	}
	#company02 .inner .left {
		max-width: 100%;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
		margin-bottom: 25px;
	}
	#company02 .inner .left h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 5px;
		line-height: 125%;
		white-space: nowrap;
		color: #164280;
	}
	#company02 .inner .left p {
		font-size: 14px;
		line-height: 160%;
		color: #164280;
	}
	#company02 .inner .right {
		width: 60%;
		margin: 0 auto;
	}
	#company03 {
		padding: 50px 20px 0px 20px;
	}
}

/* history */
/* ---------------------------------------------------------------------------------------------------- */

.history_table01 {
	width: 100%;
	margin-bottom: 75px;
}
.history_table01 th {
	width: 15%;
	padding: 15px 25px;
	border-bottom: 1px solid #CCC;
	white-space: nowrap;
	text-align: left;
	font-weight: 600;
	color: #164280;
	vertical-align: top;
}
.history_table01 td {
	padding: 15px 25px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.history_table02 {
	width: 100%;
}
.history_table02 tr {
	border-bottom: 1px solid #CCC;
}
.history_table02 tr:last-child{
	border-bottom: 0px;
}
.history_table02 th {
	width:15.0em;
	padding: 15px 25px;
	white-space: nowrap;
	text-align: left;
	font-weight: 600;
	color: #164280;
	vertical-align: top;
}
.history_table02 td {
	padding: 15px 15px 15px 35px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.history_table02 tr td.month {
	width:4.0em;
	padding: 15px 0;
	color: #164280;
	font-weight: 600;
}
.history_hading01 {
	margin-top: 5px;
	padding: 12px 25px;
	background: #164280;
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
	cursor: pointer;
}
.history_hading01 span {
	display: block;
	background: url("../img/arrow05.svg") no-repeat right center / 16px 16px;
}
.history_hading01 span.active {
	display: block;
	background: url("../img/arrow06.svg") no-repeat right center / 16px 16px;
}
.history_table_area {
	display: none;
	transition: none;
}
.img_table {
	display: table;
	border-collapse: separate;
	border-spacing: 10px 10px;
}
.img_table .cell {
	display: table-cell;
}
.img_table .cell img {
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media (max-width:767px) {
	.history_hading01 {
		margin-top: 25px;
		padding: 10px 15px;
		background: #164280;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
		cursor: pointer;
	}
	.history_table01 th {
		padding: 10px 15px;
		font-size: 14px;
	}
	.history_table01 td {
		padding: 10px 15px;
		font-size: 14px;
	}
	.history_table02 th {
		width:auto;
		padding: 10px 15px 10px 0;
		font-size: 14px;
	}
	.history_table02 tr td {
		width:auto;
		padding: 0 0 10px 0;
		display: block;
		font-size: 14px;
	}
	.history_table02 tr td.month {
		padding: 10px 0 0 0;
		border-bottom: none;
	}
}

/* faq */
/* ---------------------------------------------------------------------------------------------------- */

.btn_toggle{
	padding-right:35px;
	position:relative;
	cursor:pointer;
}
.btn_toggle::after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	margin: auto;
	border-bottom:4px solid #164280;
	border-left:4px solid #164280;
	transform:rotate(-45deg);
	transition:0.5s;
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
}
.btn_toggle.active::after{
	transform:rotate(135deg);
}

.box_toggle{
	display:none;
}
.box_toggle.active{
	display:block;
}


.box_faq {
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.box_faq .q {
	margin: 0;
}
.box_faq .q:hover, .box_faq.active .q {
	background: #164280;
	cursor: pointer;
}
.box_faq .q:hover span.text, .box_faq.active .q span.text {
	color: #fff;
}
.box_faq .q span.icon {
	margin-right: 10px;
	padding: 10px 20px;
	background: #164280;
	border-radius: 2px;
	color: #fff;
	display: table-cell;
	font-weight: bold;
}
.box_faq .q span.text {
	margin-right: 10px;
	padding: 10px;
	color: #164280;
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
}
.box_faq .a {
	margin: 15px 0 15px 15px;
	display: none;
	transition: 0.5s;
}
.box_faq.active .a {
	display: block;
}
.box_faq .a span.icon {
	margin-right: 10px;
	padding: 10px 20px;
	background: #333;
	border-radius: 2px;
	color: #fff;
	display: table-cell;
	font-weight: bold;
}
.box_faq .a span.text {
	margin-right: 10px;
	padding: 10px;
	color: #333;
	display: table-cell;
}

/* catalog */
/* ---------------------------------------------------------------------------------------------------- */

.catalog_wrapper {
	width: 100%;
	margin: 0 auto;
}
.catalog_box {
	width: 50%;
	float: left;
}
.catalog_box .inner {
	padding: 15px;
	text-align: center;
}
.catalog_box .inner img {
	width: 250px;
	height: auto;
	margin-bottom: 15px;
}
.catalog_box .inner p {
	font-weight: 600;
}
@media (max-width:767px) {
	.catalog_box {
		width: 100%;
		margin-bottom:25px;
		float: none;
		position:relative;
	}
	.catalog_box::after {
		content:"";
		display:block;
		width:100%;
		height:1px;
		margin-top:20px;
		border-bottom:1px dashed #ccc;
	}
	.catalog_box .inner {
		padding: 5px;
	}
	.catalog_box .inner img {
		width: 60%;
	}
}

/* contact */
/* ---------------------------------------------------------------------------------------------------- */

.table-wrapper {
	width: 100%;
	display: table;
}
.table-wrapper .cell-2 {
	width: 50%;
	display: table-cell;
}
.table-wrapper .cell-3 {
	width: calc(100% / 3);
	display: table-cell;
}
.bg-1 {
	background: #fff;
}
.bg-2 {
	background: #f2f2f2;
}
.inner-10 {
	padding: 10px;
}
.inner-15 {
	padding: 15px;
}
.inner-20 {
	padding: 20px;
}
.inner-25 {
	padding: 25px;
}

/* FormMail */
.inner-frame {
	max-width: 1040px;
	padding: 0 0 25px 0;
	margin: 0 auto;
}
#contact-frame {
	width: 100%;
	height: 1620px;
}
.contact_table01 {
	width: 100%;
	margin-bottom: 35px;
}
.contact_table01 th {
	width: 35%;
	padding: 15px 25px;
	border-bottom: 1px dashed #CCC;
	text-align: left;
	font-weight: 600;
	color: #164280;
	vertical-align: middle;
}
.contact_table01 td {
	padding: 15px 25px;
	border-bottom: 1px dashed #CCC;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
.contact_table01 .input-txt-1, .contact_table01 .input-txt-2, .contact_table01 .input-txt-3, .contact_table01 .input-txtarea {
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-sizing: border-box;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.contact_table01 .input-txt-1 {
	width: 360px;
}
.contact_table01 .input-txt-2 {
	width: 240px;
}
.contact_table01 .input-txt-3 {
	width: 100px;
}
.contact_table01 .input-txtarea {
	width: 100%;
	height: 300px;
}
.contact_table01 .input-check {
	margin-left: -15px;
}
.contact_table01 .input-check-label {
	padding: 10px 10px 10px 30px;
	border-radius: 15px;
	font-weight: bold;
	transition: 0.5s;
}
.contact_table01 .input-check-label:hover {
	background: #4496d3;
	color: #fff;
	cursor: pointer;
}
.btn_submit {
	width: 300px;
	margin: 10px auto;
}
.btn_submit input[type="submit"] {
	appearance: none;
	width: 100%;
	height: 60px;
	background: #164280 url("../img/arrow02.svg") no-repeat 93% center / 13px 13px;
	border: 0px;
	border-radius: 30px;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	transition: 0.5s;
}
.btn_submit input[type="submit"]:hover {
	background: #4496d3 url("../img/arrow02.svg") no-repeat 95% center / 13px 13px;
	cursor: pointer;
}
.spacing-6 {
	width: 6.0em;
	margin-right: 10px;
	display: inline-block;
}
@media (max-width:767px) {
	#contact-frame {
		height: 2300px;
	}
	.contact_table01 {
		table-layout: fixed;
	}
	.contact_table01 th {
		width: 30%;
		padding: 10px 5px;
		font-size: 13px;
		text-align: center;
	}
	.contact_table01 td {
		padding: 10px 15px;
		font-size: 14px;
	}
	.contact_table01 .input-txt, .contact_table01 .input-txt-1, .contact_table01 .input-txt-2 {
		width: 100%;
	}
	.contact_table01 .input-txt-3 {
		width: 35%;
	}
	.contact_table01 .input-txtarea {
		width: 100%;
		height: 250px;
	}
	.spacing-6 {
		display: block;
	}
}

/* english */
/* ---------------------------------------------------------------------------------------------------- */

.bg-wrapper {
	background: url("../../shoes/img/back02.svg") repeat top center / 100%;
}

.en-col-2 {
	width: 100%;
	position: relative;
}
.en-col-2 .left {
	width: 600px;
	float: left;
}
.en-col-2 .right {
	width: 400px;
	float: right;
}

/* news */
/* ---------------------------------------------------------------------------------------------------- */

#news01 {
	background: #FFF;
}
#news01 .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 25px 20px 75px 20px;
	position: relative;
}
#news01 .inner .left {
	width: 70%;
	float: left;
}
#news01 .inner .right {
	width: 25%;
	float: right;
}
#news01 .inner .right h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	padding-bottom: 5px;
	border-bottom: 2px solid #164280;
}
#news01 .inner .right ul {
	list-style: none;
}
#news01 .inner .right ul li {
	border-bottom: 1px solid #CCC;
}
#news01 .inner .right ul li a {
	padding: 15px 20px;
	display: block;
	color: #111;
	font-size: 15px;
}
#news01 .inner .right ul li a:hover {
	background: #EFEFEF;
}
.news_list02 {
	display: table;
	width: 100%;
	line-height: 150%;
	padding: 0 20px 20px 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
.news_list02 a {
	color: #111;
	text-decoration: underline;
}
.news_list02 h3 {
	width: 100px;
	white-space: nowrap;
	display: table-cell;
	text-align: left;
	padding-right: 20px;
	font-size: 15px;
}
.news_list02 p:nth-of-type(1) {
	display: table-cell;
	padding-right: 20px;
}
.news_list02 p:nth-of-type(1) span {
	width: 100px;
	display: block;
	background: #164280;
	padding: 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
.news_list02 p:nth-of-type(2) {
	width: 100%;
	display: table-cell;
	font-size: 15px;
	text-align: left;
}
.news_entry p {
	margin-bottom: 25px;
}
.news_entry ol,
.news_entry ul {
	margin: 0 0 25px 25px;
}
.news_entry img {
	max-width: 100%;
	margin-bottom: 10px;
}
@media (max-width:767px) {
		#news01 .inner .left {
			width: 100%;
			float: none;
			margin-bottom: 50px;
		}
		#news01 .inner .right {
			width: 100%;
			float: none;
		}
	.news_list02 {
		display: block;
		line-height: 150%;
		padding: 0 0 20px 0;
	}
	.news_list02 p:nth-of-type(2) {
		padding-top: 5px;
		display: block;
		text-align: left;
	}
	#news01 .inner .right h3 {
		font-size: 16px;
		border-bottom: 1px solid #164280;
	}
}