@charset "UTF-8";

/* Web Font */
/*
@font-face {
  font-family: "title";
  src: url("common/fonts/sample.eot?") format('eot'),
       url("common/fonts/sample.woff") format('woff');
  src: url('common/fonts/sample.ttf') format("truetype")\9;
}
*/

/*!
 * ress.css • v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{background-repeat:no-repeat;padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[type=button],[type=reset],[type=submit] [role=button],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}



/* Common
-------------------------------------------------------------------------------*/
body {
	font-size: 22px;
	font-family: Roboto, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Roboto, Meiryo, Verdana, sans-serif;
	background: #fff;
	line-height: 1;
	color: #333;
}
a {
	color: #000;
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
	cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
h1,h2,h3 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
.disabled {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.center {
	text-align: center;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
iframe[src*="youtube"] {
	max-width: 100%;
	height: 40vw;
}
section {
	
}
ul,ol {
	list-style: none;
}
ul.table {
	position: relative;
	z-index: 2;
	display: table;
	width: 100%;
	margin-top: -50px;
	table-layout: fixed;
}
ul.table li {
	display: table-cell;
}
ul.figure li {
	margin: 15px 0 0 0;
	padding: 0 20px;
}
ul.figure img {
	border: 1px solid #aaa;
}
table.table {
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
}
table.table tbody,
table.table tr {
	display: block;
	width: 100%;
}
table.table th,
table.table td {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #bbb;
}
table.table th {
	font-weight: bold;
	background: #F9F8F8;
}
table.table td {
	font-size: 0.8em;
	line-height: 1.5;
}
table.table td .note {
	font-size: 0.9em;
}
table.table td li {
	margin: 0 0 0.8em;
}
table.table td li:last-child {
	margin: 0;
}
.link-banner li {
	margin: 15px 0;
	text-align: center;
}
.event-detail {
	margin: 20px 0 0;
	text-align: center;
}




/* img replace
-------------------------------------------------------------------------------*/
#title1,
#title2,
#section1-1,
#section1-2-1,
#section1-2-2,
#section1-2-3,
#section1-2-4,
#section1-3,
#section1-3-1,
#section2-1,
#section3-1,
#section4-1,
#section4-2,
#section4-3,
#section5-1-1,
#section5-2-1,
#section5-3-1,
#section5-4-1,
#section5-5-1,
#section5-6-1,
#showroom {
	padding-left: 100%;
	overflow: hidden;
}
#section3-1-1,
#section3-1-2,
#section3-1-3,
#section3-1-4,
#section3-1-5,
#section3-1-6,
#section3-1-7,
#section3-1-8 {
	padding-left: 580px;
	overflow: hidden;
}

#title1       { height: 343px; background: url(../images/title1.png) no-repeat center center; }
#title2       { height: 125px; background: url(../images/title2.png) no-repeat center center; }

#section1-1   { height: 535px; background: url(../images/section1-1.png) no-repeat center center; }
#section1-2-1 { height: 453px; background: url(../images/section1-2-1.png) no-repeat center center; }
#section1-2-2 { height: 422px; background: url(../images/section1-2-2.png) no-repeat center center; }
#section1-2-3 { height: 449px; background: url(../images/section1-2-3.png) no-repeat center center; }
#section1-2-4 { height: 374px; background: url(../images/section1-2-4.png) no-repeat center center; }
#section1-3   { height: 230px; background: url(../images/section1-3.png) no-repeat center center; }
#section1-3-1 { height: 1576px; background: url(../images/section1-3-1.png) no-repeat center center; }

#section2-1   { height: 476px; background: url(../images/section2-1.png) no-repeat center center; }

#section3-1   { height: 85px; background: url(../images/section3-1.png) no-repeat center center; }
#section3-1-1 { height: 759px; background: url(../images/section3-1-1b.png) no-repeat center center; }
#section3-1-2 { height: 759px; background: url(../images/section3-1-2b.png) no-repeat center center; }
#section3-1-3 { height: 881px; background: url(../images/section3-1-3b.png) no-repeat center center; }
#section3-1-4 { height: 1021px; background: url(../images/section3-1-4b.png) no-repeat center center; }
#section3-1-5 { height: 571px; background: url(../images/section3-1-5b.png) no-repeat center center; }
#section3-1-6 { height: 501px; background: url(../images/section3-1-6b.png) no-repeat center center; }
#section3-1-7 { height: 519px; background: url(../images/section3-1-7b.png) no-repeat center center; }

#section4-1   { height: 467px; background: url(../images/section4-1.png) no-repeat center center; }
#section4-2   { height: 162px; background: url(../images/section4-2.png) no-repeat center center; }
#section4-3   { height: 566px; background: url(../images/section4-3.png) no-repeat center center; }

#section5-1-1 { height: 50px; background: url(../images/section5-1-1.png) no-repeat center center; }
#section5-2-1 { height: 50px; background: url(../images/section5-2-1.png) no-repeat center center; }
#section5-3-1 { height: 50px; background: url(../images/section5-3-1.png) no-repeat center center; }
#section5-4-1 { height: 50px; background: url(../images/section5-4-1.png) no-repeat center center; }
#section5-5-1 { height: 50px; background: url(../images/section5-5-1.png) no-repeat center center; }
#section5-6-1 { height: 50px; background: url(../images/section5-6-1.png) no-repeat center center; }

#showroom { height: 90px; background: url(../images/footer-welcome.png?v2) no-repeat center center; }

#footer-link-large1 a { height: 670px; background: url(../images/sp_btn01.jpg) no-repeat center center; background-size: cover; }
#footer-link-large2 a { height: 670px; background: url(../images/sp_btn02.jpg) no-repeat center center; background-size: cover; }
#footer-link-large3 a { height: 670px; background: url(../images/sp_btn03.jpg) no-repeat center center; background-size: cover; }
#footer-link-large4 a { height: 670px; background: url(../images/sp_btn04.jpg) no-repeat center center; background-size: cover; }



/* header
-------------------------------------------------------------------------------*/
#header-title {
	padding: 30px;
	line-height: 0;
}
#header-title1 {
	margin-bottom: 15px;
}



/* main
-------------------------------------------------------------------------------*/
#section2 {
	padding-bottom: 40px;
	background: #C8DBF3;
}
#section3 {
	background: #E6EDF8;
}
.pack {
	box-sizing: border-box;
	width: 580px;
	margin: 30px auto;
}
#section3-1-1 {
	margin: 30px auto 40px;
}
#section3 .link-banner {
	padding: 10px 0 40px;
}
#section3-1-7 {
	margin-bottom: 20px;
}
.section3note {
	clear: both;
	width: 580px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
.section3note p {
	display: inline-block;
	text-align: left;
	font-size: 12px;
	line-height: 1.8;
}
#section4 .link-banner {
	padding: 0 0 10px;
}
.maker-photo > li {
	border-top: 50px solid #DA2128;
}
.maker-photo > li:last-child {
	border-bottom: 50px solid #DA2128;
}























/* footer
-------------------------------------------------------------------------------*/
footer .link-banner-top {
	margin: 30px 0;
}
#showroom {
	margin: 60px 0;
}
.footer-place {
	padding: 10px 10px 5px;
	background: #BC0C16;
	text-align: center;
	color: #fff;
}
.footer-place a {
	color: #fff;
	text-decoration: none;
}
.footer-place h3,
.footer-place p {
	margin: 5px;
}
.footer-place h3 {
	font-size: 36px;
}
.footer-place .tel {
	font-size: 50px;
}
.footer-place .tel:before {
	content: '';
	display: inline-block;
	width: 51px;
	height: 52px;
	margin-right: 10px;
	background: url(../images/icn-phone.png) no-repeat center center;
	vertical-align: -15%;
}
.list-showroom {
	margin: 0 0 30px;
}
.list-showroom li a {
	display: block;
	padding: 20px 50px 20px 20px;
	border-bottom: 2px solid #CBCBCB;
	background: url(../images/icn-linklist.png) no-repeat 97% center;
	text-decoration: none;
}
.list-showroom li a > span {
	display: block;
}
.list-showroom .date {
	margin-bottom: 10px;
}
.list-showroom .showroom {
	font-size: 28px;
}
.link-banner-bottom {
	margin: 0 30px;
}
.link-banner-bottom li {
	margin: 30px 0;
}
.link-banner-bottom a {
	display: block;
	padding-left: 100%;
	background-size: cover;
	overflow: hidden;
}



#copyright {
	padding: 15px 0;
	background: #DA2128;
	color: #fff;
	font-size: 13px;
	font-family: Verdana, sans-serif;
	text-align: center;
}




/* Media queries (PC版)
-------------------------------------------------------------------------------*/
@media screen and (min-width: 700px) {

a:hover {opacity: 0.75; color: #d00;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* 画像切替え */
.imgchange {
	display: inline-block !important;
	line-height: 0 !important;
	overflow: hidden !important;
}
.inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
ul.table {
	display: block;
	text-align: center;
}
ul.table li {
	display: inline-block;
}
ul.figure li {
	margin: 10px 0 20px;
}
.frame1 {
	padding: 15px;
}
iframe[src*="youtube"] {
	width: 750px;
	height: 422px;
}
table.table {
	display: table;
	width: 100%;
}
table.table tbody {
    display: table-row-group;
}
table.table tr {
	display: table-row;
}
table.table th,
table.table td {
	display: table-cell;
	padding: 20px;
}
table.table th {
	width: 230px;
	border-right: 1px solid #bbb;
}
table.table td {
	font-size: 0.8em;
}
.link-banner:after {
	content: '';
	display: block;
	clear: both;
}
.link-banner li {
	float: left;
	margin-bottom: 10px;
}
.link-banner li:nth-child(2n-1) {
	margin-right: 20px;
}
.link-banner-bottom {
	margin: 30px 0;
}
.link-banner-bottom li,
.link-banner-bottom li:nth-child(2n-1) {
	margin: 10px auto;
	float: none;
}
.link-banner-bottom a {
	margin: 0 auto;
	padding: 140px 0 0 0;
}

#header-title {
	display: table;
	width: 100%;
	padding: 0;
}
#header-title1,
#header-title2 {
	display: table-cell;
	vertical-align: middle;
	padding: 30px 0;
}
#header-title2 {
	text-align: right;
}
#header-title2 span {
	display: inline-block;
	width: 424px;
	height: 36px;
	padding-top: 36px;
	background: url(../images/pc-header-title2.png) no-repeat 0 0;
	overflow: hidden;
}

#title1,
#title2,
#section1-1,
#section1-2-1,
#section1-2-2,
#section1-2-3,
#section1-2-4,
#section1-3,
#section1-3-1,
#section2-1,
#section3-1,
#section3-1-1,
#section3-1-2,
#section3-1-3,
#section3-1-4,
#section3-1-5,
#section3-1-6,
#section3-1-7,
#section3-1-8,
#section4-1,
#section4-2,
#section4-3,
#section5-1-1,
#section5-1-2,
#section5-2-1,
#section5-2-2,
#section5-3-1,
#section5-3-2,
#section5-4-1,
#section5-4-2,
#section5-5-1,
#section5-5-2,
#section5-6-1,
#section5-6-2,
#showroom {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	overflow: hidden;
	line-height: 2;
}



#title1       { padding-top: 378px; height: 378px; background: url(../images/pc-title1.png) no-repeat center 7px; }
#title2       { width: auto; margin: 57px auto 0 55px; padding-top: 96px; height: 96px; background: url(../images/pc-title2.png) no-repeat center center; }

#section1   { background: #E6EDF8 url(../images/pc-section1.png) no-repeat center top; }
#section1-1   { width: 1000px; padding-top: 453px; height: 453px; background: url(../images/pc-section1-1.png) no-repeat center center; }
#section1-2-1 { width: 500px; padding-top: 459px; height: 459px; background: url(../images/pc-section1-2-1.png?v2) no-repeat center center; }
#section1-2-2 { width: 500px; padding-top: 459px; height: 459px; background: url(../images/pc-section1-2-2.png?v2) no-repeat center center; }
#section1-2-3 { width: 500px; padding-top: 460px; height: 460px; background: url(../images/pc-section1-2-3.png?v2) no-repeat center center; }
#section1-2-4 { width: 500px; padding-top: 460px; height: 460px; background: url(../images/pc-section1-2-4.png?v2) no-repeat center center; }
#section1-3   { padding-top: 271px; height: 271px; background: url(../images/pc-section1-3.png?v2) no-repeat center center; }
#section1-3-1 { padding-top: 761px; height: 761px; background: url(../images/pc-section1-3-1.png?v2) no-repeat center center; }

#section2	  {	background: #e6edf8; }
#section2-1   { padding-top: 321px; height: 321px; background: url(../images/pc-section2-1.png) no-repeat center center; }

#section3-1   { padding-top: 85px; height: 85px; background: #DA2128 url(../images/pc-section3-1.png) no-repeat center center; }
#section3-1-1 { padding-top: 562px; height: 562px; background: url(../images/pc-section3-1-1.png) no-repeat center center; }
#section3-1-2 { padding-top: 562px; height: 562px; background: url(../images/pc-section3-1-2.png) no-repeat center center; }
#section3-1-3 { padding-top: 395px; height: 395px; background: url(../images/pc-section3-1-3.png) no-repeat center center; }
#section3-1-4 { padding-top: 730px; height: 730px; background: url(../images/pc-section3-1-4.png) no-repeat center center; }
#section3-1-5 { padding-top: 562px; height: 562px; background: url(../images/pc-section3-1-5.png) no-repeat center center; }
#section3-1-6 { padding-top: 545px; width: 490px; height: 545px; background: url(../images/pc-section3-1-6.png) no-repeat center center; }
#section3-1-7 { padding-top: 591px; width: 490px; height: 591px; background: url(../images/pc-section3-1-7.png) no-repeat center center; }

#section4 { margin: 30px 0 0 0; padding: 30px 0 50px; background: url(../images/pc-section4.jpg) no-repeat center top; }
#section4-1   { padding-top: 320px; height: 320px; background: url(../images/pc-section4-1.png) no-repeat center center; }
#section4-2   { margin-top: 20px; padding-top: 105px; height: 105px; background: url(../images/pc-section4-2.png) no-repeat center center; }
#section4-3   { padding-top: 289px; height: 289px; background: url(../images/pc-section4-3.png) no-repeat center center; }

#section5     { background: #DA2128; padding: 50px 0; }
#section5-1-1 { padding-top: 50px; height: 50px; background: url(../images/section5-1-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-1-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-1-2.jpg?v2) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-2-1 { padding-top: 50px; height: 50px; background: url(../images/section5-2-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-2-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-2-2.jpg) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-3-1 { padding-top: 50px; height: 50px; background: url(../images/section5-3-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-3-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-3-2.jpg) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-4-1 { padding-top: 50px; height: 50px; background: url(../images/section5-4-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-4-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-4-2.jpg) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-5-1 { padding-top: 50px; height: 50px; background: url(../images/section5-5-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-5-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-5-2.jpg) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-6-1 { padding-top: 50px; height: 50px; background: url(../images/section5-6-1.png) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }
#section5-6-2 { padding-top: 209px; height: 209px; background: url(../images/pc-section5-6-2.jpg) no-repeat center center, url(../images/section5-1-bg.png) repeat 0 0; }

#showroom { padding-top: 40px; width: 875px; height: 40px; background: url(../images/pc-footer-welcome.png) no-repeat center center; }

#footer-link-large1 a { display: inline-block; width: 960px; height: 140px; background: url(../images/pc_btn01.png) no-repeat center center; background-size: cover; }
#footer-link-large2 a { width: 960px; height: 140px; background: url(../images/pc_btn02.png) no-repeat center center; background-size: cover; }
#footer-link-large3 a { width: 960px; height: 140px; background: url(../images/pc_btn03.png) no-repeat center center; background-size: cover; }
#footer-link-large4 a { width: 960px; height: 140px; background: url(../images/pc_btn04.png) no-repeat center center; background-size: cover; }

.pack,
#section3-1-1 {
	margin: 30px 0;
}

.title-wrap  { height: 610px; background: url(../images/pc-title.jpg) no-repeat center center; }
.section1-1-wrap { position: relative; height: 423px; }
#section1-1 { position: absolute; top: -30px; }
#section1-2-1,
#section1-2-2,
#section1-2-3,
#section1-2-4 {
	float: left;
}
.section1-3-1-wrap { margin-top: -40px; padding: 30px 0 50px; background: #29548B no-repeat center top; }

#section3-1-6,
#section3-1-7 {
	float: left;
	margin: -10px 0 10px 0;
}
#section3-1-6 {
	margin-right: 20px;
}
.section3note {
	width: auto;
	padding: 15px 0 0 0;
}

.maker-photo > li {
	margin-bottom: 40px;
	border-top: 0 none;
	border-bottom: 0 none;
}
.maker-photo > li:last-child {
	margin-bottom: 0;
	border-top: 0 none;
	border-bottom: 0 none;
}
.maker-photo4 {
	width: 580px;
	float: left;
}
.maker-photo5 {
	width: 400px;
	float: right;
}
footer {
	line-height: 1.2;
}
.footer-place {
	padding: 9px 12px;
	text-align: right;
}
.footer-place h3,
.footer-place p,
.footer-place .tel {
	display: inline-block;
	margin: 0;
	font-size: 28px;
}
.footer-place h3 {
	float: left;
}
.footer-place .tel {
	margin-left: 20px;
}
.footer-place .tel:before {
	width: 28px;
	height: 28px;
	background-size: cover;
}
.list-showroom li {
	padding-top: 12px;
}
.list-showroom li a {
	padding: 7px 20px 7px 20px;
	border-bottom: 1px solid #CBCBCB;
	background: url(../images/icn-list-showroom-detail.png) no-repeat 98% center;
}
.list-showroom li a > span {
	
}
.list-showroom .date {
	width: 260px;
	margin-bottom: 0;
	float: left;
	font-size: 22px;
}
.list-showroom .showroom {
	overflow: hidden;
	font-size: 22px;
}
.link-banner-top-title {
	display: block;
	height: 62px;
	margin: 50px 0 0 0;
	padding-top: 62px;
	text-align: center;
	overflow: hidden;
	background: url(../images/pc-link-banner-top-title.png) no-repeat center center;
}

.footer-place a:hover {
	color: #fff;
}

#copyright {
	padding: 7px 0;
}






}