<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
#content, #diatone_block, #footer_sitemap .unit, .col2, .col3 { *zoom: 1; }
#content:before, #footer_sitemap .unit:before, .col2:before, .col3:before, #content:after, #diatone_block:after, #footer_sitemap .unit:after, .col2:after, .col3:after { display: table; content: " "; }
#content:after, #diatone_block:after, #footer_sitemap .unit:after, .col2:after, .col3:after { clear: both; }

/*! Layout */
#main { min-width: 729px; }

#content { margin: 0 auto; font-size: 87.5%; max-width: 954px; padding: 0 13px; }

#module_zoomFontSize { top: 14px; }

.global_footer { margin-top: 0; }

#content_wrap { float: right; width: 71.28%; }

#side_wrap { float: left; width: 23.06%; padding-bottom: 20px; }

.unit { width: 100%; max-width: 980px; margin: 0 auto; }

@media only screen and (min-width: 641px) and (max-width: 979px) { .unit { width: auto; padding-left: 13px !important; padding-right: 13px !important; } }
@media only screen and (max-width: 640px) { #main { min-width: inherit; }
  #content { max-width: inherit; margin: 0; font-size: 87.5%; border-bottom: 1px solid #bbb; padding: 0; }
  #module_titleArea { border-bottom: 1px solid #d9d9d9; }
  #content_wrap { float: none; width: 100%; padding: 0 20px; line-height: 1.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
  #side_wrap { float: none; width: 100%; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #e0e0e0; padding-bottom: 15px; }
  .unit { width: auto; max-width: inherit; margin: 0; padding: 0 20px !important; }
  sup { font-size: 78.57%; vertical-align: top; }
  em, strong { font-weight: bold; } }

#extra_nav .text { float: left; padding: 19px 0 0 15px; }

.content-area *,
#footer_sitemap * {box-sizing: content-box;}
.footer_share_buttons {padding: 10px 10px calc(8.8vw + 10px) 10px;}
.footer_share_buttons&gt;ul {display: flex;align-items: center;justify-content: flex-end;list-style: none;}
.content-area ul,
.content-area ol,
#footer_sitemap ul,
#footer_sitemap ol {list-style: none;}
.content-area img,
#footer_sitemap img {vertical-align: top;}
@media only screen and (max-width: 640px) {
	#footer_sitemap { font-size: 87.5%; }
}

@media only screen and (min-width: 641px) {
	.sp_only { display: none !important; }
}
@media only screen and (max-width: 640px) {
	.pc_only { display: none !important; }
}

@media print, screen and (min-width: 768px) {
	#module_titleArea {
			display: flex;
			justify-content: space-between;
			align-items: center;
	}
}
.header_share_buttons {
	height: 20px;
}
.header_share_buttons&gt;ul {
	display: flex;
	align-items: center;
}
.header_share_buttons&gt;ul&gt;li.twitter {
	font-size: 9pt;
}
.header_share_buttons&gt;ul&gt;li:not(:first-child) {
	margin-left: 15px;
}
.header_share_buttons&gt;ul&gt;li {
	display: block;
}
@media screen and (max-width: 767px) {
	.header_share_buttons {
			display: none;
	}
}

.headline { position: relative; color: #cc0000; font-size: 142.86%; font-weight: bold; text-align: center; line-height: 1.3; margin-bottom: 25px; }
.headline:before { content: ""; display: block; position: absolute; width: 100%; height: 3px; background-color: #cc0000; top: 45%; }
.headline span { display: inline-block; background-color: #FFF; padding: 0 7px; position: relative; z-index: 2; }
.headline span img { vertical-align: middle; }

.sub_headline { font-size: 142.86%; font-weight: bold; text-align: center; margin-bottom: 20px; color: #cc0000; }
.sub_headline span { display: inline-block; border-bottom: 2px solid #cc0000; margin-bottom: 12px; }
.sub_headline .new { border-bottom: 0 !important; font-size: 60%; margin: 0 5px 18px; padding: 4px 0 3px; width: 120px; height: 1em; line-height: 1; background-color: #cc0000; color: #fff; vertical-align: bottom; }
.sub_headline .new sup { vertical-align: top; position: relative; top: -3px; }
.sub_headline + .note { display: block; font-size: 78.57%; padding-left: 1em; text-indent: -1em; text-align: center; margin: -20px 0 20px; }

.label { color: #cc0000; font-weight: bold; font-size: 114.29%; margin-bottom: 10px; }
.label .new { display: inline-block; font-size: 68.75%; margin-left: 10px; padding: 1px 0; width: 120px; background-color: #cc0000; color: #fff; text-align: center; vertical-align: top; }

@media only screen and (max-width: 640px) { #category_title { padding-top: 0; }
  #category_title a { display: block; margin: 20px 0 0 20px; width: 216px; height: 45px; background: url(../img/ttl_carnavi_2x.gif) no-repeat 0 0; background-size: 216px auto; }
  #category_title img { display: none; }
  #extra_nav { display: none; }
  .headline { font-size: 142.86%; margin-bottom: 20px; }
  .headline:before { height: 2px; background-color: #cc0000; top: 45%; }
  .headline span { padding: 0 5px; }
  .sub_headline { font-size: 128.57%; }
  .sub_headline span { margin-bottom: 8px; padding-bottom: 5px; border-bottom: 2px solid #cc0000; }
  .sub_headline .new { font-size: 61.11%; margin: 0 5px 15px; min-width: 75px; width: auto; }
  .sub_headline .new sup { top: -1px; }
  .label { font-size: 100%; }
  .label .new { min-width: 70px; width: auto; } }
/*! #side_wrap */
#header_nav, #sp_header_nav { display: none; }

#side_wrap #local_nav { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; }
#side_wrap #local_nav #carnavi_top { margin-bottom: 2px; background-color: #000; padding: 28px 15px 20px; font-weight: bold; }
#side_wrap #local_nav #carnavi_top.current { background-color: #cc0000; }
#side_wrap #local_nav #carnavi_top a { color: #fff; }
#side_wrap #local_nav #carnavi_top a:hover span { text-decoration: underline; }
#side_wrap #local_nav #carnavi_top span { background: url(../img/arr_white.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; color: #fff; }
#side_wrap #local_nav &gt; ul li { background-color: #000; color: #fff; }
#side_wrap #local_nav &gt; ul li &gt; span { display: block; padding: 18px 15px 16px; }
#side_wrap #local_nav &gt; ul li a span { background: url(../img/arr_black.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#side_wrap #local_nav &gt; ul li a span small { color: #cc0000; display: inline-block; font-size: smaller; }
#side_wrap #local_nav &gt; ul li a:hover span { text-decoration: underline; }
#side_wrap #local_nav &gt; ul li &gt; ul li { background-color: #ebebeb; padding: 16px 15px 14px; border-top: 1px solid #d4d4d4; }
#side_wrap #local_nav &gt; ul li &gt; ul li:first-child { border-top: 0; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open { background-color: #cc0000; font-weight: bold; padding: 0; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open &gt; a { color: #fff; display: block;padding-top: 16px;}
#side_wrap #local_nav &gt; ul li &gt; ul li.open span { background: url(../img/arr_down_white.png) no-repeat 15px 0.4em; padding: 0 15px 14px 28px; display: inline-block; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open span small { color: #fff; font-size: smaller; }
#side_wrap #local_nav &gt; ul li &gt; ul li.spnavi { display: none; }
#side_wrap #local_nav &gt; ul li &gt; ul li:first-child { border-top: 0; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul { background-color: #f5f5f5; padding-left: 28px; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li { background-color: #f5f5f5; padding: 12px 0 10px 0; font-weight: bold; color: #333; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li &gt; span { background: url(../img/arr_down_black.png) no-repeat 0 0.4em; padding: 0 0 0 15px; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li.current &gt; span { background: url(../img/arr_black.png) no-repeat left 0.35em; padding: 0 15px 0 12px; color: #cc0000; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li a { color: #333; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li a span { background: url(../img/arr_black.png) no-repeat left 0.35em; padding: 0 15px 0 12px; display: inline-block; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li ul { display: block !important; padding-left: 15px; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li ul li { font-weight: normal; border: none; padding: 5px 0 4px; }
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li ul li.current a { color: #cc0000; font-weight: normal; padding: 5px 0 4px; pointer-events: none;}
#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li ul li.current { color: #cc0000; font-weight: normal; padding: 5px 0 4px; }


#side_wrap #local_nav &gt; ul li &gt; ul li.open ul li ul li.current &gt; span { background: url(../img/arr_black.png) no-repeat left 0.35em; padding: 0 15px 0 12px; }
#side_wrap #update { background-color: #BA0A02; padding: 5px; color: #fff; margin-bottom: 10px; }
#side_wrap #update dl { border: 1px solid #fff; padding: 9px; }
#side_wrap #update dl dt { font-weight: bold; text-align: center; margin-bottom: 8px; }
#side_wrap #update dl dd { margin-bottom: 3px; font-weight: bold; font-size: 78.57%; }
#side_wrap #update dl dd a { display: block; background-color: #FFF; color: #BA0A02; padding: 7px 8px 6px; text-align: center; }
#side_wrap #update dl dd a:hover { background-color: #f9e8e7; }
#side_wrap #update dl dd a span { background: url(../img/arr_ba0a02.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#side_wrap #verup { background-color: #505da3; padding: 5px; color: #fff; margin-bottom: 10px; }
#side_wrap #verup dl { border: 1px solid #fff; padding: 9px; }
#side_wrap #verup dl dt { font-weight: bold; text-align: center; margin-bottom: 8px; }
#side_wrap #verup dl dt small { display: block; font-weight: normal; font-size: 78.57%; }
#side_wrap #verup dl dd { margin-bottom: 2px; font-weight: bold; font-size: 78.57%; }
#side_wrap #verup dl dd a { display: block; background-color: #FFF; color: #505da3; padding: 8px; text-align: center; }
#side_wrap #verup dl dd a:hover { background-color: #eff1f7; }
#side_wrap #verup dl dd a span { background: url(../img/arr_505da3.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#side_wrap #openinfo { background-color: #0a77d9; padding: 5px; color: #fff; margin-bottom: 10px; }
#side_wrap #openinfo dl { border: 1px solid #fff; padding: 9px; }
#side_wrap #openinfo dl dt { text-align: center; margin-bottom: 8px; }
#side_wrap #openinfo dl dt small { display: block; font-size: 78.57%; }
#side_wrap #openinfo dl dd { margin-bottom: 2px; font-weight: bold; font-size: 78.57%; }
#side_wrap #openinfo dl dd a { display: block; background-color: #FFF; color: #0a77d9; padding: 8px; }
#side_wrap #openinfo dl dd a:hover { background-color: #e7f3fb; }
#side_wrap #openinfo dl dd a span { background: url(../img/arr_0a77d9.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#side_wrap #security { background-color: #6d9133; padding: 5px; color: #fff; margin-bottom: 10px; }
#side_wrap #security dl { border: 1px solid #fff; padding: 9px; }
#side_wrap #security dl dt { font-weight: bold; text-align: center; margin-bottom: 8px; }
#side_wrap #security dl dt small { display: block; font-weight: normal; font-size: 78.57%; }
#side_wrap #security dl dd { margin-bottom: 2px; font-weight: bold; font-size: 78.57%; }
#side_wrap #security dl dd a { display: block; background-color: #FFF; color: #505da3; padding: 8px; text-align: center; }
#side_wrap #security dl dd a:hover { background-color: #eff1f7; }
#side_wrap #security dl dd a span { background: url(../img/arr_6d9133.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#side_wrap #sdcard { background-color: #f7f7f7; border: 1px solid #d9d9d9; padding: 5px; margin-bottom: 10px; }
#side_wrap #sdcard a { display: block; border: 1px solid #e5e5e5; padding: 9px; text-align: center; font-weight: bold; font-size: 78.57%; color: #333; }
#side_wrap #sdcard a:hover { background-color: #eeeeee; }
#side_wrap #sdcard a span { background: url(../img/arr_black.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
@media only screen and (min-width: 641px) {
  #side_wrap #local_nav &gt; ul li.group &gt; span + ul {display: block !important;}
  #side_wrap #local_nav &gt; ul li:not(.group1) &gt; span { pointer-events: none;}
  #header_nav {display: none !important;}
  #side_wrap #local_nav &gt; ul li &gt; ul li.current { background-color: #cc0000; font-weight: bold; padding: 16px 0 0; }
  #side_wrap #local_nav &gt; ul li &gt; ul li.current &gt; a { color: #fff; }
  #side_wrap #local_nav &gt; ul li &gt; ul li.current span { background: url(../img/arr_white.png) no-repeat 15px 0.4em; padding: 0 15px 14px 28px; display: inline-block; }
  #side_wrap #local_nav &gt; ul li &gt; ul li.current span small { color: #fff; }
}
/*! .model_nav */
.model_nav { display: none; }
.acopen {pointer-events: none;}
.d-sp {display: none;}
@media only screen and (max-width: 640px) { /*! #local_nav */
  .d-sp {display: block;}
  .acopen {pointer-events: initial;}
  #side_wrap #local_nav { border-bottom: 1px solid #fff; margin-bottom: 0; line-height: 1.231; }
  #side_wrap #local_nav #carnavi_top { margin-bottom: 1px; padding: 15px 20px 12px; background-color: #d9d9d9; }
  #side_wrap #local_nav #carnavi_top span { background: url(../img/arr_headernav.png) no-repeat right center; background-size: 9px auto; padding-left: 0; display: block; color: #005e8c; }
  #side_wrap #local_nav #carnavi_top.current { background-color: #d9d9d9; }
  #side_wrap #local_nav #carnavi_top.current span { color: #cc0000; background: none; }
  #side_wrap #local_nav &gt; ul li &gt; span { padding: 15px 20px 12px; }
  #side_wrap #local_nav &gt; ul li.group &gt; span { background-color: #000; color: #fff; border-bottom: 1px solid #adadad; cursor: pointer; position: relative; }
  #side_wrap #local_nav &gt; ul li.group &gt; span:after { content: "＋"; font-size: 128.57%; position: absolute; right: 15px; }
  #side_wrap #local_nav &gt; ul li.group &gt; span.acopen:after { content: "−"; right: 18px; }
  #side_wrap #local_nav &gt; ul li.group &gt; span + ul { display: none; }
  #side_wrap #local_nav &gt; ul li a span { background: url(../img/arr_headernav.png) no-repeat 99% center; background-size: 9px auto; padding-right: 20px; padding-left: 0; display: block; }
	#side_wrap #local_nav &gt; ul li a span small { font-size: inherit; }
  #side_wrap #local_nav &gt; ul li &gt; ul li { padding: 0; border-top: 0; }
  #side_wrap #local_nav &gt; ul li &gt; ul li.open { display: none; }
  #side_wrap #local_nav &gt; ul li &gt; ul li a { display: block; padding: 15px 0 12px; margin: 0 20px; border-top: 1px solid #d4d4d4; }
  #side_wrap #local_nav &gt; ul li &gt; ul li:first-child a { border-top: 0; }
  #side_wrap #local_nav &gt; ul li &gt; ul li.current span { background: none; padding: 0 40px 15px 20px; }
	#side_wrap #local_nav &gt; ul li &gt; ul li.spnavi { display: block; }

  #side_wrap #update { margin: 15px 20px; }
  #side_wrap #update dl dd { margin-bottom: 5px; }
  #side_wrap #update dl dd a span { background: url(../img/arr_ba0a02_2x.png) no-repeat left 0.35em; background-size: 6px auto; }
  #side_wrap #verup { margin: 15px 20px; }
  #side_wrap #verup dl dd { margin-bottom: 5px; }
  #side_wrap #verup dl dd a span { background: url(../img/arr_505da3_2x.png) no-repeat left 0.35em; background-size: 6px auto; }
  #side_wrap #openinfo { margin: 15px 20px; }
  #side_wrap #openinfo dl dd { margin-bottom: 5px; }
  #side_wrap #openinfo dl dd a { text-align: center; }
  #side_wrap #openinfo dl dd a span { background: url(../img/arr_0a77d9_2x.png) no-repeat left 0.35em; background-size: 6px auto; }
  #side_wrap #security { margin: 15px 20px; }
  #side_wrap #security dl dd { margin-bottom: 5px; }
  #side_wrap #security dl dd a { text-align: center; }
  #side_wrap #security dl dd a span { background: url(../img/arr_6d9133_2x.png) no-repeat left center; background-size: 6px auto; }
  #side_wrap #sdcard { margin: 15px 20px; }
  #side_wrap #sdcard a span { background: url(../img/arr_black_2x.png) no-repeat left 0.4em; background-size: 6px auto; }
  /*! #header_nav */
  #header_nav #update,
  #header_nav #verup,
  #header_nav #openinfo,
  #header_nav #security,
  #header_nav #sdcard { display: none; }

  #sp_header_nav { display: block; float: right; margin: 0; position: absolute; top: calc(50% - 14px); right: 10px; }
  #sp_header_nav a { display: block; width: 28px; height: 28px; }
  #sp_header_nav.open { background: url(../img/bt_close.gif); background-size: 28px auto; }
  #sp_header_nav.open img { display: none; }
  #header_nav { display: none; background-color: #d9d9d9; position: relative;font-size: 87.5%; line-height: 1; }
  #header_nav #local_nav #carnavi_top { font-weight: bold; }
  #header_nav #local_nav #carnavi_top a { display: block; padding: 15px 20px; }
  #header_nav #local_nav #carnavi_top a:hover span { text-decoration: underline; }
  #header_nav #local_nav #carnavi_top span { background: url(../img/arr_headernav.png) no-repeat right center; background-size: 9px auto; padding-right: 15px; display: block; }
  #header_nav #local_nav #carnavi_top.current { color: #cc0000; }
  /* #header_nav #local_nav #carnavi_top.current span { background: none; padding: 15px 20px; } */
  #header_nav #local_nav &gt; ul li &gt; span { display: block; padding: 15px 20px; font-weight: bold; }
  #header_nav #local_nav &gt; ul li.group &gt; span { background-color: #000; color: #fff; border-bottom: 1px solid #adadad; cursor: pointer; position: relative; }
  #header_nav #local_nav &gt; ul li.group &gt; span:after { content: "＋"; font-size: 128.57%; position: absolute; right: 15px; }
  #header_nav #local_nav &gt; ul li.group &gt; span.acopen:after { content: "−"; right: 18px; }
  #header_nav #local_nav &gt; ul li.group &gt; span + ul { display: none; }
  #header_nav #local_nav &gt; ul li small { font-size: 85.71%; font-weight: normal; }
  #header_nav #local_nav &gt; ul li a span { background: url(../img/arr_headernav.png) no-repeat 99% center; background-size: 9px auto; padding-right: 20px; display: block; }
  #header_nav #local_nav &gt; ul li a span small { color: #cc0000; font-size: 85.71%; }
  #header_nav #local_nav &gt; ul li a:hover span { text-decoration: underline; }
  #header_nav #local_nav &gt; ul li &gt; ul li a { display: block; padding: 15px 0; margin: 0 20px; border-bottom: 1px solid #adadad; }
  #header_nav #local_nav &gt; ul li &gt; ul li:last-child a { border-bottom: 0; }
  #header_nav #local_nav &gt; ul li &gt; ul li.open { display: none; }
  #header_nav #local_nav &gt; ul li &gt; ul li.current { color: #fff; }
  #header_nav #local_nav &gt; ul li &gt; ul li.current &gt; span { background: none; background-color: #cc0000; padding: 15px 40px 15px 20px; display: block; font-weight: bold; border-bottom: 0; }
  /*! .model_nav */
  .model_nav { display: block;font-size: 87.5%; }
  .content-area .model_nav { font-size: 100%; line-height: 1.231; }
  .model_nav &gt; .open { background-color: #cc0000; }
  .model_nav &gt; .open &gt; span { display: block; color: #FFF; font-weight: bold; padding: 15px 20px; position: relative; }
  .model_nav &gt; .open &gt; span:after { content: ""; width: 28px; height: 28px; position: absolute; right: 10px; top: 50%; margin-top: -14px; background: url(/carele/carnavi/common_resp/img/bt_modelnav.png) no-repeat right bottom; background-size: 28px auto; }
  .model_nav &gt; .open &gt; span small { font-size: 78.57%; }
  .model_nav &gt; .open &gt; span + ul { display: none; }
  .model_nav &gt; .open &gt; span + ul li { background-color: #d9d9d9; }
  .model_nav &gt; .open &gt; span + ul li a { display: block; color: #005e8c; font-weight: bold; padding: 15px 20px; background: url(../img/arr_headernav.png) no-repeat 97% center; background-size: 9px auto; padding-right: 15px; }
  .model_nav &gt; .open .group { background-color: #000; }
  .model_nav &gt; .open .group &gt; span { display: block; color: #FFF; font-size: 92.86%; padding: 15px 20px; border-bottom: 1px solid #adadad; }
  .model_nav &gt; .open .group &gt; span:after { content: "＋"; font-size: 123.08%; position: absolute; right: 15px; }
  .model_nav &gt; .open .group &gt; span.acopen:after { content: "−"; right: 18px; }
  .model_nav &gt; .open .group ul { display: none; background-color: #d9d9d9; border-bottom: 1px solid #adadad; color: #005E8C; overflow: hidden; }
  .model_nav &gt; .open .group ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .model_nav &gt; .open .group ul li:nth-child(odd) { float: left; clear: both; width: 50%; border-top: 1px solid #adadad; border-right: 1px solid #adadad; }
  .model_nav &gt; .open .group ul li:nth-child(even) { float: left; width: 50%; border-left: 1px solid #adadad; border-top: 1px solid #adadad; margin-left: -1px; }
  .model_nav &gt; .open .group ul li:first-child, .model_nav &gt; .open .group ul li:nth-child(2) { border-top: none; }
  .model_nav &gt; .open .group ul li a { display: block; background: url(../img/arr_headernav.png) no-repeat 94% center; background-size: 9px auto; font-size: 92.86%; padding: 15px 25px 15px 20px; }
  .model_nav &gt; .open .group ul li.current span { display: block; font-size: 92.86%; padding: 15px 20px; font-weight: bold; color: #cc0000; }
  .model_nav &gt; .open &gt; .acopen:after { background: url(/carele/carnavi/common_resp/img/bt_modelnav.png) no-repeat right top; background-size: 28px auto; }
}

/*! #diatone_block */
#diatone_block { margin: 80px 0 40px;}
#diatone_block .elem { width: 50%; text-align: center;box-sizing: border-box;padding: 15px 0}
#diatone_block .elem .head { font-weight: bold; color: #cc0000; font-size: 128.57%; margin-bottom: 15px; }
#diatone_block .elem .text { margin-bottom: 15px; text-align: left; }
#diatone_block .elem .arr {background-position: left 0.40em }
#diatone_block .elem .elem_wrap{
	position: relative;
	margin: auto 20px;
	padding: 150px 0 0;
}

#diatone_block #tuning .elem_wrap { background: url(../img/diatone_block_tuning.gif) no-repeat center 15px; }
#diatone_block #democar .elem_wrap { background: url(../img/diatone_block_democar.gif) no-repeat center 15px;  }
#diatone_block #listening .elem_wrap { background: url(../img/diatone_block_listening.gif) no-repeat center 15px;  }
#diatone_block #demomachine .elem_wrap { background: url(../img/diatone_block_demomachine.gif) no-repeat center 15px;  }
@media only screen and (min-width: 641px) {
	#diatone_block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#diatone_block .elem .elem_wrap::before{
		content:'';
		width: 100%;
		height: 1px;
		background-color: #E5E5E5;
		position: absolute;
		left: 0;
		top:-15px;
	}
	#diatone_block .elem:nth-of-type(-n+2) .elem_wrap::before{
		display: none;
	}
	#diatone_block .elem .elem_wrap::after{
		content:'';
		width: 1px;
		height: 100%;
		background-color: #E5E5E5;
		position: absolute;
		left: -20px;
		top:0;
	}
	#diatone_block .elem:nth-of-type(odd) .elem_wrap::after{
		display: none;
	}
}
@media only screen and (max-width: 640px) { #diatone_block { background-color: #f5f5f5; margin: 40px -20px 0; padding: 20px; }
  #diatone_block .elem { display: block; width: 100%; border-left: none; border-bottom: 1px solid #e0e0e0; padding: 25px 0; }
  #diatone_block .elem:last-child { border-bottom: none; }
  #diatone_block .elem .text { width: 80%; margin: 0 auto 10px; }
  #diatone_block #tuning .elem_wrap { background: url(../img/diatone_block_tuning_2x.png) no-repeat center 0; background-size: 100px auto; padding: 115px 0 0; }
  #diatone_block #democar .elem_wrap { background: url(../img/diatone_block_democar_2x.png) no-repeat center 0; background-size: 100px auto; padding: 115px 0 0; }
  #diatone_block #listening .elem_wrap { background: url(../img/diatone_block_listening_2x.png) no-repeat center 0; background-size: 100px auto; padding: 115px 0 0; }
  #diatone_block #demomachine .elem_wrap { background: url(../img/diatone_block_demomachine_2x.png) no-repeat center 0; background-size: 100px auto; padding: 115px 0 0; }
}
/*! #footer_sitemap */
#footer_sitemap { background-color: #4D4D4D; color: #fff; padding: 70px 0; width: 100%; min-width: 0%; }
#footer_sitemap .unit { max-width: 954px; }
#footer_sitemap a { color: #fff; background: url(../img/arr_white.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
#footer_sitemap ul li &gt; span { display: block; font-weight: bold; margin-bottom: 2em; }
#footer_sitemap ul li ul li { font-size: 81.25%; margin-bottom: 10px; }
#footer_sitemap #internal_link { float: left; width: 48.5%; margin-right: 3%; }
#footer_sitemap #extarnal_link { float: left; width: 48.5%; }
#footer_sitemap #shop_link { float: right; width: 17.82%; padding-right: 3.14%; }
#footer_sitemap #shop_link:before { content: ""; display: block; }
#footer_sitemap #shop_link li { min-height: 34px; padding-top: 16px; }
#footer_sitemap #shop_link .tuning { background: url(../img/footer_sitemap_tuning.png) no-repeat left center; padding-left: 50px; }
#footer_sitemap #shop_link .democar { background: url(../img/footer_sitemap_democar.png) no-repeat left center; padding-left: 50px; }
#footer_sitemap #shop_link .listening { background: url(../img/footer_sitemap_listening.png) no-repeat left center; padding-left: 50px; }
#footer_sitemap #shop_link .demomachine { background: url(../img/footer_sitemap_demomachine.png) no-repeat left center; padding-left: 50px; }
#footer_sitemap #shop_link li a { background: none; padding-left: 0; }

@media only screen and (max-width: 640px) { #footer_sitemap { padding: 50px 0 40px; min-width: inherit; }
  #footer_sitemap ul li &gt; span { margin-bottom: 20px; }
  #footer_sitemap ul li ul li { font-size: 85.71%; }
  #footer_sitemap a { background: url(../img/arr_white_2x.png) no-repeat left 0.4em; background-size: 6px auto; }
  #footer_sitemap #internal_link { float: none; width: 100%; margin-right: 0; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #808080; }
  #footer_sitemap #extarnal_link { float: none; width: 100%; }
  #footer_sitemap #shop_link { float: none; width: 100%; padding-right: 0; }
  #footer_sitemap #shop_link:before { display: none; }
  #footer_sitemap #shop_link li { min-height: 26px; padding-top: 12px; }
  #footer_sitemap #shop_link .tuning { background: url(../img/footer_sitemap_tuning_2x.png) no-repeat left center; background-size: 38px auto; padding-left: 45px; }
  #footer_sitemap #shop_link .democar { background: url(../img/footer_sitemap_democar_2x.png) no-repeat left center; background-size: 38px auto; padding-left: 45px; }
  #footer_sitemap #shop_link .listening { background: url(../img/footer_sitemap_listening_2x.png) no-repeat left center; background-size: 38px auto; padding-left: 45px; }
  #footer_sitemap #shop_link .demomachine { background: url(../img/footer_sitemap_demomachine_2x.png) no-repeat left center; background-size: 38px auto; padding-left: 45px; }
}
/*! .pagetop */
.pagetop { display: none; position: fixed; right: 0; bottom: 0; height: 0; width: 100%; z-index: 100; }
.pagetop .unit { position: relative; }
.pagetop a { display: block; height: 50px; width: 50px; background: #cc0000 url("../img/arr_pagetop.png") no-repeat center center; color: #fff; outline: none; position: absolute; right: 13px; top: -50px; text-indent: -9999px; transition: background-color 0.3s ease 0s; z-index: 100; }
.pagetop a:hover { background-color: #de5959; }

@media only screen and (max-width: 640px) { .pagetop a { opacity: 0.7; filter: alpha(opacity=70); } }
/*! .social_wrap */
.social_wrap { border-right: 1px solid #ccc; }

#module_titleArea .social_wrap { position: absolute; top: 18px; right: 250px; height: 20px; }

.social_wrap li { float: left; margin-right: 15px; }
.social_wrap li iframe[src*="facebook"] { width: 107px !important; }

@media only screen and (min-width: 641px) and (max-width: 979px) { #module_titleArea .social_wrap { display: none; } }
@media only screen and (max-width: 640px) { #module_titleArea .social_wrap { display: none; } }
/*! #module_sp_footer_func */
#module_sp_footer_func { display: none; }

@media only screen and (max-width: 640px) { #module_sp_footer_func { display: block; }
  #module_sp_footer_func .social_wrap { padding: 10px; background-color: #f3f3f3; border: none; }
  #module_sp_footer_func .social_wrap ul { float: right; }
  #module_sp_footer_func .social_wrap ul li { margin: 0 0 0 10px; }
  #module_sp_footer_func .social_wrap ul li iframe.twitter-share-button { height: 20px; position: static; visibility: visible; width: 67px; }
  #module_sp_footer_func .pagetop { margin: 0.75em 10px 1.5em; } }
/*! Parts */
.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.br15em { margin-bottom: 1.5em !important; }

.txt_l { text-align: left !important; }

.txt_r { text-align: right !important; }

.txt_c { text-align: center !important; }

.fluid_img { max-width: 100%; }

.red { color: #cc0000; }

.black { color: #333; }

.note { margin-top: 1em; font-size: 85.71%; }

.note_list { margin-top: 1em; }
.note_list &gt; li { padding-left: 1em; text-indent: -1em; font-size: 85.71%; margin-bottom: 3px; }

.note_list_2em { margin-top: 1em; }
.note_list_2em &gt; li { padding-left: 2em; text-indent: -2em; font-size: 85.71%; margin-bottom: 3px; }

.decimal_list { margin-top: 1em; }
.decimal_list &gt; li { padding-left: 2em; text-indent: -2em; font-size: 85.71%; margin-bottom: 3px; }

.note_list .decimal_list, .note_list .note_list { margin-top: 5px; }
.note_list .decimal_list &gt; li, .note_list .note_list &gt; li { font-size: 100%; }

.disc_list { margin-top: 1em; }
.disc_list &gt; li { margin-left: 1em; margin-bottom: 3px; list-style-type: disc; }

.col2 .left { float: left; width: 47.06%; }
.col2 .right { float: right; width: 47.06%; }

.col3 .item { float: left; width: 30.88%; margin-left: 3.68% !important; }
.col3 .item:first-child { margin-left: 0 !important; }

.arr { background: url(../img/arr_black.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; text-indent: 0; }

.button { display: block; margin: 0 auto; text-align: center; border: 1px solid #333; background-color: #FFF; padding: 15px 20px; }
.button span { background: url(/carele/carnavi/common_resp/img/arr_black.png) no-repeat left 0.35em; padding-left: 10px; display: inline-block; }
.button:hover span { text-decoration: underline; }
.button img { vertical-align: middle; padding-right: 5px; }

@media only screen and (max-width: 640px) { .col2 .left, .col2 .right { float: none; width: 100%; margin-left: 0 !important; margin-top: 15px; }
  .col3 .item { float: none; width: 100%; margin-left: 0 !important; margin-top: 15px; }
  .arr { background: url(../img/arr_black_2x.png) no-repeat left 0.4em; background-size: 6px auto; }
  .blank img { display: none; }
  .blank:after { content: ""; width: 15px; height: 14px; display: inline-block; background: url(../img/icon_blank_2x.png) no-repeat; background-size: 15px auto; }
  .pdf img { display: none; }
  .pdf:after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(../img/icon_pdf_2x.png) no-repeat; background-size: 16px auto; }
  .button { padding: 15px 20px; }
  .button span { background: url(/carele/carnavi/common_resp/img/arr_black_2x.png) no-repeat left 0.4em; background-size: 6px auto; } }
</pre></body></html>