@charset "shift-jis";


/* common
----------------------------------------------------------------------- */
body{
  font-family:'Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif;
  color:#333;
  padding:0;
  margin:0;
  font-size:12px;
  line-height:1.5;
  background:url(../img/body.png) center 0 repeat-x;
}

form,input,select,optgroup,option,p,ul,li,dl,th,dd,dt,address,
h1,h2,h3,h4,h5,h6			{margin:0; padding:0; font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6			{font-size:12px; margin:0; padding:0;}
ul,ol,dl					{margin:0; padding:0;}
dt,dd,li					{list-style-type:none;}
img,a img					{margin:0; padding:0; border:0; vertical-align:bottom; -ms-interpolation-mode:bicubic;}
input,select,optgroup,option{font-family:'Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size:11px;}
select option				{padding-right:8px;}
textarea					{font-family:'Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif;}
label,label input			{cursor:pointer; vertical-align:middle;}
label input					{margin:0 3px 0 0;}
table						{border-collapse:collapse;}

a			{outline:0;}
a:link,
a:visited	{text-decoration:underline; color:#06f;}
a:hover,
a:active	{color:#69f;}

a:hover .ro,
.ro:hover,
input.ro:hover,
.ro:hover input	{opacity:0.7; filter:alpha(opacity=70);}

.txt	{vertical-align:bottom; text-align:justify; text-justify:distribute;}
.txt span.point{font-weight:bold; color:#f40;}

.pagetop{text-align:right; margin:10px 0;}


/* clfix
----------------------------------------------------------------------- */
.clfix:after	{
  content:".";	/* 新しい要素を作る */
  display:block;	/* ブロックレベル要素に */
  clear:both;
  height:0;
  visibility:hidden;
}
.clfix	{min-height:1px;}
* html .clfix{
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}
.clear		{clear:both;}
.allclear	{clear:both; height:0; font-size:0; line-height:0;}



/* header
----------------------------------------------------------------------- */
#header		{width:960px; height:103px; padding:0 0 0 0; margin:0 auto; position:relative; z-index:2;}

h1			{position:absolute;top:38px;left:0;}
#h1p		{padding:12px 0 0 0; color:#666;}
#h1p span	{font-weight:bold;}

#lang		{clear:both; position:absolute;top:17px;right:170px;}
#lang li	{margin:0 0 0 8px; float:left; display:inline;}
#lang li a	{height:15px; line-height:15px; background-image:url(../img/lang.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}
#lang1		{width:61px; background-position:0 0;}
#lang2		{width:42px; background-position:-61px 0;}
#lang3		{width:52px; background-position:-103px 0;}

#lang1:hover		{width:61px; background-position:0 -15px;}
#lang2:hover		{width:42px; background-position:-61px -15px;}
#lang3:hover		{width:52px; background-position:-103px -15px;}

#tel		{position:relative; z-index:2; clear:both; position:absolute;top:12px;right:0;}

#hnav		{position:relative; z-index:2; clear:both; clear:both; position:absolute;top:45px;right:0;}
#hnav li	{margin:0 0 0 3px; float:left; display:inline;}
#hnav a		{height:24px; background-image:url(../img/hnav.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}
#hnav1		{width:147px; background-position:0 0;}
#hnav2		{width:94px; background-position:-147px 0;}
#hnav3		{width:144px; background-position:-241px 0;}
#hnav4		{width:107px; background-position:-385px 0;}

#hnav1:hover		{width:147px; background-position:0 -24px;}
#hnav2:hover		{width:94px; background-position:-147px -24px;}
#hnav3:hover		{width:144px; background-position:-241px -24px;}
#hnav4:hover		{width:107px; background-position:-385px -24px;}

#snav		{position:relative; z-index:2; clear:both; position:absolute;top:78px;right:0;}
#snav li	{margin:0 0 0 12px; padding:0 0 0 9px; font-size:11px; background:url(../img/icon01.png) 0 center no-repeat; float:left; display:inline;}

#header a:link,
#header a:visited	{text-decoration:underline; color:#000;}
#header a:hover,
#header a:active	{color:#d66eab;}


/* gnav
----------------------------------------------------------------------- */
#gnav		{width:960px; height:40px; padding:0; margin:0 auto; clear:both;}
#gnav li	{float:left;}
#gnav li a	{height:40px; background-image:url(../img/gnav.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}

#gnav1	{width:130px; background-position:0 0;}
#gnav2	{width:107px; background-position:-130px 0;}
#gnav3	{width:106px; background-position:-237px 0;}
#gnav4	{width:107px; background-position:-343px 0;}
#gnav5	{width:115px; background-position:-450px 0;}
#gnav6	{width:135px; background-position:-565px 0;}
#gnav7	{width:136px; background-position:-700px 0;}
#gnav8	{width:124px; background-position:-836px 0;}

#gnav1:hover	{background-position:0 -40px;}
#gnav2:hover	{background-position:-130px -40px;}
#gnav3:hover	{background-position:-237px -40px;}
#gnav4:hover	{background-position:-343px -40px;}
#gnav5:hover	{background-position:-450px -40px;}
#gnav6:hover	{background-position:-565px -40px;}
#gnav7:hover	{background-position:-700px -40px;}
#gnav8:hover	{background-position:-836px -40px;}



/* pankuzu
----------------------------------------------------------------------- */
#pankuzu	{height:20px; padding:2px 0 0 0; background:#fff; border-bottom:1px solid #ccc; opacity:0.9; filter:alpha(opacity=90); position:relative; z-index:5;}
#pankuzu p	{width:960px; margin:0 auto; font-size:11px;}
#pankuzu a:link, #pankuzu a:visited {
color:#DF707F;
}
#pankuzu a:hover, #pankuzu a:active {
color:#701521;
}
#imghd	{background:url(../img/bg-imghd.png) 0 bottom repeat-x #852f43; position:relative; z-index:0;}



/* main
----------------------------------------------------------------------- */
#wrap1	{background:url(../img/bg-wrap1.png) 0 0 repeat-x #f8f2f3;}
#wrap2	{background:url(../img/bg-wrap2.png) center 0 no-repeat;}
#wrap3	{background:url(../img/bg-wrap3.png) center bottom repeat-x; border-bottom:1px solid #fff;}
#main	{width:960px; padding:0 0 30px 0; margin:0 auto; position:relative; z-index:5; background:url(../img/right.png) right 0 repeat-y;}

#left	{width:700px; float:left;}
#right	{width:238px; padding:0 6px; float:right; position:relative; z-index:2;}


#pagetop{position:absolute;bottom:0;right:27px; clear:both;}
#pagetop a	{height:25px; width:194px; background-image:url(../img/pagetop.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}
#pagetop .right-p-top:hover		{width:194px; background-position:0 -25px;}




/* left
----------------------------------------------------------------------- */
#b-inquiry	{ width:675px; height:100px; padding:14px 0 0 25px; background:url(../img/b-inquiry.png) 0 0 no-repeat;}
#b-tel		{ float:left;}
#b-contact	{ margin:20px 14px 0 0; float:left;}
#b-reserv	{ margin:20px 0 0 0; float:left;}



/* right
----------------------------------------------------------------------- */
#limitation		{margin:0 0 10px 0;}

#search			{width:221px; margin:0 auto 12px auto  ; background:url(../img/bg-search.png) 0 0 repeat-y;}
#search form	{width:201px; padding:15px 0 10px 0; margin:0 auto; border-bottom:1px solid #c4a45b;}
#search th		{padding:0 0 2px 17px; font-weight:bold; text-align:left; color:#2f2f2f ; background:url(../img/icon06.png) 0 1px no-repeat;}
#search td		{padding:0 0 7px 0;}

#search ul		{width:201px; padding:10px 0 6px; margin:0 auto; overflow:hidden; border-top:1px solid #e6d9aa;}
#search li		{margin:0 2px 4px 2px; float:left; display:inline;}

#btn-search		{text-align:center;}

#rnav li	{margin:0 0 6px 0; text-align:center;}

.btn-link { margin-bottom:10px;}
.btn-link li { text-align:center; margin-bottom:10px;}

#bnr-other li{text-align:center; margin-bottom:4px;}


#pamphlet	{text-align:center;}
#movies	{text-align:center;}



/* footer
----------------------------------------------------------------------- */
#footer	{background:url(../img/footer.png) 0 0 repeat-x #f6cdd3;}

#fnav		{width:960px; height:35px; padding:28px 0 0 0; margin:0 auto;}
#fnav li	{padding:0 5px; border-right:1px solid #fff; line-height:1.3; float:right;}
#fnav .end	{padding-right:0; border:0;}
#fnav a		{font-weight:bold; color:#fff; text-decoration:none;}

#wrap-fmap	{border-bottom:1px solid #ddb8bd;}
#fmap		{width:960px; padding:7px 0; margin:0 auto; overflow:hidden;}
#fmap ul	{width:184px; padding:7px 0 0 0; float:left;}
#fmap li	{padding:0 0 0 8px; margin:0 0 7px 0; background:url(../img/icon02.png) 0 center no-repeat;}
#fmap a		{font-weight:bold; color:#c5233b;}
#fmap .float{float:left;}

#fmap a:link,
#fmap a:visited	{text-decoration:underline; color:#c5233b;}
#fmap a:hover,
#fmap a:active	{color:#d66eab;}


#wrap-address	{border-top:1px solid #fae1e5;}
#address		{width:960px; padding:6px 0; margin:0 auto; overflow:hidden;}
#address p		{margin:0 15px 0 0; float:left;}
#address address{padding:30px 0 0 0; font-weight:bold; float:left;}

#wrap-fbottom	{background:#fff;}
#fbottom		{width:960px; padding:6px 0; margin:0 auto; overflow:hidden;}
#fbottom .txt	{float:left;}
#fbottom #copy	{float:right;}





.bn_present {
  margin-bottom: 8px;
}

.entry h1 {
  position:static;
}

/* ヘッダータイトル Firefox でのずれ調整用 */
@-moz-document url-prefix() {
  #imghd {
    margin: -23px 0 0 !important;
  }
}



/* cssfade
----------------------------------------------------------------------- */
.cssfade{
    width:100%;
}
.cssfade:after{
    content: url(/img/slider_art.png);
    position: absolute;
    width: 100%;
    height: 62px;
    bottom: 0;
    left: 0;
    background: linear-gradient(#d46,#f9a);
    opacity: 0.6;
}
.cssfade__list{
    position: relative;
    margin:0 auto;
    width: 1160px;
}
.cssfade__item{
    width:1160px;
    height:300px;
    position:absolute;
    top:0;
    left:0;
    animation-duration:12s;
    animation-iteration-count:infinite; 
    opacity: 0;
}
.cssfade__item:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px 20px #491722 inset;
}
.cssfade__item:nth-child(1){
    animation-name:cssfade_2;
    animation-delay:-3s;
}
.cssfade__item:nth-child(2){
    animation-name:cssfade_2;
    animation-delay:3s;
}
@keyframes cssfade_2{
    0%{
        opacity:0;
    }
    25%{
        opacity:1;
    }
    50%{
        opacity:1;
    }
    75%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}

.cssfade__item--3items{
    animation-duration: 18s;
}
.cssfade__item--3items:nth-child(1){
    animation-name:cssfade_3;
    animation-delay:-3s;
}
.cssfade__item--3items:nth-child(2){
    animation-name:cssfade_3;
    animation-delay:3s;
}
.cssfade__item--3items:nth-child(3){
    animation-name:cssfade_3;
    animation-delay:9s;
}
@keyframes cssfade_3{
    0%{
        opacity:0;
    }
    16.66%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    50%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}

.cssfade__titlewrap{
    position: absolute;
    bottom: 36px;
    left: 10px;
    width: 100%;
}
.cssfade__title{
    margin: 0 auto;
    width: 960px;
    text-align: left;
}