@charset "utf-8";

/*
Theme Name: lure
Author: erikori
Author URI:
Description:
*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

/****************************************
HTMLエレメント
****************************************/
html {
	margin: 0;
	width: 100%;
}

body {
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;/*	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif; */
	font-size: 100%;
	letter-spacing: 0.15em;
	margin: 0;
	width: 100%;
}

/****************************************
共通 ヘッダー
****************************************/
.headerImg {
	background: url("img/header-img_sp.png") top center / cover no-repeat;
	height: calc(100vh);
}

.headerImg_cursive {
	padding-top: 78vw;
}

.headerImg_text {
	color: #FFF;
	display: block;
	letter-spacing: 0.3em;
	line-height: 20px;
	font-size: 10px;
	font-weight: 400;
	margin: 0 auto 0 10%;
	padding-top: 16px;
	width: 80%;
}

.headerImg_button {
	margin: 20px 0 0 10%;
}

.header_wrapper {
	background: #FFF;
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 24px 0 16px;
	width: 100%;
	z-index: 9999;
}

.header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: 0 auto;
	width: 100%;
}

.header_logo {
	-webkit-box-flex: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
	margin-left: 7%;
}

.header_hamburger {
	width: 32px;
	margin-right: 7%;
}

.header_hamburger_title {
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 8px;
	vertical-align: bottom;
}

.header_hamburger_bar1,
.header_hamburger_bar2,
.header_hamburger_bar3 {
	background-color: #333;
	border-radius: 10px;
	display: block;
	height: 4px;
	margin: 6px auto 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 30px;
}

.header_hamburger_bar1.open {
	-webkit-transform: translateX(3px) rotate(41deg);
	transform: translateX(3px) rotate(41deg);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.header_hamburger_bar2.open {
	opacity: 0;
}

.header_hamburger_bar3.open {
	-webkit-transform: translateX(3px) rotate(-41deg);
	transform: translateX(3px) rotate(-41deg);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.header_navi {
	display: none;
}

.header_navi.open {
	border-top: 1px solid #000;
	display: block;
	margin-top: 16px;
	margin-bottom: -16px;
/*	position: fixed;
	top: 64px; */
	width: 100%;
/*	z-index: 9999; */
}

.header_navi li {
	background: #FFF;
	border-bottom: 1px solid #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-align: center;
}

.header_navi li a {
	display: block;
	padding: 20px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.headerImg {
		background: url("img/header-img_pc.png") top center no-repeat;
		height: 767px;
		overflow: hidden;
		width: 100%;
	}

	.headerImg_inner {
		width: 1000px;
		margin: 0 auto;
	}

	.headerImg_cursive {
		padding: 194px 0 0 60px;
	}

	.headerImg_text {
		line-height: 26px;
		font-size: 12px;
		margin: 0 auto;
		padding: 28px 0 0 60px;
		width: 1000px;
	}

	.headerImg_button {
		margin: 36px 0 0 60px;
	}

	.header_wrapper {
		padding: 0;
	}

	.header {
		margin: 0 auto;
		padding: 20px 20px 14px 60px;
	}

	.header_logo {
		margin-left: 0;
	}

	.header_navi {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.header_navi li {
		border-bottom: 0;
		-webkit-transition: ease 0.5s;
		transition: ease 0.5s;
	}

	.header_navi li a {
		border-bottom: 3px solid #FFF;
		display: inline;
		padding: 0 0 4px 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.header_navi li a:hover {
		border-bottom: 3px solid #000;
		padding: 0 0 8px 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.header_navi li:not(:last-child) {
		margin-right: 38px;
	}

}

/* iPad横・PC(1024px以上) */
@media screen and (min-width:1024px) {
	.header {
		width: 1000px;
	}

}

/****************************************
button
****************************************/
.button {
	border: 1px solid #FFF;
	border-radius: 100px;
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.26em;
	line-height: 42px;
	overflow: hidden;
	padding: 0 38px;
	position: relative;
	-webkit-transition: ease .3s;
	transition: ease .3s;
	z-index: 2;
}

.button:hover {
	color: #000;
}

.button::before,
.button::after {
	background-color: #FFF;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	-webkit-transition: ease .3s;
	transition: ease .3s;
	width: 0;
	height: 100%;
	z-index: -1;
}

.button::before {
	right: 50%;
}

.button::after {
	left: 50%;
}

.button:hover::before,
.button:hover::after {
	width: 50%;
}

.button-black {
	border: 1px solid #000;
	color: #000;
}

.button-black:hover {
	color: #FFF;
}

.button-black::before,
.button-black::after {
	background-color: #000
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.button {
		font-size: 13px;
		line-height: 58px;
		padding: 0 50px;
	}

	.button:hover {
		color: #0061DC;
	}

	.button-black:hover {
		color: #FFF;
	}

}

/****************************************
title, subTitle, verticalLine
****************************************/
.title {
	font-size: 30px;
	font-weight: 100;
	line-height: 30px;
	letter-spacing: 0.18em;
	text-align: center;
}

.subTitle {
	font-size: 8px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.3em;
	text-align: center;
}

.verticalLine {
	width: 1px;
	height: 30px;
	background: #000;
	margin: 18px auto 0;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.title {
		font-size: 40px;
		line-height: 40px;
	}

	.subTitle {
		font-size: 11px;
		font-weight: 500;
		line-height: 34px;
		letter-spacing: 0.26em;
	}

	.verticalLine {
		height: 40px;
		margin: 28px auto 0;
	}

}

/****************************************
WE THINK
****************************************/
.weThink {
	margin-top: 60px;
	border-bottom: 1px solid #E6E6E6;
}

#weThink {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px */
	padding-top: 377px;
	margin-top: -377px;
}

.weThink_text {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.3em;
	line-height: 23px;
	margin-top: 16px;
	text-align: center;
}

.weThink_img {
	display: block;
	height: 244px;
	margin: 40px auto 0;
	width: 326px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.weThink {
		margin-top: 50px;
	}

	#weThink {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.weThink_text {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.26em;
		line-height: 26px;
		margin-top: 32px;
	}

	.weThink_img {
		height: 488px;
		margin: 96px auto 0;
		padding-right: 18px;
		width: 652px;
	}

}

/****************************************
LINE UP
****************************************/
#lineUp_top {

	/* ページ内リンクのずれ修正 ヘッダー高さ(閉)81px - マージン46px*/
	padding-top: 55px;
	margin-top: -55px;
}

.lineUp {
	margin-top: 46px;
}

#lineUp {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px */
	padding-top: 377px;
	margin-top: -377px;
}

.items {

	/*margin-top: 18px;*/
}

.item {
	margin: 0 auto;/*	width: 94%;*/
	padding: 20px 3%;
}

.item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.item:not(:last-child) {
	border-bottom: 1px solid #E6E6E6;
}

.item_img {
	margin-right: 4%;
	overflow: hidden;
	position: relative;
	width: 40%;
}

.item_img_product {
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	width: 100%;
}

.item:hover .item_img_product {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}

.item_img_feco {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.item_text_name {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.22em;
	line-height: 18px;
}

.item_text_line {
	background: #E6E6E6;
	display: block;
	height: 2px;
	margin: 10px 0;
	width: 22px;
}

.item_text_table th,
.item_text_table td {
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 15px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.lineUp {
		border-bottom: 1px solid #E6E6E6;
		margin-top: 120px;
		padding-bottom: 80px;
	}

	#lineUp {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.items {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 20px auto 0;
		max-width: 1240px;
		text-align: center;
		width: 100%;
	}

	.item {
		border: 1px solid #E6E6E6;
		display: inline-block;
		margin: 20px;		/* padding: 0  30px 30px 30px; */
		padding: 0;
		text-align: left;
		-webkit-transition: ease 0.5s;
		transition: ease 0.5s;
		width: 306px;
	}

	.item a {
		display: block;
	}

	.item:hover {
		-webkit-box-shadow: 0 0 10px #CCC;
		        box-shadow: 0 0 10px #CCC;
	}

	.item_img {
		margin-right: 0;
		width: 100%;
	}

	.item_img_feco {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	.item_text {
		padding: 30px 0 30px 30px;
	}

	.item_text_name {
		font-size: 13px;
		line-height: 24px;
	}

	.item_text_line {
		background: #E4CC21;
		height: 4px;
		margin: 16px 0;
		width: 40px;
	}

	.item_text_table th,
	.item_text_table td {
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.26em;
		line-height: 20px;
	}

}

/****************************************
INSTAGRAM
****************************************/
.instagram {
	border-bottom: 1px solid #E6E6E6;
	margin: 46px 0 50px;
	padding-bottom: 50px;
}

#instagram {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px */
	padding-top: 377px;
	margin-top: -377px;
}

.instagram_feed {
	margin-top: 24px;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn {
	border: 1px solid #000;
	border-radius: 30px;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.16em;
	line-height: 40px;
	margin: 15px 0 0;
	overflow: hidden;
	padding: 0 38px;
	position: relative;
	-webkit-transition: ease .3s;
	transition: ease .3s;
	z-index: 2;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn span {
	-webkit-transition: ease .3s;
	transition: ease .3s;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn:hover span {
	color: #FFF;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn::before,
.instagram_feed #sb_instagram #sbi_load .sbi_load_btn::after {
	background-color: #000;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	-webkit-transition: ease .3s;
	transition: ease .3s;
	width: 0;
	height: 100%;
	z-index: -1;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn::before {
	right: 50%;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn::after {
	left: 50%;
}

.instagram_feed #sb_instagram #sbi_load .sbi_load_btn:hover::before,
.instagram_feed #sb_instagram #sbi_load .sbi_load_btn:hover::after {
	width: 50%;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.instagram {
		border-bottom: none;
		margin: 100px 0 0;
		padding-bottom: 80px;
	}

	#instagram {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.instagram_feed {
		margin-top: 40px;
	}

	.instagram_feed #sb_instagram #sbi_load .sbi_load_btn {
		font-size: 12px;
		line-height: 60px;
		margin-top: 35px;
		padding: 0 55px;
	}

}

/****************************************
philosophy
****************************************/
.philosophy_item {
	display: block;
	margin: 0 auto;
	width: 94%;
}

.philosophy_item_img {
	width: 100%;
}

.philosophy_item_title {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 20px;
	margin-top: 40px;
	text-align: center;
}

.philosophy_item_text {
	font-size: 11px;
	letter-spacing: 0.18em;
	line-height: 20px;
	margin: 15px 0 32px;
}

.philosophy_bottomImg {
	display: block;
	margin: 40px auto 0;
	width: 239px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.philosophy {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 auto;
		max-width: 1040px;
	}

	.philosophy_item {
		margin: 18px;
		width: 480px;
	}

	.philosophy_item_title {
		font-size: 26px;
		line-height: 26px;
		text-align: left;
	}

	.philosophy_item_line {
		background: #E4CC21;
		height: 4px;
		margin: 30px 0 22px;
		width: 40px;
	}

	.philosophy_item_text {
		font-size: 12px;
		letter-spacing: 0.26em;
		line-height: 26px;
		margin: 0;
	}

	.philosophy_bottomImg {
		margin: 42px auto 0;
		width: 478px;
	}

}

/****************************************
PRO STAFF
****************************************/
.proStaff {
	border-top: 1px solid #E6E6E6;
	margin: 0 auto;
	padding: 46px 0 22px;
	text-align: center;
}

#proStaff {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px */
	padding-top: 377px;
	margin-top: -377px;
}

.proStaff_img {
	display: inline-block;
	margin-top: 24px;
}

.proStaff_kana {
	color: #E4CC21;
	font-size: 8px;
	font-weight: 900;
	line-height: 8px;
	letter-spacing: 0.2em;
	margin-top: 15px;
}

.proStaff_name {
	font-size: 20px;
	font-weight: 800;
	line-height: 20px;
	letter-spacing: 0.26em;
	margin-top: 10px;
}

.proStaff_line {
	background: #E4CC21;
	height: 4px;
	margin: 20px auto;
	width: 20px;
}

.proStaff_text {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.26em;
	line-height: 20px;
	margin: 0 auto;
	text-align: left;
	width: 56%;
}

.proStaff_sponsor_radius {
	background: #E4CC21;
	border-radius: 30px;
	color: #FFF;
	display: inline-block;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 30px;
	margin-top: 25px;
	padding: 0 32px;
}

.proStaff_sponsor_text {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.26em;
	line-height: 20px;
	margin-top: 10px;
}

.proStaff_sns_title {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.26em;
	line-height: 9px;
	margin-top: 20px;
}

.proStaff_sns_btn {
	font-size: 0;
	letter-spacing: 0;
	margin: 13px 0 26px;
}

.proStaff_sns_btn img {
	margin: 0 5px;
	opacity: 1;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

.proStaff_sns_btn a:hover img {
	opacity: 0.7;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.proStaff {
		padding: 100px 80px;
	}

	#proStaff {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.proStaff_img {
		margin-top: 40px;
	}

	.proStaff_kana {
		margin-top: 30px;
		font-weight: 700;
	}

	.proStaff_line {
		margin: 20px auto 30px;
		width: 40px;
	}

	.proStaff_text {
		font-size: 12px;
		line-height: 26px;
		text-align: center;
		width: 100%;
	}

	.proStaff_sponsor_radius {
		font-size: 10px;
		letter-spacing: 0.26em;
	}

	.proStaff_sponsor_text {
		font-size: 12px;
		line-height: 12px;
		margin-top: 20px;
	}

	.proStaff_sns_title {
		font-size: 10px;
		line-height: 10px;
		margin-top: 40px;
	}

	.proStaff_sns_btn {
		margin: 13px 0 40px;
	}

}

/****************************************
NEWS & TOPICS
****************************************/
.topics {
	background: url("img/topics_bg_sp.png") top center / cover no-repeat;
/*	height: 428px; */
	min-height: 428px;
	margin: 0 0 50px;
	padding: 46px 0;
	text-align: center;
}

#topics {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px + padding-top40px*/
	padding-top: 377px;
	margin-top: -377px;
}

.topics a {
	color: #fff;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

.topics a:hover {
	color: rgba(255, 255, 255, 0.7);
}

.topics_items {
	border-top: 1px dotted #FFF;
	margin: 35px auto 0;
	text-align: left;
	width: 96%;
}

.topics_item {
	border-bottom: 1px dotted #FFF;
}

.topics_item {
	padding: 20px;
}

.topics_item_date {
	font-size: 8px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 8px;
	margin-bottom: 8px;
}

.topics_item_title {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.16em;
	line-height: 14px;
}

.topics_button {
	display: inline-block;
	margin-top: 40px;
}

.topics_button:hover {
	color: #021673;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.topics {
		background: url("img/topics_bg_pc.png") top center / cover no-repeat;
		min-height: 651px;
		padding: 100px 0 0;
	}

	#topics {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px + padding-top40px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.topics_items {
		margin: 50px auto 0;
		max-width: 1000px;
	}

	.topics_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 30px 40px;
	}

	.topics_item_date {
		border-right: 1px solid #FFF;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.2em;
		line-height: 12px;
		margin-right: 40px;
		padding-right: 40px;
	}

	.topics_item_title {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 12px;
		font-weight: 400;
/*
		-webkit-box-flex: 2;
		    -ms-flex-positive: 2;
		        flex-grow: 2;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
*/
		letter-spacing: 0.2em;
		line-height: 16px;
		width: 100%;
	}

	.topics_item_title::after {
		content: "〉〉";
		display: inline-block;
/*		margin-left: 20px; */
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
/*		float: right; */
		text-align: right;
		width: 16px;
	}

	.topics_button {
		margin-top: 50px;
	}

}

/****************************************
DEALER
****************************************/
.dealer {
	margin: 46px 0 50px;
	padding-bottom: 50px;
}

#dealer {

	/* ページ内リンクのずれ修正 ヘッダー高さ80px */
	padding-top: 377px;
	margin-top: -377px;
}

.dealer_items {
	display: block;
	margin: 40px auto 0;
	width: 94%;
}

.dealer_item_title {
	border-top: 3px solid #E6E6E6;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.2em;
	line-height: 52px;
	text-align: center;
}

.dealer_item_img {
	width: 100%;
	padding-bottom: 10px;
}

.dealer_item_table th {
	color: #bcbcbc;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 16px;
	padding: 4px 0;
	text-align: left;
	width: 74px;
}

.dealer_item_table td {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 16px;
	padding: 4px 0;
}

.dealer_item_web_title {
	color: #bcbcbc;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 16px;
	padding: 4px 0;
}

.dealer_item_web_url {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 16px;
	margin-bottom: 40px;
	padding: 4px 0;
}

.dealer_item_web_url a {
	color: #01106d;
	text-decoration: underline !important;
}

.dealer_caution {
	font-size: 11px;
	margin-bottom: 40px;
	text-align: center;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.dealer {
		border-bottom: none;
		margin: 100px 0 0;
		padding-bottom: 80px;
	}

	#dealer {

		/* ページ内リンクのずれ修正 ヘッダー高さ101px */
		padding-top: 141px;
		margin-top: -141px;
	}

	.dealer_items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 40px auto 0;
		max-width: 1000px;
	}

	.dealer_item {
		padding: 10px;
		width: 480px;
	}

	.dealer_item_title {
		border-top: 4px solid #E6E6E6;
	}

	.dealer_item_table th {
		display: block;
		font-size: 13px;
		letter-spacing: 0.2em;
		width: 100%;
	}

	.dealer_item_table td {
		display: block;
		font-size: 13px;
		letter-spacing: 0.2em;
		width: 100%;
	}

	.dealer_item_web_title {
		font-size: 13px;
		letter-spacing: 0.2em;
		text-align: left;
	}

	.dealer_item_web_url {
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.12em;
		margin-bottom: 14px;
	}

}

/****************************************
footer
****************************************/
.footer {
	border-top: 1px solid #E6E6E6;
	text-align: center;
	width: 100%
}

.footer_navi {
	display: none;
}

.footer_logo {
	display: inline-block;
	margin: 25px 0;
}

.footer_logo img {
	width: 100px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.footer_navi {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 60px;
	}

	.footer_navi li {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.14em;
		text-align: center;
	}

	.footer_navi li a {
		color: rgba(0, 0, 0, 1);
		padding: 20px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.footer_navi li a:hover {
		color: rgba(0, 0, 0, 0.6);
	}

	.footer_logo {
		margin: 40px 0;
	}

	.footer_logo img {
		width: auto;
	}

}

/****************************************
固定ページ
****************************************/
.page .header_wrapper {
	border-bottom: 1px solid #E6E6E6;
}

.pageTitle {
	padding-top: 50px;
	text-align: center;
}

.pageTitle .title {
	letter-spacing: 0.12em;
}

.pageTitle_productName {
	color: #989898;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 10px;
	margin-top: 24px;
}

.pageTitle_name {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 28px;
	margin: 10px auto 0;
}

.pageContent_left {
	display: block;
	margin: 0 auto;
	width: 94%;
}

.pageContent_left_img {
	position: relative;
}

.pageContent_left_img_black,
.pageContent_left_img_red,
.pageContent_left_img_blue,
.pageContent_left_img_purple,
.pageContent_left_img_green,
.pageContent_left_img_white {
	display: none;
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
}

.radio_active {
	display: block;
}

.item_img_feco {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.pageContent_left_img_feco {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.pageContent_left_radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 14px;
	text-align: center;
}

.pageContent_left_radio img {
	border: 1px solid #eee;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 1vw;
	height: 10vw;
	width: 14vw;
}

.pageContent_left_radio img:hover {
	cursor: pointer;
	opacity: 0.7;
}

.pageContent_left_text {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 22px;
	margin: 6px 0 40px;
	text-align: center;
}

.pageContent_right {
	display: block;
	margin: 0 auto;
	width: 94%;
}

.pageContent_right_title {
	border-top: 1px solid #E6E6E6;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 56px;
}

.pageContent_right_title::after {
	background: #E5E5E5;
	content: "";
	display: block;
	height: 4px;
	width: 40px;
}

.pageContent_right_text {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.26em;
	line-height: 22px;
	margin: 12px 0 35px;
}

.pageContent_right_text_table {
	margin-top: 20px;
}

.pageContent_right_text_table th,
.pageContent_right_text_table td {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 20px;
}

.pageContent_right_button {
	margin-top: 20px;
}

.page_dealer {
	border-top: 1px solid #E6E6E6;
	margin-top: 80px;
	padding-top: 80px;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.pageTitle {
		padding-top: 100px;
	}

	.pageTitle_productName {
		font-size: 10px;
		line-height: 10px;
		margin-top: 40px;
	}

	.pageTitle_name {
		font-size: 24px;
		line-height: 24px;
		margin: 20px 0 0;
	}

	.pageContent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 40px auto 0;
		max-width: 1040px;
		width: 100%;
	}

	.pageContent_left {
		padding: 20px;
		width: 500px;
	}

	.pageContent_left_radio img {
		margin-right: 4px;
		height: 60px;
		width: 80px;
	}

	.pageContent_left_text {
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.26em;
		line-height: 22px;
		text-align: center;
	}

	.pageContent_right {
		padding: 20px;
		width: 460px;
	}

	.pageContent_right_text {
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.26em;
		line-height: 22px;
		margin: 12px 0 35px;
	}

}

/****************************************
単一投稿ページ
****************************************/
.single .header_wrapper {
	border-bottom: 1px solid #E6E6E6;
}

.singleTitle {
	margin: 50px 0 30px;
}

.singleContents {
	display: block;
	margin: 0 auto;
	width: 94%;
}

.singleContents_date {
	color: #989898;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 10px;
}

.singleContents_title {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.16em;
	line-height: 24px;
	margin-top: 4px;
}

.singleContents_title::after {
	background: #E5E5E5;
	content: "";
	display: block;
	height: 5px;
	margin: 20px 0 15px;
	width: 40px;
}

.singleContents_content {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.26em;
	line-height: 22px;
	margin-top: 30px;
}

.singleContents_content p {
	margin-bottom: 22px;
}

.singleContents_button {
	margin-bottom: 50px;
	text-align: center;
}

.singleContents_content img {
	height: auto;
	max-width: 100%;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.singleTitle {
		margin: 100px 0 60px;
	}

	.singleContents {
		max-width: 1000px;
	}

	.singleContents_title::after {
		background: #E5E5E5;
		content: "";
		display: block;
		height: 5px;
		margin: 40px 0 30px;
		width: 40px;
	}

	.singleContents_content {
		margin-top: 50px;
	}

	.singleContents_button {
		margin-bottom: 100px;
	}

}


/****************************************
アーカイブ（index.php)
****************************************/
.blog .header_wrapper {
	border-bottom: 1px solid #E6E6E6;
}

.indexContents_topics_items {
	border-top: 1px dotted #000;
	margin-bottom: 60px;
}

.indexContents_topics_item {
	border-bottom: 1px dotted #000;
	color: #000;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

.indexContents_topics_item:hover {
	color: rgba(0, 0, 0, 0.7);
}

.indexContents_button {
	margin-bottom: 50px;
	text-align: center;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.indexContents_button {
		margin-bottom: 100px;
	}

	.indexContents_topics_item_date {
		border-right: 1px solid #000;
	}
}

/****************************************
404
****************************************/
.error404 .header_wrapper {
	border-bottom: 1px solid #E6E6E6;
}

.content404 {
	margin: 50px 0;
	text-align: center;
}

/* iPad縦(768px以上)*/
@media screen and (min-width:768px) {
	.content404 {
		margin: 100px 0;
	}
}