@charset "UTF-8";
/* CSS Document */

/* COMMON */
body{ font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height:100%; margin:0; padding:0; min-width:1270px;}
html{ margin:0; padding:0;}
input{ color:; text-decoration:;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
a{ text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
color:#FFFFFF;
}
.alpha a:hover { color:#333333;}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
.kadomaru{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;}
.kadomaru-l{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;}
.circle-120{
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
-o-border-radius: 120px;
-ms-border-radius: 120px;}

.shadow    {
box-shadow: 3px 3px 6px #999;
-webkit-box-shadow: 3px 3px 6px #999;
-moz-box-shadow: 3px 3px 3px #999;
}

main {
    display: block;
}

.nodisplay{ display:none;}
.left{ float:left;}
.right{ float:right;}
img.noborder{ border:none!important;}
.clearfix:after {
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}
.min{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.serif{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
.text-shadow{ text-shadow: 2px 2px 1px rgba(0, 0, 0, .7);}
.red{ color:#ff0000;}
#menu-toggle{ display:none;}
.gos{ font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.tate{
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
-moz-text-orientation: upright;
-ms-text-orientation: upright;
text-orientation: upright;
}

#section0{
  position:relative;
  background-size:cover;
  background-position:center;
  }
#section0.home{
  height:810px;
  background-image:url(../img/index/bg_home_section0.jpg);
  }
#section0.page{
  height:600px;
  }
#section0 .header{
  background-color:rgba(0,0,0,0.50);
  height:75px;}
#section0 .header .wrapper{
  width:1000px;
  margin:0 auto;
  position:relative;
  }
#section0 .header .wrapper .logo{
  position:absolute;
  top:10px; left:10px;
  }
#section0 .header .wrapper h1{
  position:absolute;
  top:28px;
  left:75px;
  font-size:14px;
  color:#ffffff;
  }
#section0 .header .wrapper .tel{
  position:absolute;
  top:15px; right:0;
  }
#section0 .eyecatch{
  position:absolute;
  width:400px;
  height:400px;
  margin:0 auto;
  left:0;
  right:0;
  top:230px;
  }
#section0 .eyecatch p{
  text-align:center;}
#section0 .navigation{
  width:100%;
  position:absolute;
  bottom:0;
  background-color:rgba(0,0,0,0.50);
  height:103px;
  }
#section0 .navigation ul{
  width:960px;
  margin:30px auto 0;
}
#section0 .navigation ul li{
  width:155px;
  float:left;
  line-height:150%;
  }
#section0 .navigation ul li a{
  color:#ffffff;
  display:block;
  height:45px;
  border-left:10px solid rgba(142,70,88,0.00);
  padding-left:5px;
  font-weight:bold;
  }
#section0 .navigation ul li a:hover{
  color:#91262c;
  border-left:10px solid #91262c;
  }

#section0 .navigation ul li a span{
  font-size:11px;
  display:block;
  margin-top:2px;
  font-weight:normal;
  }
#section0 .navigation ul li a.thispage{
  color:#91262c;
  border-left:10px solid #91262c;
  }
#footer{
  background-image:url(../img/shared/bg_footer.jpg);
  background-position:bottom center;
  position:relative;
  }
#footer.home{
  height:748px;
  }
#footer.page{
  height:680px;
  /*height:666px;*/
  }
#footer .navigation{
  width:1000px;
  margin:0 auto;
  position:absolute;
  top:105px;
  left:0;
  right:0
  }
#footer.page .navigation{
  top:23px;
  }
#footer .navigation ul li{
  width:165px;
  float:left;
  height:30px;
  line-height:30px;
  text-align:center;
  border-left:1px solid #ffffff;
  }
#footer .navigation ul li a{
  color:#ffffff;
  }
#footer .navigation ul li.last{
  border-right:1px solid #ffffff;
  }
#footer .wrapper{
  width:500px;
  margin:0 auto;
  position:absolute;
  top:152px;
  /*top:182px;*/
  left:0;
  right:0;
  text-align:center;
  color:#ffffff;
  }
#footer.page .wrapper{
  top:100px;
  }
#footer .wrapper p{
  margin-bottom:20px;
}
#footer .wrapper .shopcopy{
  font-size:14px;
  font-weight:bold;
  }
#footer .wrapper .shopname{
  font-size:32px;
  font-weight:bold;
  }
#footer .wrapper .shopname span{
  font-size:16px;
  font-weight:normal;
  }
#footer .wrapper .address{
  font-size:14px;
  }
#footer .wrapper dl{
  margin:20px auto;
  }
#footer .wrapper dt{
  width:90px;
  height:30px;
  border:1px solid #ffffff;
  line-height:34px;
  margin:20px auto;
  font-size:14px;
  }
#footer .wrapper dd{
  line-height:160%;
  font-size:14px;
  }
#footer .copyright{
  position:absolute;
  width:100%;
  bottom:0;
  height:50px;
  line-height:20px;
  font-size:10px;
  color:#ffffff;
  text-align:center;
  background-color:#1a1a1a;
  }

#footer .copyright a{
 color: #FFF;
 display: block;
 text-decoration: none;
}