@charset "utf-8";

/* ---------------------------------------------------------
common
----------------------------------------------------------*/
#a,#b,#c {
	padding-top: 100px !important;
	margin-top: -100px !important;
	display: inline-block;
}


.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
.mod_billboard .slick li {
	height: auto !important;
}

/* Layout */
.side-left {float: left;}
.side-right {float: right;}
.wide966 {width: 966px;}
.wide478 {width: 478px;}
.wide458 {width: 458px;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.section {
  line-height: 1.5;
}

.mod_headerbar_in_nav_blocklink_hp {
    display: table;
    width: 100%;
    background-color: #3e3e3e;
}

.mod_headerbar_in_nav_blocklink_hp ul li {
    display: table-cell;
    width: 333px;
    line-height: 1.3;
    box-sizing: border-box;
    border-right: 1px solid #6f6e6e;
}


.mod_headerbar_in_nav_blocklink_hp ul li a {
    display: block;
    padding: 15px 0 15px 0;
    text-align: center;
}
.mod_headerbar_in_nav_blocklink_hp ul li a:hover {
    text-decoration: none;
    background-color: #505050;
}
ol.text-list-ast-number > li:nth-child(1):before {
    content: "※1 : ";
}
ol.text-list-ast-number > li:nth-child(2):before {
    content: "※2 : ";
}
ol.text-list-ast-number > li:nth-child(3):before {
    content: "※3 : ";
}
ol.text-list-ast-number > li:nth-child(4):before {
    content: "※4 : ";
}
ol.text-list-ast-number > li:nth-child(5):before {
    content: "※5 : ";
}
ol.text-list-ast-number > li:before {
    position: absolute;
    top: 0;
    left: 0;
}
ol.text-list-ast-number > li {
    padding-left: 2.5em;
    position: relative;
}
.red{
    color:#ff0000;
    font-weight: bold;
}
a.link-light-blue {
    color: #3e6fcf !important;
}
.fs-12{
	font-size: 12px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
	.mod_headerbar_in_nav_blocklink_hp {
    	display: block;
    	background-color: #3e3e3e;
	}
	.mod_headerbar_in_nav_blocklink_hp ul li {
    	display: block;
    	width: auto;
    	border-right: none;
    	border-bottom: solid 1px #1d1d1d;
	}
	.mod_headerbar_in_nav_blocklink_hp ul li a {
    	font-weight: bold;
    	padding: 15px 20px 15px 20px;
    	text-align: left;
	}
	.mod_headerbar_in_nav_blocklink_hp ul li a:after {
        display: inline-block;
    	float: right;
    	content: " \f054";
    	font-size: 120%;
    	font-family: FontAwesome;
	}
}


/* ---------------------------------------------------------
concept
----------------------------------------------------------*/

p.caption {
  margin-top:10px;
}

.wide966 p,
.side-right p{
  font-size: 16px;
  margin-bottom:10px;
  line-height: 1.5;
}

.wide966 a img,
.wide458 a img {
  margin-top:10px;}

.wide966 a img:hover,
.wide458 a img:hover {
  filter: alpha(opacity=80)!important;
  -ms-filter: "alpha(opacity=80)"!important;
  opacity: 0.8!important;
}

ul.notes {
  margin: 10px 0 0 0;
  color: #666;
}

.pager_block{
  padding: 0 0 0 0 !important;
}

/* navi_s2_wrap */
.navi_s2_wrap {
    margin: 50px 0;
    text-align: center;
}

ul.navi_s2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
	line-height:1.8;
}

ul.navi_s2 li:first-child {
    border: medium none;
}

ul.navi_s2 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #333;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
}

ul.navi_s2 li a {
    color: #333;
    text-decoration: underline;
}

ul.navi_s2 li a:hover {
    color: #999;
    text-decoration: none;
}

ul.navi_s2 li:first-child {
    border: medium none;
}

ul.link_arrow li {
  font-size: 16px;
}


/* For Smart Phone */
@media only screen and (max-width:640px) and (max-device-width:1280px){
	
.spOnly {
	display: block;
}
.pcOnly {
	display: none;
}

p.caption {
	margin: 0 2.60416%;
}

.h2_default h2{
	margin: 0 2.60416%;
}

.mod_headerbar_item_in .headerbarTitle{
	padding-right: 115px;
}

#contents{
   width:100%;
}
  
.section {
   width:100%;
   margin: 0 auto 40px;
}

ul.navi_s2 li {
    padding: 0 10px;
}

/* top.php
-----------------------------------------*/ 

.column_two_block {
   width: 100%;
}

.column_two_block .column_two_block_child {
   width: 100%;
}

.column_two_block_child {
  display:inline;
}

.h2_area.bg_black{
  font-size: 1.2em;
}

/* detail.php
-----------------------------------------*/ 

.wide966 {
width: 95%;
margin: 0 2.60416%;
}
	
.wide478,
.wide458 {
   width: 100%;
}

.wide458 {
	padding:10px;
}
  
}

/* ---------------------------------------------------------
showroom
----------------------------------------------------------*/
.showroom{
	background:#ffeec4;
	padding:15px 50px 15px 0;
	text-align:center;
}

.showroom img{
	width:471px;
}

.showroom h3.text{
	font-size:21px;
	font-weight:bold;
	line-height:1.6;
	display:inline-block;
	width:410px;
	padding:25px 30px 0 0;
}
 @media only screen and (max-width:640px) and (max-device-width:1280px) {
.showroom{
	padding:15px 0 10px 0;
	font-size:125%;
	text-align:center;
	margin-bottom:30px;
}

.showroom img{
	width:93.6%;
	padding:0 0 10px 0;
}
.showroom h3.text{
	font-size:100%;
	width:93.6%;
	padding:0 0 10px 0;
	margin:0 auto;
}
}


/*---hambugermenu---*/
.mod_headerbar_in_nav_title {
    background: #666;
	width:100%;
	
}

.mod_headerbar_navi_title {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 15px 20px;
    display: inline-block;
    width:680px;
}
.mod_headerbar_category_title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    display: inline-block;
    width:228px;
    text-align:right!important;
}

.mod_headerbar_category_title a:after {
  content: " \f105";
  font-family: FontAwesome;
}

.h2_default h2 {
	margin-bottom: 5px;
}

/* For Smart Phone */
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_headerbar_item_in .headerbarTitle {
  padding-right: 115px;
  }
	
/*---hambugermenu---*/
.mod_headerbar_in_nav_title {
  background: #666;
  width:100%;
	
  }

.mod_headerbar_navi_title{
   float:none;
   width:100%;
   background-color:#666;
   border-bottom:solid 1px #1d1d1d;
   text-align:left!important;
   padding:0;
  }

.mod_headerbar_category_title{
   float:none;
   width:100%;
   padding:0;
   background-color:#666;
   border-bottom:solid 1px #1d1d1d;
   text-align:left!important;
   
  }
  
  .mod_headerbar_navi_title a,
  .mod_headerbar_category_title a{
   display:block!important;
   font-weight:bold;
   padding:15px 20px 15px 20px;
  }
  .mod_headerbar_navi_title a:after{
   display:inline-block;
   float:right;
   content: " \f054";
   font-size:80%;
   font-family: FontAwesome;
}
  
  .mod_headerbar_category_title a:after{
   display:inline-block;
   float:right;
   content: " \f054";
   font-size:120%;
   font-family: FontAwesome;
}
	
  .sns_block {
    width:100%;
  box-sizing:border-box;
  }
	
/* h2
-----------------------------------------*/ 

.h2_default h2{
	font-size: 1.3em;
	line-height: 1.18;	
}
	
}