@charset "UTF-8";
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* (C)advista */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
*{outline: none;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body              {font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                   font-size: 80%;line-height: 150%;background-color: #FFF;color: #000;}
em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: none;color: #000;}
a:link            {}
a:hover           {text-decoration: none;}
a:visited         {}
a:active          {}
input,textarea    {margin: 3px;padding: 2px;}
::selection       {background: #92fff6;}
::-moz-selection  {background: #92fff6;}

.left             {float: left;}
.right            {float: right;}
.container        {width: 980px;height: auto;margin: 0 auto;padding: 0 0 50px 0;display: block;}
.container:after  {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.blocklink        {cursor: pointer;}
.blocklink:hover  {filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75;}
.pd_top           {padding: 50px 0 0 0;}

/* Home ----------------------------------------------------------------------------------------------------------------------- */

/* header --------------------------------------------------------------------------------------------------------------------- */
/* [コンテンツページ] --------------------------------------------------------------------------------------------- */
.contents #header                {width: 980px;height: auto;margin: 0 auto;padding: 0 0 20px;display: block;}
.contents #header:after          {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.contents #header .btn           {width: 100%;height: 18px;margin: 0 0 10px;padding: 0;display: block;}
.contents #header .btn li        {width: 80px;height: 18px;margin: 0 0 0 2px;float: right;background-color: #FFF;text-align: center;font-size: 12px;}
.contents #header .btn li a      {width: 80px;height: 18px;display: block;color: #FFF;text-decoration: none;}
.contents #header .btn li a:hover{filter: alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;}
.contents #header .btn1 a        {background-color: #34cdff;}
.contents #header .btn2 a        {background-color: #0fcebe;}
.contents #header .container     {padding: 0;}

/* id */
.contents #id                    {width: 222px;height: 50px;margin: 0;padding: 0;display: block;float: left;}
.contents #id h1                 {}

/* nav */
.contents #nav                   {width: 660px;height: auto;margin: 0;padding: 0;display: block;float: right;}
.contents #nav:after             {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.contents #nav .menu             {width: 660px;height: 50px;margin: 0 auto;display: block;}
.contents #nav .menu li          {width: 100px;height: 50px;margin: 0 10px 0 0;padding: 0;display: inline;float: left;text-indent: -9999em;}
.contents #nav .menu li a        {width: 100px;height: 50px;margin: 0 auto;padding: 0;display: block;}
.contents #nav .menu li a:hover  {background-position: left -50px;}
.contents #nav .menu .menu1 a    {background-image: url(images/contents_nav1.jpg);}
.contents #nav .menu .menu2 a    {background-image: url(images/contents_nav2.jpg);}
.contents #nav .menu .menu3 a    {background-image: url(images/contents_nav3.jpg);}
.contents #nav .menu .menu4 a    {background-image: url(images/contents_nav4.jpg);}
.contents #nav .menu .menu5 a    {background-image: url(images/contents_nav5.jpg);}
.contents #nav .menu .menu6 a    {background-image: url(images/contents_nav6.jpg);}

/* --------------------------------------------------------------------------------------------------------------- */
/* footer -------------------------------------------------------------------------------------------------------- */
#footer                  {width: 100%;height: auto;margin: 0;padding: 40px 0 20px 0;display: block;text-align: center;}
#footer:after            {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#footer .container       {width: 980px;height: auto;margin: 0 auto;display: block;}
#footer .container:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#footer small            {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 10px;}
#foot_data               {width: 100%;height: auto;margin: 0;padding: 0 0 30px;display: block;text-align: left;}
#foot_data:after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#foot_data .container    {width: 980px;height: auto;margin: 0 auto;padding: 0 0 0 200px;display: block;}
#foot_data li            {margin: 0 0 10px;}
#foot_data .tel          {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 24px;}
#foot_data .tel span     {font-size: 36px;font-weight: bold;}
#foot_data .fax          {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 20px;font-weight: bold;}
#foot_id                 {margin: 0 40px 0 0;padding: 10px 0 20px;float: left;}
#foot_link               {width: 100%;height: auto;margin: 0;padding: 30px 0 0 0;display: block;border-top: solid 1px #a9a9a9;}
#foot_link:after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#foot_link .link         {margin: 0 0 20px;font-size: 12px;}
#foot_link .link a       {color: #000;}
#foot_link .link a:hover {text-decoration: underline;}

/* pagetop ------------------------------------------------------------------------------------------------------------------ */
#pagetop                     {position: fixed;bottom: 20px;right: 20px;}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* [コンテンツページ] -------------------------------------------------------------------------------------------- */
article #cont_head             {width: 100%;height: 400px;margin: 0;display: block;text-align: center;}
article #cont_head h1          {width: 100%;height: 400px;padding: 140px 0 0 0;display: block;background: url(images/bg_dotted2.png) repeat;}
article #cont_head h1 span     {display: inline-block;}
article #cont_head h1 .pict_h  {margin: 0 auto;padding: 0;display: block;}
article #cont_head h1 .jp      {padding: 5px 20px;font-size: 20px;letter-spacing: 3px;font-weight: bold;background-color: #FFF;color: #0fcebe;
                                border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}

#reservation article #cont_head  {background-image: url(images/h2_reservation.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}

/* cont_body*/
#cont_body                  {width: 100%;height: auto;margin: 0;padding: 0;display: block;background-color: #FFF;color: #000;}
#cont_body:after            {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body section          {width: 100%;height: auto;margin: 0 auto;padding: 0 0 50px;display: block;border-bottom: solid 1px #000;}
#cont_body section:after    {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body section h2       {margin: 0 0 60px;padding: 80px 0 0 0;font-size: 20px;letter-spacing: 3px;text-align: center;color: #34cdff;font-family: "Noto Sans Japanese";font-weight: 900;}
#cont_body section h2 span  {padding: 10px 0 0 0;font-size: 14px;color: #b6b6b6;display: block;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
#cont_body section h3       {width: 100%;height: auto;margin: 0 0 20px;padding: 6px 0 ;display: block;letter-spacing: 3px;font-size: 16px;color: #FFF;background-color: #7edad2;text-align: center;clear: both;}
#cont_body section h3:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body .bg h3           {background-color: #FFF;color: #3fdfd1;}
#cont_body section h4       {margin: 0 0 20px;padding: 0 0 2px 16px;font-size: 18px;border-bottom: dashed 1px #999;color: #0fcebe;background:url(images/ico_h4.png) no-repeat left 9px;}
#cont_body article h2       {margin: 0 0 40px;padding: 40px 0 0 0;font-size: 30px;letter-spacing: 3px;text-align: left;color: #1170ff;font-family: "Noto Sans Japanese";font-weight: 700;}
#cont_body .container       {width: 980px;height: auto;margin: 0 auto;display: block;}
#cont_body .container:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body .bg              {background-color: #fff95e;}
#cont_body .cont_box        {width: 100%;height: auto;margin: 0 0 80px;display: block;}
#cont_body .cont_box:after  {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body .text            {margin: 0 0 20px;font-size: 15px;line-height: 200%;font-weight: bold;letter-spacing: 1px;}
#cont_body .text a          {color: #2fd5ff;}
#cont_body .text a:hover    {text-decoration: underline;}
#cont_body dl               {margin: 0 0 30px;}
#cont_body dl:after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body dt               {width: 60%;height: auto;margin: 0 0 5px;padding: 5px 5px 5px 20px;display: block;background-color: #ddf7ff;float: left;}
#cont_body dd               {width: 40%;height: auto;margin: 0 0 5px;padding: 3px;display: block;background-color: #FFF;float: right;text-align: center;color: #047ce2;border: solid 2px #ddf7ff;}
#cont_body .large           {margin: 0 0 20px;font-size: 30px;color: #1170ff;font-family: "Noto Sans Japanese";font-weight: 900;line-height: 200%;}
#cont_body .middle          {font-size: 18px;font-weight: bold;}
#cont_body .small           {font-size: 13px;}
#cont_body .extra           {font-size: 50px;text-align: center;line-height: 200%;font-weight: bold;}
#cont_body .blue            {color: #1170ff;}
#cont_body .red             {color: #f30000;}
#cont_body .center          {text-align: center;}

#other #cont_body dd        {padding: 3px 3px 3px 20px;text-align: left;}


/* [RESERVATION] --------------------------------------------------------------------------------------- */
#reservation .cont_box       {padding: 60px 0 0 0;}
#reservation .ico_b img,
#reservation .ico_n img      {vertical-align: middle;}
#reservation .ico_text       {vertical-align: middle;}
#reservation .block          {display: block;}

#reserve .text               {margin: 0 0 60px;}
#reserve .none               {margin: 0;}

/* calendar */
#calendar .month             {margin: 0 0 30px;font-size: 30px;color: #2079ff;text-align: center;font-weight: bold;}
#calendar                    {width: 666px;height: auto;margin: 0 auto;padding: 60px 0 0 0;display: block;}
#calendar:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#calendar table              {width: 666px;height: auto;background-color: #000;}
#calendar th                 {background-color: #FFF;height: 30px;padding: 0;}
#calendar td                 {background-color: #FFF;width: 94px;height: 94px;vertical-align: top;padding: 0;}
#calendar .bg1               {background-color: #f9627b;color: #FFF;}
#calendar .bg2               {background-color: #51aeed;color: #FFF;}
#calendar .bg3               {background-color: #ffdce2;}
#calendar .bg4               {background-color: #def4fc;}
#calendar .date              {width: 25px;height: 25px;margin: 0;padding: 4px 0 0 0;text-align: center;
                              font-family:Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;font-size: 18px;}
#calendar .none              {background-image: linear-gradient(-45deg, transparent 49.7%, black 49.7%, black 50.3%, transparent 50.3%, transparent);}
#calendar .cal .ico_b        {width: 16px;height: 16px;margin: 4px 4px 0 0;background-color: #8fc31f;color: #FFF;text-align: center;float: right;
                              font-family:Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;font-size: 14px;line-height: 120%;}

#calendar .am                {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #2fdddd;font-size: 14px;font-weight: bold;color: #fff;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am a              {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .am a:hover        {background-color: #28baba;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am span           {padding: 5px 10px;}

#calendar .pm                {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #f8b62d;font-size: 14px;font-weight: bold;color: #fff;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm a              {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .pm a:hover        {background-color: #e99d00;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm span           {padding: 5px 10px;}


#calendar .am1               {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #dc143c;font-size: 14px;font-weight: bold;color: #fff;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am1 a             {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .am1 a:hover       {background-color: #28baba;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am1 span          {padding: 5px 10px;}

#calendar .pm1               {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #dc143c;font-size: 14px;font-weight: bold;color: #fff;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm1 a             {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .pm1 a:hover       {background-color: #e99d00;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm1 span          {padding: 5px 10px;}


#calendar .am2               {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #cccccc;font-size: 14px;font-weight: bold;color: #444;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am2 a             {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .am2 a:hover       {background-color: #28baba;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .am2 span          {padding: 5px 10px;}

#calendar .pm2               {width: 92%;height: 30px;margin: 0 auto 4px;background-color: #cccccc;font-size: 14px;font-weight: bold;color: #444;
                              border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm2 a             {width: 100%;height: 100%;display: block;color: #FFF;}
#calendar .pm2 a:hover       {background-color: #e99d00;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#calendar .pm2 span          {padding: 5px 10px;}

#calendar .cal               {margin: 0 0 10px;}
#calendar .comments li       {padding-left: 1em;text-indent: -1em;}

/* month_nav */
#month_nav                   {width: 100%;height: auto;margin: 0 0 40px;padding: 0 10px;font-size: 18px;font-weight: bold;}
#month_nav:after             {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#month_nav .left a           {color: #2079ff;padding: 0 0 0 14px;background: url(images/arrow_blue_l.gif) no-repeat left center;}
#month_nav .right a          {color: #2079ff;padding: 0 14px 0 0;background: url(images/arrow_blue_r.gif) no-repeat right center;}

/* mess */
#mess                        {width: 100%;height: auto;margin: 0;padding: 20px;display: block;border: solid 2px #000;}
#mess .text                  {margin: 0;padding: 0;font-size: 15px;font-family: "Noto Sans Japanese";font-weight: 700;}

/* input */
#input .cont_box             {padding: 0;}
#input .data                 {margin: 0 0 30px;}
#input .comments             {margin: 0 0 40px;}
#input .comments li          {padding-left: 1em;text-indent: -1em;}
#input dl                    {width: 100%;height: auto;margin: 0 0 4px;padding: 0 0 4px;display: block;border-bottom: solid 1px #CCC;}
#input dl:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#input dt                    {width: 20%;margin: 0;padding: 10px 0 0 20px;background: none;color: #1170ff;}
#input dd                    {width: 80%;margin: 0;padding: 10px 0 10px 20px;text-align: left;border: none;color: #000;background-color: #f6f6f6;}
#input .example              {padding: 0 0 0 10px;font-weight: normal;font-size: 12px;}
#input .width60              {width: 60%;}
#input .width20              {width: 20%;}
#input textarea              {width: 60%;margin: 0;height: 6em;}
#input .btn                  {padding: 30px 0 0 0;text-align: center;}
#input .btn input            {width: 300px;height: 40px;padding: 4px 0 0 0;background-color: #FFF;border: solid 2px #000;font-size: 16px;font-weight: bold;box-shadow: 5px 5px;cursor: pointer;}
#input .btn input:hover      {background-color: #fff602;}
#input .data                 {width: 100%;height: auto;margin: 0 0 30px;padding: 0;display: block;}
#input .data:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#input .plans                {width: 100%;height: auto;margin: 0 0 10px;padding: 10px 0 10px 10px;font-size: 20px;font-weight: bold;letter-spacing: 1px;background-color: #fff965;}
#input .plans:after          {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#input .capa                 {width: 100%;height: auto;margin: 0;padding: 10px 0 10px 10px;font-size: 15px;font-weight: bold;letter-spacing: 1px;border-bottom: solid 1px #999;}

/* send */
#send .cont_box             {padding: 0;}
#send .data                 {margin: 0 0 30px;}
#send dl                    {width: 100%;height: auto;margin: 0 0 4px;padding: 0 0 4px;display: block;border-bottom: solid 1px #CCC;}
#send dl:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#send dt                    {width: 20%;margin: 0;padding: 10px 0 0 20px;background: none;color: #1170ff;}
#send dd                    {width: 80%;margin: 0;padding: 10px 0 10px 20px;text-align: left;border: none;color: #000;background-color: #f6f6f6;}
#send .data                 {width: 100%;height: auto;margin: 0 0 30px;padding: 0;display: block;}
#send .data:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#send .plans                {width: 100%;height: auto;margin: 0 0 10px;padding: 10px 0 10px 10px;font-size: 20px;font-weight: bold;letter-spacing: 1px;background-color: #fff965;}
#send .plans:after          {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#send .btn                  {margin: 0 0 30px;padding: 30px 0 0 0;text-align: center;}
#send .btn input            {width: 300px;height: 40px;padding: 4px 0 0 0;background-color: #FFF;border: solid 2px #000;font-size: 16px;font-weight: bold;box-shadow: 5px 5px;cursor: pointer;}
#send .btn input:hover      {background-color: #fff602;}
#send .back                 {width: 100px;height: 34px;margin: 0 auto;padding: 0;background-color: #FFF;border: solid 2px #000;font-size: 16px;font-weight: bold;text-align: center;}
#send .back a               {width:  100%;height: 100%;padding: 0 0 0 0;display: block;color: #000;}
#send .back a:hover         {background-color: #fff602;text-decoration: none;}