@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:none;margin:0;padding:0}input,select{vertical-align:middle}

/*================================================
/*================================================
 *  一般・共通設定
 ================================================*/
body {
font-size: 14px;
color: #FFF;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
line-height: 1.4;
background: #000;
-webkit-text-size-adjust: 100%;
}

header {
margin: 0;
padding: 10px 0;
width: 100%;
box-sizing: border-box;
position: relative;
z-index:1;
}

.inner {
position: relative;
width: 980px;
margin: 0 auto;
}

#contents {
overflow: hidden;
width: 980px;
margin: 0 auto 50px auto;
}

footer {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}

/*------ link ------ */

a {
color: #FFF;
text-decoration: underline;
}

a:hover {
color: #FFF;
text-decoration: none;
}

/*------ title ------ */

h1 a {
margin: 0 auto;
width: 600px;
height: 263px;
background: url("../images/logo.png") no-repeat;
display: block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

h2 {
margin: 0 0 10px 0;
padding: 0 0 0 45px;
color:#FFF;
font-size: 24px;
font-family: "Montserrat";
font-weight: normal;
line-height: 50px;
clear: both;
background: url("../images/h2.png") no-repeat left;
}

/*------ paragraph ------ */

p {
margin: 0 0 1em 0;
}

/*------ image ------ */

img {
vertical-align: bottom;
}

/*------ decoration ------*/

em {
font-weight: bold;
}

strong {
font-weight: bold;
color: #F60;
}

pre {
margin: 1em 0;
padding: 1em;
}

blockquote {
margin-bottom: 1em;
padding: 1em;
border: 1px dotted #ddd;
border-left: 5px solid #ddd;
}

/*------ common setup ------*/
ul, ol {
margin: 0;
padding: 0;
}

dl {
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
}

dd {
margin: 0;
padding: 0;
}

table {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border: 1px solid #888;
table-layout: fixed;
}

th {
padding: 7px;
text-align: center;
vertical-align: middle;
border: 1px solid #888;
background: #414141;
}

td {
padding: 7px;
text-align: left;
border: 1px solid #888;
}

.clear {clear: both;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}
.txt12 {font-size: 12px;}
.txt16 {font-size: 16px;}
.txt18 {font-size: 18px;}
.txt20 {font-size: 20px;}
.txt24 {font-size: 24px;}
.txtred {color: #F00;}
.txtc {width: 100%; text-align: center;}
.txtr {width: 100%; text-align: right;}
.comingsoon {margin: 50px 0 400px 0;}
.fontkaku {font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;}

.clearfix:after {
content:" ";
display:block;
clear:both;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media screen and (min-width:768px) {
nav {
border-bottom: #888 3px solid;
background: #000;
width: 100%;
⁄zoom: 1;
z-index: 2;
}

nav:after {
   content: '';
   display: block;
   clear: both;
}

nav ul {
margin: 0;
padding: 0;
display: block !important;
}

nav li {
position: relative;
width: 16.6%;
float: left;
font-size: 24px;
font-family: "Montserrat";
font-weight: normal;
text-align: center;
list-style: none;
}

nav li:hover:before,
nav li:hover + li:before, 
nav li:last-child:hover:after,
nav li li:before,
nav li li:after {
display:none;
}

nav li:hover > a,nav li a.on {
color: #00FF00;
text-shadow:0px 6px 6px #00FF00;
}

nav li a {
display: block;
padding: 15px 0;
color: #CCC;
text-decoration: none;
}

nav li.nav01:hover > a,nav li.nav01 a.on,.nav01 a:hover,nav01 a.on {background: #000 url("../images/nav_bg.png")  right no-repeat;}
nav li.nav02:hover > a,nav li.nav02 a.on,.nav02 a:hover,nav02 a.on {background: #000 url("../images/nav_contact.png")  right no-repeat;}

nav li ul {
margin:0;
padding: 0;
width: 99.5%;
top:100%;
left:0;
display:block !important;
position:absolute;
z-index:2;
}

nav li ul li {
overflow:hidden;
width:100%;
height:0;
-moz-transition:.1s;
-webkit-transition:.1s;
-o-transition:.1s;
-ms-transition:.1s;
transition:.1s;
}

nav li ul li a {
padding: 6px 0;
text-align: center;
font-weight:normal;
color: #FFF;
font-size: 22px;
opacity:0.9;
filter:alpha(opacity=90);
background: #555;
}

nav li ul.subnavbg a:hover {
background: #555;
background-iamge: none;
color: #00FF00;
}

nav li ul li:hover > a {
color:#F60;
background: #000;
opacity:0.8;
filter:alpha(opacity=50);
}

#spMenu {
display:none;
}

.showSub {
overflow:visible;
min-height: 42px;
border-bottom: 1px solid #333;
-webkit-box-shadow: 0 1px 0 #FFF;
-moz-box-shadow: 0 1px 0 #FFF;
box-shadow: 0 1px 0 #FFF;
}

.showSub:last-child {
border-bottom:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.showSub:last-child a {
border-radius:0 0 7px 7px;
}

.fixed {
position:fixed;
top:0;
left:0;
}
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
margin: 30px 0;
padding: 0;
font-size: 12px;
line-height: 100%;
}

/*================================================
 *  サブコンテンツ
 ================================================*/
.bnr {
margin: 0;
overflow:hidden;
}

.bnr ul {
overflow:hidden;
}

.bnr li {
margin:0 0 10px 0;
padding:0;
list-style:none;
}

.bnr li a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}

.bnr img {width:100%;}

/*================================================
 *  フッター
 ================================================*/
footer {
clear:both;
}

/*------ store info ------*/

#shopinfo {
margin: 0;
padding: 15px 0;
background: #000 url(../images/backimg.png) repeat;
border-top: #888 2px solid;
border-bottom: #888 2px solid;
}

.shop_l {
margin: 0;
width: 54%;
float: left;
}

.shop_r {
margin-top: 60px;
width: 45%;
float: right;
}

.shop_r img {
width: 100%;
height: 100%;
position: relative;
}

.shop {
margin: 0 25px 0 0;
padding: 0;
width: 45%;
float: left;
}

.shop:last-child {
margin-left: 1.5em;
}

#shopinfo h2 {
margin: 0;
padding: 0 0 0 45px;
font-size: 24px;
font-family: "Montserrat";
font-weight: normal;
line-height: 40px;
clear: both;
background: url("../images/h2.png") no-repeat left;
}

.shop dl {
margin: 0;
padding: 0;
}

.shop dl dt {
margin: 15px 0;
padding: 0 0 8px 0;
color: #F60;
font-size: 18px;
font-family: "Montserrat";
font-weight: normal;
border-bottom: 1px solid #777;
box-shadow: 0 1px 0 #444;
}

.shop dl dd {
margin: 0;
padding: 0;
margin: 0 0 0.3em 0;
}

.map {
margin: 10px 0 0 0;
padding: 0;
height: 160px;
border: 1px solid #000;
}

.mail a {
margin: 15px 0 0 0;
padding: 2px 0 0 0;
width: 93%;
text-align: center;
background: #000;
border: 2px #FFF100 solid;
border-radius: 0.5em;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 180%;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
color: #FFF100;
text-decoration: none;
}

.mail a:hover {color: #FFF; border: 2px #FFF solid;}

.footermenu {
margin: 0 auto;
padding: 20px 0 0 0;
width: 980px;
overflow: hidden;
}

.footermenu ul {
margin:0;
padding:0;
}

.footermenu li {
margin: 0 20px -20px 0;
padding: 0 0 2px 19px;
width: 160px;
float: left;
background: url("../images/footernav.png") left top no-repeat;
}

.footermenu li:last-child {
margin: 0;
}

.footermenu li ul {
margin: 5px 0 0 0;
padding: 0;
}

.footermenu li ul li {
margin: 0;
padding: 0;
background: none;
border: none;
}

.footernav {
margin: 0;
padding: 20px 0;
}

.footernav ul {
margin:0;
padding:0;
text-align:center;
}

.footernav li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

.footernav li:after {
padding: 0 8px 0 10px;
content:"|";
}

.footernav li:last-child:after {
padding: 0 0 0 10px;
content:"";
}

.footermenu a,.footernav a {
color: #FFF;
text-decoration:none;
}

.footermenu a:hover,.footernav a:hover {
color:#FFF;
text-decoration:underline;
}

.copyright {
padding: 3px 0;
clear:both;
font-size:10px;
text-align:center;
color:#efede9;
background:#555;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
#pagetop{
position: fixed;
bottom: -40px;
right: 50px;
}

#pagetop a {
display: block;
width: 60px;
height: 40px;
background-color: #333;
border-radius: 8px 8px 0 0;
text-align: center;
color: #FFF;
font-size: 24px;
text-decoration: none;
line-height: 40px;
opacity: 0.8;
}

/*================================================
 *  スライドショー
 ================================================*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}

.cover{
margin: auto;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}

.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
display: block;
}

.wideslider ul li img {
width: 100%;
display: none;
}

.wideslider_base {
top: 0;
position: absolute;
}

.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}

.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
cursor: pointer;
}

.slider_prev {background: #FFF url(../images/prev.jpg) no-repeat right center; z-index: 1;!important}
.slider_next {background: #FFF url(../images/next.jpg) no-repeat left center; z-index: 1;!important}

.pagination {
bottom: 50px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
}

.pagination a {
margin: 0 5px;
width: 10px;
height: 10px;
display: inline-block;
overflow: hidden;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background: #CCC;
}

.pagination a.active,.pagination a:hover {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
background: #555;
}

/*================================================
 *  TOPページ
 ================================================*/
 
 /*------ topcts ------*/
#topcts {
width: 980px;
} 

/*------ col ------*/
.col {
margin: 30px 0 0 0;
padding: 0;
width: 50%;
float: left;
}

.col ul.cts_bnr {
margin: 10px 0 0 0;
padding: 0;
}

.col ul.cts_bnr li {
margin: 0 0 20px 0;
padding: 0;
width: 95%;
float: left;
}

.col ul.cts_bnr li a:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha( opacity=50 )";
}

.col ul.cts_bnr li img {
width: 100%;
height: 100%;
position: relative;
}

/*------ infomation ------*/
dl.info {
margin: 0 10px 0 0;
padding: 0 0 30px 0;
}

dl.info dt {
margin-top: 8px;
padding: 0;
line-height: 140%;
font-weight: bold;
color: #F60;
}

dl.info dt:before {
margin-right: 5px;
content:"▶";
font-size: 10px;
color: #F60;
}

dl.info dd {
margin: 0;
padding: 0 0 10px 10px;
line-height: 140%;
border-bottom: 3px dotted #888;
}

#storeinfo{
margin: 30px 0 0 0;
padding: 0;
}

/*================================================
 *  2階層コンテンツ
 ================================================*/

/*------ text + photo（写真右） ------*/
dl.ctsbox {
clear: both;
}

dl.ctsbox dt {
margin-bottom: 30px;
width: 68%;
float: left;
}

dl.ctsbox dd {
margin-bottom: 30px;
width: 30%;
float: right;
}

/*------ text + photo（写真左） ------*/
dl.ctsbox2 {
clear: both;
}

dl.ctsbox2 dt {
margin-bottom: 30px;
width: 30%;
float: left;
}

dl.ctsbox2 dd {
margin-bottom: 30px;
width: 68%;
float: right;
}

dl.ctsbox dd img,dl.ctsbox2 dt img {
width: 100%;
height: 100%;
position: relative;
}

/*------ list(icon decoration) ------*/
ol.basicli{
margin: 0 0 30px 0;
padding: 0;
counter-reset: list;
list-style-type: none;
}

ol.basicli li{
margin: 0;
padding: 8px 0 8px 20px;
line-height: 160%;
position:relative;
border-bottom: dashed 1px #888;
}

ol.basicli li:before{
counter-increment: list;
content: "";
position: absolute;
left: 0px;
height: 15px;
width: 15px;
border-radius: 50%;
background: #888;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

ol.basicli li:after{
content: "";
position: absolute;
left: 6px;
top: 50%;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid #000;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/*------ accordion ------*/
dl.accordion { margin: 0 0 30px 0; padding: 0; width: 100%;}

dl.accordion dt {
margin-bottom: 2px;
padding: 10px;
border: #666 1px solid;
border-radius: 5px;
background: url(../images/open.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/open.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
}

dl.accordion dt.open {
background: url(../images/close.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/close.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
}

dl.accordion dd { padding: 10px 0; display: none;}

/*------ tabaccordion ------*/
.resp-tabs-list {
margin-top: 20px;
border-collapse: separate;
border-spacing: 3px 0;
display: table;
display: table;
table-layout: fixed;
width: 100%;
}

.resp-tabs-list li {
margin: 0;
padding: 10px 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.00, #404040));
background: -webkit-linear-gradient(#737373, #404040);
background: -moz-linear-gradient(#737373, #404040);
background: -o-linear-gradient(#737373, #404040);
background: -ms-linear-gradient(#737373, #404040);
background: linear-gradient(#737373, #404040);
border-radius: 5px;
border: #888 2px solid;
box-sizing: border-box;
font-family: "Montserrat";
font-size: 18px;
text-align:  center;
list-style: none;
cursor: pointer;
position: relative;
display: table-cell;
vertical-align: middle;
}

.resp-tabs-list li:hover {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #FF00CC;
text-shadow:0px 6px 6px #FF00CC;
background-image: inherit;
}

.resp-tabs-container {
margin: 0;
padding: 0;
clear: left;
}

.resp-tabs-container h3 {
margin: 20px 0 10px 0;
padding: 0 0 23px 5px;
font-size: 18px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
background: url(../images/h3_bg.gif) bottom repeat-x;
clear: both;
}

.resp-tabs-container h4 {
margin: 30px 0 20px 0;
padding: 0 0 7px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #777;
box-shadow: 0 1px 0 #444;
}

.resp-tabs-container h4:before {
margin-right: 5px;
content:"▶";
color: #F60;
}

h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}

.resp-tab-content {
display: none;
padding: 15px 0;
}

.resp-tab-active {
color: #FF00CC;
text-shadow:0px 6px 6px #FF00CC;
border-radius: 5px;
background-image: inherit!important;
}

.resp-tab-active {
	position: relative;
	background: #000;
	border: 2px solid #888;
}

.resp-tab-active:after, .resp-tab-active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.resp-tab-active:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-width: 7px;
	margin-left: -7px;
}
.resp-tab-active:before {
	border-color: rgba(136, 136, 136, 0);
	border-top-color: #888;
	border-width: 11px;
	margin-left: -11px;
}

.resp-content-active, .resp-accordion-active {
display: block;
}

.resp-tabs-container ul.txtli {
margin: 10px 0 20px 0;
padding: 0;
}

.resp-tabs-container ul.txtli li {
margin: 0 0 0 18px;
padding: 0 0 5px 0;
list-style-position: outside;
list-style-type: disc;
}

.resp-tabs-container p.photo {
margin: 1em 1em 0.3em 0;
float: left;
width: 48.5%;
}

.resp-tabs-container p.photo img {
width: 100%;
height: 100%;
position: relative;
}

.resp-tabs-container table {
margin: 0;
padding: 0;
width: 50%;
border-collapse: collapse;
border: 1px solid #888;
float: left;
}

.resp-tabs-container th {
padding: 7px;
width: 55%;
text-align: left;
vertical-align: middle;
border: 1px solid #888;
background: #414141;
}

.resp-tabs-container td {
padding: 7px;
width: 45%;
text-align: left;
border: 1px solid #888;
}

.resp-tabs-container h4 {
margin: 30px 0 20px 0;
padding: 0 0 7px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #777;
box-shadow: 0 1px 0 #444;
}

.resp-tabs-container h4:before {
margin-right: 5px;
content:"▶";
color: #F60;
}

.resp-tabs-container p {
line-height: 180%;
}

.resp-tabs-container p.imgrow {
margin: 0.3em 1em 0.3em 0;
width: 48.5%;
float: left;
}

.resp-tabs-container p.imgrow_s {
margin: 0.3em 2.5em 1em 0;
padding: 0;
width: 29%;
position: relative;
display: inline-block;
float: left;
}

.resp-tabs-container p.imgrow_s:last-child {
content: none;
}

.resp-tabs-container p.imgrow_s:after {
margin: 3em 0.3em 0 0.3em;
content: "▶";
font-size: 24px;
float: right;
position: absolute;
}

.resp-tabs-container p.imgrow_s:last-child:after {
content: none;
}

.resp-tabs-container p.imgrow img,.resp-tabs-container p.imgrow_s img {
width: 100%;
height: 100%;
position: relative;
}

ul.photozoom_m,ul.photozoom_s {
margin: 30px 0 10px 0;
padding: 0;
}

ul.photozoom_m li {
margin: 0 20px 0 0;
padding: 0;
width: 350px;
height: 234px;
list-style: none;
float: left;
}

ul.photozoom_s li {
margin: 0 7px 10px 0;
padding: 0;
width: 230px;
height: 154px;
list-style: none;
float: left;
}

ul.photozoom_m li img,ul.photozoom_s li img {
-webkit-transform:scale(1);
position: absolute;
opacity: 1;
z-index: 10;
}

/* ClearFixElements
-------------------------- */
ul.photozoom_m li:after,ul.photozoom_s li:after {
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

/* CSS3 HoverAnimation
-------------------------- */
@-webkit-keyframes hoverSpread {
0% {-webkit-transform:scale(1);opacity: 0.7;}
100% {-webkit-transform:scale(2);opacity: 1;}
}

ul.photozoom_m li img:hover {
-webkit-animation-name: hoverSpread;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count: 1;
-webkit-transform:scale(2);
-webkit-box-shadow: 0 0 5px #000;
opacity: 1;
z-index: 20;
}

ul.photozoom_s li img:hover {
-webkit-animation-name: hoverSpread;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count: 1;
-webkit-transform:scale(2);
-webkit-box-shadow: 0 0 5px #000;
opacity: 1;
z-index: 20;
}

/*------ Garage ------*/
#wood {
margin: 20px 0 0 0;
padding: 20px 0;
width: 100%;
color: #000;
background: url(../images/garage_bg.jpg) repeat-y;
background-size:  contain;
}

#wood_top {
margin: 0 auto;
padding: 10em 0 12em 0;
width: 98%;
text-align: center;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
background: url(../images/garage_bg2.png) top center no-repeat;
background-size: 100% auto;
}

#wood_top h3 {
margin: 0;
padding: 0;
font-size: 65px;
font-weight: bold;
line-height: 110%;
text-shadow: 2px 0 0 #FFF, 2px 2px 0 #FFF, 0 2px 0 #FFF, -2px 2px 0 #FFF,
-2px 0 0 #FFF, -2px -2px 0 #FFF, 0 -2px 0 #FFF, 2px -2px 0 #FFF;
}

#wood_top p.wood_txt {
margin: 10px 0 0 0;
padding: 0;
font-size: 52px;
font-weight: bold;
background: url(../images/garage_top1.png) center 0.1em no-repeat;
background-size:  85% auto;
}

#wood_top p.imgonly {
margin: 0 auto;
padding: 0;
width: 87%;
}

#wood_top p.imgonly img {
width: 100%;
height: 100%;
position: relative;
}

#wood_top ul.point {
margin: 20px 7em 0 7em;
padding: 0;
}

#wood_top ul.point li {
margin-bottom: 10px;
padding : 0 0 5px 10px;
text-align: left;
font-size: 32px;
font-weight:  bold;
list-style-position: inside;
background: url(../images/garage_top_line.png) 0.1em bottom no-repeat;
}

#wood_top li:before {
content:"★";
font-size: 35px;
color: #000;
}

#woodinner {
margin: 0 auto;
padding: 0;
width: 90%;
}

.slider{
margin: 0 auto 30px auto;
position: relative;
overflow: hidden;
}

.slider img {
width: 100%;
height: 100%;
position: relative;
}

.slider-list{
margin: 0;
padding: 0;
list-style: none;
transition: transform .5s ease;
}

.slider-item{
float: left;
width: 100%;
}

.slider-arrow{
margin: 0;
padding: 0;
list-style: none;
}

.slider-arrow-prev,
.slider-arrow-next{
position: absolute;
top: 45%;
display: block;
}

.slider-arrow-prev button,
.slider-arrow-next button{
margin: 0;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-arrow-prev button[disabled],
.slider-arrow-next button[disabled]{
opacity: .5;
}

.slider-arrow-next button:before,
.slider-arrow-prev button:before{
display:block;
width: 20px;
height: 20px;
content:'';
}

.slider-arrow-prev{left: 15px;}

.slider-arrow-prev button:before{
float: left;
border: 5px solid;
border-color: transparent transparent #FFF #FFF;
transform: rotate(45deg);
}

.slider-arrow-next{right: 15px;}

.slider-arrow-next button:before {
float: right;
border: 5px solid;
border-color: #FFF #FFF transparent transparent;
transform: rotate(45deg);
}

.slider-dots {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.slider-dots li {
display: inline-block;
margin: 0 5px;
}

.slider-dots button {
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-dots button:before {
display: block;
width: 10px;
height: 10px;
content: '';
border-radius: 50%;
background: rgba(255, 255, 255, .5);
}

.slider-dots button.active {
opacity: .5;
}

.dlpoint2 {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}

.dlpoint2 dl {
margin: 0 0 5px 0;
padding: 0;
border: #F60 4px solid;
border-radius: 8px;
}

.dlpoint2 dl dt {
margin: 0;
padding: 1em 0 1em 4em;
font-size: 24px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.4em,98% center;
background-size: 8%,3%;
}

.dlpoint2 dl dt.point2_icon01 {background-image: url("../images/garage_icon01.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon02 {background-image: url("../images/garage_icon02.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon03 {background-image: url("../images/garage_icon03.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon04 {background-image: url("../images/garage_icon04.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon05 {background-image: url("../images/garage_icon05.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon06 {background-image: url("../images/garage_icon06.jpg"),url("../images/open.png");}

.dlpoint2 dl dt.open {
margin: 0;
padding: 1em 0 1em 4em;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.4em,98% center;
background-size: 8%,3%;
}

.dlpoint2 dl dt.point2_icon01.open {background-image: url("../images/garage_icon01.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon02.open {background-image: url("../images/garage_icon02.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon03.open {background-image: url("../images/garage_icon03.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon04.open {background-image: url("../images/garage_icon04.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon05.open {background-image: url("../images/garage_icon05.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon06.open {background-image: url("../images/garage_icon06.jpg"),url("../images/close.png");}

.dlpoint2 dl dd {
margin: 0;
padding: 0.2em 0.8em 0.5em 0.8em;
font-size: 16px;
line-height: 120%;
background: #FFF;
}

#area {
margin: 20px 0;
padding: 15px;
background: #FFF;
border: #F60 4px solid;
border-radius: 8px;
box-sizing: border-box;
}

#area h4.ttl_area {
margin: 0;
padding: 0 0 10px 0;
color: #FFF100;
font-size: 25px;
font-weight: bold;
text-align: center;
text-shadow: 2px 0 0 #000, 2px 2px 0 #000, 0 2px 0 #000, -2px 2px 0 #000,
-2px 0 0 #000, -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000;
background: url(../images/galageh4.gif) center no-repeat;
}

.type {
margin: 15px 0;
width: 100%;
display: flex;
flex: auto;
}

.type dl {
margin: 0 7px 5px 7px;
padding: 0;
flex-grow: 1;
border: #000 1px solid;
}

.type dt {
margin: 0;
padding: 0.3em 0;
background: #000;
color: #FFF;
font-size: 16px;
text-align: center;
}

.type dd {
margin: 0;
padding: 1em 3em;
background: none;
}

.pricered {
color: red;
font-size: 24px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
}

.type2 {
margin: 5px;
padding: 0;
width: 32%;
display: inline-block;
vertical-align: top;
}

.type3 {
margin: 5px;
padding: 0;
width: 65%;
display: inline-block;
vertical-align: top;
}

.type2 dl {
margin: 0;
padding: 0;
border: #000 1px solid;
box-sizing: border-box;
}

.type3 dl.type3dl {
margin: 0;
padding: 0;
width: 100%;
border: #000 1px solid;
box-sizing: border-box;
}

.type2 dt,.type3 dt {
margin: 0;
padding: 0.3em 0;
background: #000;
color: #FFF;
font-size: 16px;
text-align: center;
}

.type2 dd,.type3 dd {
margin: 0;
padding: 0.5em;
display: inline-block;
vertical-align: top;
}

.type2 dd dl.option {
margin: 0;
padding: 0;
width: 100%;
border: none;
display: inline-block;
}

.type3 dd dl.option {
margin: 0 0.5em 0 0;
padding: 0;
width: 48%;
border: none;
display: inline-block;
vertical-align: top;
}

.type2 dd dl.option dt,.type3 dd dl.option dt {
margin-top: 10px;
padding: 2px 0;
background: #FFF100;
border: #000 1px solid;
border-radius: 12px;
color: #000;
text-align: center;
}

.type2 dd dl.option dd,.type3 dd dl.option dd {
margin: 0;
padding: 0 0 10px 0;
}

.type dd li:before,.type2 dd dl dd li:before,.type3 dd dl dd li:before {
font-size: 14px;
content:"●";
}

.flow {
margin: 15px 0 0 0;
padding: 0;
width: 100%;
}

.flow dl {
margin: 0;
padding: 0;
}

.flow dt {
margin: 0 0 8px 0;
padding: 7px 0 7px 10px;
font-size: 16px;
font-weight: bold;
color: #FFF;
border-radius: 0.3em;
background: #F60 url("../images/open_org.png") 99% no-repeat;
background-size: 3%;
}

.flow dt.open {
margin: 0 0 8px 0;
padding: 7px 0 7px 10px;
font-size: 16px;
font-weight: bold;
color: #FFF;
border-radius: 0.3em;
background: #F60 url("../images/close_org.png") 99% center no-repeat;
background-size: 3%;
}

.flow dd {
margin: 0 0 10px 0;
padding: 0;
}

.access {
margin: 0;
padding: 0;
width: 50%;
float: left;
}

p.txt_access1 {
margin: 30px 0 0 0;
padding: 0;
font-size: 30px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 120%;
}

p.txt_access2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 20px;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 140%;
}

.accessmap {
margin: 10px 0 0 0;
padding: 0;
width: 50%;
float: right;
}

.accessmap iframe {
width: 100%;
height: 200px;
}

.inquiry a {
margin: 30px auto 20px auto;
padding: 5px 0 0 0;
width: 45%;
text-align: center;
background: #000;
border: 3px #FFF100 solid;
border-radius: 0.5em;
display: block;
font-size: 28px;
font-weight: bold;
line-height: 240%;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
color: #FFF100;
text-decoration: none;
}

.inquiry a:hover {color: #FFF; border: 3px #FFF solid;}

/*------ 問い合わせフォームコメント ------*/
dl.privacy {
margin-top: 20px;
padding: 10px 20px;
border: #FFF 1px solid;
}

dl.privacy dt {
margin-bottom: 8px;
padding-bottom: 8px;
font-size: 16px;
border-bottom: 1px dashed #FFF;
}

dl.privacy dt:before {
margin-right: 5px;
content:"▶";
font-size: 16px;
color: #FFF;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:979px) {
.inner {
width:100%;
}

#contents {
box-sizing:border-box;
width:100%;
padding:0 10px;
}

footer {
width:100%;
}

/*------ Garage ------*/
#wood {
margin: 20px 0 0 0;
padding: 20px 0;
width: 100%;
color: #000;
background: url(../images/garage_bg.jpg) repeat-y;
background-size:  contain;
}

#wood_top {
margin: 0 auto;
padding: 8em 0 8em 0;
width: 98%;
text-align: center;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
background: url(../images/garage_bg2.png) top center no-repeat;
background-size: 100% auto;
}

#wood_top h3 {
margin: 0;
padding: 0;
font-size: 55px;
font-weight: bold;
line-height: 110%;
text-shadow: 2px 0 0 #FFF, 2px 2px 0 #FFF, 0 2px 0 #FFF, -2px 2px 0 #FFF,
-2px 0 0 #FFF, -2px -2px 0 #FFF, 0 -2px 0 #FFF, 2px -2px 0 #FFF;
}

#wood_top p.wood_txt {
margin: 10px 0 0 0;
padding: 0;
font-size: 43px;
font-weight: bold;
background: url(../images/garage_top1.png) center 0.1em no-repeat;
background-size:  85% auto;
}

#wood_top p.imgonly {
margin: 0 auto;
padding: 0;
width: 87%;
}

#wood_top p.imgonly img {
width: 100%;
height: 100%;
position: relative;
}

#wood_top ul.point {
margin: 10px 4em 0 4em;
padding: 0;
}

#wood_top ul.point li {
margin-bottom: 10px;
padding : 0 0 5px 10px;
text-align: left;
font-size: 28px;
font-weight:  bold;
list-style-position: inside;
background: url(../images/garage_top_line.png) 0.1em bottom no-repeat;
}

#wood_top li:before {
content:"★";
font-size: 35px;
color: #000;
}

#woodinner {
margin: 0 auto;
padding: 0;
width: 90%;
}

.slider{
margin: 40px auto 30px auto;
position: relative;
overflow: hidden;
}

.slider img {
width: 100%;
height: 100%;
position: relative;
}

.slider-list{
margin: 0;
padding: 0;
list-style: none;
transition: transform .5s ease;
}

.slider-item{
float: left;
width: 100%;
}

.slider-arrow{
margin: 0;
padding: 0;
list-style: none;
}

.slider-arrow-prev,
.slider-arrow-next{
position: absolute;
top: 45%;
display: block;
}

.slider-arrow-prev button,
.slider-arrow-next button{
margin: 0;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-arrow-prev button[disabled],
.slider-arrow-next button[disabled]{
opacity: .5;
}

.slider-arrow-next button:before,
.slider-arrow-prev button:before{
display:block;
width: 10px;
height: 10px;
content:'';
}

.slider-arrow-prev{
left: 10px;
}

.slider-arrow-prev button:before{
float: left;
border: 4px solid;
border-color: transparent transparent #FFF #FFF;
transform: rotate(45deg);
}

.slider-arrow-next{
right: 10px;
}

.slider-arrow-next button:before {
float: right;
border: 4px solid;
border-color: #FFF #FFF transparent transparent;
transform: rotate(45deg);
}

.slider-dots {
position: absolute;
right: 0;
bottom: -0.7em;
left: 0;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.slider-dots li {
display: inline-block;
margin: 0 3px;
}

.slider-dots button {
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-dots button:before {
display: block;
width: 10px;
height: 10px;
content: '';
border-radius: 50%;
background: rgba(255, 255, 255, .5);
}

.slider-dots button.active {
opacity: .5;
}

.dlpoint2 {
margin: 0 0 10px 0;
padding: 0;
}

.dlpoint2 dl {
margin: 0 0 5px 0;
padding: 0;
border: #F60 4px solid;
border-radius: 8px;
}

.dlpoint2 dl dt {
margin: 0;
padding: 0.8em 2em 0.8em 2.5em;
font-size: 28px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 120%;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.3em 0.4em,98% center;
background-size: 8%,4%;
}

.dlpoint2 dl dt.point2_icon01 {background-image: url("../images/garage_icon01.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon02 {background-image: url("../images/garage_icon02.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon03 {background-image: url("../images/garage_icon03.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon04 {background-image: url("../images/garage_icon04.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon05 {background-image: url("../images/garage_icon05.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon06 {background-image: url("../images/garage_icon06.jpg"),url("../images/open.png");}

.dlpoint2 dl dt.open {
margin: 0;
padding: 0.8em 2em 0.8em 2.5em;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.3em 0.4em,98% center;
background-size: 8%,4%;
}

.dlpoint2 dl dt.point2_icon01.open {background-image: url("../images/garage_icon01.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon02.open {background-image: url("../images/garage_icon02.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon03.open {background-image: url("../images/garage_icon03.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon04.open {background-image: url("../images/garage_icon04.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon05.open {background-image: url("../images/garage_icon05.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon06.open {background-image: url("../images/garage_icon06.jpg"),url("../images/close.png");}

.dlpoint2 dl dd {
margin: 0;
padding: 0.2em 0.8em 1em 0.8em;
font-size: 12px;
line-height: 120%;
background: #FFF;
}

#area {
margin: 0 0 10px 0;
padding: 15px;
}

#area h4.ttl_area {
margin: 0;
padding: 0 0 10px 0;
color: #FFF100;
font-size: 25px;
font-weight: bold;
text-align: center;
text-shadow: 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000,
-2px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000;
background: url(../images/galageh4.gif) center no-repeat;
}

.type {
margin: 0;
padding: 0;
display: block;
}

.type dl {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
}

.type dt {
margin: 0;
padding: 7px;
text-align: left;
font-size: 14px;
color: #FFF;
background: #000 url("../images/open.png") 98% no-repeat;
background-size: 4%;
}

.type dt.open {
margin: 0;
padding: 7px;
text-align: left;
color: #FFF;
background: #000 url(../images/close.png) 98% center no-repeat;
background-size: 4%;
}

.type dd {
margin: 0;
padding: 10px;
display: none;
}

.pricered {
color: red;
font-size: 20px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
}

.type2,.type3 {
margin: 0;
padding: 0;
width: 100%;
display: block;
}

.type2 dl,.type3 dl.type3dl {
margin: 0 0 5px 0;
padding: 0;
}

.type2 dt,.type3 dt {
margin: 0;
padding: 7px;
text-align: left;
font-size: 14px;
color: #FFF;
background: #000 url("../images/open.png") 98% no-repeat;
background-size: 4%;
}

.type2 dt.open,.type3 dt.open {
margin: 0;
padding: 7px;
text-align: left;
color: #FFF;
background: #000 url(../images/close.png) 98% center no-repeat;
background-size: 4%;
}

.type2 dd,.type3 dd {
margin: 0;
padding: 10px;
display: none;
}

.type2 dd dl.option {
margin: 0;
padding: 0;
width: 100%;
border: none;
display: inline-block;
}

.type3 dd dl.option {
margin: 0;
padding: 0;
width: 100%;
}

.type2 dd dl.option dt,.type3 dd dl.option dt {
margin-top: 5px;
padding: 2px 0;
background: #FFF100;
border: #000 1px solid;
border-radius: 12px;
color: #000;
text-align: center;
}

.type2 dd dl.option dd,.type3 dd dl.option dd {
margin-top: 5px;
padding: 0;
width: 100%;
display: block;
}

.type dd li:before,.type2 dd dl dd li:before,.type3 dd dl dd li:before {
font-size: 14px;
content:"●";
}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
.lock {
overflow:hidden;
}

header {
margin: 0;
padding: 10px;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
width:100%;
background: #000;
z-index: 1;
}

h1 a {
margin: 0;
padding: 0;
width: 220px;
height: 97px;
position:relative;
top:auto;
right:auto;
background: url("../images/logo_sp.jpg") no-repeat;
display: block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#contents {
overflow:hidden;
width: 100%;
margin: 0 auto;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/

nav .inner > ul {
overflow:auto;
position:fixed;
top:50px;
right:0;
width:100%;
height:88%;
height:-webkit-calc(100% - 53px);
height:calc(100% - 53px);
z-index:1;
}

nav li {
position:relative;
width:100%;
float:none;
margin:0;
text-align:left;
list-style:none;
border-bottom:1px solid #CCC;
}

nav li:first-child {
border-top:0;
}

nav li:last-child {
border-bottom:0;
}

nav li a {
display:block;
padding: 15px 20px;
color:#FFF;
text-decoration:none;
background:#555;
}

nav li a:hover {
color:#FFF;
background:#888;
}

nav ul ul {
display:none;
position:relative;
border-top:1px solid #CCC;
}

nav li li a {
box-sizing:border-box;
width:100%;
padding: 10px 0 10px 10px;
text-align:left;
text-indent: 0.7em;
background:#FFF;
color: #333;
}

nav li li a:before {
padding-right: 3px;
content:"▶";
font-size: 8px;
}

.subnav a:hover {
background:#888;
}

.active > a:before {
margin-top:0;
}

.active > a:after {
margin-top:5px;
}

.gnav {
display:none;
}

#spMenu {
display:block;
z-index:1;
position:fixed;
top:10px;
right:10px;
}

#spMenu:hover {
cursor:pointer;
}

#navBtn {
display:inline-block;
position:relative;
width:30px;
height:30px;
border-radius:5%;
background:#555;
}

#navBtnIcon {
display:block;
position:absolute;
top:50%;
left:50%;
width:14px;
height:2px;
margin:-1px 0 0 -7px;
background:#FFF;
transition:.2s;
}

#navBtnIcon:before,
#navBtnIcon:after {
display:block;
content:'';
position:absolute;
top:50%;
left:0;
width:14px;
height:2px;
background:#FFF;
transition:0.3s;
}

#navBtnIcon:before {
margin-top:-6px;
}

#navBtnIcon:after {
margin-top:4px;
}

#navBtn .close {
background:transparent;
}

#navBtn .close:before,
#navBtn .close:after {
margin-top:0;
}

#navBtn .close:before {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

#navBtn .close:after {
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

/*================================================
 *  スライドショー
 ================================================*/
.cover{
width: 200%;
}

.pagination {
bottom: 15px;
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
margin: 20px 0;
padding: 0;
font-size: 12px;
line-height: 100%;
}

/*================================================
 *  フッター
 ================================================*/

footer {
padding: 30px 10px 0 10px;
clear:both;
}

/*------ store info ------*/

#shopinfo {
margin: 0;
padding: 0 10px;
}

.shop_l {
margin: 0;
padding: 0;
width: 100%;
}

.shop {
width: 100%;
}

.shop:last-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}

#shopinfo h2 {
margin-top: 5px;
padding: 0 0 0 45px;
font-size: 24px;
font-family: "Montserrat";
font-weight: normal;
line-height: 40px;
clear: both;
background: url("../images/h2.png") no-repeat left;
}

.shop dl {
margin: 0;
padding: 0;
}

.shop dl dt {
margin: 10px 0;
padding: 0 0 5px 0;
color: #F60;
font-size: 18px;
font-family: "Montserrat";
font-weight: normal;
border-bottom: dotted 3px #FFF;
}

.shop dl dd {
margin: 0;
padding: 0;
margin: 0 0 0.3em 0;
}

.map {
margin: 10px 0;
padding: 0;
}

.mail a {
margin: 10px 0 0 0;
padding: 2px 0 0 0;
width: 100%;
text-align: center;
background: #000;
border: 2px #FFF100 solid;
border-radius: 0.5em;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 180%;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
color: #FFF100;
text-decoration: none;
}

.mail a:hover {color: #FFF; border: 2px #FFF solid;}

.shop_r {
margin: 10px 0 0 0;
padding: 0;
width: 100%;
}

.shop_r img {
margin-top: 10px;
padding: 0;
width: 100%;
height: 100%;
position: relative;
}

.footernav {
margin: 0;
padding: 20px 0;
display: block;
}

.footernav ul {
margin:0;
padding:0;
}

.footernav li {
margin: 0;
padding: 0;
font-size: 12px;
display: inline;
list-style: none;
}

.footernav li:after {
padding: 0 3px 0 5px;
content:"|";
}

.footernav li:last-child:after {
padding: 0 0 0 5px;
content:"";
}

.footermenu a:hover,.footernav a:hover {
color:#FFF;
text-decoration:underline;
}

.copyright {
padding: 3px 0;
clear:both;
font-size:10px;
text-align:center;
color:#efede9;
background:#555;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
#pagetop{
position: fixed;
bottom: -40px;
right: 10px;
}

#pagetop a {z
display: block;
width: 60px;
height: 40px;
background-color: #333;
border-radius: 8px 8px 0 0;
text-align: center;
color: #FFF;
font-size: 24px;
text-decoration: none;
line-height: 40px;
opacity: 0.8;
}

/*================================================
 *  TOPコンテンツ
 ================================================*/

 /*------ topcts ------*/
#topcts {
width:100%;
} 

/*------ col ------*/
.col {
width:100%;
float: none;
}

/*------ infomation ------*/
dl.info {
width: 100%;
}

.col ul.cts_bnr li {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
float: left;
}

/*================================================
 *  2階層コンテンツ
 ================================================*/

dl.ctsbox dt {
margin-bottom: 10px;
width: 100%;
}

dl.ctsbox dd {
margin-bottom: 30px;
width: 100%;
}

dl.ctsbox2 dt {
margin-bottom: 10px;
width: 100%;
}

dl.ctsbox2 dd {
margin-bottom: 30px;
width: 100%;
}

dl.ctsbox dd img,dl.ctsbox2 dd img {
width:100%;
height: 100%;
position: relative;
}

/*------ tabaccordion ------*/
ul.resp-tabs-list {
display: none;
}

h2.resp-accordion {
margin: 2px 0 0 0;
padding: 0 10px;
display: block;
font-size: 18px;
background: url(../images/open.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/open.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
border-radius: 5px;
border: #666 2px solid;
}

h2.resp-accordion:hover {
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #FF00CC;
text-shadow:0px 6px 6px #FF00CC;
background: url(../images/open.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/open.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
}

.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: 100px;
clear: none;
}

.resp-accordion-closed {display: none !important;}
.resp-tab-active:after {border: none;}
.resp-tab-active:before {border: none;}

ul.photozoom_m,ul.photozoom_s {
margin: 30px 0 10px 0;
padding: 0;
z-index: 10;
}

ul.photozoom_m li,ul.photozoom_s li {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
height: 100%;
list-style: none;
}

ul.photozoom_m li img,ul.photozoom_s li img {
width: 100%;
height: 100%;
position: relative;
}

.resp-tabs-container table {
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
border: 1px solid #888;
float: none;
}


/*------ Garage ------*/
#wood {
margin: 10px 0 0 0;
padding: 5px 0 0 0;
width: 100%;
color: #000;
background: url(../images/garage_bg.jpg) repeat-y;
background-size: contain;
}

#wood_top {
margin: 0 auto;
padding: 2em 0 1.5em 0;
width: 100%;
text-align: center;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
background: url(../images/garage_bg2.png) top center no-repeat;
background-size: 100% auto;
}

#wood_top h3 {
font-size: 18px;
font-weight: bold;
line-height: 110%;
text-shadow: 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF,
-1px 0 0 #FFF, -1px -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF;
}

#wood_top p.wood_txt {
margin: 5px 0 0 0;
padding: 0;
font-size: 15px;
font-weight: bold;
background: url(../images/garage_top1.png) center -0.1em no-repeat;
background-size:  85% auto;
}

#wood_top p.imgonly {
margin: 0 auto;
padding: 0;
width: 82%;
}

#wood_top p.imgonly img {
width: 100%;
height: 100%;
position: relative;
}

#wood_top ul.point {
margin: 5px 1.5em 0 1.3em;
padding: 0;
}

#wood_top ul.point li {
margin-bottom: 5px;
padding-bottom : 5px;
font-size: 12px;
font-weight:  bold;
line-height: 120%;
background: url(../images/garage_top_line.png) 0.8em bottom no-repeat;
background-size: 98% auto;
}

#wood_top li:before {
content:"★";
font-size: 12px;
color: #000;
}

#woodinner {
margin: 0 auto 20px auto;
padding: 0 0 10px 0;
}

.slider{
margin: 10px auto;
position: relative;
overflow: hidden;
}

.slider img {
width: 100%;
height: 100%;
position: relative;
}

.slider-list{
margin: 0;
padding: 0;
list-style: none;
transition: transform .5s ease;
}

.slider-item{
float: left;
width: 100%;
}

.slider-arrow{
margin: 0;
padding: 0;
list-style: none;
}

.slider-arrow-prev,
.slider-arrow-next{
position: absolute;
top: 45%;
display: block;
}

.slider-arrow-prev button,
.slider-arrow-next button{
margin: 0;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-arrow-prev button[disabled],
.slider-arrow-next button[disabled]{
opacity: .5;
}

.slider-arrow-next button:before,
.slider-arrow-prev button:before{
display:block;
width: 10px;
height: 10px;
content:'';
}

.slider-arrow-prev{
left: 10px;
}

.slider-arrow-prev button:before{
float: left;
border: 2px solid;
border-color: transparent transparent #FFF #FFF;
transform: rotate(45deg);
}

.slider-arrow-next{
right: 10px;
}

.slider-arrow-next button:before {
float: right;
border: 2px solid;
border-color: #FFF #FFF transparent transparent;
transform: rotate(45deg);
}

.slider-dots {
position: absolute;
right: 0;
bottom: -0.7em;
left: 0;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.slider-dots li {
display: inline-block;
margin: 0 3px;
}

.slider-dots button {
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slider-dots button:before {
display: block;
width: 5px;
height: 5px;
content: '';
border-radius: 50%;
background: rgba(255, 255, 255, .5);
}

.slider-dots button.active {
opacity: .5;
}

.dlpoint2 {
margin: 0 0 10px 0;
padding: 0;
}

.dlpoint2 dl {
margin: 0 0 5px 0;
padding: 0;
border: #F60 4px solid;
border-radius: 8px;
}

.dlpoint2 dl dt {
margin: 0;
padding: 0.6em 2em 1.2em 4em;
font-size: 18px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 120%;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.5em 0.4em,97% center;
background-size: 18%,7%;
}

.dlpoint2 dl dt.point2_icon01 {background-image: url("../images/garage_icon01.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon02 {background-image: url("../images/garage_icon02.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon03 {background-image: url("../images/garage_icon03.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon04 {background-image: url("../images/garage_icon04.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon05 {background-image: url("../images/garage_icon05.jpg"),url("../images/open.png");}
.dlpoint2 dl dt.point2_icon06 {background-image: url("../images/garage_icon06.jpg"),url("../images/open.png");}

.dlpoint2 dl dt.open {
margin: 0;
padding: 0.6em 2em 1.2em 4em;
background-color: #FFF;
background-repeat: no-repeat,no-repeat;
background-position: 0.5em 0.4em,97% center;
background-size: 18%,7%;
}

.dlpoint2 dl dt.point2_icon01.open {background-image: url("../images/garage_icon01.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon02.open {background-image: url("../images/garage_icon02.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon03.open {background-image: url("../images/garage_icon03.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon04.open {background-image: url("../images/garage_icon04.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon05.open {background-image: url("../images/garage_icon05.jpg"),url("../images/close.png");}
.dlpoint2 dl dt.point2_icon06.open {background-image: url("../images/garage_icon06.jpg"),url("../images/close.png");}

.dlpoint2 dl dd {
margin: 0;
padding: 0.2em 0.8em 0.5em 0.8em;
font-size: 12px;
line-height: 120%;
background: #FFF;
}

dl.accordion { margin: 0 0 30px 0; padding: 0; width: 100%;}

dl.accordion dt {
margin-bottom: 2px;
padding: 10px;
border: #666 1px solid;
border-radius: 5px;
background: url(../images/open.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/open.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
}

dl.accordion dt.open {
background: url(../images/close.png) 98% center no-repeat,-moz-linear-gradient(top, #737373, #404040);
background: url(../images/close.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#737373), to(#404040));
}

dl.accordion dd { padding: 10px 0; display: none;}

#area {
margin: 0 0 10px 0;
padding: 15px;
}

#area h4.ttl_area {
margin: 0;
padding: 0 0 10px 0;
color: #FFF100;
font-size: 18px;
font-weight: bold;
text-align: center;
text-shadow: 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000,
-2px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000;
background: url(../images/galageh4.gif) center no-repeat;
background-size: 100% auto;
}

.type {
margin: 0;
padding: 0;
display: block;
}

.type dl {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
}

.type dt {
margin: 0;
padding: 7px;
text-align: left;
font-size: 14px;
color: #FFF;
background: #000 url("../images/open.png") 97% no-repeat;
background-size: 7%;
}

.type dt.open {
margin: 0;
padding: 7px;
text-align: left;
color: #FFF;
background: #000 url(../images/close.png) 97% center no-repeat;
background-size: 7%;
}

.type dd {
margin: 0;
padding: 10px;
display: none;
}

.pricered {
color: red;
font-size: 20px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
}

.type2,.type3 {
margin: 0;
padding: 0;
width: 100%;
display: block;
}

.type2 dl,.type3 dl.type3dl {
margin: 0 0 5px 0;
padding: 0;
}

.type2 dt,.type3 dt {
margin: 0;
padding: 7px;
text-align: left;
font-size: 14px;
color: #FFF;
background: #000 url("../images/open.png") 97% no-repeat;
background-size: 7%;
}

.type2 dt.open,.type3 dt.open {
margin: 0;
padding: 7px;
text-align: left;
color: #FFF;
background: #000 url(../images/close.png) 97% center no-repeat;
background-size: 7%;
}

.type2 dd,.type3 dd {
margin: 0;
padding: 10px;
display: none;
}

.type2 dd dl.option {
margin: 0;
padding: 0;
width: 100%;
border: none;
display: inline-block;
}

.type3 dd dl.option {
margin: 0;
padding: 0;
width: 100%;
}

.type2 dd dl.option dt,.type3 dd dl.option dt {
margin-top: 5px;
padding: 2px 0;
background: #FFF100;
border: #000 1px solid;
border-radius: 12px;
color: #000;
text-align: center;
}

.type2 dd dl.option dd,.type3 dd dl.option dd {
margin-top: 5px;
padding: 0;
width: 100%;
display: block;
}

.type dd li:before,.type2 dd dl dd li:before,.type3 dd dl dd li:before {
font-size: 14px;
content:"●";
}

.flow {
margin: 0;
padding: 0;
width: 100%;
}

.flow dl {
margin: 0;
padding: 0;
}

.flow dt {
margin: 0 0 5px 0;
padding: 7px 0 7px 10px;
font-size: 14px;
color: #FFF;
border-radius: 0.3em;
background: #F60 url("../images/open_org.png") 97% no-repeat;
background-size: 7%;
}

.flow dt.open {
margin: 0 0 5px 0;
padding: 7px 0 7px 10px;
font-size: 14px;
color: #FFF;
border-radius: 0.3em;
background: #F60 url("../images/close_org.png") 97% center no-repeat;
background-size: 7%;
}

.flow dd {
margin: 0 0 10px 0;
padding: 0;
line-height: 120%;
}

.access {
margin: 0;
padding: 0;
width: 100%;
}

p.txt_access1 {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 120%;
}

p.txt_access2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 14px;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
line-height: 120%;
}

.accessmap {
margin: 10px 0 0 0;
padding: 0;
width: 100%;
}

.accessmap iframe {
width: 100%;
height: 200px;
}

.inquiry a {
margin: 20px auto 10px auto;
padding: 5px 0 0 0;
width: 98%;
text-align: center;
background: #000;
border: 3px #FFF100 solid;
border-radius: 0.4em;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 200%;
font-family:"メイリオ", 'Lucida Grande', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
color: #FFF100;
text-decoration: none;
}

.inquiry a:hover {color: #FFF; border: 3px #FFF solid;}
}