@charset 'UTF-8';

/*  Clear Fix
--------------------------------------- */
.clearfix:after
{
	display: table;
	clear: both; 
	content: '';
}


/*  Base
--------------------------------------- */
html
{
	overflow-y: scroll;
}

body
{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight:300;
	line-height: 1.5;
	color: #515151;

	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
	-webkit-font-smoothing: antialiased;
}

.maru {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.sand {
	font-family: 'Quicksand', sans-serif;
	font-weight:500;
}

/*  Links
--------------------------------------- */
a
{
	text-decoration: none; 
	color: #515151;
}
a:link,
a:visited
{
	text-decoration: none; 
}
a:active,
a:hover,
a:focus
{
	outline: none;
}


/* -------------------------------------------------------------------

	Base Style

-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html,
body,
div,
main,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
svg,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
picture,
button
{
	zoom: 1; 
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
	background: transparent;
	line-height:1.5;
}

/*  HTML5 Display Definitions
--------------------------------------- */
main,
section,
nav,
article,
aside,
hgroup,
menu,
summary,
svg,
header,
footer,
figure,
figcaption,
details,
picture
{
	display: block;
}

audio:not([controls])
{
	display: none;
}

[hidden]
{
	display: none;
}

/*  Typography
--------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 100%;
	font-weight: 300; 
	line-height: 1.5;
}

em
{
	font-weight: bold; 
	font-style: normal;
}

strong,
b
{
	font-weight: bold; 
	color: #f91e1e;
}

sup
{
	font-size: 65%; 
	line-height: 0;
	position: relative;
	top: -4px;
	vertical-align: middle;
}

sub
{
	font-size: 65%; 
	line-height: 0;
	position: relative;
	top: 0;
	vertical-align: middle;
}

pre
{
	font-family: monospace, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*  Horizontal Rule
--------------------------------------- */
hr
{
	display: none;
}

/*  Embedded Content
--------------------------------------- */
img
{
	vertical-align: top; 
	border: 0;
}

svg:not(:root)
{
	overflow: hidden;
}

/*  List Content
--------------------------------------- */
ul,
ol
{
	list-style: none;
}

/*  Tables
--------------------------------------- */
table
{
	width: 100%; 
	border-collapse: collapse;
	border: 0 none;
}

table th,
table td
{
	font-size: 1em;
	font-weight: normal; 
	text-align: left;
	vertical-align: top;
	border: 0 none;
}

input , textarea {
	-webkit-appearance: none;
	border:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input::-webkit-input-placeholder ,
input:-ms-input-placeholder ,
input::-moz-placeholder {
	color: #96827c;
}


.pcHide {
	display:none;
}

img {
	max-width:100%;
}

a:hover {
	opacity:0.7;
}

#wrapper {
	padding-top:99px;
}

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	border-bottom:1px solid #ccc;
	z-index:99999;
}

header.top {
	border-bottom:none;
}

header .inner {
	position:relative;
	max-width:1400px;
	margin:0 auto;
}

header h1 {
	float:left;
	margin:25px 0 0 26px;
}

header .menu {
	display:none;
}

header .gnav {
	float:right;
	width:1040px;
	margin:0 40px 0 0;
	letter-spacing:-0.5em;
	text-align:right;
}

header .gnav > li {
	display:inline-block;
	margin:0 0 0 53px;
	letter-spacing:0;
	vertical-align:top;
	text-align:center;
}

header .gnav > li:nth-child(1) {
	margin:0;
}
header .gnav > li:nth-child(6) {
	margin:0 0 0 50px;
}
header .gnav > li:nth-child(7) {
	margin:0 0 0 45px;
}

header .gnav > li > a {
	display:block;
	padding:25px 0 14px;
	font-size:120%;
}
/*
header .gnav > li:nth-child(3) a {
	padding:25px 0 6px;
}*/

header .gnav > li:nth-child(6) a {
	color:#40bdcd;
}

header .gnav > li > a > span {
	display:block;
	margin:0 0 14px;
	font-size:150%;
}
/*
header .gnav > li:nth-child(3) a span {
	margin:0 0 6px;
}*/

header .snav {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:1400px;
	padding:24px 8px 14px 24px;
	text-align:left;
	letter-spacing:-0.5em;
	background:#fff;
	box-shadow:0 0 1px 3px rgba(0,0,0,0.10);
	box-sizing:border-box;
	z-index:9999;
}

header .snav:after {
	content: "";
	position: absolute;
	top: -18px;
	left: 46%;
	margin-left: -14px;
	display: block;
	width: 14px;
	height: 18px;
	letter-spacing:-0.5em;
	background:url(../img/menu_arw_05.png) no-repeat left top;
}

header .snav > li {
	display:inline-block;
	width:237px;
	font-size:160%;
	letter-spacing:0;
	vertical-align:top;
}

header .snav > li:last-child {
	width:180px;
}

header .snav > li.pcHide {
	display:none;
}

header .snav > li .mt {
	display:block;
	margin-top:15px;
}

header .link {
	margin:16px 0 0;
}

header .link > li {
	margin:0 0 8px;
}

header .link > li a {
	display:block;
	color:#2398a7;
	font-size:75%;
}

header .link img {
	width:44px;
	height:44px;
	margin:0 8px 0 0;
	vertical-align:middle;
	border-radius:2px;
}

header .lang {
	position:absolute;
	top:0;
	right:0;
	padding:5px 0 0;
	letter-spacing:-0.5em;
}

header .lang li {
	display:inline-block;
	padding:0 7px;
	letter-spacing:0;
	font-size:140%;
	line-height:1;
	vertical-align:top;
	text-align:center;
}

header .lang li:first-child {
	border-right:1px solid #b9b8b8;
}

header .lang li a {
	color:#b9b8b8;
	line-height:1;
}
header .lang li span {
	color:#333;
	line-height:1;
}

footer {
	padding:0 0 35px;
	border-top:1px solid #ccc;
}

footer .inner {
	position:relative;
	max-width:1400px;
	margin:0 auto;
	padding:40px 0 0;
}

footer .pagetop {
	position:absolute;
	top:-25px;
	right:64px;
	width:50px;
}

footer h2 {
	width:175px;
	margin:0 0 30px 60px;
}

footer .fnav {
	float:left;
	width:540px;
	margin:0 0 0 60px;
}

footer .fnav ul {
	float:left;
	width:240px;
}

footer .fnav ul:first-child {
	margin:0 60px 0 0;
}

footer .fnav ul li {
	margin:0 0 14px;
	font-size:140%;
	line-height:1;
}

footer .fnav ul li a {
	padding:0 0 0 15px;
	background:url(../img/snav_arw.png) no-repeat left center;
}

footer .copy {
	float:right;
	width:510px;
	margin:80px 55px 0 0;
}

footer .copy p {
	font-size:120%;
	text-align:right;
}


.pnav {
	border-top:1px solid #ccc;
}

.pnav > ul {
	width:1380px;
	margin:0 auto;
	padding:24px 8px 14px 24px;
	text-align:left;
	letter-spacing:-0.5em;
	background:#fff;
	box-sizing:border-box;
}

.pnav > ul > li {
	display:inline-block;
	width:194px;
	font-size:160%;
	letter-spacing:0;
	vertical-align:top;
}

.pnav > ul > li:last-child {
	width:180px;
}

.pnav .link {
	margin:16px 0 0;
}

.pnav .link > li {
	margin:0 0 8px;
}

.pnav .link > li a {
	display:block;
	color:#2398a7;
	font-size:75%;
}


/*cookieここから*/
.cookiepopup { background:#E4E4E4; z-index: 9999999; color:#333; width:100%; bottom:0px; position:fixed; font-size: 140%; line-height: 1.43;}
.cookiepopup .content_area { max-width:1500px; margin:0 auto; display:flex; padding: 15px 0;}
.cookiepopup .text { width: 70%; padding-left:5%; }
.cookiepopup .text a { color:#333; text-decoration:underline;}
.cookiepopup .button { width: 30%;  display:flex; align-items:center; padding-left:5%;}
.cookiepopup li,.cookiepopup li a { background:#40bdcd; text-align: center; padding: 2px 8px; width: 120px; margin:0px 5px 0px 5px; color:#fff; cursor: pointer;}
.cookiepopup li:hover ,.cookiepopup li a:hover{ background:#40bdcd; text-align: center; padding: 2px 8px; min-width:100px; margin:0px 5px 0px 5px; color:#fff; text-decoration:underline;}
.cookiepopup p { color:#333; max-width:1500px;}
  /*cookieここまで*/


/*メルセデスミーポップアップここから*/
.mercedes_popup {
	visibility:hidden;
	position:fixed;
	width:640px;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index:1000;
}

.mercedes_main_img {
	width: 100%;
}

.mercedes_close_btn {
	position:absolute;
	right:2px;
	top:2px
}


/*メルセデスミーポップアップここまで*/



@media screen and (max-width: 1400px) {


header .snav {
	width:1200px;
	right: 0;
	margin: 0 auto;
}

header .snav:after {
	left: 43%;
}

header .snav > li {
	width:197px;
}

header .snav > li:last-child {
	width:180px;
}

.pnav > ul {
	width:1180px;
}

.pnav > ul > li {
	width:190px;
}


}

@media screen and (max-width: 1360px) {

header .inner {
	max-width:inherit;
}

header h1 {
	float:left;
	margin:25px 0 0 26px;
}

header .menu {
	display:block;
	float:right;
	margin:19px;
}

header .menu:hover {
	cursor:pointer;
	opacity:0.7;
}

header .gnav {
	display:none;
	position:absolute;
	max-width:640px;
	top:100%;
	right:0;
	float:none;
	width:100%;
	margin:0;
	letter-spacing:0;
	text-align:left;
	background:#fff;
	z-index:10000;
}

header .gnav > li {
	position:relative;
	display:block;
	margin:0 20px;
	text-align:left;
	border-top:2px solid #ccc;
}

header .gnav > li:nth-child(1) {
	margin:0 20px;
}
header .gnav > li:nth-child(6) {
	margin:0 20px;
}
header .gnav > li:nth-child(6) {
	margin:0 20px;
}
header .gnav > li .toggle {
	display: none;
	position:absolute;
	top:30px;
	right:20px;
	width:50px;
	height:50px;
	background:url(../img/menu_arw_01.png) no-repeat center center;
	z-index:2;
}
header .gnav > li .toggle.slide {
	background:url(../img/menu_arw_02.png) no-repeat center center;
}

header .gnav > li .toggle:hover {
	cursor:pointer;
	opacity:0.7;
}

header .gnav > li > a {
	display:block;
	padding:17px 0;
	font-size:200%;
}
/*
header .gnav > li:nth-child(3) a {
	padding:17px 0;
}*/

header .gnav > li:nth-child(6) a {
	color:#40bdcd;
}

header .gnav > li > a > span {
	display:block;
	margin:0 0 -3px;
	font-size:160%;
}
/*
header .gnav > li:nth-child(3) a span {
	margin:0 0 -3px;
}
header .gnav > li:nth-child(3) a br {
	display:none;
}*/

header .snav {
	display:none;
	position:static;
	width:100%;
	padding:0;
	letter-spacing:0;
	box-shadow:none;
	box-sizing:border-box;
	z-index:9999;
}

header .snav:after {
	display:none;
}

header .snav > li {
	display:block;
	width:100%;
	font-size:280%;
	border-top:2px solid #ccc;
}

header .snav > li.pcHide {
	display:block;
}

header .snav > li .ttl {
	display:block;
	padding:22px 0;
	background:url(../img/menu_arw_03.png) no-repeat right 32px center;
}

header .snav > li .ttl.slide {
	background:url(../img/menu_arw_04.png) no-repeat right 32px center;
}

header .snav > li .ttl:hover {
	cursor:pointer;
	opacity:0.7;
}

header .snav > li:last-child {
	width:100%;
}

header .link {
	display:none;
	margin:15px 0 0;
}

header .link > li {
	margin:0 20px 15px;
}

header .link > li a {
	display:block;
	color:#2398a7;
	font-size:86%;
}

header .link img {
	width:90px;
	height:90px;
	margin:0 16px 0 0;
	vertical-align:middle;
	border-radius:4px;
}

header .lang {
	top:18px;
	right:95px;
}

.pnav > ul {
	width:620px;
}

.pnav > ul > li:nth-child(3n) {
	width:180px;
	margin:0 0 30px;
}

/*cookieここから*/
.cookiepopup { background:#E4E4E4; z-index: 9999999; color:#333; width:100%; bottom:0px; position:fixed; font-size: 140%; line-height: 1.43;}
.cookiepopup .content_area { max-width:1500px; margin:0 auto; display:flex; padding: 15px 0;}
.cookiepopup .text { width: 70%; padding-left:5%; }
.cookiepopup .text a { color:#333; text-decoration:underline;}
.cookiepopup .button { width: 30%;  align-items:center; padding-left:5%; display:block;}
.cookiepopup li,.cookiepopup li a { background:#40bdcd; text-align: center; padding: 2px 10px; width: 80%; margin:5px; color:#fff; cursor: pointer;}
.cookiepopup li:hover ,.cookiepopup li a:hover{ background:#40bdcd; text-align: center; padding: 2px 10px; width: 80%; margin:5px; color:#fff; text-decoration:underline;}
.cookiepopup p { color:#333; max-width:1500px;}
/*cookieここまで*/

}




@media screen and (max-width: 640px) {

.spHide {
	display:none !important;
}

.pcHide {
	display:inherit;
}

a:hover {
	opacity:1;
}

img {
	width:100%;
	max-width:inherit;
}

#wrapper {
	padding-top:50px;
}

header h1 {
	float:left;
	width:115px;
	margin:13px 0 10px 13px;
}

header .menu {
	display:block;
	float:right;
	width:30px;
	margin:10px;
}

header .menu:hover {
	opacity:1;
}

header .gnav > li {
	margin:0 10px;
	border-top:1px solid #ccc;
}

header .gnav > li:nth-child(1) {
	margin:0 10px;
}
header .gnav > li:nth-child(6) {
	margin:0 10px;
}
header .gnav > li:nth-child(7) {
	margin:0 10px;
}

header .gnav > li .toggle {
	display: block;
	position:absolute;
	top:15px;
	right:5px;
	width:25px;
	height:25px;
	background:url(../img/menu_arw_01.png) no-repeat center center;
	background-size:13px auto;
}
header .gnav > li .toggle.slide {
	background:url(../img/menu_arw_02.png) no-repeat center center;
	background-size:13px auto;
}

header .gnav > li .toggle:hover {
	opacity:1;
}

header .gnav > li > a {
	padding:9px 0;
	font-size:100%;
}
/*
header .gnav > li:nth-child(3) a {
	padding:9px 0;
}*/

header .gnav > li > a > span {
	display:block;
	margin:0 0 -2px;
	font-size:160%;
}
/*
header .gnav > li:nth-child(3) a span {
	margin:0 0 -2px;
}*/

header .snav > li {
	font-size:140%;
	border-top:1px solid #ccc;
}

header .snav > li .ttl {
	padding:11px 0;
	background:url(../img/menu_arw_03.png) no-repeat right 12px center;
	background-size:13px auto;
}

header .snav > li .ttl.slide {
	background:url(../img/menu_arw_04.png) no-repeat right 12px center;
	background-size:13px auto;
}

header .snav > li .ttl:hover {
	opacity:1;
}

header .snav > li:last-child {
	width:100%;
}

header .link {
	display:none;
	margin:8px 0 0;
}

header .link > li {
	margin:0 10px 8px;
}

header .link > li a {
	font-size:86%;
}

header .link img {
	width:45px;
	height:45px;
	margin:0 8px 0 0;
	border-radius:2px;
}

header .lang {
	position:absolute;
	top:8px;
	right:50px;
}

header .lang li {
	padding:0 4px;
	font-size:100%;
}

footer {
	margin:0 0 40px;
	padding:0 0 5%;
	border-top:1px solid #ccc;
}

footer .inner {
	position:relative;
	max-width:inherit;
	margin:0 auto;
	padding:15% 0 0;
}

footer .pagetop {
	position:absolute;
	top:-19px;
	right:15px;
	width:38px;
}

footer h2 {
	width:27%;
	margin:0 3.9% 3.5%;
}

footer .copy {
	float:none;
	width:auto;
	margin:0 3.9%;
}

footer .copy p {
	font-size:100%;
	text-align:left;
	line-height:1.7;
}

.ftFix {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index:99999;
	box-sizing:border-box;
}

.ftFix ul {
	letter-spacing:-0.5em;
}

.ftFix ul li {
	display:inline-block;
	width:25%;
	letter-spacing:0;
	vertical-align:top;
	text-align:center;
	border-right:1px solid #fff;
	background:#40bdcd;
	box-sizing:border-box;
}

.ftFix ul li:nth-child(3) {
	line-height:1;
	background: #fff;
	border-right:1px solid #989797;
}

.ftFix ul li:last-child {
	line-height:1;
	border-right:none;
	background:#fff;
}

.ftFix ul li a {
	display:block;
	color:#40bdcd;
	font-size:100%;
}

.ftFix ul li:last-child a {
	padding:4px 0 5px;
}

.ftFix ul li a img {
	width:40px;
	margin:0 auto;
}

.ftFix ul li:nth-child(3) a {
	padding:4px 0 5px;
}

.ftFix ul li a span {
	display:block;
	font-size:140%;
}

.pnav > ul {
	width:89%;
	margin:0 auto;
	padding:2% 0;
	text-align:left;
}

.pnav > ul > li {
	display:inline-block;
	width:50%;
	margin:0 0 5%;
	font-size:140%;
	letter-spacing:0;
	vertical-align:top;
}

.pnav > ul > li:nth-child(3n) {
	width:50%;
}

.pnav .link {
	margin:16px 0 0;
}

.pnav .link > li {
	margin:0 0 7%;
}

.pnav .link > li a {
	display:block;
	color:#2398a7;
	font-size:79%;
}

/*cookieここから*/
.cookiepopup { background:#E4E4E4; z-index: 9999999; color:#333; width:100%; bottom:0px; position:fixed; font-size: 120%; line-height: 1.72;}
.cookiepopup .content_area { max-width:1500px; margin:0 auto; padding: 15px 0; display:block;}
.cookiepopup .text { width: 90%; padding:1px auto; }
.cookiepopup .text a { color:#333; text-decoration:underline;}
.cookiepopup .button { width: 100%;  padding:1px 1px;}
.cookiepopup li,.cookiepopup li a { background:#40bdcd; text-align: center; padding: 2px 10px; width: 80%; margin:5px auto; color:#fff; cursor: pointer;}
.cookiepopup li:hover ,.cookiepopup li a:hover{ background:#40bdcd; text-align: center; padding: 2px 10px; width: 80%; margin:5px auto; color:#fff; text-decoration:underline;}
.cookiepopup p { color:#333; max-width:1500px;}
/*cookieここまで*/


/*メルセデスミーポップアップここから*/
.mercedes_popup {
	visibility:hidden;
	width: 100vw;
	position:fixed;
	top: 50%;
	z-index:1000;
}

.mercedes_main_img img {
	min-width:100vw;
}

.mercedes_close_btn {
	position:absolute;
	right:2px;
	top:2px;
	width:auto;
}

}

@media screen and (max-width: 370px) {

.ftFix ul li a.online_shop {
	/*display:block;
	color:#40bdcd;*/
	font-size:80%;
}

.ftFix ul li:nth-child(3) a.online_shop {
	padding:9px 0 5px;
}

}