@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#42210b;}
html{margin:0 auto; padding:0; font-size:14px; font-family:'Noto Sans Japanese', 'メイリオ', 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro, Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 640px){
body{min-width:100%; -webkit-text-size-adjust:100%;}
html{font-family:'Noto Sans Japanese', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', 'Droid Sans', Helvetica, Arial, sans-serif;}
}
*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom; max-width:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.6em;}
hr{display:none;}

/*==================================
  cOmMon
==================================*/
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.sTtl{background:url(../img/sTtl_bg.png) left bottom no-repeat; padding-left:40px; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #fdeff5;}
.icon{ padding-left:1em; background:url(/common/img/listIcon.png) left center no-repeat;}
@media screen and (max-width: 640px){
.sTtl{background-size:contain; padding-left:10%; margin-bottom:20px; padding-bottom:10px;}
.spBg{padding:15% 3% 0; background:url(/common/img/bakImg02.jpg) top center no-repeat;}
}

/*==================================
  header
==================================*/
header{margin-bottom:60px; border-top:3px solid #ff9f00; background:url(../img/bakImg01.gif) left top repeat;}
header h1{position:absolute; left:50%; margin-left:-520px; top:8px; font-size:14px; font-weight:normal;}
header dt{position:absolute; left:50%; margin-left:-520px; top:30px; font-size:0; line-height:0;}
header dd{position:absolute; left:50%; margin-left:90px; top:13px; font-size:0; line-height:0;}
header dd span{display:block; font-size:0; line-height:0;}
header h2{margin-top:80px; padding:70px 0; text-align:center; background:url(../img/ttl_bg.png) 65% center no-repeat; font-size:0; line-height:0;}
header nav{padding-bottom:50px; background:url(/common/img/bakImg02.jpg) bottom center no-repeat;}
header nav ul{text-align:center; letter-spacing:-.4em;}
header nav ul li{display:inline-block; letter-spacing:normal; padding:15px 0; font-size:0; line-height:0; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
header nav ul li:hover{ background:url(../img/navhover.png) center no-repeat;}
header nav ul li.last{display:block; z-index:99; position:absolute; left:50%; margin-left:385px; top:3px; padding:0;}
header nav ul li a{display:block; padding:0 15px; text-align:center; border-right:1px solid #9B897E; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
header nav ul li.multi6 a{border:none;}
header nav ul li.last a{padding:0; border:none; background:#ff9f00; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
header nav ul li.last a:hover{background:#ff7600; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
@media screen and (max-width: 640px){
/*btn_menu-START*/
header div.rayout_box{position:absolute; right:3%; top:2.6em; cursor:pointer; height:60px; width:60px;}
header p.btn_menu{position:relative; height:60px; width:60px; background:#ff9f00;}
header p.btn_menu span.line1{background:#fff; height:3px; left:13px; position:absolute; top:14px; width:34px;
-o-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
header p.btn_menu span.line2{background:#fff; height:3px; left:13px; position:absolute; top:29px; width:34px;
-o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
header p.btn_menu span.line3{background:#fff; height:3px; left:13px; position:absolute; top:44px; width:34px;
-o-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
header p.open{background-color:rgba(255,127,78,.9);}
header p.open span.line1{background:#fff; top:30px; 
-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
header p.open span.line2{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
header p.open span.line3{background:#fff; top:30px;
-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
/*btn_menu-END*/
header{position:relative; height:260px; margin-bottom:0;}
header h1{position:static; left:auto; margin-left:0; top:auto; height:2.8em; font-size:12px; text-align:center;}
header dt{position:static; left:auto; margin-left:0; top:auto; width:60%; margin-left:3%; margin-top:15px;}
header dt img{max-height:70px;}
header dd{position:absolute; margin-left:-137px; top:auto; bottom:5px;}
header dd span{display:block; font-size:0; line-height:0;}
header h2{margin-top:10px; padding:30px 20%; background:url(../img/ttl_bg.png) 80% center no-repeat; background-size:contain;}
header nav{ display:none; width:100%; padding:0; height:auto; position:absolute; top:96px; left:0; background-color:rgba(255,159,0,.8); z-index:999; background-image:none;}
header nav ul li{display:block; padding:0; border-right:none; border-bottom:1px solid #fff; background:url(../img/btnIcon.png) 98% center no-repeat; background-size:20px;}
header nav ul li:hover{ background:url(../img/btnIcon.png) 98% center no-repeat; background-size:20px;}
header nav ul li.multi6{border:none;}
header nav ul li.last{display:block; z-index:99; position:static; left:auto; margin-left:0; top:3px; border:none;}
header nav ul li a{display:block; font-size:16px; line-height:1.6em; padding:.4em 0; color:#fff; text-align:center; text-decoration:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
header nav ul li.last a{padding:0; background:#ff9f00; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
header nav ul li.last a:hover{background:#ff7600; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
}

/*==================================
  content
==================================*/
/* linkBnr
==================================*/
#linkBnr{width:1040px; margin:0 auto 80px;}
#linkBnr li{float:left; width:332px; margin-right:22px; font-size:0; line-height:0;}
#linkBnr li.last{margin-right:0;}
#linkBnr li a img{-o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
#linkBnr li a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7;  opacity:.7;}
@media screen and (max-width: 640px){
#linkBnr{width:auto; margin:0 3% 40px;}
#linkBnr li{float:none; width:auto; text-align:center; margin-right:0; margin-bottom:10px;}
#linkBnr li.last{ margin-bottom:0;}
#linkBnr li a img{-o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
#linkBnr li a:hover img{-ms-filter:"alpha(opacity=100)"; filter:alpha(style=0,opacity=100); -moz-opacity:1;  opacity:1;}
}
/* resrvebox
==================================*/
#reservebox{width:1040px; margin:0 auto 60px; padding:20px 0; background:url(/common/img/bakImg03.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#reservebox dl{padding:2em 90px; margin:0 20px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#reservebox dt{float:left; font-size:0; line-height:0;}
#reservebox dd p.tel{float:right; margin-bottom:30px; font-size:0; line-height:0;}
#reservebox dd p.mail{clear:both; margin-bottom:1em; text-align:center;}
#reservebox dd p.mail a{color:#ff699b; font-size:17px; word-break:break-all;}
#reservebox dd>span{display:block; margin-bottom:1.5em; text-align:center;}
#reservebox dd p.btn,
#reservebox dd p.btn02{width:340px; margin:0 auto;}
#reservebox dd p.btn a,
#reservebox dd p.btn02 a{display:block; background:#ff6a9c url(/common/img/btnIcon.png) 94% 51% no-repeat; padding:15px 0; text-align:center; font-size:0; line-height:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
#reservebox dd p.btn a:hover,
#reservebox dd p.btn02 a:hover{background:#a10036 url(/common/img/btnIcon.png) 96% 51% no-repeat;}
@media screen and (max-width: 640px){
#reservebox{width:auto; margin:0 0 30px; padding:5% 0;}
#reservebox dl{padding:1.5em 8%; margin:0 5%;}
#reservebox dt{float:none; margin-bottom:10px;}
#reservebox dd p.tel{float:none; margin-bottom:20px;}
#reservebox dd p.mail{text-align:left;}
#reservebox dd p.mail a{display:block; font-size:15px;}
#reservebox dd>span{text-align:left;}
#reservebox dd p.btn,
#reservebox dd p.btn02{width:auto;}
#reservebox dd p.btn a,
#reservebox dd p.btn02 a{padding:15px 15%;}
#reservebox dd p.btn a:hover,
#reservebox dd p.btn02 a:hover{background:#ff6a9c url(/common/img/btnIcon.png) 94% 51% no-repeat;}
}

/*==================================
  footer
==================================*/
footer{background:url(../img/bakImg01.gif) left top repeat;}
footer>p{padding:.4em 0; font-size:12px; text-align:center;}
/* footInner
==================================*/
#footInner{width:1040px; margin:0 auto;}
#footInner dl.address{float:left; width:260px; margin-right:20px; padding-top:20px;}
#footInner dl.address dt{margin-bottom:15px; padding:40px 0 15px; background:url(/common/img/logoBak.png) top center no-repeat; font-size:0; line-height:0;}
#footInner dl.address dd span{display:block; margin-top:.5em;}
#footInner .reserveBox{float:left; width:292px; margin-right:28px; padding-top:55px; list-style:none;}
#footInner .reserveBox li{margin-bottom:20px;}
#footInner .reserveBox li.last{margin-bottom:0;}
#footInner .reserveBox li a img{-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#footInner .reserveBox li a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7;  opacity:.7;}
#footInner .map{float:left; width:440px;}
#footInner .map iframe{display:block; width:100%; height:280px; border:0;}
@media screen and (max-width: 640px){
#footInner{width:auto; margin:0 3% 20px;}
#footInner dl.address{float:none; width:auto; margin:0 5% 20px;}
#footInner dl.address dt{text-align:center; margin:0 5% 15px; padding:20px 0 15px; background:url(/common/img/logoBak.png) top center no-repeat; background-size:contain;}
#footInner .reserveBox{float:none; width:auto; margin:0 5% 20px; padding-top:0;}
#footInner .reserveBox li{margin-bottom:10px;}
#footInner .reserveBox li a img{-o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
#footInner .reserveBox li a:hover img{-ms-filter:"alpha(opacity=100)"; filter:alpha(style=0,opacity=100); -moz-opacity:1;  opacity:1;}
#footInner .map{float:none; width:auto;}
}
/* Fnavi
==================================*/
#Fnavi{position:relative; z-index:99; padding:1em 0; text-align:center; letter-spacing:-.4em; list-style:none; background:#fff;}
#Fnavi li{display:inline-block; letter-spacing:normal; border-right:1px solid #887f75; padding:0 1em;}
#Fnavi li.first{border-left:1px solid #887f75;}
#Fnavi li a{display:block; color:#42210b; text-decoration:none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#Fnavi li a:hover{color:#a10036;}
@media screen and (max-width: 640px){
#Fnavi{border-top:1px solid #a10036; margin:0 1% 20px; padding:0;}
#Fnavi li{width:50%; border-right:1px solid #a10036; padding:0; border-bottom:1px solid #a10036; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#Fnavi li.even{border-right:none;}
#Fnavi li.first{border-left:none;}
#Fnavi li a{font-size:13px; padding:.5em 0; text-align:center; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
#Fnavi li a:hover{color:#42210b;}
}

/*==================================
  etc
==================================*/
/* paGeTop
==================================*/
#paGeTop{position:fixed; bottom:66px; right:50px; z-index:999; font-size:0; line-height:0; -o-transition: transform .5s; -ms-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; transition: transform .5s;}
#paGeTop:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
@media screen and (max-width: 640px){
#paGeTop{position:fixed; bottom:70px; right:10px; z-index:999; line-height:1.6; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
#paGeTop:hover{-moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none;}
}
/* loAding
==================================*/
#loading{width:100%; height:100%; position:fixed; top:0; background:#fff; z-index:1500;}
#loading img{position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}