/***** CSS Reset based on the work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/ v2.0 *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/***** Structure *****/

html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #fff; word-wrap: break-word; }
.fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.container { width: 980px; margin: 20px auto 0; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; }
.wrapper { padding: 20px; background: #fff; }
.content { width: 620px; overflow: hidden; }
.sidebar, .hp-sidebar { width: 300px; float: left; }
.sb-right { margin-left: 20px; }
.sb-left { margin-right: 20px; }
.left { float: left; }
.right { float: right; }

/***** Typography *****/

h1 { font-size: 32px; font-size: 2rem; }
h2 { font-size: 24px; font-size: 1.5rem; }
h3 { font-size: 20px; font-size: 1.25rem; }
h4 { font-size: 18px; font-size: 1.125rem; }
h5 { font-size: 16px; font-size: 1rem; }
h6 { font-size: 14px; font-size: 0.875rem; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', serif; color: #000; line-height: 1.3; font-weight: 600; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 6px; font-size: 0.375rem; }
big { font-size: 20px; font-size: 1.25rem; }
pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border: 1px solid #ebebeb; }
pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; }
kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; }
blockquote { font-style: italic; padding: 0px 20px; padding: 0rem 1.25rem; border-left: 3px solid #e64946; background: #f7f7f7; color: #000; display: inline-block; }
sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; }
sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; }
abbr, acronym { border-bottom: 1px dashed; cursor: help; }
cite { color: #9a9b97; }
q { font-style: italic; }
address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; }
a { color: #000; text-decoration: none; }
a:hover { color: #e64946; text-decoration: underline; }
.mh-excerpt a, .widget-title a { text-decoration: none; }


/***** Header *****/
.layout_header{
	text-align:center;
}
.header-wrap { background: #fff; }
.logo-wrap { padding: 10px; padding: 0.625rem; overflow: hidden; }
.logo { display: inline-block; margin: 10px 5px; }
.logo a { text-decoration: none; }
.logo-name { text-transform: uppercase; text-shadow: 1px 2px 5px #969696; border-bottom: 3px solid #000; display: inline-block; }
.logo-desc { font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #333; text-align: center; }

/***** Navigation *****/
.main-nav { float:right;  text-transform: uppercase; margin-bottom: 0px;  display:block;}
.main-nav li { float:left; position: relative; border-left: 1px solid #fff; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out;}
.main-nav li:first-child ul {left: 0%; display: none; position: absolute; font-size:12px; text-align:left;  }
.main-nav li:hover { background: #e64946; }
.main-nav li a { display: block;  padding: 0.416em 1em; text-decoration: none;}
.main-nav ul li:hover > ul { display:block; background: #D04528; z-index: 9999; width:130px;}
.main-nav ul ul { left: -120%; display: none; position: absolute;}
.main-nav ul ul li { width: 13em; border: none;width:130px;}
.main-nav ul ul ul { left: 100%; top: 0; }


.main-nav2 { float:left;  text-transform: uppercase; margin-bottom: 0px;  display:block;}
.main-nav2 li { float:left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out;}
.main-nav2 li:first-child ul {left: 0%; display: none; position: absolute; font-size:12px; text-align:left;  }
.main-nav2 li a { display: block;  padding: 0.416em 0.2em; text-decoration: none;}
.main-nav2 ul li:hover > ul { display:block; background: #D04528; z-index: 9999; width:130px;}
.main-nav2 ul ul { left: -120%; display: none; position: absolute;}
.main-nav2 ul ul li { width: 13em; border: none;width:130px;}
.main-nav2 ul ul ul { left: -100%; top: 0; }
.serch{ padding:0px 0 0px 5px;}
.serch td{ padding:10px 0 0px 0;
vertical-align:bottom;}

/***** Footer *****/

footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #2a2a2a; }
footer a { color: #f7f7f7; }
.copyright-wrap { width: 980px; margin: 0 auto 20px; background: #2a2a2a; border-top: 3px solid #999; }
.copyright { font-size: 11px; font-size: 0.6875rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #999; }
.copyright a { color: #999; }

/***** contents *****/
.layout_header{
	text-align:center;
}

.lockstock_logo{
  padding: 0;
  margin: 40px 0px 10px 0px;
  border:none;
  clear:both;
}

/* --- リストエリア --- */
ul.thumbnail2 {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 0 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail2 li {
width: 150px; /* 項目の幅 */
margin: 0 5px 10px 5px;
float: left;
}

ul.thumbnail2 li.left{
width: 150px; /* 項目の幅 */
margin: 0 5px 10px 0px;
float: left;
}

ul.thumbnail2 li.right{
width: 150px; /* 項目の幅 */
margin: 0 0px 10px 5px;
float: left;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix {
min-height: 1px;
}

.brandlist{
  width: 950px;
  margin: 0 0 10px 0;
  padding: 0;
  float:left;
}

.thumbnail2 img{
display: block;
padding-top:0px;
margin-bottom:2px;
border-style:none;
}

a:hover img.hoverimg{
opacity:0.6;
-ms-filter: "alpha( opacity=60 )";
}

.new-arri-top{
width:950px;
float:left;
}

.new-arri-list{
border:1px solid #ddd;
height:370px;
width:220px;
float:left;
margin:0px 5px 10px 10px;
text-align:center;
line-height:10pt;
font-size:12px;
}

.new-arri img{
display: block;
border-style:none;
padding:10px;
margin-bottom:3px;
}

.new-arri a{
height:370px;
width:220px;
float:left;
padding:0px;
}


.new-arri a:hover{
background:#F6F6F6;
}


div#footerLayout {
	width:100%;
	margin:60px 0 0 0;
	height:260px;
	background:#f5f5dc;
	float:left;
}

.footer_logo{
  float: left;
  padding: 0;
  width: 100px;
  height:23px;
  margin: 10px 15px 0px 20px;
  border:none;
}


div#footerbox {
	margin:auto;
	width:950px;
}

div#footer_title {
	margin-left:10px;
}

div#footer_title2 {
	margin-left:10px;
}

div#footer_title3 {
	margin-left:10px;
}

.footer_left {
	width:220px;
	margin-top:30px;
	text-align:left;
	float:left;
	padding-left:20px;
}

.footer_list {
	width:150px;
	text-align:left;
	float:left;
	margin:10px 40px 0 10px;
}

.footer_list li {
	width:150px;
	height:20px;
	text-align:left;
	float:left;
	list-style:none;
}

.footer_list li img {
	padding-right:5px;
	vertical-align:middle;
}

.footer_list li a {
	font-size:10px;
	vertical-align:middle;
}

.footer_center {
	width:220px;
	height:130px;
	margin-top:30px;
	margin-right:20px;
	text-align:left;
    float:left;
	border-left:1px solid #d3d3d3;
	padding-left:10px;
}


.footer_guide {
	width:400px;
	height:130px;
	margin-top:30px;
	text-align:left;
    float:left;
	border-left:1px solid #d3d3d3;
	padding-left:11px;
}

.guide_left {
	margin:10px 0 6px 10px;
	width:190px;
	float:left;
	font-size:11px;
}

.guide_left li {
	font-size:10px;
	height:20px;
	list-style:none;
}

.guide_left img {
	padding-right:5px;
	vertical-align:middle;
}

.guide_right {
	margin:10px 0 6px 0;
	width:160px;
	float:left;
	font-size:10px;
	list-style:none;
}

.guide_right li {
	font-size:10px;
	height:20px;
	vertical-align:middle;
}

.guide_right img {
	padding-right:5px;
	vertical-align:middle;
}

div#copyright {
	float:left;
	width:950px;
	border-top:1px solid #d3d3d3;
	margin-top:20px;
}

div#copyright p {
	font-size:9px;
	color:#333;
	padding-top:14px;
	padding-left:20px;
}

.rss{
	width:950px;
	display:block;
	margin:20px 0px 0px 0px;
	}

#feed{
	border:#999 solid 1px;
	background: #fff;	
    margin: 0;
    text-align:left;
    font-size: 12px;
    color: #999;
	line-height:22px;
	padding-top:15px;
    padding-right:10px;
    padding-bottom:20px;
    padding-left:35px;
	list-style:none;
}

#feed li{
margin-bottom:10px;
}

.frame {
	margin:10px 0 30px 0;
	width:950px;
	height:200px;
	display:block;
	border:none;
}

.effect-container{
    float: left;
    width: 950px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
	margin-top:20px;
}

.newstitlel{
  width: 950px;
  height: 35px;
  margin: 20px 0px 10px 0px;
  padding: 0;
  float:left;
  }
  
.arrivaltitle{
  width: 950px;
  height: 35px;
  margin: 0px 0px 20px 0px;
  padding: 0;
  color:#666;
  float:left;
  }
  
  
div#back {
background-image:url(../images/top_line.gif);
background-repeat : repeat-x;
background-position:top;
padding:0em; /* ページの端と内容との間の余白の大きさ（1文字分） */
}

*/

section#mainImage, section#news {
	color:#666;
	text-align:left;
	background-color:#FFF;
}

section#mainImage h2, section#news h2 , section#recommend h2{
	padding:10px;
	color:#666;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	/*
	text-shadow:
		0px -1px 1px rgba(0,0,255,0.2),
		0px 1px 0px rgba(255,255,255,0.7);
	*/
}

section#mainImage p {
	text-align:center;
}

section#mainImage p img {
	display:inline-block;
}

section#news, section#recommend {
	margin:0px;
	background-color:#FFF;
}

section#news p {
	margin-left:10px;
	margin-right:10px;
}

nav.grid ul {
	list-style:none;
}

nav.grid li {
	/*margin:0 0 10px 16px;*/
	float:left;
	text-align:center;
	list-style:none;
	width:20%;
	height:60px;
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	-webkit-box-sizing:border-box;
    background-color:#CCC;
}

nav.grid li:nth-of-type(5n) {
	border-right:none;
}

nav.grid li img {
	width:30px;
	display:inline-block;
	margin-top:0px;
}

nav.grid ul:after {
	content:'.';
	display:block;
	clear:both;
	visibility:hidden;
}

nav.grid a {
	display:block;
	text-decoration:none;
	text-align:center;
	position:relative;
}


nav.grid a:after {
	position:absolute;
	top:40px;
	display:block;
	width:100%;
	content:attr(title);
	font-size:9px;
	text-align:center;
	line-height:10px;
}

.new-banner{
border:1px solid #ddd;
height:190px;
width:450px;
float:left;
margin:20px 0px 10px 15px;
text-align:center;
line-height:10pt;
font-size:12px;
}


.new-banner a{
height:190px;
width:450px;
float:left;
padding:0px;
}


.new-banner a:hover{
background:#F6F6F6;
}

.new-arri-top2{
width:950px;
float:left;
}