/**
BASIC
*/

body{
	font-family:'Lato',"helvetica","arial", "lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif !important;
	font-size: 90%;
	line-height: 1;
	background: #FFF !important;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
	*word-break: break-all;
	color: #333;
	width: 100%;
	/*background: url(../images_1/bg/white_wall.png);*/
}
body.company{
	background-color: #000 !important;
}

br.sp{
	display: none;
}

a[href^="tel:"] {
    pointer-events: none;
	text-decoration: none;
}


html{
	/*background: #000;*/
}

img{
	max-width: 100%;
}

a img,
:link img,
:visited img{
	border: none;
}

a {text-decoration: underline; outline: 0;}
a:link {color: #666;outline: 0;}
a:visited {color: #666; outline: 0;}
a:active {color: #666; outline: 0;}
a:hover {
	color: #999;
	text-decoration: none;
	outline: 0;
}

a {
	transition: 0.2s ease 0s;
	-webkit-transition: 0.2s ease 0s;
	-moz-transition: 0.2s ease 0s;
	-ms-transition: 0.2s ease 0s;
}

#wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	clear: both;
}
.home.top #wrapper{
	width: 100%;
}




#popup #wrapper{
	width: 100%;
}

#contents{
	margin: 50px 0;
	padding-top: 38px;
	background-image: none !important;
	position: relative;
    z-index: 100;
	clear: both;
}


#main_contents{
	float: left;
	width: 780px;
	margin-right: 40px;
}

#sidebar{
	float: left;
	width: 140px;
}

.inner{
	width: 1000px;
	margin: 0 auto !important;
	position: relative;
	padding: 0 !important;
}
.home.top #contents .inner{
	width: 95%;
	min-width: 1200px;
}

.inner.narrow{
	width: 580px;
}

.inner.narrow_720{
	width: 720px;
}


.notfound{
	padding: 25% 0;
}


/**
LOADING
*/

.result {
    opacity: 0;
}
.loading {
    left:47%;
    top:50%; 
    position: fixed;
}



/**
ROLLOVER
*/

 a img:hover{
	/* IE 
	filter: alpha(opacity=70);*/
	/* Safari Opera */
	opacity: 0.90;
	/* Firefox Netscape */
	-moz-opacity: 0.90;
}

img.opacity{
	/* IE */
	filter: alpha(opacity=30);
	/* Safari Opera */
	opacity: 0.30;
	/* Firefox Netscape */
	-moz-opacity: 0.30;
}



/**
HEADER_RE
*/

header{
	height: 38px;
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 10px;
	left: 0px;
	padding: 0 10px;
	box-sizing: border-box;
	z-index: 200;
	/*background-color: rgba(255,255,255,0.8);*/
}

header .inner{
	background-color: rgba(255,255,255,0.5) !important;
	position: relative;
	height: 38px;
	padding: 0px 0 0px 0px !important;
	width: 100%;
}
	

header h1.logo{
	margin: 0;
	position: absolute;
	top: 7px;
	left: 10px;
}

header h1.logo img{
	height: 24px;
}

header p.catch{
	position: absolute;
	top: 20px;
	left: 170px;
	line-height: 1;
	font-weight: normal;
	font-size: 10px;
	vertical-align: bottom;
	margin: 0;
	letter-spacing: 0;
	color: #000;
	white-space: nowrap;
}

header nav{
	position: absolute !important;
	top: 0;
	right: 0;
}

.stellarnav.light{
	background-color: inherit !important;
	background: none !important;
}
.stellarnav{
	width: auto !important;
}
.stellarnav ul ul{
	width: 320px !important;
}
.stellarnav > ul > li > a {
    padding: 11px 13px !important;
}

.stellarnav.light ul ul {
    background: rgba(255, 255, 255, 0.8) !important;
}

.stellarnav ul li{
	font-size: 14px !important;
	font-family: 'Josefin Sans', sans-serif !important;
	white-space: nowrap;
}
.stellarnav li a{
	padding: 11px 13px !important;
	height: 38px;
	line-height: 1.5;
}

.stellarnav ul li.button{
	font-size: 12px !important;
	margin-right: 5px;
}
.stellarnav ul li.button a{
	height:28px;
	line-height: 30px;
	padding: 0 10px !important;
	background: rgba(0,0,0,0.8);
	color: #FFF;
}



.stellarnav .dd-toggle{
	width: 39px;
	height: 39px;
}

.stellarnav ul li a:hover{
	background: rgba(255,51,51,0.3);
}
.stellarnav .full{
	width: auto !important;
}

.stellarnav .dd-toggle{
	width: 38px !important;
    height: 38px !important
}



.box.social ul li{
	list-style: none;
	display: inline;
	margin: 0 5px;
}

 .box.social ul li i{
	font-size: 20px;
}

.box.social ul li a{
	color: #FFF;
}



/**
SOCIAL
*/

.box_social ul li{
	list-style: none;
	display: inline;
	margin: 0 5px;
}

.box_social ul li img{
	width: 12px;
}

.box_social ul li span,
.box_social ul li i{
	display: inline-block;
	color: #000;
	line-height: 50px;
	background-color: rgba(255,255,255,1.0);
	font-size: 20px;
	text-align: center;
	
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}



/**
HEADER
*/

#header{
	background: #FFF;
	border-bottom: solid 1px #000;
	height: inherit !important;
}

body.pgHome #header{
	margin-bottom: 20px;
}

#header .inner{
}

/*HEADER_fixed

@media print {	
		#header {
		position: static;
		}	
} */

p.site_catch{
	padding: 15px 0 0 0;
	width: 279px;
	text-align: center;
	font-size: 13px;
	font-weight: normal !important;
	line-height: 1.4;
	margin: 0;
	color: #333;
}

#header h1{
	position: absolute;
	top: 75px;
	left: 320px;
	color: #999;
	font-weight: normal !important;
}

#header p.logo{
	margin: 15px 0 0 0;
}

#header p.logo img.title{
	height: 50px;
}

#header .box.info{
	position: absolute;
	top: 50px;
	right: 0;
}

#header .box.info ul li{
	list-style: none;
	margin: 0 0 0 0;
	line-height: 1.5;
	font-size: 12px;
}

#header .box.info ul li.hours{
	text-align: center;
	margin-bottom: 5px;
}

#header .box.info ul li.tel span a{
	font-size: 40px;
	padding-left: 28px;
	background: url(../images_1/icon_tel.png) no-repeat center left;
	font-weight: normal;
	pointer-events: none;
	color: inherit;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #666;
}

#header .box.info ul li.tel.free span a{
	background: url(../images_1/icon_freedial.png) no-repeat center left;
	padding-left: 50px;
}

#header .box ul.sub_navi{
	position: absolute;
	top: 5px;
	right: 60px;
	list-style: none;
}

#header .box.social{
	position: absolute;
	top: 16px;
	right: 0;
}

#header .box.social ul li{
	list-style: none;
	display: inline;
	margin-left: 10px;
}

#header .box.social ul li i{
	font-size: 16px;
}

#header .box.social ul li a{
	color: #000;
}

#header .box.social ul li img{
	width: 20px;
}


/**
SUB NAVI
*/

ul.sub_navi li{
	display: inline;
	margin-left: 1em;
	line-height: 1.5;
	font-size: 12px;
	padding-left: 1em;
}


ul.sub_navi li a {text-decoration: none; outline: 0; font-weight: normal !important;}
ul.sub_navi li a:link {color: #333;outline: 0;}
ul.sub_navi li a:visited {color: #333; outline: 0;}
ul.sub_navi li a:active {color: #333; outline: 0;}
ul.sub_navi li a:hover {
	color: #666;
	text-decoration: none;
	outline: 0;
}

#header ul.sub_navi li {
	margin: 0 0 0 0px;
	padding: 0;
	line-height: 20px;
	height: 20px;
}

#header ul.sub_navi li a{
	display: inline-block;
	width: 80px;
	margin: 0;
	text-align: center;
	border-bottom: solid 1px #000;
	padding: 5px 0px;
}

#header ul.sub_navi li a:hover{
	border-bottom: solid 1px #f30;
}

/**
GLOBAL NAVI
*/

#navre{
	background-color: #FFF;
	min-height: 40px;
	line-height: 40px;
}

#navre .naver-handle{
	margin-left: 5px;
}

#navre ul{
	width: 1000px;
	margin: 0 auto;
}

#navre{
	/*margin-left: -5px;*/
}

#navre li{
	list-style: none;
	color: #fff;
	float: left;
	text-align: center;
	/*width: 328px;*/
	width: 25%;
	font-size: 16px;
	letter-spacing: .1em;
	margin: 0px 0 0 0px;
}
#navre li i{
	margin-left: 5px;
	font-size: 11px;
}

#navre li a{
	line-height: 40px;
	height: 40px;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #000;
	z-index: 1000;
	border-bottom: solid 2px #000;
}

#navre a:hover {
	border-bottom: solid 2px #F00;
}

/*@media screen and (max-width: 800px) {
  #navre li {
    float: none;
    margin: 0 0 2px 0;
    width: 100%;
  }
}*/



/**
COMMON_LAYOUT
*/

#contents {
  min-height: calc(100vh - 260px);
}
#footer {
 min-height: 220px;
}



.center{
	text-align: center;
}

.box.corner{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*behavior: url(PIE.htc); IE8以前*/
}

.box.shadow,
.box.shadow{
	box-shadow: 0px 0px 5px #CCC;
	-moz-box-shadow: 0px 0px 5px #CCC;
	-webkit-box-shadow: 0px 0px 5px #CCC;
	behavior: url(PIE.htc);
}

.box.shadow_bottom{
	box-shadow:  0 6px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow:  0 12px 12px -12px rgba(0,0,0,0.5);
	-webkit-box-shadow:  0 2px 2px 0px #EEE;
}

.txt.shadow{
	text-shadow: 1px -1px 0 rgba(0,0,0,1);
}

.box.error{
	border: solid 1px #F00;
	color: #F00;
	padding: 10px;
	margin: 1em 0;
	text-align: center;
}

.fl_left{
 float: left;
 margin: 0 10px 5px 0;
 }
 
.fl_right{
 float: right;
 margin: 0 0 5px 10px
 }
 
 .clear{
	 clear: both;
 }
 
 img{
	vertical-align:middle;
}

.box{
	margin-bottom: 10px;
}


ul.item.box.column_2 li{
	width: 49%;
}

ul.item.box.column_3 li{
	width: 32.2222222222222222222%;
}

ul.item.box.column_4 li{
	width: 24%;
}

ul.item.box.column_5 li{
	width: 19%;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin: 30px 0;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 
/**
COMMON_TEXT
*/

div.title h2{
	text-align: center;
	margin: 1em 0;
	font-size: 30px;
}

div.title h2{
	font-family: 'Exo', sans-serif;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: .1em;
}
div.title h2 i{
	margin-right: 5px;
}

div.title h3{
	margin: 1em 0;
	font-size: 20px;
}

 div.title h4{
	 text-align: center;
	margin: 1em 0;
	font-size: 16px;
}
 div.title.left h4{
	 text-align: left;
 }


.box.title{
	position: relative;
	margin-bottom: 10px;
	clear: both;
	z-index: 100;
}

.box.title .more{
	position: absolute;
	right: 0;
	bottom: 13px;
}

.box.title .more i{
	font-size: 16px;
	margin-right: 5px;
}



.box.title.h2_main{
	padding: 10px 0;
	background: url(../images_1/bg_line_1.png);
	box-shadow: 0 3px 5px 0px #f3f3f3;
	-moz-box-shadow: 0 3px 5px 0px #f3f3f3;
	-webkit-box-shadow: 0 3px 5px 0px #f3f3f3;
	
	display: none;
}

.box.title h2{
	font-size: 35px;
	line-height: 1.2;
	color: #666;
	font-weight: normal !important;
}

.box.title h3{
	font-size: 28px;
	line-height: 1.2;
	border-bottom: solid 1px #000;
	padding-bottom: 10px;
}
.box.title.noborder h3{
	border: none;
	padding-bottom: 0;
	text-align: center;
	margin: -200px 0 120px 0;
}
.box.title.noborder h3{
}
.box.title.noborder{
	z-index: -1;
}

.box.title h3 .sub{
	font-size: 70%;
	margin-left: 1em;
	font-weight: normal;
}

.box.title h4{
	font-size: 20px;
	line-height: 1.2;
	margin: 1.5em 0 0 0;
}

.box.title i{
	font-size: 200%;
	vertical-align: middle;
}

.box.title.line h4{
	position: relative;
	display: inline-block;
	padding: 0 60px;
	margin: 1em 0 0 0;
}

.box.title.line h4:before, .box.title.line h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
background-color: rgba(0,0,0,1.0);
}
.box.title.line h4:before {left:0;}
.box.title.line h4:after {right: 0;}


.products h5{
	border-top: solid 1px #CCC;
	padding: 20px 0 10px 0;
	margin: 1.5em 0 .5em 10px;
	font-size: 100%;
}

p{
  line-height:1.5;
  margin:1em 0;
  }
 
.txt_small{
	font-size: 85%;
}

.txt_big{
	font-size: 120%;
}

p.lead{
	font-size: 115%;
	margin: 1em 0;
	line-height: 1.8;
}

p.catch{
	font-weight: bold;
	font-size: 130%;
	margin: 1em 0;
	letter-spacing: .1em;
}
p.catch.min{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
p.catch.big{
	font-size: 250%;
}

p.catch:first-child{
	margin-top: 0;
}

p.more{
	text-align: right;
}

p.to_top{
	text-align: right;
}

p.caution,
span.caution,
ul.caution{
	font-size: 11px;
	color: #777;
	line-height: 1.4;
	font-weight: normal;
	text-align: left;
}

p.caption{
	font-size: 12px;
	color: #999;
}

ul.caution.list_none li{
	margin-left: 0;
	list-style: none;
}

p.caution,
ul.caution li{
	/*text-indent: -1.5em;
	padding-left: 1.5em;*/
	list-style: none;
}

ul.caution li{
	/*margin: 0.2em 0 0.2em 20px;*/
	line-height: 1.4;
	margin-bottom: .5em;
}

hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: rgba(0,0,0,0.05);
	height: 1px;
	margin: 3em 0;
	clear: both;
}

.box.caution{
	padding: 15px;
	background-color: #f9f9f9;
	line-height: 1.5;
	font-size: 12px;
}


p.red,
span.red{
	color: #FF3300;
}

span.soldout{
	color: #F00;
	font-size: 85%;
}


span.icon{
	margin-right: 10px;
}
span.icon i{
	font-size: 20px;
}

span.icon a{
	color: #333;
}

span.icon a:hover{
	color: #666;
}

span.category{
	font-size: 10px;
	vertical-align: middle;
	border: solid 1px #333;
	display: inline-block;
	margin-left: 5px;
	line-height: 1;
}
span.category a{
	text-decoration: none;
	padding: 3px 5px;
	line-height: 1;
	display: inline-block;
	color: #333;
}

.products table.list td.item_name_sub span.category{
	margin-left: 0 !important;
	padding: 3px 5px;
}

span.mark.new,
span.mark.up,
span.mark.update{
	margin-left: .5em;
	font-weight: normal;
	font-size: 10px;
	color: #F00;
}

.content_detail{
	display: none;
}

.accordion_none .title,
.accordion .title{
	padding: 10px;
	font-weight: bold;
	margin-bottom: 0;
	background: #F3F3F3;
	background-size: 20px;
}
.accordion_none .title{
	background: none;
	padding-left: 0;
	border-bottom: solid 1px #EEE;
}

.products .accordion p.title .sub{
	margin-left: 1em;
	font-size: 11px;
	font-weight: normal;
    padding: 4px 6px;
	background: rgba(0,0,0,0.6);
	color: #FFF;
}
.products .accordion p.title .sub.green{background: #693;}
.products .accordion.denali p.title .sub{background: #900;}
.products .accordion.malibu p.title .sub{background: #6CF;}

.sub_data.accordion .title{
	background-color: inherit;
	margin-bottom: 10px;
	padding: 10px 0;
}

.title a,
.detail a{
	color: #333;
}

.accordion .title a{
	text-decoration: none;
	margin-left: 1em;
}
.accordion .title a{
	font-size: 10px;
}
.accordion .title a i{
	font-size: 16px !important;
}


.accordion .title.active{
	background: #F3F3F3;
	background-size: 20px;
}

.sub_data.accordion .title.active{
	background-color: inherit;
}

.accordion .detail div.image{
	/*display: none;*/
	display: table;
	width: 100%;
}
.products .accordion .detail div.image p.text{
	font-size: 13px;
	color: #444;
	display:table-cell;
	padding: 10px;
}
.products .accordion .detail div.image p.text span.caution{
	display: block;
	margin-top: 10px;
}
.products .accordion .detail div.image ul.photo{
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	text-align: right;
	white-space: nowrap;
}
.products .accordion .detail div.image ul.photo li{
	list-style: none;
	display: inline-block;
	width: auto;
	padding: 5px;
	vertical-align: top;
}
.products .accordion .detail div.image ul.photo.block li{
	display: block;
}
.products .accordion .detail div.image ul.photo li img{
	display: none;
}
.products .accordion .detail div.image ul.photo li a{
	color: #666;
	font-size: 20px;
}

.accordion ul.caution,
.accordion p.caution{
	margin-top: 1em;
	border: solid 1px #EEE;
	padding: 10px;
}


/**
MAP
*/

#map img{
	max-width: initial !important;
}

#map{
	width: 100%;
	height: 400px;
}



/**
HOME_NEW_old
*/


#fp-nav{
	top: 200px !important;
}

.top section{
	padding: 0;
	position: relative;
}

.top .section a.link{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.onepage-pagination li a.active:before{
     border: 1px solid #333 !important;
}
.onepage-pagination li a:before{
     background: #333 !important;
}

.top #footer{
	margin: 0;
}





/**
HOME
*/

.bx-wrapper{
    margin: 0 auto 30px !important;
}

.bx-wrapper .bx-prev {
    background: url(../images/controls.png) no-repeat 0 -32px !important;
}
.bx-wrapper .bx-next {
    background: url(../images/controls.png) no-repeat -43px -32px !important;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 !important;
	-webkit-box-shadow: 0 !important;
	box-shadow: none !important;
	border: inherit !important;
	left: 0 !important;
	background: inherit !important;
}

#sliderWrap{
	margin-top: 2em;
}
#sliderWrap.pre{
	margin-bottom: -50px;
}

#sliderWrap ul.bxslider{
	display: table;
}

#sliderWrap ul.bxslider li{
	width: 100%;
	list-style: none;
	text-align: center;
	display: table-cell;
	
	height: 667px;
	overflow: hidden;
	
}

#sliderWrap ul li img{
	margin: 0 auto;
	max-width: 1000px;
	max-height: 667px;
}


.bx-wrapper .bx-controls-direction a,
.bx-wrapper .bx-controls-direction a{
z-index: 99 !important;
}

/*.products #sliderWrap ul.bxslider{
	display: table;
}

.products #sliderWrap ul.bxslider li{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height:667px;
}*/

.products #sliderWrap ul.bxslider li img{
}


/*.bx-wrapper{
	height: 500px!important;
}*/

.bx-wrapper .bx-caption{
	background-color: rgba(255, 255, 255, 0.50) !important;
}

.bx-wrapper .bx-caption span{
	color: #000 !important;
}

#sidebar .box.movie iframe{
	width: 280px;
	min-height: 158px;
}

.top .box.products{
	border: solid 2px #000;
	padding: 0px;
	margin: 10px 0 0 0;
}

.top .box.products ul.list{
	margin: 0;
}

.top .box.products ul.list li{
	display: inline-block;
	width: 98px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.top .box.products ul.list li p.image{
	margin: 0;
}

.top .box.products ul.list li p.image img{
	width: 98px;
}

.top .box.products ul.list li.title{
	background-color: #000;
	width: 180px;
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
}

.top .box.products ul.list li.title img{
	width: 150px;
}



/**NEW VISUAL*/


.top .main_block ul{
	margin-left: -10px;
}

.top .main_block ul li{
	list-style: none;
	display: block;
	background: none;
	float: left;
	margin: 10px 0 0 10px;
	
	z-index: 9999 !important;
	background-color: #FFF;
}

.top .main_block ul li a{
	background: none;
}

.top .main_block ul li.gallery{
	background-color: #000;
}

.top .main_block ul li ul.bnr{
	margin: 0;
}

.top .main_block ul li ul.bnr li{
	float: none;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.top .main_block ul li ul.bnr li:last-child{
	margin-bottom: 0;
}

.top .main_block ul li.news{
	padding: 20px;
	width: 650px;
	height: 350px;
	background-color: #F9F9F9;
	
	overflow: auto;
}

.top .main_block ul li.fb{
	width: 340px;
	position: relative;
	z-index: 9999 !important;
	background-color: #FFF;
	overflow: hidden;
}

.top .main_block ul li.fb iframe{
	width: 100%;
}

.bx-wrapper{
	/*margin-bottom: 35px !important;*/
}



/**
HOME_NEW
*/

.home.top #contents{
	padding: 0;
	margin: 0;
}

.slider li {
  height: 100vh;
  background: center / cover no-repeat;
}

.main_slider.sp{
	display: none;
}

.main_slider{
	position: relative;
}
.main_slider p.catch{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	display: block;
	text-align: center;
	position: absolute;
	top: 45%;
	left:0;
	width: 100%;
}
.main_slider p.catch a{
	color: #FFF;
	text-decoration: none;
}
.main_slider a.whole{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
	


.top #contents{
	padding: 0;
}

.top ul.carousel li{
	margin-bottom: 0;
	padding: 0 10px;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:before, .slick-next:before {
    color: #000 !important;
	opacity:  1 !important;
}


.top section{
	padding: 60px 0;
	/*border-bottom: solid 1px #333;
	width: 90%;*/
	margin: 0 auto;
}

.top section.main_image{
	padding: 0;
	width: 100%;
}

.top section div.left_block{
	float: left;
	width: 30%;
}
.top section div.right_block{
	float: left;
	width: 70%;
}
.top section.journal div.left_block{
	float: left;
	width: 20%;
}
.top section.journal div.right_block{
	float: left;
	width: 80%;
}
	
.top section div.title h3{
	margin: 0;
	font-size: 30px;
}

.top section div.title p.sub{
	font-size: 13px;
	margin: 10px 0;
}

section.content section div.title p.sub{
	margin: 10px 0;
}

section.content section div.title p.button{
	margin: 2em 0 0 0;
}

.top ul li p.title a{
	text-decoration: none;
}


.top section.banner{
	background: rgba(0,0,0,0.03);
	padding: 30px;
}
.top section.banner ul li{
	margin-bottom: 0 !important;
}


.top section.products ul li p.title{
	text-align: center;
}

.top .journal ul li{
	width:48%;
	float: left;
	margin-left: 2%;
}
.top .journal ul li:first-child{
	width: 98%;
	float: none;
}


.top .journal{
	background: rgba(0,0,0,0.05);
	background: url(https://www.damd.co.jp/images_1/bg_paper.jpg) no-repeat;
	background-size: 100%;
	padding:  30px 20px !important;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
	max-width: 1200px; 
}

.top .journal div.title {
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-400px);
  top: 0px;
  left: calc(100% - 50px);
  /*     left: calc(100vw - 50px); */
  z-index: 1;
}

.top .journal .left_block h3{
	font-size: 50px;
	white-space: nowrap;
}
.top .journal .left_block p.button{
	position: absolute;
	bottom: 20px;
	left: 50px;
}

.top .journal .wrap{
  height: 100%;
	float: left;
    margin:0;
    position: relative;
    padding: 30px 40px 30px 40px;
    border-top: solid 2px #666;
    border-bottom: solid 2px #666;
}

.top .journal .wrap:before, .top .journal .wrap:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #666;
}
.top .journal .wrap:before {left: 10px;}
.top .journal .wrap:after {right: 10px;}


.top .journal ul{
	border-left: double 6px #666;
	min-width: 895px;
}
.top .journal ul li{
/*	background: rgba(255,255,255,.8);*/
    /*box-shadow: 6px 6px 0px rgb(0,0,0,.8);*/
	padding: 0 0 20px 0;
	border-bottom: solid 2px #666;
}
.top .journal ul li:nth-child(4),
.top .journal ul li:nth-child(5){
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.top .journal ul li div.image{
	max-height: 72px;
	min-height: 72px;
	overflow: hidden;
}
.top .journal ul li:nth-child(1) div.image{
	max-height: inherit;
}

.top .journal ul li div.content{
	padding: 0px 10px
}
.top .journal ul li:first-child{
	border-bottom: solid 2px #666;
	padding: 0 0 20px 0;
}
.top .journal ul li:first-child div.content{
	padding: 0px 20px
}
.top .journal ul li:first-child{
	margin-bottom: 20px;
}
.top .journal ul li:first-child div.image {
    width: 50%;
}
.top .journal ul li:first-child div.content {
    width: 48%;
}
.top .journal ul li:first-child div.content  p.title{
	font-size: 24px;
	margin: 1em 0;
}
.top .journal ul li div.content  p.title{
	font-weight: bold;
	line-height: 1.1;
	
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.top .journal ul li div.content  p.text{
	display: none;
}
.top .journal ul li:first-child div.content  p.text{
	display: block;
	font-size: 14px;
	margin-bottom: 1em;
}
.top .journal ul li p.vol span{
	background: #777;
	color: #FFF;
	padding: 7px 10px;
	line-height: 1;
	margin-bottom: 6px;
	display: inline-block;
	font-size: 10px;
}


.top .journal ul li div.content  p.button{
	margin-top: 1em;
}
.top .journal ul li div.content  p.button{
	display: none;
}
.top .journal ul li:first-child div.content  p.button{
	display: block;
}

.top section.info ul li{
	overflow: hidden;
}


.top section.info ul li.topics div.image{
	position: relative;
}
.top section.info ul li.topics .content{
	background: rgba(0,0,0,0.3);
	color: #FFF;
	position: absolute;
	width: 100%;
	padding: 10px;
	bottom: 0;
	left: 0;
}
.top section.info ul li.topics .content a{
	color: #FFF;
	display: block;
	font-size: 12px;
}
	



/**
NEWS_new
*/

	

body.news h2 span.logo{
	display: block;
}
body.news h2 span.logo img{
	height: 60px;
}
body.news h2{
	margin-bottom: 50px !important;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 40px;
	color: #000;
	letter-spacing: .3em;
}


div.title.border{
	position: relative;
	clear: both;
	text-align: center;
}

div.title.border h3{
	position: relative;
    display: inline-block;
    padding: 0 65px;
    color: #000;
    margin: 0 0 2em 0;
}
div.title.border h3:before, 
div.title.border h3:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #000;
}
div.title.border h3:before {left:0;}
div.title.border h3:after {right: 0;}


body.news.detail article div.title{
	text-align: left;
}

body.news.detail article div.title h4{
	text-align: left;
	font-size: 20px;
	line-height: 1.5;
}


body.news ul.item.news li,
body.journal ul.item.news li{
	margin-bottom: 2%;
}

body.news.single #contents article{
width: 700px;
margin: 0 auto;
}



/**
NEWS
*/

ul#news_list{
	margin: 0;
	overflow: auto;
}

ul#news_list li{
	list-style: none;
	float: none;
	margin: 0;
}

ul#news_list li span.news_List_Ymd{
	float: left;
	clear: both;
	width: 15%;
	line-height: 1.3;
	margin-bottom: 0.3em;
}

ul#news_list li span.news_List_Title{
	float: left;
	width: 85%;
	line-height: 1.3;
	margin-bottom: 0.3em;
}

ul#news_list li span.new_mark,
span.new{
	margin-left: 1em;
}
span.new{
	color: #F30;
	font-size: 12px;
}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.3;/*透明度80%*/
 }
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.8s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

#detailWrap{
	line-height: 1.6;
}



/**
AMEBLO
*/

#feed dl dt{
	float: left;
	clear: both;
	width: 20%;
	line-height: 1.3;
	margin-bottom: 0.8em;
}

#feed dl dd{
	float: left;
	width: 80%;
	line-height: 1.3;
	margin-bottom: 0.8em;
}


/**
CONTENTS
*/

.box.banner ul li{
	list-style: none;
	margin-bottom: 10px;
}

.box.banner ul li img{
	width: 100%;
}

.column.left,
.column .left{
	float: left;
	margin-right: 20px;
}

.column.right,
.column .right{
	float: right;
}

.column.main,
.column .main{
	width: 600px;
}

.column.sub,
.column .sub{
	width: 340px;
}

.column.half{
	width: 470px;
}



.column .half{
	width: 49%;
}
.column .right.half{
	margin-left: 1%;
}
.column .left.half{
	margin-right: 1%;
}


.column .wide{
	width: 65%;
}

.column .narrow{
	width: 33%;
}



ul.images li{
	list-style: none;
	margin-bottom: 10px;
}

dl.data dt{
	line-height: 1.5;
	font-weight: bold;
	clear: both;
	float: left;
	width: 20%;
	padding: 10px 0;
}

dl.data dd{
	line-height: 1.5;
	width: 80%;
	float: left;
	border-bottom: solid 1px #EEE;
	padding: 10px 0;
}



.car_type ol.list,
#main_contents .car_type ul.list{
	margin-bottom: 15px;
	z-index: 100;
	position: relative;
    min-height: 120px;
}

.car_type ol.list li,
#main_contents .car_type ul.list li{
	list-style: none;
	display: inline-block !important;
	float: left !important;
	margin-right: 5px !important;
	margin-left: 0px !important;
	margin-bottom: 5px !important;
	background-color: #EEE;
	padding: 5px 8px;
	font-size: 9px;
    
    
    width: auto !important;
}
.car_type ol.list li.caution,
#main_contents .car_type ul.list li.caution{
	background-color: inherit;
	font-size: 12px;
}

.car_type ol.list li.title,
#main_contents .car_type ul.list li.title{
	background: none;
	font-size: 12px;
	margin-right: 0;
}


.list.product .color{
	margin-bottom: 10px;
	/*font-size: 20px;*/
	z-index: 100;
	position: relative;
}

.color span{
	margin-right: 5px;
}


/**
DETAIL
*/

.contents_main_image{
	float: left;
	margin: 1em 10px 50px 0;
	clear: both;
	width: 500px;
}

.contents_main_image .bx-wrapper{
	margin-bottom: 20px !important;
}

.text_data{
	float: left;
	width: 270px;
	margin-top: 1em;
	margin-bottom: 50px;
}


.contents_main_image .bxslider li,
.contents_main_image .bxslider_2 li{
	width: 500px;
	text-align: center !important;
	list-style: none;
	height: 530px;
}

.contents_main_image .bxslider_2 li{
	height: 580px;
}

.contents_main_image .bxslider li iframe,
.contents_main_image .bxslider_2 li iframe{
	margin-top:100px;
}

.contents_main_image .bxslider li img.width,
.contents_main_image .bxslider_2 li img.width{
	margin-top:100px;
}

.contents_main_image .bxslider li img,
.contents_main_image .bxslider_2 li img{
	margin: 0 auto 50px auto;
	width: 400px;
}
.contents_main_image #bx-pager,
.contents_main_image #bx-pager_2{
	margin-left: -5px;
	position: relative;
}


.contents_main_image #bx-pager a img ,
.contents_main_image #bx-pager_2 a img {
	height: 65px;
	margin: 0 0 6px 5px;
	border: solid 1px #DDD;
}

.contents_main_image #bx-pager a img.movie ,
.contents_main_image #bx-pager_2 a img.movie {
}

.contents_main_image #bx-pager a,
.contents_main_image #bx-pager_2 a{
	text-decoration: none;
	display: inline-block;
	position:relative;
}

.contents_main_image #bx-pager a span.arrow_mov,
.contents_main_image #bx-pager_2 a span.arrow_mov{
	padding: 3px 5px;
	color: #FFF;
	background-color: #000;
	font-size: 7px;
	z-index: 1000;
	position: absolute;
	right: 0;
}

.contents_main_image .bx-caption{
	background: none !important;
	text-align: center;
	/*position:inherit !important;*/
}

.contents_main_image .bx-wrapper .bx-caption span{
	color: #666 !important;
}

.contents_main_image .bx-wrapper .bx-controls-direction a{
	z-index: 999 !important;
}

/*.contents_main_image img{
	box-shadow: none !important;
}*/



/**
PICS
*/

ul#pics li{
	list-style: none;
}

ul.thumbs{
	margin-left:-10px;
	margin-top: 50px;
}

ul.thumbs li{
	margin:10px 0 0 10px;
	list-style: none;
}

ul#pics .caption{
	display: none;
}

/**
STEELING
*/

.steering #main_contents .data{
	font-size: 12px;
	color: #666;
	margin: 20px 0 20px 1em;
}
.steering #main_contents .data.list li{
	line-height: 1.4;
	margin: .3em 0;
	list-style: none;
}

.steering section.intro .column{
	margin-bottom: 4em;
}

.steering section.intro .column .half{
	vertical-align: middle;
}

.steering section.intro div.text{
	text-align: center;
	padding-top: 95px;
}
.steering section.intro div.text p.catch{
	font-size: 35px;
	margin-bottom: 0;
}
.steering section.intro div.text p.en{
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
}

.steering section.intro div.lead p{
	clear: both;
	text-align: center;
	font-size: 140%;
	line-height: 2;
}


/**202404*/

.steering .intro div.txt{
text-align: center;
margin-bottom: 80px;
}

.steering .intro div.txt p{
font-size: 120%;
}
.steering .intro div.txt p.catch{
font-size: 30px;
}

.steering .main_slider p{
font-size: 120% !important;
}
.steering .main_slider p.lead{
font-size: 20px !important;
}


.steering .sp{
display: none;
}


/**
COMPLETE
*/

.complete #contents .inner{
	width:55%;
	margin: 0 auto;
}

.complete div.title h2{
	font-size: 45px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: .5em;
}

.complete .box.title h3 {
    font-size: 160%;
    line-height: 1.2;
    border-bottom: 0;
	text-align: center;
    padding-bottom: 0px;
	margin-top: 4em;
}
.complete.top #contents ul.list li p.image img{
	width: 80%;
}

.complete ul.item.box.column_4 li{
	height: 100px !important;
	overflow: hidden;
}

.complete  table.list{
	width: 100%;
}

.complete  table.list thead th{
	text-align: center;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	background: solid 2px rgba(0,0,0,0.1);
}

.complete  table.list th{
	font-weight: bold;
	padding: 10px 0;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}

.complete  table.list td{
	border-bottom: solid 1px rgba(0,0,0,0.1);
	padding: 10px 0;
}
.complete  table.list td.price{
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}

.complete .custom p.catch.total{
	font-size: 160%;
	margin-top: 3em;
	margin-bottom: 0;
}

.complete .box.title h4{
	padding-bottom: 9px;
	border-bottom: solid 1px#000;
	margin-top: 0 !important;
	text-align: left;
}

.complete .main_data section:first-child{
	padding-top: 2.1em !important;
}


/**
TAX/SHOPLIST
*/

.shoplist .about p.catch.marker{
	font-size: 20px;
}

.shoplist .about p.lead em{
	color: #C10000;
}

.shoplist .about p.lead{
	margin-bottom: 2em;
}

.shoplist .about ul p.catch{
	margin: 1em 0 .5em 0;
}
.shoplist .about ul  li{
	border-left: solid 1px #333;
}
.shoplist .about ul  li:first-child{
	border: none;
}

.tax div.main_image img{
	width: 50%;
}
.tax.shoplist div.main_image img{
	width: 100%;
}


.tax .intro ul{
	padding: 30px 20px 10px 20px;
	background: rgba(0,0,0,0.02);
	border-radius: 10px;
	margin: 10px 0 50px 0;
}

.tax .intro ul p.title{
	font-size: 100% !important;
}

.tax table{
	border: solid 1px rgba(0,0,0,0.0);
}

.tax table td.address a.btn{
	margin-left: 1em;
}

.tax.shoplist table .area{
	font-size: 150%;
}

.tax.shoplist table .area,
.tax.shoplist table .pref,
.tax.shoplist table .tel{
	white-space: nowrap;
}
.tax.shoplist table .area{
	padding-left: 0;
}

.tax.shoplist table .pref{
	text-align: center;
	font-weight: bold;
	background: #EEE;
	border-bottom: solid 1px  rgba(0,0,0,.2);
}

.tax.shoplist table .note{
	color: #666;
	font-size: 12px;
	white-space: nowrap;
}


.cooperation_entry #contents div.title h2{
	display: none;
}

/**
HOWTO
*/

.howto #main_contents .data{
	font-size: 12px;
	color: #666;
	margin: 20px 0 20px 1em;
}

.howto section.intro .column{
	margin-bottom: 2em;
}

.howto section.intro .column .half{
	vertical-align: middle;
}

.howto section.intro div.text{
	text-align: center;
	padding-top: 35px;
}
.howto section.intro div.text p.catch{
	font-size: 45px;
	margin-bottom: 0;
}


.marker span{
	background: linear-gradient(transparent 70%, rgba(219,150,132,0.5) 70%);
}
.marker.yellow span{
	background: linear-gradient(transparent 70%, rgba(255,240,0,0.5) 70%);
}
.marker.blue span{
	background: linear-gradient(transparent 70%, rgba(31,131,255,0.5) 70%);
}

.howto section.intro div.text p.en{
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
	margin: .5em 0;
}

.howto section.intro div.lead p{
	clear: both;
	text-align: center;
	font-size: 140%;
	line-height: 1.5;
	margin: 0;
}

.howto .intro ul.point{
	margin-top: 80px;
}

.howto article ul.flow{
	margin: 3em 0;
}


.howto ul.point li{
	/*border: solid 2px rgba(255,51,51,0.8);*/
	border: solid 2px rgba(0,0,0,0.8);
	border-radius: 10px;
}
.howto ul.point li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 20px;
}
.howto ul.point li a:hover{
	background-color: rgba(255,51,51,0.05);
	background-color: rgba(0,0,0,0.05);
}
.howto ul.point li p.title{
	/*color: rgba(255,51,51,0.8);*/
}

.howto ul.point li div.icon{
	margin: 20px 0;
}

.howto article.title{
	border: none;
	padding: 0;
	margin-bottom: 60px;
}

.howto div.title{
	text-align: center;
}

.howto div.title span.num{
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.howto div.title div.icon img{
	width: 150px;
}
.howto div.title div.icon.circle span{
	padding: 50px;
}


.howto article.point{
	border-radius: 10px;
	border: solid 2px #000;
	padding: 0px 30px 30px 30px;
	width: 60%;
	margin: 3em auto;
}
.howto article.point ul{
	margin-left: 30px;
}
.howto article.point ul li{
	line-height: 1.5;
	font-size: 130%;
}


.howto ul.flow{
	margin-bottom: 20px;
}

.howto article{
	/*border: dashed 2px rgba(255,51,51,0.8);*/
	border: dashed 2px rgba(0,0,0,0.5);
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 2em;
}
.howto article.noborder{
	border: none;
	padding: 0;
}
.howto article:last-child{
	margin-bottom: 0;
}

.howto article p.catch.big{
position: relative;
margin: 0 auto 30px auto;
}
/*	width: 80px;
    content: "";
    border-bottom: 5px solid rgba(255,51,51,0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: auto;
}*/


.howto article p.catch.slash:before{
content: '';
position: absolute;
top: 30%;
display: inline-block;
width: 30px;
height: 10px;

border-top: solid 2px black;
border-bottom: solid 2px black;

-moz-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
}
.howto article p.catch.slash:after{
content: '';
position: absolute;
top: 30%;
display: inline-block;
width: 30px;
height: 10px;

border-top: solid 2px black;
border-bottom: solid 2px black;

-moz-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.howto article p.catch.slash:before {left:100px;}
.howto article p.catch.slash:after {right: 100px;}


.howto .block{
	/*background: rgba(0,0,0,0.02);*/
	border-radius: 5px;
	width: 750px;
	margin: 40px auto 20px auto;
	padding-top: 40px;
	border-top: solid 1px rgba(0,0,0,0.05);
}

.howto .block div.text.left{
    width: 60%;
	padding-left: 1em;
    float: left;
}
.howto .block div.image.right{
    width: 40%;
    float: left;
	padding-right: 1em;
}
.howto .block div.image img{
	width: 100%;
	/*border-radius: 5px;*/
}

.howto .caution{
padding-left:1em;
text-indent:-.5em;
}


/*	display: none;
	margin-left: -.5em;
}*/


/**
PRODUCTS
*/

/**HEAD*/
.products .main_block{
	position: relative;
	margin-top: -88px;
}
.products .main_block div.main_image img,
.products .main_block div.bottom img{
	width: 100%;
}
.products .main_block div.bottom{
	z-index: 99;
	position: relative;
}
.products .main_block .text{
	position: absolute;
	bottom: 15%;
	width: 100%;
	z-index: 100;
}
.products .main_block.normal .text{
	position: inherit;
	bottom: 0;
}
.products .main_block .text p.logo{
	text-align: center;
	
}
.products .main_block .text p.logo img{
	max-height: 200px;
	width: auto;
}
.products .main_block .text p{
	color: #FFF;
	text-align: center;
	font-size: 120%;
	line-height: 1.8;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.products .main_block .text p.catch{
	font-size: 220%;
	font-weight: bold;
}

.products .box_apio p.title img{
	width: 600px;
}

.products .box_apio ul.item li {
	padding: 20px;
}

.products .box_apio ul.item li img{
	border: solid 5px #000;
	width: 100%;
}

.products .box_apio ul.item li p.title{
	margin-top: 1em;
}

.products .box_apio p.catch{
	margin: 2em auto !important;
	font-weight: normal;
}
.products .box_apio p.catch span{
	border-bottom: solid 3px #c6302f;
	padding-bottom: 5px;
	font-size: 30px;
	
	font-family: 'Kosugi Maru', sans-serif;
}

.products .box_apio p{
	text-align: center;
}

.products .box_apio p.button{
	margin-top: 2em;
}




.products .bg_image.top{
	/*background-image: url(../products/mazda/cx-3/images/CX-3_frontunderspoiler.jpg);*/
	background-repeat: no-repeat;
	background-position: -250px -100px;
}



.products ul.list.product .box.title h3
/*.products .box.title h3*/{
	font-size: 14px;
}

.productPage #contents .inner{
	background-color: #222;
	/*color: #EEE !important;*/
}

#makerNav{
	display: none !important;
}

.productPage #contents{
	padding-bottom: 20px;
}



.products ul.list{
	margin: 0 0 0 20px;
}

.products ul.list li{
	list-style: none;
	line-height: 1.5;
}

.products ul.list li ol{
	margin: 0 0 0 30px;
}

.products ul.list li ol li{
	list-style:decimal;
}

.products ul.list li ol li span.price{
	float: right;
}



.products #bx-pager{
	text-align: center;
	width: 100%;
	/*border-top: solid 1px #DDD;
	padding-top: 20px;*/
}

.products #bx-pager a{
	margin: 0 1px;
}

.products #bx-pager a img{
	margin-bottom: 2px;	
	height: 40px;
	/*padding: 2px;
	border: solid 1px #EEE;*/
}


.products #bx-pager_color{
	text-align: center;
    padding: 10px;
    background: #EEE;
    border-radius: 50px;
    width: 300px;
    margin: 0 auto;
}

.products #bx-pager_color a{
	margin: 0 5px;
}

.products #bx-pager_color a img{
	height: 20px;
	/*padding: 2px;
	border: solid 1px #EEE;*/
}



.products div.banner{
	text-align: center;
	margin: 2em 0 0 0;
}
.products div.banner img{
	width: 100%;
}

.products div.banner.half{
margin: 50px 0 100px 0;
}
.products div.banner.half img{
	width: 70%;
}


div.sponcer{
	text-align: center;
	margin: 2em 0;
}
div.sponcer ul li{
	display: inline-block;
	margin: 0 15px;
}
div.sponcer ul li img{
	height: 40px;
}

.main_image img{
	/*border: solid 1px #EEE;*/
}

.main_data{
	float: left;
	width: 680px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.sub_data{
	float: left;
	width: 300px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.sub_data img{
	max-width: 100%;
}

.sub_data h3{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #000;
	margin-top: 2em;
	clear: both;
}

.sub_data h4{
	margin-bottom: 5px;
	font-size: 12px;
}

.sub_data dl.data{
	margin-bottom: 40px;
}

.sub_data dl.data dt{
	font-weight: bold;
	font-size: 12px;
	width: 35%;
}

.sub_data dl dd{
	font-size: 90%;
	width: 65%;
}

.sub_data ul{
	margin-left: 20px;
	margin-bottom: 1em;
}

.sub_data ul li{
	line-height: 1.4;
	margin-bottom: 5px;
	font-size: 90%;
	list-style: square;
}

.sub_data ol{
	margin-left: 30px;
	margin-bottom: 2em;
}

.sub_data ol li{
	line-height: 1.4;
	margin-bottom: 5px;
	font-size: 90%;
}



/**
GALLERY
*/

.gallery.catalog ul.list.product h3{
	text-align: center;
}

.gallery.catalog ul.list.product li img{
	border: solid 1px #DDD;
}


.category ul.list li{
	display: inline-block;
	list-style: none;
	margin: 0 10px 5px 0;
	height: 50px;
	line-height: 50px;
	
}

.category ul.list li a{
	height: 50px;
	line-height: 50px;;
	background-color: #333;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	padding: 0 20px;
}

.category ul.list li a:hover{
	background-color: #666;
}


ul.instagram li{
	min-height: 320px;
	background: #FFF;
}



/**
LIST_BOX
*/

ul.item.box{
	margin-left: -1%;
	box-sizing: border-box;
}

ul.item.box li{
	list-style: none;
	float: left;
	margin: 0 0 1% 1%;
	display: inline-block;
	box-sizing: border-box;
}

ul.item.box li.full{
	width: 100% !important;
}

ul.item.box li div.image{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

ul.item.box li div.image img{
	width: 100%;
}

ul.item.box li div.content{
	float: none;
	width: 100%;
}

ul.item.box.column_1 li{
	width: 100%;
}

ul.item.box.column_2 li{
	width: 49%;
}

ul.item.box.column_3 li{
	width: 32.2222222222222222222%;
}

ul.item.box.column_4 li{
	width: 24%;
}

ul.item.box.column_5 li{
	width: 19%;
}

ul.item.box li p.title{
	font-size: 120%;
	margin-bottom: 5px;
}
span.num{
	margin-right: 5px;
	vertical-align: middle;
	background-color: rgba(0,0,0,0.8);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	color: #FFF;
}
body.howto span.num{
	background-color: rgba(255,51,51,0.8);
}

ul.item.box li p.image{
	margin: 0 0 5px 0;
	text-align: center;
}

ul.item.box li div.image img{
	width: 100%;
}

ul.item.box li div.icon{
	text-align: center;
	margin-bottom: 1em;
}

ul.item.box li div.icon img{
	height: 100px;
}
ul.item.box li div.icon i{
	font-size: 70px;
	color: rgba(0,0,0,0.7);
	line-height: 130px;
	/*color: rgba(255,51,51,0.6);*/
}
div.icon.circle span{
	background-color: rgba(0,0,0,0.03);
	border-radius: 50%;
	display: inline-block;
	width: 130px;
	height: 130px;
}

ul.item.box li p{
	margin: 0;
	text-align: center;
}
ul.item.box li p.caution{
	text-align: left;
}
ul.item.box.news li p{
	margin: 0;
	text-align: left;
}
ul.item.box.news li p.title {
	margin: .2em 0;
    font-size: 95%;
	min-height: 5em;
	
}
ul.item.box.news li p.title a{
	text-decoration: none;
}

ul.item.box li p.text{
	font-size: 12px;
	color: #999;
}





ul.item.box.news li div.image,
ul.flexbox.fix div.image{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	height: 180px;
	overflow: hidden;
	position: relative;
}
ul.item.box.news li div.image img,
ul.flexbox.fix div.image img{
  position: absolute;
  width: 20%;
  height: 0;
  width: 100%;
  height: auto;
 /* padding-bottom: 20%;*/
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

ul.item.box li p.price span.tax{
	display: block;
	font-size: 10px;
}




body.top ul.item.box.news li:first-child{
	width: 100%;
}

body.top ul.item.box.news li:first-child div.image{
	height: auto;
	
}

body.top ul.item.box.news li:first-child div.image img{
  position: inherit;
  width: 100%;
  height: auto;
 /* padding-bottom: 20%;*/
  left: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
}

/**
LIST_LIST
*/

ul.item.list li p{
	margin: 0;
}

ul.item.list li{
	list-style: none;
	margin-bottom: 2%;
}

ul.item.list li div.image{
	width: 30%;
	margin-right: 1%;
	display: inline-block;
	vertical-align: top;
}

ul.item.list li div.image img{
	width: 100%;
}

ul.item.list li div.content{
	width: 68%;
	display: inline-block;vertical-align: top;
}

ul.item.list li p.date{
	font-size: 13px;
	color: #666;
	line-height: 1;
	margin-bottom: 5px;
}

ul.item.list li p.title{
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.5;
}

ul.item.list li p.category{
	margin-bottom:8px;
	line-height: 1;
}

.journal.top ul.item.box.news li p.title{
	/*font-weight: bold;*/
	font-size: 110%;
}
ul.item.box.news li p.title a{
	text-decoration: none;
}

ul.item.list li p.text{
	font-size: 12px;
}




ul.item.box.news li div.image{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}
ul.item.box.news li div.image{
	height: 180px;
	overflow: hidden;
	position: relative;
}

ul.item.box.news li div.image img{
  position: absolute;
  width: 20%;
  height: 0;
  width: 100%;
  height: auto;
 /* padding-bottom: 20%;*/
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

ul.item.box.news li div.image span.vol{
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	font-size: 12px;
	color: #FFF;
	background: #777;
}







/**
FLEXBOX
*/

.flexbox{
	display: flex;
	display: -webkit-flex; /* Safari */
	-js-display: flex;/*IE*/
    -webkit-flex-wrap: wrap;
	justify-content: space-around; 
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
	/*justify-content: flex-start;*/
	width: 100%;
}

.flexbox li div.image{
	float: none;
	margin-bottom: 15px;
	width: 100%;
	position: relative;
}
.flexbox li div.image span.category{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	line-height: 0;
}
	
.flexbox li div.image img{
	width: 100%;
}

.flexbox.column_2 li{
	width: 49%;
}
.flexbox.column_3 li{
	width: 32%;
  /*width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;*/
}
.flexbox.column_4 li{
	width: 24%;
}
.flexbox.column_5 li{
	width: 19%;
}


 
.flexbox li {
	list-style: none;
	margin-bottom: 3%;
}
.flexbox li p.date{
	font-size: 13px;
	margin: 5px 0;
	line-height: 1;
}
.flexbox li p.title{
	font-size: 110%;
	line-height: 1.3;
	margin: 0 0 5px 0;
}
.flexbox li p.text{
	font-size: 12px;
	color: #666;
	margin: 5px 0 0 0;
	line-height: 1.3;
}



/**COLUMN*/


.flexbox.reverse {
	flex-direction: row-reverse;
}

.flexbox.column{
	margin-bottom: 30px;
}
.flexbox div.sub{
	flex: 1;
	margin: 0 30px 0 0;
}
.flexbox.reverse div.sub{
	margin: 0 0 0 30px;
}

.flexbox.after div.sub{
	flex: 1;
	margin: 0 0 0 30px; 
}
.flexbox.after.reverse div.sub{
	margin: 0 30px 0 0;
}

.flexbox .main{
	flex: 1;
}
.flexbox .main.w_3{
	flex: 3;
}
.flexbox .main.w_2{
	flex: 2;
}
.flexbox .main.w_4{
	flex: 4;
}
.flexbox .main.w_5{
	flex: 5;
}

.flexbox .main p{
	margin-top: 0;
}


.flexbox.box ul li{
	width: 100%;
}
.flexbox.box ul li div.image{
	width: 25%;
}
.flexbox.box ul li div.content{
	width: 73%;
}



/**FLOW*/

ul.item.box.flow{
	margin-left: 20px !important;
}
ul.item.box.flow li{
	background: url(../images_1/arrow_right.png) 95% 50% no-repeat;
	background-size: 30px !important;
	padding: 0 40px 0 0px;
}
ul.item.box.flow{
	margin-left: 0px !important;
}
ul.flow.down li{
	list-style: none;
	background: url(../images_1/arrow_bottom.png) center bottom no-repeat;
	background-size: 30px;
	padding-bottom: 10px;
	padding-right: 0;
}

ul.item.box.flow li div.image img{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

ol.flow.down li:last-child,
ul.item.box.flow li:last-child{
	background: none;
}


/**
LIST
*/

ul.list.product{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -40px;
	overflow: hidden;
	clear:both;
}

ul.list.product li{
	list-style: none;
	float: left;
	width: 220px;
	margin-left: 40px;
	margin-bottom: 40px;
}

ul.products_top{
	float: right;
	margin: 100px 0 100px 0;
}
ul.products_top li{
	text-align: center;
	list-style: none;
	padding: 0 10px;
}

ul.list.movie.column_2{
	margin: 1em 0 0 0;
}
ul.list.movie.column_2 li,
ul.list.column_2 li{
	text-align: center;
	width: 46%;
	float: left;
	overflow: hidden;
	margin: 1%;
}

ul.list.product.column_3 li{
	width: 306px;
	overflow: hidden;
}


ul.list.product.column_3 li img{
	width: 306px;
}

ul.list.product.column_4 li{
	width: 220px;
	overflow: hidden;
}

ul.list.product.column_4 li h3{
	font-size: 15px;
}

ul.list.product.column_4 li img{
	width: 220px;
}

ul.list.product.column_5 li{
	width: 168px;
	height: 130px;
	overflow: hidden;
}

ul.list.product.column_5 li img{
	width: 166px;
}

ul.list.product.column_5 li h3{
	font-size: 16px;
}

ul.list.product li ul li{
	width: inherit;
	margin: 0 5px 5px 0;
	padding:  5px;
}

.products ul.list.product li p.image{
	height: 118px;
	overflow: hidden;
}

.steering ul.list.product li p.image img{
	width: 220px;
}

.steering ul.list.product li p.image.ss360-d img,
.steering ul.list.product li p.image.ss362-d img{
	width: 215px;
	margin: -10px 0 18px 0;
}


.products ul.list.product li p.image img{
	max-width: 220px;
	max-height: 118px;
	
	/*width: 220px;*/
}



.products.index ul.list.product li p.image{
	width: 218px;
	height: 150px;
	line-height: 150px;
	border: solid 1px #DDD;
}

.products.index ul.list.product li p.image img{
	width: auto;
}

.gallery.index ul.list.product li p.image img{
	width: 306px;
}

.gallery.index ul.list.product li p.image{
	max-height: 172px;
	overflow: hidden;
}


.gallery.movie ul.item li div{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}

.gallery.movie ul.item li iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


ul.list.product li p{
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 85%;
	color: #888;
}

ul.list.product p.position{
	color: #999;
	font-size: 12px;
}

ul.list.product p.name{
	font-size: 120%;
	font-weight: bold;
}

ul.list.product li p.text{
	text-align: left;
}

ul.list.product li p.image{
	margin: 0;
	z-index: -10;
}

.steering ul.list.product li p.image{
	margin: -30px 0;
	z-index: -10;
}


ul.list.product li p.comment{
	text-align: left;
}


dl.list.grandmenu dt.item{
	float: left;
	border-bottom: solid 1px #DDD;
	padding: 10px 0;
	line-height: 1.3;
	width: 50%;
	clear: both;
}

dl.list.grandmenu dd.price{
	float: right;
	border-bottom: solid 1px #DDD;
	padding: 10px 0;
	line-height: 1.3;
	width: 50%;
	text-align: right;
}



ul.list.gallery li{
	list-style: none;
	float: left;
	width: 170px;
	margin: 5px;
	border: solid 1px #EEE;
	padding: 5px;
}

ul.list.gallery li p.image{
	margin: 0;
	text-align: center;
}

ul.list.gallery li p.image img{
	width: 170px;
}

ul.list.gallery li p.caption{
	margin-bottom: 0;
}


/**PRODUCTS INDEX NEW*/

p.caution.modelista{
	text-align: center;
	margin: 3em 0;
}

.products.mazda ul.list.product li,
.products.subaru ul.list.product li,
.products.toyota ul.list.product li,
.products.nissan ul.list.product li,
.products.mitsubishi ul.list.product li,
.products.honda ul.list.product li,
.products.suzuki ul.list.product li,
.products.daihatsu ul.list.product li{
	margin-bottom: 80px;
}

.products.mazda ul.list.product li h3,
.products.subaru ul.list.product li h3,
.products.toyota ul.list.product li h3,
.products.nissan ul.list.product li h3,
.products.mitsubishi ul.list.product li h3,
.products.honda ul.list.product li h3,
.products.suzuki ul.list.product li h3,
.products.daihatsu ul.list.product li h3,
.wheels ul.list.product li h3{
	text-align:center;
	border: none;
	font-size: 120% !important;
}

.products.mazda ul.list.product li p.image img,
.products.subaru ul.list.product li p.image img,
.products.toyota ul.list.product li p.image img,
.products.nissan ul.list.product li p.image img,
.products.mitsubishi ul.list.product li p.image img,
.products.honda ul.list.product li p.image img,
.products.suzuki ul.list.product li p.image img,
.products.daihatsu ul.list.product li p.image img{
	max-width: 100%;
	max-height: inherit;
}
.products.mazda ul.list.product li p.image,
.products.subaru ul.list.product li p.image,
.products.toyota ul.list.product li p.image,
.products.nissan ul.list.product li p.image,
.products.mitsubishi ul.list.product li p.image,
.products.honda ul.list.product li p.image,
.products.suzuki ul.list.product li p.image,
.products.daihatsu ul.list.product li p.image{
	height: 200px;
}




/**
 * company,event,contact,link共通スタイル
 */
.mainIdx{
	width:auto;
    border: none !important;
    margin: 0 !important;
    background: none #FFF !important; 
    } 
.contents .title{
	margin: 0 !important;
    }




/**
COMMON_3
*/

section{
	clear: both;
	padding: 50px 0;
	border-bottom: solid 1px rgba(255,255,255,0.5);
}
section:last-child{
	border: none;
	box-sizing: border-box;
}

section article{
	clear: both;
	padding: 20px 0;
	box-sizing: border-box;
}

div.cover{
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 10;
}

#wrapper.bg{
	width: 100%;
  position: relative;
}

#wrapper.bg #contents{
	margin: 0 !important;
}


 #btn_bottom {
	display: block;
    width: 100%;
    position: -webkit-sticky; /* safari対応 */
	position: sticky;
    bottom: 0;
	left: 0;
	padding: 10px;
    background: rgba(255,255,255,.8);
    z-index: 999;
    text-align: center;
}


/**
OVERSEAS
*/

span.social{
	margin-left: 1em;
}
span.social i{
	margin-left: .3em;
}

body.overseas section.intro{
	position: relative;
	width: 100%;
}

body.overseas .catch.main{
	font-size: 180%;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	text-align: center;
}

body.overseas section{
    width: 60%;
    margin: 0 auto;
	padding: 0;
}

.overseas .accordion .title{
	background: none !important;
}

.overseas .accordion .detail{
	padding: 10px;
}

.overseas .accordion .detail h4{
	font-size: 140%;
}

/*body.overseas h3 span.icon img{
	width: 60px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}*/

span.icon.flag.circle {
	background-repeat: no-repeat;
    width:  40px;       /* ※縦横を同値に */
    height: 40px;       /* ※縦横を同値に */
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position: center left;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
	background-size: 80px;
	vertical-align: bottom;
	border: solid 1px #DDD;
}
span.icon.flag.circle.usa {background-image: url("../images_1/flag_usa.png");}
span.icon.flag.circle.russia {background-image: url("../images_1/flag_russia.png");}
span.icon.flag.circle.uk {background-image: url("../images_1/flag_uk.png");background-position: center center;}
span.icon.flag.circle.taiwan {background-image: url("../images_1/flag_taiwan.png");background-position: center left;background-size: 90px;}
span.icon.flag.circle.china {background-image: url("../images_1/flag_china.png");background-position: 0 0;}
span.icon.flag.circle.indonesia {background-image: url("../images_1/flag_indonesia.png");}
span.icon.flag.circle.australia {background-image: url("../images_1/flag_australia.png");}
span.icon.flag.circle.eu {background-image: url("../images_1/flag_eu.png");background-position: center center;background-size: 70px;}


span.icon.flag.circle.thailand {background-image: url("../images_1/flag_thailand.png");}
span.icon.flag.circle.philippines {background-image: url("../images_1/flag_philippines.png");}



/**
COMPANY_RE
*/

section.intro{
	border: none;
}

.company #main_content{
	padding-top: 60px;
}
p.arrow_down img{
	width: 50px;
}

.bg_image{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-size: cover;
	background-position: center top;
	background-color: #FFF;
}

.company.bg_image{
	background-color: #000;
}

.company .bg_image.about{
	background-image: url(../images_1/bg_company_about.jpg);
}
.company .bg_image.recruit{
	background-image: url(/images_1/bg_company_recruit.jpg);
}
.company .bg_image.history{
	background-image: url(/images_1/bg_company_history.jpg);
}
.company .bg_image.works{
	background-image: url(/images_1/bg_company_works.jpg);
}


@media screen and (max-width: 800px) {
.company .bg_image.about{
	background-position: -100px top !important;
}
}

body.company section{
	color: #FFF;
	width: 60%;
	margin: 0 auto;
}

body.company section.h3_none{
	padding-top: 100px;
}

body.company section h3{
	z-index: 200;
	text-align: center;
	color: #FFF;
	position: relative;
	font-size: 100px;
	font-family: 'Josefin Sans', sans-serif;
}

/*body.company section h3 span{
	font-size: 16px;
}
body.company section h3:after{
	    width: 50px;
    content: "";
    border-bottom: 5px solid #F33;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
}*/

body.company section h4{
	z-index: 200;
	color: #FFF;
	font-size: 30px;
	margin-bottom: 1em;
	font-family: 'Anton', sans-serif;
	letter-spacing: .1em;
	text-align: left;
}
/*body.company section h4:first-letter{
	color: #f33;
	font-size: 150%;
}*/

/**ABOUT*/

body.company section p.catch{
	font-size: 60px !important;
	font-family: 'Josefin Slab';
	line-height: 1;
	font-weight: normal;
}

body.company section.intro p.catch.main{
	font-size: 55px !important;
	text-align: left;
	line-height: 1.2;
	font-family: 'Anton', sans-serif;
	margin-bottom: 0;
}
body.company section p.catch span.red{
	color: #F33;
}

body.company section.about p,
body.company section.recruit p{
	font-size: 110%;
	line-height: 1.8;
}

body.company section.intro p.catch{
	line-height: 1.3;
	text-align: center;
	padding: 1.2em 0 !important;
	font-family: sans-serif;
}

body.company section p.catch span.lead{
	font-size: 22px;
	font-family: 'Josefin Sans', sans-serif;
}

body.company section.profile table{
	width: 100%;
	margin: 60px auto;
	text-align: left;
}
body.company table.list th,
body.company table.list td{
	padding: 15px;
	border-bottom: solid 1px rgba(255,255,255,0.1);
}

body.company table.list td ul li{
	margin-bottom: .5em;
}

body.company #footer{
	margin-top: 0 !important;
}

/**RECRUIT*/

body.company.recruit section.intro{
	padding: 100px 0;
}
body.company.recruit section.intro h3{
	margin: 130px auto 30px 0;
	/*letter-spacing: .25em;*/
}
body.company.recruit section.intro p{
	text-align: center;
	line-height: 1.8;
}
body.company.recruit section.intro p.arrow{
	margin-top: 50px;
}

body.company.recruit section.lead p{
	text-align: center;
}
body.company.recruit section.lead p.lead{
	font-size: 180%;
	text-align: center;
	font-family:'Josefin Sans', sans-serif;
}

body.company.recruit .accordion .title{
	padding: 0 10px !important;
	font-size: 30px !important;
	text-align: center;
	background: none !important;
}
body.company.recruit .accordion h4.title{
	font-family: inherit;
}
body.company.recruit .accordion h4.title span.sub{
	display: block;
	font-size: 12px;
	margin-top: 1em;
	font-weight: normal;
}

body.company.recruit .accordion section p{
	text-align: center ;
	margin: 2em 0;
	font-size: 110%;
}
 
body.company.recruit .accordion table.list{
	font-size: 12px;
}

body.company.recruit .accordion table.list th{
	width: 20%;
}
body.company.recruit .accordion table.list td ul{
	margin-left: 2em;
}

body.company section.recruit .intro p{
	text-align: center;
	font-size: 120%;
}


/**WORKS*/

body.company.works section.intro{
	padding: 100px 0;
}
body.company.works section.intro h3{
	margin: 130px auto 30px 0;
	letter-spacing: .25em;
}

body.company.works section.intro p.arrow{
	margin-top: 50px;
}


/**HISTORY*/

body.company.history section.intro{
	padding: 100px 0;
}
body.company.history section.intro h3{
	margin: 130px auto 30px auto;
	/*letter-spacing: .25em;*/
}
body.company.history section.intro p{
	text-align: center;
	line-height: 1.8;
}
body.company.history section.intro p.arrow{
	margin-top: 50px;
}


.cd-timeline-block{
	margin: 2em 0;
}
.cd-timeline-content{
	box-shadow: none;
}
.cd-timeline-img {
    width: 20px !important;
    height: 20px !important;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
	box-shadow: none;
}
.cd-timeline-content .cd-date{
	color: #FFF;
}
.cd-timeline-img{
	top: 20px;
	background: #c03b44 !important;
}

.cd-timeline-content{
	padding: 1px 15px;
}

.cd-timeline-content p{
	color: #333 !important;
	font-size: 13px;
}
.cd-timeline-content p img{
	max-width: 100%;
}


/**
COMPANY
*/

#contents.company .mainIdx,
#contents.event .mainIdx{
	background: #FFF !important;
	border: none;
}

#contents.company .inner,
#contents.event .inner{
	padding: 0 !important;
}

.contents .contents_left {
	width: 30%;
	padding-left: 0px;
	margin-right: 20px;
	float: left;
}

.contents .contents_right {
	width: 68%;
	float: left;	
	margin: 0 0 30px 0px;
}

.contents .contents_left dl.company_about dt {
	color: #C89B1F;
	padding: 0 0 5px 0;
	border-top: solid 1px #EEE;
	padding-top: 1em;
}

.contents .contents_left dl.company_about dd {
	padding-left: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
}

.contents .contents_right table.company_table td {
	padding:10px 0;
	line-height: 1.5;
	border-bottom: solid 1px #DDD;
}



/**
STATIC
*/


ol.list li{
	line-height: 1.5;
	margin-bottom: .5em;
	margin-left: 20px;
}

body.rule section,
body.privacy section,
body.paid section{
	padding: 20px 0;
}
body.privacy section .inner,
body.rule section .inner{
	width: 60%;
	margin: 0 auto;
}

body.paid section p{
	text-align: center;
	font-size: 110%;
	line-height: 1.8;
}
body.paid section p span{
	line-height: 1.4;
}

body.paid section p.tel a,
body.paid section p.mail a{
	font-size: 20px;
	text-decoration: none;
	color: #333;
}
body.paid section p.tel a{
	pointer-events: none;
}


body.paid.error section p{
	color: #333;
}



body.privacy ul.list{
	margin: 1em 0 1em 3em;
}
body.privacy ul.list li{
	line-height: 1.6;
	margin: 0 0 .5em 0;
}

body.privacy h4{
	margin: 2em 0 1em 0;
	font-size: 110%;
}




/**
CONTACT
*/


.contact_us .banner,
.inquiry .banner{
width: 80%;
padding: 0 !important;
margin: 0 auto;
}

.contact_us .banner p,
.inquiry .banner p{
margin: 2em 0;
}

.contact_area {
	margin: 20px 0 !important;
}

#contents.contact .mainIdx{
	background: #FFF !important;
	border: none;
}

#contents.contact .inner{
	padding: 0 !important;
}

.contact_area .method {
	color: #333;
	width: 100% !important;
}
.contact_area .method table, .contact_area .method th, .contact_area .method td {
	border:1px solid #DDD;
	padding: 10px 0 10px 10px;
}

.contact_area .method th {
	background:none #EEE;
	font-weight:normal;
	line-height:1.8;
	text-align:left;
	white-space:nowrap;
	width: 20%;
}
.contact_area .method td {
	background:none repeat #FFF;
	line-height:1.8;
}
.contact_area .wh {
	color: #FFFFFF;
	font-weight: bold;
}
.contact_area .org {
	color: inherit;
	font-size: 20px;
	padding: 0 0 10px 0px !important;
	border-bottom: solid 2px #000;
	line-height: 1.2;
	margin-top: 2em;
}

.contact_area .md .qanda {
	margin: 30px 0;
}

.contact_area .formarea em{
	color: #F00;
	margin: 0 .5em;
}

.contact_area .formarea {
	margin: 10px 0 45px 0;
	width: 100%;
}

.contact_txt {
	margin: 0;
}

.contact_area .top {
	height: auto;
}


.form_space {
	color: inherit;
}

.form1 {
	color:#000;
	width: 100%;
	margin-top: 1em;
}

.form1 th, .form1 td {
	border:1px solid #DDD;
	padding: 10px;
}
.form1 th {
	background:none repeat scroll 0 0 #EEE;
	font-weight:normal;
	line-height:1.8;
	text-align:left;
	white-space:nowrap;
	padding: 10px;
	display: none;
}
.form1 td {
	background:none repeat scroll 0 0 #FFF;
	line-height:1.8;
}
.form1 td.title{
	background: #f9f9f9 !important;
	width: 20%;
}
.form_space input {
	margin: 20px 0;
}



/**
DAMD FOR YOU
*/
body.foryou{
	background-color: rgba(221,212,181,0.2) !important;
}

body.foryou section{
	padding: 60px 0 0 0;
}

body.foryou section.plan{
	padding-top: 30px;
}

body.foryou section.intro div.lead p.catch{
	font-size: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 1em 0;
	background-image: url(../images_1/border_yellow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

body.foryou section.intro .main_image{
	position: relative;
	text-align: center;
}
body.foryou section.intro .main_image p.logo{
	margin: 0;
	position: absolute;
	left: 150px;
	top: 50px;
}
body.foryou section.intro .main_image p.logo img{
	width: 400px;
}


body.foryou section.intro .main_image img{
	width: 80%;
	display: inline-block;
}

body.foryou section.intro div.lead p {
    clear: both;
    text-align: center;
    font-size: 140%;
    line-height: 2;
}

body.foryou section.plan ul.item li{
	padding: 20px 20px 30px 20px;
	background: rgba(0,0,0,.03);
	border-radius: 5px;
}
body.foryou section.plan ul.item li div.title h3{
	font-size: 200%;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-image: url(../images_1/border_yellow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 300px;
}
body.foryou section.plan ul.item li div.image{
	margin: 1em auto;
	text-align: center;
}
body.foryou section.plan ul.item li div.image img{
	height: 150px;
	width: auto;
}
body.foryou section.plan ul.item li p{
	margin-top: 1em;
	line-height: 1.8;
}
body.foryou section.plan ul.item li.ordermade div.image{
	margin-bottom: 6em;
}

body.foryou section.stitch p.catch{
	font-size: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-image: url(../images_1/border_yellow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

body.foryou section.stitch p.image img{
	width: 80%;
}

body.foryou section.stitch ul.item.color{
	margin-bottom: 60px;
}

body.foryou section.stitch ul.item.color li{
	padding: 20px 20px 30px 20px;
	background: rgba(0,0,0,.03);
	border-radius: 5px;
	
}
body.foryou section.stitch ul.item.color li table{
	width: 100%;
	margin-top: 1em;
}
body.foryou section.stitch ul.item.color li table td{
	width: 20%;
	padding: 10px;
	text-align: center !important;
}

body.foryou section.stitch ul.item.color span{
	margin-right: 0px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
}

body.foryou section.stitch ul.item li p.lead{
	text-align: center;
}


body.foryou section.stitch ul.item.pattern li{
	padding: 10px;
	text-align: center;
}
body.foryou section.stitch ul.item.pattern li img{
	width: 70%;
}
body.foryou section.stitch ul.item.pattern li p.title{
	margin-top: .5em;
	padding: 10px;
}


body.foryou section.order{
	text-align: center;
	border-top: solid 1px #EEE;
}

body.foryou section.order ul.item.box.column_1 li{
	width: 80% !important;
    margin: 0 auto;
}

body.foryou section.order ul.item li{
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 0 0px !important;
	margin: 0 0 1.5em 0 !important;
}

body.foryou section.order div.title h3{
	font-size: 40px;
	margin-bottom: 0;
	font-family: 'Oranienbaum', serif;
	background-image: url(../images_1/border_yellow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 320px;
}
body.foryou section.order ul.item p{
	text-align: cenrer;
	margin-top: 1em;
	font-size: 13px;
	line-height: 1.8;
}
body.foryou section.order ul.item p.step{
	font-size: 26px;
	font-weight:bold;
	text-align: center;
	font-family: 'Oranienbaum', serif;
}
body.foryou section.order ul.item div.image{
	text-align: center;
	margin: 1.5em 0;
}
body.foryou section.order ul.item div.image img{
	height: 150px;
	border-radius: 0;
	width: auto;
}
body.foryou section.order ul.item p.title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 1em 0 0 0;
}
body.foryou section.order ul.item div.content{
	padding: 0 2em;
}


body.order div.form.steering .mwform-radio-field.horizontal-item{
	display: inline-block;
	width: 30%;
	text-align: center;
}

body.order div.form.steering .mwform-radio-field.horizontal-item label:before {
	content: '';
  display: block;
  width: 150px;
  height: 150px;
  background-size: contain;
  vertical-align: middle;
  margin: 1em auto;
}
body.order div.form.steering .mwform-radio-field.horizontal-item label:after {
	content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  background-size: contain;
  vertical-align: middle;
  margin: 1em auto;
  font-size: 85%;
  color: #666;
}
body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(1) label:after{
	content: '境目がないタイプ';
}
body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(2) label:after{
	content: '上下左右に別れているタイプ';
}
body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(3) label:after{
	content: '他2タイプに該当しない特殊なタイプ';
}


body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(1) label:before {
	 background-image: url(/images_1/order_steering_1.png);
}

body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(2) label:before {
	 background-image: url(/images_1/order_steering_2.png);
}
body.order div.form.steering .mwform-radio-field.horizontal-item:nth-of-type(3) label:before {
	 background-image: url(/images_1/order_steering_3.png);
}




body.order div.form.steering .mwform-radio-field.horizontal-item label input{
}




/**
EVENT_new
*/

/*body.event section{
	width: 60%;
	margin: 0 auto;
}*/

body.event section.intro{
	padding: 10px 0;
}

body.event section.intro div.lead p {
    clear: both;
    text-align: center;
    font-size: 140%;
    line-height: 2;
}

body.event section.intro{
	width: 100%;
}

body.event section.schedule table.list{
	width: 100%;
}

body.event section.schedule table.list td{
	border-bottom: solid 1px rgba(0,0,0,0.05);
	vertical-align: top;
}

body.event section.schedule table.list td.info{
	text-align: right;
}

body.event section.schedule table.list td.info a{
	/*margin-left: 5px;*/
}



/**
EVENT
*/

.event_page{
	background-color: #000;
	padding: 20px;
	margin: 0 auto !important;
}


#eventIdx.mainIdx{
	width: auto;
}


/**
SIDEBAR
*/

#sidebar ul.navi{
	margin: -20px 0 1em 0px;
	border-left: solid 1px #EEE;
}

#sidebar ul.navi li{
	/*border-bottom: solid 1px #eee;*/
	display: block;
	list-style: none;
}

#sidebar ul.navi li a{
	display: block;
	padding: 15px ;
	color: #333;
	text-decoration: none;
}

#sidebar ul.navi li a:hover{
	background-color: #f9f9f9;
}

/**
TABLE
*/

table{
	/*width: 100%;*/
}

.trcolor1{background-color: #FFFFFF;}
.trcolor2{background-color: #f5f5f5;}

table.full{
	width: 100%;
}

table.data th,
table.data td{
	padding: 10px;
	border: solid 1px #DDD;
	line-height: 1.6;
}


table.data td ul li{
	list-style: none;
	margin: 1em 0;
}
table.data td ul li p{
	margin: .5em 0 0 20px;
}
table.data td ul li textarea{
	font-size: 12px;
	margin: .5em 0 0 20px;
	box-sizing: border-box;
}


table.list th,
table.list td{
	padding: 10px;
	line-height: 1.6;
}
table.list th{
	background: rgba(0,0,0,0.2);
	font-weight: bold;
	border-bottom: solid 1px #FFF;
	color: #FFF;
}


table.zebra td{
	background: #f6f6f6;
}
table.zebra tr:nth-child(odd) td {
		background: rgba(0,0,0,0);
}


table.sp_block thead{
	padding: 30px 0 5px 0 !important;
	display: block !important;
}
table.sp_block tbody{
	border-top: solid 1px #000;
}
table.sp_block thead th{
	width: 150px !important;
	background: #000 !important;
}
table.sp_block.accordion .title{
	background-color: inherit;
}


.products table.data.narrow{
	width: 100%;
	margin: 10px 0;
}

.products table.data.narrow th,
.products table.data.narrow td{
	padding: 5px;
	border: solid 1px #f3f3f3;
	font-size: 80%;
}
.products table.data.narrow td{
	text-align: center;
	line-height: 1.4;
}
.products table.data.narrow td.notes{
	text-align: left !important;
}

table.data th{
	background-color: #f9f9f9;
}

table.list th,
table.list td{
	padding: 10px;
	/*border-bottom: solid 1px #EEE;*/
	line-height: 1.4;
}

.products table.list{
	margin-bottom: 1em;
	width: 100%;
	clear: both;
}

.prducts table.list tr.line{
	border-top: solid 2px #999;
}

.products table.list tbody.main td.item{
	font-size: 120%;
	font-weight: bold;
}

.products table.list tbody.main{
	background-color: #F9F9F9;
}

.products table.list td{
	border-top: solid 1px #F6F6F6;
}

.products table.list td.option{
	font-size: 85%;
	color: #888;
}
.products table.list td span.category{
	margin-left: 1em;
	white-space: nowrap;
}


.products table.list td span.sub{
color:  #888;
display: block;
float: right;
text-align: right;
white-space: nowrap;
font-size: 85%;
}
.products table.list td span.sub span.tax{
font-size: 85%;
display: block;
}

.products table.list td.item_name{
	background-color: #F3F3F3;
	font-weight: bold;
}

.products table.list td.item_name a,
.products table.list td.item_name_sub a{
	color: #333;
}

.products table.list td.title{
	text-align:center;
	padding-top: 25px;
	font-weight: bold;
}

.products table.list td.button{
	text-align: right;
	width: 10%;
	white-space: nowrap;
}

.products table.list td.price{
	white-space: nowrap;
	text-align: center;
	width: 10%;
}
.products table.list td.price span.tax{
	font-size: 10px;
	display: block;
}
p.price.data span.tax{
	margin-left: 1em;
	color: #999;
	font-size: 10px;
}

.products table.list td a i{
	color: #666;
	font-size: 18px;
	margin-left: 5px;
}


.products table.list th{
	padding: 2em 0 10px 0;
}

.products table.list th h3{
	font-weight: bold;
	font-size: 130%;
}


/**ESTIMATE*/

.estimate{
	font-family: 'M PLUS Rounded 1c', 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif !important;
}
.estimate p{
	text-align: center;
}
.estimate p.caution{
	text-align: left;
}

.estimate h1{
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 1em;
}
.estimate h1 span{
	display: block;
}

.estimate table{
	border-top: solid 1px rgba(0,0,0,1);
}
.estimate table.list th{
	width: 30%;
	padding-left: 5% !important;
	background: rgba(0,0,0,.6);
}
.estimate table.list th,
.estimate table.list td{
	padding: 10px;
	border-top: none;
	border-bottom: solid 1px rgba(0,0,0,1);
}
.estimate table.list td label{
	margin-right: 1em;
}
.estimate table.list td p.caution{
	margin-bottom: 0;
}

.estimate p.total{
	font-size: 18px;
}
.estimate p.total span.price{
	margin-left: 10px;
	font-size: 28px;
	color: #F30;
}

.estimate ul.caution{
	width: 300px;
	margin: 0 auto;
}

.estimate .loan{
	margin-top: 2em;
	padding-top: 1em;
	border-top: solid 1px rgba(0,0,0,0.1);
}
.estimate .loan p.lead{
	margin: 0;
	font-size: 13px;
}
.estimate .loan p.catch{
	margin: 0;
	font-size: 20px;
}
.estimate .loan ul{
	text-align: center;
}
.estimate .loan ul.price li{
	display: inline;
	margin:0 .5em;
}
.estimate .loan ul.price li{
	font-size: 20px;
	color: #F30;
	line-height: 1.5;
}
.estimate .loan ul.price li span.sub{
	font-size: 12px;
	color: #000;
	margin-left: .5em;
}
	
.estimate .howto-loan{
	text-align: center;
	margin: 1em 0 0 0;
}


/**
FORM
*/

#accordion .title {
	display: inline-block;
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-ms-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s;
}
#accordion .description{
	height: 0px; 
	overflow: hidden; 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-ms-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s;
}
#accordion li  input:checked + div + div{
	height: 60px;
}
#accordion li:first-child  input:checked + div + div{
	height: 370px;
}

/*#accordion  input:checked:nth-child(2) + div + div {
	height: 60px;
}*/

.contact span.logo,
.contact_recruit span.logo,
.form_wrx2017 span.logo{
	display: none;
}

.error{
	color:#F00;
	margin:1em 0;
}

.error_title{
	font-size: 20px;
	padding:0;
	margin:1em 0 1em 0;
	background:none;
	color:#F00;
}

.error ul{
	margin:1em 2em;
}

.error ul li{
	margin:.5em 0;
}


.box.button{
	margin: 1em 0;
	clear: both;
	text-align: center;
}

p.button input {
	margin: 0 5px;
}

span.required{
	color: #e6311e;
	margin: 0 0.5em;
	font-weight: normal;
    font-size: 11px;
}


select.select-box{
	font-size: 100%;
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	background-color: #EEE !important;
	background-color: #FFF !important;
	/*background-image: none;*/
	border-radius: 0;
	outline: 0;
	border: 1px solid #333 !important;
}



input[type="submit"].btn,
input[type="button"].btn,
a.btn,
label.btn,
button.btn{
	background-color: #000;
	color: #FFF;
	padding: 15px 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	font-size: 100%;
	border: none;
	text-decoration: none;
	font-size: 110%;
	white-space: nowrap;
	display: inline-block;
	text-align:center;
	box-sizing: border-box;
}
input[type="submit"].btn.full,
input[type="button"].btn.full,
a.btn.full{
	width: 100%;
}

a.btn.no_link{
	pointer-events: none;
	background-color: #DDD;
}

input[type="submit"].btn.size_s,
input[type="button"].btn.size_s,
a.btn.size_s{
	padding: 10px 20px;
	font-size: 100%;
}

input[type="submit"].btn.size_ss,
input[type="button"].btn.size_ss,
a.btn.size_ss,
label.btn.size_ss{
	padding: 5px 10px;
	font-size: 80%;
}

input[type="submit"].btn.size_l,
a.btn.size_l{
	padding: 20px 80px;
	font-size: 130%;
	box-sizing: border-box;
}

input.btn.size_2l,
button.size_2l,
a.btn.size_2l{
	height: 80px;
	line-height: 80px;
	font-size: 140%;
	padding: 0;
}


input[type="submit"].btn.cancel,
a.btn.cancel{
	background-color: #CCC;
	color: #333;
}


input[type="submit"].btn.cancel,
input[type="button"].btn.cancel,
a.btn.cancel{
	background-color: #CCC;
	color: #333;
}

input[type="submit"].btn:hover,
a.btn:hover{
	background-color: #999;
	color: #FFF;
}

.company a.btn.entry{
	background-color: rgba(255,255,255,0.9);
	color: #000;
}
.company a.btn.entry:hover{
	background-color: rgba(255,255,255,0.7);
}

.box.button form{
	display:inline;
}



input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
input[type="button"],
input[type="submit"] 
{
	outline: none;
}

input[type="text"].short{
	width: 30%;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea{
	/*border: 1px solid #EEE;*/
    border: none;
	padding: 6.5px;
	box-sizing:border-box;
    width: 80% !important;
}


input[type="submit"]{
	background-color: #000;
	color: #FFF;
	padding: 15px 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	font-size: 100%;
	border: none;
	text-decoration: none;
	font-size: 110%;
	white-space: nowrap;
	display: inline-block;
	text-align:center;
	box-sizing: border-box;
}
input[type="submit"][disabled] {
			background-color: #ccc;
			cursor: default;
}
textarea{
	font-size: 16px;
	width: 95%;
}

input[type="text"],
textarea{
	/*width: 50%;*/
}

input[type="text"].size_s{
	width: 20%;
}

input[type="text"].size_m{
	width: 30%;
}

input[type="text"].size_l{
	width: 50%;
}



/*select.select-box,*/
select.wpcf7-form-control.wpcf7-select{
    margin: 0;
    padding: 0 20px 0 10px;
    height: 34px;
    line-height: 34px;
    font-size: 100%;
    /*color: #999;*/
    background: url(/images/arrow_down.png) no-repeat 95% 50% #FFF;
    
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
min-width: 100px;
}
select.select-box.full{
	width: 100%;
}
select.short{
	min-width: 80px;
    padding: 0 10px !important;
}






div.form{
	width:100%;
	margin:2em auto;
	padding:20px 30px;
	background-color:#EEE;
	box-sizing: border-box;
    border-radius: 5px;
}



div.form dl dt,
div.form dl dd{
	display:inline-block;
	vertical-align: top;
	padding: 10px 0;
	box-sizing: border-box;
	line-height: 1.5;
}

div.form dl dd .error{
	margin:.5em 0 1em 0;
	font-size: 12px !important;
}


div.form dl{
	/*border-bottom: solid 1px #EEE;*/
}

div.form dl:last-child{
	border:none;
}

div.form dl dt.first,
div.form dl dd.first{
	border:none;
}

div.form dl dt{
	width:25%;
	font-weight: 700;
}

div.form dl dd{
	width:73%;
}

	

div.form dl dd ul.list li{
	list-style: none !important;
	margin-bottom: .5em;
}
div.form dl dd ul.list li span{
	margin-right: 1em;
}



/**
FOOT BANNER
*/
ul.bnr.foot{
	clear: both;
	margin: 20px auto;
	text-align: center;
}

ul.bnr.foot li{
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}



/**
BOTTOM_NAVI
*/

ul.bottom_navi{
	margin-bottom: 20px;
}

ul.bottom_navi li{
	line-height: 1.5;
	font-size: 13px;
	list-style: none;
	float: left;
	width: 16.5%;
}

ul.bottom_navi li h3{
	font-size: 130%;
	margin-bottom: 5px;
	cursor: auto;
}

ul.bottom_navi li ul li{
	font-size: 80%;
	float: none;
	width: 100%;
	color: #DDD;
	margin-bottom: 2px;
}

ul.bottom_navi li ul li .box_social ul{
	margin-top: 10px;
}

ul.bottom_navi li a {text-decoration: none; outline: 0;}
ul.bottom_navi li a:link {color: #999;outline: 0;}
ul.bottom_navi li a:visited {color: #999; outline: 0;}
ul.bottom_navi li a:active {color: #999; outline: 0;}
ul.bottom_navi li a:hover {
	color: #666;
	text-decoration: none;
	outline: 0;
}


/**
FOOTER
*/

#footer{
	margin-top: 20px;
	clear: both;
	/*border-top: solid 1px #000;*/
	padding: 20px;
	background-color: rgba(0,0,0,0.8) !important;
	color: #FFF;
	text-align: center;
  min-width: 1000px;
  z-index: 200;
  position: relative;

}

#footer p.copy{
	font-size: 85%;
	line-height: 1.4;
}

#footer ul.sub_navi{
	margin-bottom: .5em;
}
#footer ul.sub_navi a{
	color: #999 !important;
}

#footer ul.sub_navi.main{
	margin-bottom: .5em;
}

#footer ul.sub_navi.main li{
	font-size: 16px;
}

#footer ul.sub_navi li{
	margin: 0 10px;
	padding: 0;
}

#footer ul.sub_navi li a{
	color: #FFF;
}

#footer ul.sub_navi li a:hover{
	color: #999;
}

/**/

#footer{
	border-bottom: none;
}
.productPage #contents .inner{
	padding: 0;
	/*color: #cacaca !important;*/
}

	



/**
CLEARFIX
*/

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom: 1;
}



/**
PAGE NATION
*/

ul.pager{
	clear: both;
	text-align: center;
	padding-top: 1em;
	margin: 20px 0;
	padding: 0;
}

ul.pager li{
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pager li.active{
	padding: 0.5em;
	display: inline-block;
	color: #FFF;
	background-color: #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager li a{
	padding: 0.5em;
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager li a:hover,
ul.pager li a:active{
	color: #FFF;
	background-color: #CCC;
}

ul.pager li.next,
ul.pager li.prev{
	padding: 0.3em 0;
}


/**
TOPIC PATH
*/

#topic_path{
	clear: both;
	padding: 10px 0;
	border-bottom: solid  1px #EEE;
	font-size: 12px;
	font-weight: normal !important;
	display: none;
}


#topic_path li {
	display: inline;
	line-height: 110%;
	list-style-type: none;
	color: #333 !important;
}

#topic_path li a {
	padding-right: 10px;
	background: url(../images_1/topicpath.gif) no-repeat right center;
	font-weight: normal !important;
	color: #333 !important;
	text-decoration: underline;
}

#topic_path li a:hover{
	text-decoration: none;
}


/**
TOPIC PATH
*/
.popup{
	padding: 20px;
}


/**
NEWS_new
*/

body.news iframe{
	width: 100% !important;
}

.news article img{
	max-width: 100%;
}

.box_sort{
	text-align: center;
}
.box_sort span{
	margin: 0 1em;
}

.box_tag{
	/*padding: 2px 20px;
	background: rgba(0,0,0,0.03);
	border: solid 1px rgba(0,0,0,0.05);*/
	margin-top: 40px;
}
.box_tag p a{
	margin: 0 5px 6px 0;
	padding: 3px 6px;
	background: rgba(0,0,0,0.05);
	display: inline-block;
	text-decoration: none;
	font-size: 12px !important;
}



/**
INFO
*/

.box.info.bottom{
	box-sizing: border-box;
	padding: 30px;
	/*border: solid 2px #cd3e2c;*/
	background-color: rgba(0,0,0,0.05);
	border-radius: 10px;
	text-align: center;
}

.box.info.bottom p br{
	display: none;
}
.box.info.bottom.others ul{
	margin: 0;
}
.box.info.bottom.others ul li{
	margin-bottom: 0;
}
.box.info.bottom.others p br{
	display: block;
}

.box.info.bottom ul{
	margin: 1.5em 0;
}

.box.info.bottom ul li{
	text-align: center;
}


.box.info.bottom ul li.button a{
	width: 100%;
}

.box.info.bottom ul li.tel{
	font-size: 200%;
	height: 60px;
	line-height: 60px;
}

.box.info.bottom ul li.tel p{
	text-align: center;
}

.box.info.bottom ul li.tel,
.box.info.bottom ul li.tel a{
	color: #333;
}

.box.info.bottom ul li.tel a{
	background: url(../images_1/icon_freedial.png) no-repeat center left;
    padding-left: 50px;
}

.box.info.bottom ul li.tel p.caution{
	font-size: 50%;
	margin: 0;
}

.box.info.bottom ul li.tel div.free a{
	background: url(../images_1/icon_freedial.png) no-repeat center left;
    padding-left: 50px;
}
.box.info.bottom ul li.tel div.fax span{
	background: url(/images_1/icon_fax.png) no-repeat center left;
	display: inline-block;
	background-size: 35px;
    padding-left: 45px;
	text-align: center;
	color: #333;
}

.box.info.bottom.fax{
	padding: 10px;
	margin-bottom: 50px;
}
	


/**
JOURNAL
*/

.journal.single #contents  .inner{
	width: 80%;
	margin: 50px auto !important;
}

.journal.single #contents p{
	font-size: 110%;
	line-height: 1.8;
	letter-spacing: .05em;
}

.journal.single .main_image{
	position: relative;
}

.journal.single .main_image div.text{
	/*position: absolute;
	top: 80px;
	left: 60px;
	color: #FFF;	
    text-shadow: 0px 0px 10px RGBA(0,0,0,0.51);*/
	text-align: center;
	margin-top: 80px;
}

.journal.single .main_image div.text h1{
	line-height: 1.5;
	font-size: 40px;
}
.journal.single .main_image div.text p{
	font-size: 120% !important;
	margin-bottom: 0;
	font-weight: 600;
}

.journal.single #contents h2{
	font-size: 26px;
	margin-bottom: 40px;
}

.journal.single #contents p{
	margin: .6em 0 !important;
}
.journal.single #contents ul.column_2 {
	margin-bottom: 30px;
}

.journal.single #contents ul.column_2 li{
	margin-bottom: 2%;
}
.journal.single #contents ul.column_2 li img{
	width: 100%;
}


.journal.single #contents ul.column_2.first li:first-child{
	width: 100%;
}
.journal.single #contents ul.column_2.last li:last-child{
	width: 100%;
}


.journal.single #contents .main_image p.number{
	color: #FFF;
	font-weight: 600;
	background: #777;
	letter-spacing: .1em !important;
	margin:0 !important;
	position: absolute;
	top: -15px;
	left: -15px;
	padding:5px 15px;
	font-size: 20px;
	display: inline-block;
	
    /*transform: rotate(-90deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(90deg);*/
}


.journal.single  .car_data{
	padding: 30px 30px 0 30px;
	border: double 3px #000;
	position: relative;
	margin-top: 50px;
}

.journal.single  .car_data h3{
	display: inline-block;
	padding: 15px 20px;
	background: #000;
	color: #FFF;
	position: absolute;
	top: -15px;
	left: -15px;
}

.journal.single  .car_data p.title{
	font-weight:bold;
	text-align: center;
	font-size: 30px !important;
}

.journal.single  .car_data div.image{
	float: right;
	width: 55%;
}
.journal.single  .car_data div.image img{
	width: 100%;
}

.journal.single  .car_data .sub_data{
	width: 45%;
	margin-bottom: 0;
}

.journal.single  .car_data .sub_data dl.data{
	margin-bottom: 0;
}

.journal.single #contents .car_data p.button{
	padding: 2em 0 !important;
}



@media(min-width:801px) and (max-width: 1024px){

header p.catch{
	display: none;
}


}


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

/**
BASIC
*/

body{
	font-size:0px;
	-webkit-text-size-adjust: none;
	font-size: 13px;
	padding: 5px;
	box-sizing: border-box;

}

#wrapper,
.journal.top #wrapper{
	width: 100%;
}

a[href^="tel:"] {
    pointer-events: inherit;
	text-decoration: underline;
}

br.sp{
	display: inherit;
}
	

a {
	color: #000;
}

img{
	max-width: 100% !important;
	box-sizing: border-box;
}

.inner{
	width: 100% !important;
	padding: 5px !important;
	box-sizing: border-box;
}

.box.caution .fl_right,
.box.caution .fl_left{
	float: none;
	margin: 0 0 10px 0;
	display: block;
}


/**
HEADER_RE
*/

header{
	height: 46px;
	margin: 0;
	z-index: 999;
}

header .inner {
    height: 46px;
}

header nav{
	position: absolute !important;
	top: 0;
	left: 0;
}

header h1.logo {
    margin: 0 auto;
    position: relative;
    top: 10px;
	text-align: center;
}

header h1.logo a{
	z-index: 9999;
	position: relative;
}


.stellarnav li ul li a{
	padding-left: 3em !important;
}


/**
HEADER
*/



header p.catch{
	display: none !important;
}

p.site_catch{
	padding: 5px 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

header h1.logo{
	margin: 0 0 10px 0;
	left: 0;
}

header h1.logo img{
	height: 25px;
}

header .inner{
	padding: 0 !important;
}

header .box.social{
	position: inherit;
	top: inherit;
	right: inherit;
}

header .box.info{
	position: inherit;
	top: inherit;
	right: inherit;
	margin: 0;
}

header .box.info ul li.tel span a{
	font-size: 30px;
	pointer-events: inherit;
}

header .box ul.sub_navi{
	position: inherit;
	text-align: center;
	border-bottom: solid 1px #000;
	padding: 5px 0;
	
	display: none;
}

header ul.sub_navi li {
	line-height: inherit;
	height: inherit;
	margin: 3px;
}

header ul.sub_navi li a{
	width: auto;
	border-bottom: solid 1px #000;
	padding: 0px 0px;
	border: none;
}

#header ul.sub_navi li a:hover{
	border: none;
}


/**
GLOBAL NAVI
*/

.stellarnav ul ul{
	width: 100% !important;
}

#navre .naver-handle{
	margin-left: 0;
}

#navre ul{
	width: 100%;
	margin: 0 auto;
}

#navre{
	margin-left: 0px;
}

#navre li{
	list-style: none;
	color: #fff;
	float: left;
	text-align: center;
	width: 50%;
	font-size: 10px;
	letter-spacing: 0;
	margin: 0px 0%;
}

#navre li a{
	line-height: 30px;
	height: 30px;
	padding: 0;
	display: block;
}
/*
 #navre li {
    float: none;
    margin: 0 0 2px 0;
    width: 100%;
  }
*/

/**
accordion
*/



.accordion .title{
	padding: 10px 50px 10px 10px;
	font-weight: bold;
	margin: 5px 0 0 0;
	background: url(../images_1/arrow_down.png) no-repeat 96% 50% #F3F3F3;
	background-size: 15px;
}

.accordion .title.active{
	background: url(../images_1/arrow_up.png) no-repeat 96% 50% #F3F3F3;
	background-size: 15px;
}

.accordion ul.caution,
.accordion p.caution{
	margin-top: 5px;
	/*border: solid 1px #EEE;
	padding: 10px;*/
}


.accordion .detail div.image{
	display: inherit;
}
.products .accordion .detail div.image p.text{
	display: block;
	padding: 10px;
}
.products .accordion .detail div.image ul.photo{
	display: inherit;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}
.products .accordion .detail div.image ul.photo li,
.products .accordion .detail div.image ul.photo.block li{
	list-style: none;
	display: table-cell;
	width: 50%;
}
.products .accordion .detail div.image ul.photo.three li,
.products .accordion .detail div.image ul.photo.three.block li{
	width: 30%;
}

.products .accordion .detail div.image ul.photo.multiple li{
	display: block;
	width: 50%;
	float: left;
}

.products .accordion .detail div.image ul.photo li img{
	display: inherit;
	width: 100%;
}
.products .accordion .detail div.image ul.photo li a{
	padding: 0px;
}
.products .accordion .detail div.image ul.photo li i{
	display: none;
}

.products .accordion .detail div.image ul.photo li span.caution.text{
	display: block;
	text-align: center;
	margin: 5px 0;
}






/**
HOME
*/

.top .box.products ul.list li{
	width: 32%;
}

.top .box.products ul.list li.title{
	width: 100%;
	padding: 0px 0px !important;
	display: block;
	box-sizing: border-box;
}

.top .box.products ul.list li.title img{
	width: 150px;
}

.top .main_block ul{
	margin-left: 0px;
}

.top .main_block ul li{
	float: none;
	margin: 10px 0 0 0;
	text-align: center;
}

.top .main_block ul li.news{
	width: 100%;
	box-sizing: border-box;
}
.top .main_block ul li.fb,
.top .main_block ul li.fb iframe{
	width: 100%;
	box-sizing: border-box;
}


/**
HOME_NEW
*/

.home.top #contents .inner{
	min-width: inherit;
}

.home.top #contents{
	margin: 0 !important;
}

.main_slider.sp{
	display: block;
}
.main_slider.pc{
	display: none;
}

section.content section {
    padding: 20px 15px 20px 15px;
}



section.content section div.title p.button {
	margin: 10px 0;
}

.top ul.carousel li {
    margin-bottom: 0;
    padding: 0 5px;
}

section.content section div.title {
    float: none;
    width: 100%;
}

section.content section div.title{
	float: none;
	width: 100%;
	margin: 20px;
}
section.content section ul.carousel,
section.content section .main_content{
	float: none;
	width: 100%;
}
	
.slick-prev{
	left: -1px !important;
	z-index: 999;
}

.slick-next {
    right: -1px !important;
	z-index: 999;
}

.top section {
    padding: 30px 0;
    margin: 0 auto;
}

.top section.banner{
	padding: 5px 10px 10px 10px;
}
.top section.banner ul li{
	width: 100% !important;
	margin: 10px 0;
}


.top section div.left_block,
.top section div.right_block,
.top section.journal div.left_block,
.top section.journal div.right_block{
	width: 100%;
	display: block;
	float: none;
}


.top .journal{
	/*height: 100vh;*/
}

.top .journal .wrap{
	float: none;
    padding: 15px 30px 15px 30px;
}

.top section div.title h3,
.top .journal .left_block h3 {
    font-size: 26px;
    white-space: nowrap;
}
.top .journal div.title {
    transform-origin: top left;
    transform: rotate(0deg) translateX(0%);
    top: 0px;
    left: calc(100% - 50px);
    /* left: calc(100vw - 50px); */
    z-index: 1;
}

.top .journal{
	padding: 20px 5px !important;
    background: url(https://www.damd.co.jp/images_1/bg_paper.jpg) no-repeat;
	background-size: cover;
}

.top .journal ul{
    border-left: none;
	min-width: inherit;
}
.top .journal ul li{
	width: 100% !important;
	padding: 10px 0;
	margin: 0;
}
.top .journal ul li div.image{
	min-height: 52px;
	max-height: 52px;
}
.top .journal ul li div.content p.title{
	font-size: 12px;
}
	
.top .journal ul li:first-child{
	width: 100% !important;
	margin-left: 0;
	margin-bottom: 0px;
}
.top .journal ul li:first-child div.image{
	display: block;
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.top .journal ul li:first-child div.content{
	display: block;
	width: 100%;
	padding: 0;
}
.top .journal ul li:first-child div.content p.title {
    font-size: 18px;
    margin: .5em 0;
}
.top .journal ul li:first-child div.content p.text {
    display: block;
    font-size: 13px;
}

.top .journal .left_block p.button {
    position: inherit;
    bottom: 0;
    left: 0px;
}

.top .journal ul li:nth-child(4){
    border-bottom: solid 2px #333;
    padding-bottom: 10px;
    margin-bottom: 0;
}


.top .info ul.flexbox.column_3 li{
	width: 100% !important;
	margin-bottom: 6%;
}




/**
TOPICS
*/

.topics .narrow{
	width: 100%;
}

.topics .wide{
	width: 100%;
}

.topics .post p{
	font-size: 100%;
}


/**
NEWS
*/

body.news.single #contents article{
width: 100%;
}

ul#news_list li span.news_List_Ymd{
	display: block;
	float: none;
	width: 100% !important;
}

ul#news_list li span.news_List_Title{
	display: block;
	float: none;
	width: 100% !important;
}

/**
FOOT BANNER
*/

ul.bnr.foot li{
	display: block;
	margin-bottom: 10px;
}

#sliderWrap ul li img{
	/*max-height: 300px;*/
	margin: 0 auto !important;
}

#sliderWrap ul.bxslider li{
	height: auto;
}

#sliderWrap ul.bxslider li img{
	max-width: 100% !important;
	height: inherit;
	margin: 0;
}


.top .box.products{
	margin: 20px 0 0 0;
}

.products #bx-pager a{
	margin: 0;
}

.products #bx-pager a img{
	height:40px;
	padding: 0px;
	border: solid 1px #EEE;
}



div.sponcer ul li img{
	height:20px;
}

div.sponcer ul li{
	margin: 0 10px 10px 10px;
}

.main_data,
.sub_data{
	float: none;
	width: 100%;
}


#sliderWrap{
	width: 100%;
}

.inner{
	width: 100%;
}

table{
	width: 100%;
}

.formarea table th,
.formarea table td{
	padding: 10px !important;
	display: block;
	width: 100% !important;
}

.formarea table th{
	border-bottom: none !important;
}

/*table.list th,
table.list td{
	display: block;
}*/


/**
COMMON_LAYOUT
*/

#contents {
  min-height: auto;
  padding-top: 0;
}
#footer {
  height: auto;
}


/**
COMMON_TEXT
*/

div.title h2{
	text-align: center;
	margin: 1em 0;
	font-size: 20px;
}

div.title h3{
	margin: 1em 0;
	font-size: 16px;
}

 div.title h4{
	 text-align: center;
	margin: 1em 0;
	font-size: 14px;
}
 div.title.left h4{
	 text-align: left;
 }

p.catch.big{
	font-size: 160%;
}

.box.title h2{
	font-size: 20px;
}


#footer{
	box-sizing: border-box;
	min-width: 100%;
}

.products .accordion p.title .sub.green,
.products .accordion.denali p.title .sub,
.products .accordion.malibu p.title .sub{
    display: block;
    text-align: center;
    width: 90px;
    white-space: nowrap;
    margin: 3px 0 0 0;
}




/**
LIST_BOX
*/

ul.item.box{
	margin-left: 0%;
}

ul.item.box li{
	list-style: none;
	float: left;
	margin: 0 0 10% 0% !important;
}

ul.item.box.column_3 li,
ul.item.box.column_4 li,
ul.item.box.column_5 li{
	width: 100%;
}

ul.item.box.images{
	margin: 0 0 1% 0;
}
ul.item.box.news li div.image{
	height: inherit !important;
	overflow: inherit;
}
ul.item.box.news li div.image img{
	position: inherit;
	left: 0;
	top: 0;
	
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
}
ul.item.box.images li{
	width: 100% !important;
	float: none;
}

ul.item.box.news li p.title{
	min-height: 1em;
}


/**FLOW*/

ul.item.box.flow{
	margin-left: 0px !important;
}
ul.item.box.flow li{
	background: url(../images_1/arrow_down.png) center bottom no-repeat;
	background-size: 30px;
	padding-bottom: 40px;
	padding-right: 0;
	margin-bottom: 5% !important;
}
ul.item.box.flow.sp_rows_2 li{
	margin-bottom: 5% !important;
	width: 48% !important;
	background: url(../images_1/arrow_right.png) 95% 30% no-repeat;
    background-size: 30px !important;
    padding: 0 40px 0 0px;
}
ul.item.box.flow.sp_rows_2 li:last-child{
	background: none;
}
ul.item.box.flow.sp_rows_2 li div.icon i{
	font-size: 40px;
	line-height: 100px;
}
ul.item.box.flow.sp_rows_2 li div.icon.circle span{
	width: 100px;
	height: 100px;
	line-height: 100px;
}
ul.item.box.flow.sp_rows_2 li p.title{
	height: 4em;
}

ul.item.box.flow li p.title{
	/*text-align: left;*/
	margin: 0 0 .5em 0;
}
ul.item.box.flow li p.title br{
	/*display: none;*/
}

ul.item.box.flow li:last-child{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}


/**
FLEXBOX
*/

.flexbox{
	 justify-content: space-around;
	 -js-display: content;
	 
	display: content;
    -webkit-flex-wrap: content;
    flex-wrap: wrap;
    align-items: stretch;
	
	justify-content: flex-start;
    justify-content: space-between;
}

.flexbox li {
	list-style: none;
	width: 100%;
}

.flexbox li img{
	width: 100%;
}


.flexbox.column .sub{
	flex: 100%;
	margin: 0 0 1em 0 !important;
}
.flexbox.column.after .sub{
	flex: 100%;
	margin: 1em 0 0 0 ;
}

.flexbox.column .main{
	flex: 100%;
}

.flexbox.list .main{
	flex: 3 !important;
}

.flexbox.column_3 li,
.flexbox.column_4 li,
.flexbox.column_5 li{
	width: 49%;
}

.flexbox.sp_full li{
	width: 100%;
	margin-bottom: 5%;
}


/**
TABLE
*/

/*.company table.data th,
.company table.data td{
	display: block;
	border: none;
}*/

table.sp_block thead{
	padding:0 !important;
}
table.sp_block tbody{
	border-top: solid 1px #EEE;
}
table.sp_block thead th{
	background: inherit;
	background-color: rgba(0,0,0,1) !important;
	border-bottom: solid 1px #000;
}
table.sp_block.accordion .title{
	/*background-color: rgba(0,0,0,.3);*/
	border-bottom: solid 1px #000;
}
	
	
	
form table.data th,
form table.data td{
	display: block;
}
form table.data th,
form table.data td{
	border-bottom: 0;
}
form table.data{
	border-bottom: solid 1px #DDD;
}

form table.data td p,
form table.data td textarea{
	margin-left: 0 !important;
}


table.sp_block th{
	display: block;
	width: 100%;
}
table.sp_block td{
	display: block;
	width: 100%;
}
table.sp_block td.address{
	padding-top: 0;
	padding-bottom: 0;
}
table.sp_block td.map{
	padding-bottom: 0;
	text-align: right;
}


/**ESTIMATE*/

.estimate h1{
	text-align: center;
	font-size: 10px;
	line-height: 1.3;
	margin-bottom: .5em;
}

.estimate table.list th,
.estimate table.list td{
	padding: 5px ;
}

.estimate table.list th{
	width: auto;
	padding-left: 10px !important;
	white-space: nowrap;
}
.estimate table.list td label{
	display: block;
	margin: .2em 0;
}

.estimate p.total{
	font-size: 14px;
	margin: 5px 0;
}
.estimate p.total span.price{
	margin-left: 10px;
	font-size: 24px;
	color: #F30;
}

.estimate ul.caution{
}

.estimate .loan p.lead{
	margin: 0;
	font-size: 12px;
}
.estimate .loan p.catch{
	margin: 0;
	font-size: 18px;
}
.estimate .loan ul{
	text-align: center;
}
.estimate .loan ul.price li{
	display: block;
	font-size: 13px;
	margin:0 .5em;
}
.estimate .loan ul.price li span.sub{
	font-size: 10px;
}
.estimate table.list td p.caution{
	margin-top: 3px;
}

.estimate p.button{
	margin: 5px 0;
}

.estimate .loan {
    margin-top: 8px;
    padding-top: 5px;
}




/**
FORM
*/

#accordion  input:checked + div + div {
	height: 140px;
}

input[type="text"].size_s{
	width: 40%;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea{
	/*border: 1px solid #EEE;*/
	padding: 5px;
	width: 100% !important;
	-webkit-appearance: none;
}

input[type="button"],
input[type="submit"]{
	 -webkit-appearance: none;
	 border-radius: 0;
}

button.btn{
	padding: 10px;
	font-size: 13px;
}

input[type="submit"].btn.size_l, 
a.btn.size_l {
    padding: 10px 20px;
    font-size: 110%;
    box-sizing: border-box;
}

select.select-box{
	width: 100%;
}


div.form{
padding: 15px 10px;
}

div.form.mt-4,
div.form.my-4{
	padding: 10px;
}

div.form dl dt,
div.form dl dd{
	width: 100%;
	display: block;
	padding: 0;
}
div.form dl dt{
	margin-bottom: 8px;
}
div.form dl dd{
	margin-bottom: 18px;
}

div.form dl dd ul.list li{
	margin-bottom: .5em;
}
div.form dl dd ul.list li input{
	width: 40% !important;
	display: inline-block !important;
}
div.form dl dd ul.list li select{
	width: auto !important;
	display: inline-block !important;
}

div.form dl dd ul.list li span{
	margin-right: 1em;
}



/**
STATIC
*/

body.privacy section .inner{
	width: 100%;
}

body.paid section p.tel a{
	pointer-events: inherit;
}


/**
CONTACT
*/

.contact_us .banner,
.inquiry .banner{
width: 100%;
padding: 0 !important;
margin: 0 auto;
}


.form1 {
	width: 100%;
	margin-top: 1em;
	border: 0;
	border-bottom: solid 1px #DDD;
}

.form1 th, .form1 td {
	border:1px solid #DDD;
	padding: 10px;
}
.form1 th {
	padding: 10px;
}
.form1 td {
	display: block;
	border-bottom: 0;
}

.form1 td.title{
	width: 100%;
}


/**
EVENT_new
*/

/*body.event section{
	width: 60%;
	margin: 0 auto;
}*/

body.event section.intro div.lead p {
    font-size: 100%;
}

body.event section.schedule table.list td{
	display: block;
	padding-bottom: 0;
	border-bottom: none;
	width: 100%;
}
body.event section.schedule table.list td.info{
	text-align:left;
	border-bottom: solid 1px rgba(0,0,0,0.05);
	padding-bottom: 10px;
}

body.event section.schedule table.list th{
	display: none;
}


/**
SIDEBAR
*/

.sub_data dl.data dt{
	font-weight: bold;
	font-size: 12px;
	width: 35%;
}

.sub_data dl dd{
	font-size: 90%;
	width: 65%;
}


/**
HOW TO
*/

.howto section.intro div.lead p{
	font-size: 120%;
}
.howto section.intro .column{
	margin-bottom: 2em;
}

.howto section.intro div.text{
	text-align: center;
	padding-top: 35px;
}

.howto article{
	margin: 0 1em 1em 1em;
	padding: 10px;
}

.box.info.bottom{
	margin: -1em 1em 1em 1em;
}
.box.info.bottom.others {
    margin: 0;
}
.box.info.bottom.fax{
	margin: 0 0 40px 0;
}
.box.info.bottom.fax ul{
	margin: 0;
}

.box.info.bottom p br{
	display: inherit;
}
.box.info.bottom.others p br{
	display: none;
}


/**
COMPLETE
*/

.complete section{
	padding:20px 0 50px 0;
}

.complete #contents .inner{
	width: 100%;
}

.complete div.title h2{
	font-size: 26px;
}
.complete div.title h3{
	font-size: 16px;
}
.complete div.title h4{
	font-size: 13px;
}


.complete.top #contents ul.column_2{
	margin-left: 0;
}
.complete.top #contents ul.column_2 li{
	width: 100%;
	margin: 0 0 5% 0;
}
.complete.top #contents ul.column_2 li p.button span{
	display: block;
	margin: 10px 0;
}
.complete.top #contents ul.column_2 li p.button span a.btn{
	width: 100%;
}

.complete ul.item.box.column_4{
	margin-left: -1%;
}
.complete ul.item.box.column_4 li{
	width: 24% !important;
	height: 60px !important;
	margin: 0 0 1% 1% !important;
	
}

.complete .box.title h3 {
	font-size: 140%;
}


.complete .custom p.catch.total {
    font-size: 140%;
    margin-top: 2em;
    margin-bottom: -2em;
}


/**
TAX/SHOPLIST
*/

.tax div.main_image img{
	width: 100%;
}

.shoplist .about ul{
	margin: 0 auto;
	width: 60%;
}
.shoplist .about ul li{
	border-left: none;
	border-top: solid 1px #CCC;
	padding-top: 1em;
	margin-top: 2em;
}
.shoplist .about ul li:first-child{
	padding-top: 0;
}

.tax.shoplist table .pref{
	border-bottom: none;
}

.tax.shoplist table .note br{
	display: none;
}



/**
HOWTO
*/

.howto .intro ul.point{
	margin: 50px 20px 0 20px;
}

.howto .intro ul.point li{
	margin-bottom: 2em;
	/*padding-top:2em;
	border-top: solid 1px rgba(0,0,0,0.05);*/
}

.howto article p.catch.slash:before {left:0px;}
.howto article p.catch.slash:after {right: 0px;}

.howto #howto_2 article p.catch{
	font-size: 100%;
}
.howto article p.catch.big{
	font-size: 120% !important;
}

.howto article p.catch.big {
    padding: 0 30px;
}

.howto article p.catch.slash:after,
.howto article p.catch.slash:before {
    height: 5px;
	width: 20px;
}

.howto .box.title h4{
	font-size: 16px;
}


.howto .block{
	padding: 2em 0px;
}

.howto .block div.text.left{
    width: 100%;
    float: none;
	padding: 0;
}
.howto .block div.image.right{
    width: 100%;
    float: none;
	padding: 0;
	margin-top: 1em;
}

.howto .block{
	width: 100%;
}



/**
PRODUCTS
*/

/**HEAD*/

.box.title.noborder h3 {
    margin: -150px 0 120px 0;
}

.products .main_block{
	margin-top: -50px !important;
}

.products .main_block .main_image{
	padding-bottom: 180px;
}
.products .main_block.normal .main_image{
	background: none;
	padding: 0px 0;
}

.products .main_block .text{
	bottom: 100px;
}

.products .main_block .text p{
	font-size: 12px;
}


.products .main_block .text p.catch{
	font-size: 160%;
	margin-bottom: .5em;
}

.products .box_apio ul.item.box.column_3 li{
	padding: 5px;
	width: 32%;
}
.products .box_apio p.catch span{
	font-size: 22px;
}
.products .box_apio p.lead{
	font-size: 13px;
}

.products section.color ul.list.product.column_3 li,
.products section.color ul.list.product.column_4 li,
.products section.color ul.list.product.column_5 li{
	width: 48% !important; 
	
}
.products section.color{
text-align: center;
}
.products section.color ul.list.product.column_5 li{
display: inline;
float: none;
}



.products .bg_image.top{
	background: none !important;
}


ul.list.product{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	overflow: hidden;
	clear:both;
}

ul.list.product li{
	width: 48%;
	margin: 5px 1%;
	box-sizing: border-box;
}

ul.products_top{
	float: none;
	/*margin-top: 0;*/
}

ul.list.product.column_3 li{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

ul.list.movie.column_2 li{
	width: 100%;
	float: none;
	overflow: hidden;
	margin: 1%;
	text-align: center;
}

ul.list.product li a{
	box-sizing: border-box;
}

.products.index ul.list.product li p.image{
	width: 100%;
	height: auto;
	line-height: inherit;
}


.products .box.title h3{
	font-size: 13px;
}


.products div.banner.half{
margin: 30px 0 30px 0;
}
.products div.banner.half img{
	width: 90%;
}



.products.mazda ul.list.product li{
	width: 100%;
}

p.caution.modelista{
	text-align: left;
	margin: 2em 0;
	line-height: 1.8;
}


.products section.color ul.list.product.column_3 li{
	width: 48% !important;
}


.car_type ol.list,
#main_contents .car_type ul.list{
}
.car_type ol.list li,
#main_contents .car_type ul.list li{
margin-top: 0 !important;
}

/**
STEERING
*/

#main_contents{
	width: 100%;
	margin: 0 0 50px 0;
}

#sidebar{
	width: 100%;
	float: none;
}

#sidebar ul.navi {
    border-left: none;
}

.contents_main_image{
	float: none;
	margin:0 0 1em 0;
	width: 100%;
}

.text_data{
	float: none;
	width: 100%;
	margin: 0;
}

.steering section.intro div.text p.catch{
	font-size: 30px;
}

.steering section.intro div.text{
	padding-top: 30px;
}

.steering section.intro div.lead p{
	font-size: 110%;
	line-height: 1.8;
}

/**202404*/

.steering .pc{
display: none;
}

.steering .sp{
display: inherit;
}

.steering section.intro div.text{
padding-top: 0;
}
.steering .main_slider p.lead {
    font-size: 18px !important;
    margin: 1.5em 0 .5em 0;
}
.steering .main_slider p{
font-size: 100%;
margin: 0;
}

.steering .intro div.txt {
    margin-bottom: 50px;
}

.steering .intro .bx-viewport{
height: 360px !important;
}

.steering .bx-wrapper .bx-controls-direction a{
top: 35%;
}


/**
GALLERY
*/

ul.instagram li{
	text-align: center;
	height: inherit;
}

/**
COMMON_3
*/

body{
	padding: 0;
}
.journal.top #wrapper,
#wrapper{
	padding: 5px;
	box-sizing: border-box;
}


/**
COLUMN
*/

.column .half{
	width: 100%;
	margin-bottom: 5%;
}
.column .right.half{
	margin-left: 0;
}
.column .left.half{
	margin-right: 0;
}

.column .right,
.column .left,
.column .wide,
.column .narrow{
	width: 100%;
	margin: 0 0 1em 0;
	float: none;
}



/**
OVERSEAS
*/

body.overseas .catch.main{
	font-size: 120%;
	margin: 1em 0;
}

body.overseas section{
    width: 100%;
}

body.overseas .box.title h3{
	font-size: 20px;
}

body.overseas h3 img.icon{
	width: 40px;
}

.overseas .accordion .detail h4{
	font-size: 16px;
}

span.icon.flag.circle {
	background-repeat: no-repeat;
    width:  30px;       /* ※縦横を同値に */
    height: 30px;       /* ※縦横を同値に */
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position: center left;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
	background-size: 60px !important;
	vertical-align: middle;
	border: solid 1px #EEE;
}


/**
COMPANY_RE
*/

body.overseas .catch.main{
	top: 30%;
}

body.company section{
	width: 95%;
	padding: 20px 0;
}

body.company section.h3_none{
	padding-top: 120px;
}

body.company section h3{
	font-size: 26px;
}

body.company section h4{
	font-size: 22px;
}

body.company section p.catch.main{
	font-size: 32px !important;
	padding: 2em 0 1em 0 !important;
}
body.company section p.catch{
	font-size: 30px !important;
	padding: 2em 0 !important;
}
body.company section p.catch .lead{
	font-size: 12px !important;
}

/*WORKS*/

body.company.works section.intro h3{
	font-size: 50px !important;
}
body.company.works section.intro{
	padding: 80px 0;
}

body.company.works section.intro h3{
	margin: 100px auto;
}

/*RECRUIT*/

body.company.recruit section.intro h3{
	font-size: 50px !important;
}
body.company.recruit .accordion .title{
	font-size: 20px !important;
}

body.company.recruit section.intro{
	padding: 80px 0;
}

body.company.recruit section.intro h3{
	margin: 100px auto;
}


/**HISTORY*/

body.company.history section.intro{
	padding: 80px 0;
}

body.company.history section.intro h3{
	margin: 100px auto;
}

body.company.history section.intro h3{
	font-size: 50px !important;
}


.cd-timeline-content .cd-date{
	color: #333;
	font-weight: bold;
	display: block;
	width: 100%;
}

.cd-timeline-img{
	top: 12px;
	left: 20px;
}
.cd-timeline-content{
	margin-left: 45px;
}


/**
COMPANY
*/

.contents .contents_right table.company_table,
.contents .contents_right table.page_top_c,
#carrierTable{
	width: 100% !important;
}
#carrierTable dt{
	width: 100% !important;
}
#carrierTable dd{
	float: none !important;
	width: 100% !important;
	border-left: none !important;
	padding-left: 0 !important;
}

.contents .contents_right table.page_top_c td{
	border: none !important;
}

.contents .contents_left {
	width: 100%;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 2em;
	float: none;
}

.contents .contents_right {
	width: 100%;
	float: none;	
	margin: 0 0 0px 0px;
}

table.company_table th{
	display: none;
}



/**
BOTTOM_NAVI
*/

ul.bottom_navi li ul li{
	font-size: 100%;
}

ul.bottom_navi li{
	float: none;
	width: 100%;
	margin-bottom: 1.5em;
}

ul.bottom_navi li ul li{
	margin-bottom: 0;
}


/**
NEWS
*/

.box_sort{
	text-align: left;
}
.box_sort span{
	margin: 0 0 1em 0;
	display:block;
}
.box_sort select{
	margin-top: 5px;
}


/**
INFO
*/

.box.info.bottom ul li{
	width: 100%;
	margin: 0 0 1% 0;
}

.box.info.bottom ul li:first-child{
	margin-bottom: 8%;
}


/**
ACCORDION
*/

dl.faq.accordion dt{
	background-size: 20px;
}

dl.faq.accordion dt.active{
    background-size: 20px;
}


/**
DAMD FOR YOU
*/

body.foryou section.intro .main_image img{
	width: 100%;
}
body.foryou section.intro .main_image p.logo{
	top: 20px;
	left: 20px;
}
body.foryou section.intro .main_image p.logo img{
	width: 200px;
}

body.foryou section.intro div.lead p.catch,
body.foryou section.stitch p.catch {
	background-size: 90%;
	font-size: 20px;
}
body.foryou section.intro div.lead p{
	font-size: 100%;
}

body.foryou section.plan ul.item{
	margin-left: 0 !important;
}
body.foryou section.plan ul.item li{
	width: 100% !important;
	margin: 0 0 1% 0;
}
body.foryou section.plan ul.item li.ordermade div.image{
	margin-bottom: inherit;
}

body.foryou section.stitch p.image img{
	width: 100%;
}

body.foryou section.order ul.item li {
    float: none;
    display: block;
	padding: 0 0 50px 0 !important;
}

body.foryou section.order ul.item p{
	text-align: center;
}

body.foryou section.order div.title h3 {
    font-size: 30px;
}

body.foryou section.order ul.item p.step {
    font-size: 24px;
}

body.foryou section.order ul.item div.content{
	padding: 0;
}



body.order div.form.steering .mwform-radio-field.horizontal-item{
	display: block;
	width: 100%;
	margin-bottom: 2em;
}




/**
JOURNAL
*/

.journal.single article{
	margin-top: 20px;
}

.journal.single #contents .main_image p.number {
    color: #FFF;
	font-size: 13px;
    position: absolute;
    top: -5px;
    left: -5px;
}

.journal.single #contents  .inner{
	width: 100%;
	margin: 0px auto !important;
	padding: 0 !important;
}

.journal.single #contents p{
	line-height: 1.8;
	letter-spacing: .05em;
}

.journal.single .main_image div.text{
	/*position: inherit;
	top: 20px;
	left: 0px;
	color: #000;	
    text-shadow: none;*/
	padding: 10px;
	margin-top:30px;
}

.journal.single .main_image div.text h1{
	font-size: 24px;
}
.journal.single .main_image div.text p{
	font-size: 110% !important;
}
.journal.single .main_image div.text p br{
	display: inherit !important;
}

.journal.single section{
	padding: 30px 0;
}

.journal.single #contents h2 {
    font-size: 18px;
	line-height: 1.4;
    margin-bottom: 10px;
}

.journal.single #contents p br{
	/*display: none;*/
}

.journal.single .car_data{
	padding: 20px 20px 0 20px !important;
	margin-bottom: 50px;
}
.journal.single .car_data div.image,
.journal.single .car_data div.sub_data{
	width: 100%;
	float: none;
}

.journal.single .car_data h3 {
    display: inline-block;
    padding: 10px 15px;
}

.journal.single .car_data p.title{
	font-size: 24px !important;
}

}





/**
NEW FORM
*/

.sec01,.sec02,.sec03 {
    background-color: #EEE !important;
}

.alert-primary {
    color: #333 !important;
    background-color: rgba(0,0,0,0.05) !important;
    border: none !important;
	border-radius: 0 !important;
	font-weight: bold;
}

.sec01 .col-form-label,
.sec02 .col-form-label,
.sec03 .col-form-label {
    background-color: rgba(0,0,0,0.0) !important; 
}

.form-group {
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.badge-pill {
    border-radius: 0 !important;
}

.badge-danger {
    background-color: #900 !important;
}

.progressbar li.active {
    color: #900 !important;
}

.progressbar li.active:before,
.progressbar li.active + li:after{
    background-color: #900 !important;
}

.description label {
    padding: 10px 20px !important;
	display: inline-block !important;
	margin-top: 10px !important;
	border-radius: 3px;
}
.description label input{
	vertical-align: middle;
	margin-right: 5px;
}








/**
CONTACT FORM7(WP PLUGIN)
*/

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}
.wpcf7 input[type="submit"] {
    /*padding: 13px 20px;
    border-radius: 3px;
    font-size: 14px;*/
}
.wpcf7-list-item {
    margin: 0 1em 0 0 !important;
}
.wpcf7-list-item input{
margin-right: 5px;
}
.wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 15px;
    border: 2px solid #dc3232 !important;
    line-height: 1.5;
    color: #dc3232;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 10px 0;
}
.wpcf7-spinner{
display: none;
}
.wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
border-color: #dc3232;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 15px;
    border: 2px solid #dc3232 !important;
    line-height: 1.5;
    color: #dc3232;
}
.wpcf7-not-valid-tip{
color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 10px 0;
    }
.wpcf7 input[type="submit"]{
padding: 13px 20px;
border-radius: 3px;
font-size: 14px;
}
.wpcf7-spinner{
display: none;
}

.wpcf7-form-control-wrap .wpcf7-list-item {
line-height: 1.6;
    margin: 0 1em 0 0;
}
.wpcf7-form-control.wpcf7-date{
    background-color: #FFF !important;
    height: 36px;
    line-height: 36px;
}
.codedropz-upload-inner h3{
font-size: 16px !important;
}

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


}