@charset "utf-8";

/* ------------------------------------------------------------ index, stock */

#stock { text-align: center;}
#stock.stock h3 { padding: 0 0 50px;}
#stock.stock ul.top li { float: left; width: 33%; padding: 325px 0 60px;}
#stock.stock ul.top li.skyline { background: url(../images/index/bg_04.jpg) center top no-repeat; background-size: contain;}
#stock.stock ul.top li.fairlady-z { background: url(../images/index/bg_05.jpg) center top no-repeat; background-size: contain;}
#stock.stock ul.top li.classic { background: url(../images/index/bg_06.jpg) center top no-repeat; background-size: contain;}
#stock.stock ul.top li h4 { font-size: 14px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; color: #b39d7f;}
#stock.stock ul.top li h4 span { font-size: 50px; font-family: 'edition'; display: block; letter-spacing: 10px; line-height: 130%; color: #efefef;}

ul.stock_bottom { margin: 0 0 0 -40px; text-align: center; padding: 25px 0 0;}
ul.stock_bottom li { float: left; width: 340px; margin: 0 0 0 40px;}
ul.stock_bottom li div.s-upper { background: url(../images/index/bg_07.png); padding: 0;}
ul.stock_bottom li div.s-lower { background: url(../images/index/bg_07.png); padding: 0px 20px 30px; }
ul.stock_bottom li div span { font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; color: #938068; border: 1px dotted #938068; display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; margin: 5px 0 10px;}
ul.stock_bottom li div.s-upper p { padding: 15px 0 0; }
ul.stock_bottom li div.s-upper p span.engine { color: #efefef; border: none; background: #b29d7d; border: 1px solid #b29d7d; }
ul.stock_bottom li div h4 { font-size: 18px; height: 30px; overflow: hidden; padding: 0 10px ;}
ul.stock_bottom li div p.date { color: #bababa; padding: 0 0 10px;}
ul.stock_bottom li div p em { font-size: 20px;}

/* ------------------------------------------------------------ index, magazine */

p.text { font-size: 16px; padding: 20px 0 45px;}
#magazine_blog ul li div { background: #0a0c06; padding: 0 20px 30px; position: relative;}
#magazine_blog ul li h4 { text-align: left; padding: 0 0 10px; position: absolute; top: -30px; left: 15px; }
#magazine_blog ul li h4 small { color: #85755e; padding: 0 0 0 15px; font-size: 14px; letter-spacing: 2px; }
#magazine_blog ul li p { font-size: 16px; text-align: left; padding: 55px 0 0; min-height: 80px; } 
#magazine_blog p.btn a { display: inline-block; *display: inline; *zoom: 1;}

#magazine_blog { background: #1a1a1a; text-align: center; padding: 50px 0 90px;}
#magazine_blog a { display: block; position: relative;}
#magazine_blog a span.new { position: absolute; left: 0; top: 0;}
#magazine_blog ul.big li { float: left; width: 540px; padding: 0 0 20px;}
#magazine_blog ul.big li:first-child { margin: 0 20px 0 0;}
#magazine_blog ul.small li { float: left; width: 355px; margin: 0 0 0 17px;}
#magazine_blog ul.small li:first-child { margin: 0;}
#magazine_blog ul.small li h4 span { padding: 0 10px 0 15px;}

#magazine_photo { background: #000;}
#magazine_photo .title { float: left; width: 256px; padding: 90px 0;}
#magazine_photo .title h3 { padding: 0 0 40px;}
#magazine_photo .title p { font-size: 16px; letter-spacing: 1px; padding: 0 0 40px;}
#magazine_photo .title p a { width: 100%; }
#magazine_photo .photo { float: right; width: 744px;}
#magazine_photo .photo a { display: inline-block; *display: inline; *zoom: 1; position: relative;}
#magazine_photo .photo a span.new { position: absolute; left: 0; top: 0;}


#magazine_movie { background: #1a1a1a; padding: 90px 0 90px; text-align: center;}
#magazine_movie ul li a { display: block; position: relative;}
#magazine_movie ul li a span.new { position: absolute; left: 0; top: 0;}
#magazine_movie ul li div { background: #363636; text-align: left;}
#magazine_movie ul li div h4 { font-size: 16px; line-height: 150%;}
#magazine_movie ul li div p { color: #85755e; }
#magazine_movie ul li.big { width: 640px; margin: 0 10px 0 0; float: left;}
#magazine_movie ul li.big div { padding: 32px 20px;}
#magazine_movie ul li.small { float: left; width: 450px; margin: 0 0 1px; }
#magazine_movie ul li.small img { float: left;}
#magazine_movie ul li.small div { float: left; width: 245px; padding: 13px 20px 0; min-height: 80px; }

#magazine_media { text-align: center; padding: 70px 0 0; }
#magazine_media #media { background: none; padding: 0 0 100px; }

.sns ul { margin: 0 0 0 -10px;}
.sns ul li { display: inline-block; *display: inline; *zoom: 1; width: 221px; margin: 0 0 0 10px; text-align: center;}
.sns ul li a { font-size: 15px; color: #85755e; display: inline-block; *display: inline; *zoom: 1; width: 221px; padding: 5px 0; border: 1px solid #85755e; }
.sns ul li a img { padding: 0 10px 0 0;}

/* ------------------------------------------------------------ media */

#media .media { margin: 0 0 0 -14px; overflow: hidden; }
#media .media li { background: #2d2d2d; width: 210px; padding: 15px 27px; margin: 0 0 14px 14px; float: left; text-align: center; }
#media .media li img { width: 100%; height: auto; }
#media .media li h4 { color: #9b896e; font-size: 18px; height: 62px; overflow: hidden; padding: 10px 0 5px; }
#media .media li p { height: 24px; overflow: hidden; }

/* ------------------------------------------------------------ pager */
#pagenav { position: relative; text-align: center; }
#pagenav a:hover { 
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7; }

#pager 		{ padding: 20px 0 40px; font-size: 16px;}
#pager a,
#pager span { display: inline-block; *display: inline; *zoom: 1; width: 29px; border: 1px solid #938068; color: #938068;}
#pager a 	{ margin: 3px 8px; padding: 2px; }
#pager span { border: none; padding: 0; margin: 3px 10px; }


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

/* ------------------------------------------------------------ common */

p.text { font-size: 14px; }

/* ------------------------------------------------------------ index, stock */

#stock.stock h3 { padding: 0 0 5%; }
#stock.stock ul.top li { float: none; width: 88%; padding: 5% 6%; text-align: right;}
#stock.stock ul.top li h4 { padding-right: 20px; background: url(../images/index/icn_00.png) right center no-repeat; font-size: 16px;}
#stock.stock ul.top li h4 span { font-size: 45px; letter-spacing: 4px; }
#stock.stock ul.top li.skyline { background: url(../images/index/bg_04_sp.jpg) left top no-repeat #000; background-size: cover;}
#stock.stock ul.top li.fairlady-z { background: url(../images/index/bg_05_sp.jpg) left top no-repeat #000; background-size: cover;}
#stock.stock ul.top li.classic { background: url(../images/index/bg_06_sp.jpg) left top no-repeat #000; background-size: cover;}

ul.stock_bottom { margin: 0; }
ul.stock_bottom li { float: none; width: 94%; margin: 0 0 1%; background: #262626; text-align: left; padding: 3%; }
ul.stock_bottom li a div.s-upper { width: 100%; padding: 0; text-align: center; vertical-align: middle; background: #1c1c1c; }
ul.stock_bottom li a div.s-upper img { float: left; width: 50%; height: auto; }
ul.stock_bottom li a div.s-upper div { float: right; width: 44%; padding: 3%; }
ul.stock_bottom li a div.s-upper div p { padding: 0; }
ul.stock_bottom li a div.s-upper div p span { display: block; font-size: 14px; margin: 0; padding: 0;}
ul.stock_bottom li a div h4 { font-size: 12px; padding: 2% 0; height: inherit; overflow: inherit;}
ul.stock_bottom li a div.s-lower { width: 94%; display: block; padding: 1% 3%; text-align: center; background: none; } 
ul.stock_bottom li div p.date { padding: 10px 0 0; }

/* ------------------------------------------------------------ index, magazine */

#magazine_blog { padding: 45px 0 35px; }
#magazine_blog .inner h3 img { width: 60%; height: auto; }
#magazine_blog ul li img { width: 100%; height: auto; }
#magazine_blog ul li h4 { top: -27px; left: 10px; }
#magazine_blog ul li div { padding: 0 3%; }
#magazine_blog ul li h4 small { font-size: 12px; }
#magazine_blog ul li p { font-size: 12px; min-height: 0px; padding: 40px 0 10px; }
#magazine_blog ul.big li { float: none; width: 100%; padding: 0 0 20px;}
#magazine_blog ul.small li { width: 94%; text-align: left; background: #0a0c06; margin: 0 0 3px !important; padding: 10px 3%;}
#magazine_blog ul.small li a { display: block;}
#magazine_blog ul.small li img { width: 40%; height: auto; vertical-align: top; }
#magazine_blog ul.small li div { display: inline-block; *display: inline; *zoom: 1; width: 48%;}
#magazine_blog ul.small li div h4 { position: static; padding: 0; line-height: 100%; top: 0; left: 0;}
#magazine_blog ul.small li div h4 span { background: url(../images/index/bg_11.gif) center 15px repeat-x; font-size: 25px; letter-spacing: 4px; line-height: 100%; padding: 0 1% 1% 3%; }
#magazine_blog ul.small li h4 small { padding: 8px 0 0; display: block; }
#magazine_blog ul.small li div p { padding: 1% 0; }

#magazine_photo { padding:  0 0 35px; }
#magazine_photo .title { width: 100%; text-align: center; padding: 15% 0 0; }
#magazine_photo .title h3 img { width: 60%; height: auto; } 
#magazine_photo .title p { font-size: 12px; }
#magazine_photo .photo { float: none; width: 100%; }
#magazine_photo .photo a { width: 33.3%;}
#magazine_photo .photo a img { width: 100%; height: auto;}

#magazine_movie { padding: 45px 0 35px; }
#magazine_movie h3 img { width: 60%; height: auto; }
#magazine_movie ul li div h4 { font-size: 12px; }
#magazine_movie ul li div p { font-size: 11px; padding: 5px 0; }
#magazine_movie ul li.big { width: 100%; margin: 0 0 2px; }
#magazine_movie ul li.big img { width: 100%; height: auto; }
#magazine_movie ul li.big div { padding: 3%;  }
#magazine_movie ul li.small { width: 100%; background: #363636; max-height: none; text-align: left;}
#magazine_movie ul li.small img { width: 40%; height: auto; float: none; vertical-align: top;}
#magazine_movie ul li.small div { width: 50%; float: none; display: inline-block; *display: inline; *zoom: 1; padding: 2%;}

/* ------------------------------------------------------------ media */

#media .media { margin: 0; }
#media .media li { width: 44%; padding: 15px 2%; margin: 0 1% 2%; }
#media .media li h4 { font-size: 14px; height: 48px; padding: 10px 0 5px; }
#media .media li p { font-size: 12px; height: 21px; }


.sns ul { margin: 0;}
.sns ul li {  width: 30%; margin: 0 1%;}
.sns ul li a { font-size: 14px; width: 100%; padding: 10px 0;}
.sns ul li a img { width: 30px; height: auto; display: block; margin: 0 auto; padding: 0;}

#pager 		{ padding: 20px 0 30px; font-size: 14px;}
#pager a,
#pager span { display: inline-block; *display: inline; *zoom: 1; width: 29px; border: 1px solid #938068; color: #938068;}
#pager a 	{ margin: 3px 1px; padding: 2px; }
#pager span { border: none; padding: 0; margin: 7px 1px; }


}