@charset "UTF-8";

@import url(//fonts.googleapis.com/css?family=Quicksand:300,400,500,700);
@import url(//fonts.googleapis.com/css?family=Playfair+Display);
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville);

/*----------------------------------------------------
	BODY
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
  font-family:  "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #4d4d4d;
}

.reset_font {
  margin: 0;
  padding: 0;
  font-family:  "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.fair_font{
  font-family: "Playfair Display", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.libra_font{
  font-family: "Libre Baskerville", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* スクロールバーの有無によるズレ対策 */
html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  background: #FFF url() no-repeat top left;
}

/* for IE6 */
* html body{
  font-size: 75%;
}

/* for IE7 */
*:first-child+html body{
  font-size: 75%;
}

h1,h2,h3,h4,h5,h6,p,dt,dd {
   margin: 0;
   padding: 0;
   line-height: 1.8em;
   font-size: 12px;
   font-weight: normal;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

a img {
  border:none;
}

a:link, a:visited {
  color: #4D4D4D;
  text-decoration: none;
  outline : 0;
  transition: 0.3s;
}


@media screen and (min-width: 769px), print {
/*PCのみ適用*/
a:hover {
  color: #4D4D4D;
  text-decoration: none;
  opacity: 0.7;
  transition: 0.1s;
}
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

em,i {
  font-style: normal;
}

/*::selection {
    background: #84c5ef;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #84c5ef;
    color: #fff;
}*/

/*============================
#PANKUZ
============================*/
#PANKUZ {
  width: 95%!important;
  margin: 0 auto;
  position: absolute;
  top: 150px;
  left: 50px;
  z-index: 1;
}

#PANKUZ ol {
  width: auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
}

#PANKUZ ol li {
  width: auto;
  padding: 0 20px 0 0;
  position: relative;
  line-height: 1em;
}


#PANKUZ ol li.home img {
  vertical-align: middle;
}

#PANKUZ ol li:after {
  content: ">";
  display: block;
  position: absolute;
  font-size: 8px;;
  right: 6px;
  bottom: 2px;
}

#PANKUZ ol li:last-of-type:after {
  content: "";
}

#PANKUZ ol li a {
  width: auto;
}

#PANKUZ ol li a span {
  width: auto;
  font-size: 10px;
  color: #92979b;
}

/*----------------------------------------------------
	WRAPP
----------------------------------------------------*/
div#WRAPP {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
}

div.main_container {
  width: auto;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}


/*----------------------------------------------------
PC	header
----------------------------------------------------*/

@media screen and (min-width: 769px), print {


header {
  width: auto;
}

header div.header_inner {
  width: auto;
  height: 140px;
  position: relative;
}

header div.header_inner div.top_block {
  width: 95%;
  margin: 0 auto;
  padding: 15px 0 0 0;
/*  max-width: 1200px;
  margin: 0 auto;*/
/*  position: relative;*/
}

header div.header_inner div.top_block h1 {
  width: 170px;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

header div.header_inner div.top_block p.header_text {
  width: auto;
  float: left;
  font-size: 10px;
  color: #7c7c7c;
}

header div.header_inner div.top_block div.contact_box {
  width: 220px;
  height: 30px;
  float: right;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content:space-between;
  align-items: center;
}

header div.header_inner div.top_block div.contact_box p.icon_fb {
  width: 7px;
}

header div.header_inner div.top_block div.contact_box p.icon_fb img {
  vertical-align: middle;
}

header div.header_inner div.top_block div.contact_box p.icon_insta {
  width: 14px;
}

header div.header_inner div.top_block div.contact_box p.icon_insta img {
  vertical-align: middle;
}

header div.header_inner div.top_block div.contact_box p.bt_contact {
  width: 165px;
  height: 30px;
  text-align: center;
}

header div.header_inner div.top_block div.contact_box p.bt_contact a {
  width: auto;
  display: block;
  margin: 0 0 0 20px;
  color: #FFF;
  line-height: 30px;
  background: #af9669 url(../images/common/arrow_wht.png) 15px center no-repeat;
  -webkit-background-size: 3px;
  background-size: 3px;
}

header div.header_inner div.main_nav {
  width: 100%;
  max-width: 1100px;
  display: block !important;
  margin: 0 auto;
  padding: 55px 0 0 0;
}

header div.header_inner div.main_nav nav {
  width: 90%;
  margin: 0 auto;
}

header div.header_inner div.main_nav nav ul {
  width: auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
}

header div.header_inner div.main_nav nav ul li {
  width: auto;
  height: 30px;
  color: #AF9669;
  flex-grow: 1;
  text-align: center;
}

header div.header_inner div.main_nav nav ul li a {
  width: 100%;
  display: block;
  color: #AF9669;
  font-size: 12px;
  line-height: 30px;
}



/***** fixed_nav *****/

header div.header_inner div.fix_nav {
  display: none;
  position: relative;
  z-index: 2;
}

header div.header_inner div.fix_nav div.nav_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  background-color: #fff;
}

header div.header_inner div.fix_nav div.nav_box p.logo {
  width: 140px;
  padding: 7px 0 0 0;
  margin: 0 0 0 20px;
/*  max-width: 200px;*/
}

header div.header_inner div.fix_nav div.nav_box nav {
  width: 70%;
}

header div.header_inner div.fix_nav div.nav_box nav ul {
  width: auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
}

header div.header_inner div.fix_nav div.nav_box nav ul li {
  width: auto;
  flex-grow: 1;
  text-align: center;
}

header div.header_inner div.fix_nav div.nav_box nav ul li a {
  width: 100%;
  line-height: 60px;
  font-size: 12px;
  display: block;
  color: #AF9669;
}

header div.header_inner div.fix_nav div.nav_box p.bt_contact {
  width: 13%;
  display: block;
  text-align: center;
}

header div.header_inner div.fix_nav div.nav_box p.bt_contact span {
  width: auto;
  display: block;
  color: #FFF;
  border: 1px #af9669 solid;
  line-height: 60px;
  font-size: 12px;
  text-align: center;
  background: #af9669 url(../images/common/arrow_wht.png) 15px center no-repeat;
  -webkit-background-size: 3px;
  background-size: 3px;
  transition: 0.2s;
  cursor: pointer;
}

header div.header_inner div.fix_nav div.nav_box p.bt_contact span:hover {
  width: auto;
  opacity: 0.7;
}
	.footer-float-nav{
    display: none;
}
}



/*----------------------------------------------------
main_nav font controll
----------------------------------------------------*/

@media print, screen and (min-width: 768px) and (max-width: 1050px) {

 header div.header_inner div.top_block h1 {
   width: 140px;
   position: absolute;
   top: 15px;
   left: 0;
   right: 0;
   margin: 0 auto;
 }

 header div.header_inner div.top_block p.header_text {
   width: auto;
   float: left;
   font-size: 9px;
   color: #7c7c7c;
   letter-spacing: -0.08em;
 }

 header div.header_inner div.main_nav nav ul li a {
   width: 100%;
   display: block;
   color: #AF9669;
   font-size: 11px;
   line-height: 30px;
 }
}


/*----------------------------------------------------
fix_nav font controll
----------------------------------------------------*/

@media print, screen and (min-width: 768px) and (max-width: 1050px) {

 header div.header_inner div.fix_nav div.nav_box p.logo {
   width: 130px;
   padding: 10px 0 0 0;
   margin: 0 0 0 20px;
 /*  max-width: 200px;*/
 }


 header div.header_inner div.fix_nav div.nav_box nav ul li {
   width: auto;
   font-size: 12px;
   color: #AF9669;
   flex-grow: 1;
   text-align: center;
 }

 header div.header_inner div.fix_nav div.nav_box nav ul li a {
   width: 100%;
   line-height: 60px;
   font-size: 10px;
 }
 
 header div.header_inner div.fix_nav div.nav_box p.bt_contact {
  width: 11%;
  display: block;
  text-align: center;
 }

 header div.header_inner div.fix_nav div.nav_box p.bt_contact span {
   width: auto;
   display: block;
   color: #FFF;
   border: 1px #af9669 solid;
   line-height: 60px;
   font-size: 10px;
   text-align: center;
   background: #af9669 url(../images/common/arrow_wht.png) 5px center no-repeat;
   -webkit-background-size: 3px;
   background-size: 3px;
   transition: 0.2s;
   cursor: pointer;
 }

 header div.header_inner div.fix_nav div.nav_box p.bt_contact span:hover {
   width: auto;
   display: block;
   color: #af9669;
   border: 1px #af9669 solid;
   background: #FFF url(../images/common/arrow_gold.png) 5px center no-repeat;
   -webkit-background-size: 3px; 
   background-size: 3px;
   transition: 0.2s;
 }

}


/*----------------------------------------------------
SP	header
----------------------------------------------------*/

@media screen and (max-width: 768px), print {

  header {
    width: 100%;
  }

  header div.header_inner {
    width: 100%;
    height: 55px;
  }

  header div.header_inner div.sp_head {
    width: 100%;
    background-color: #FFF;

    position: fixed;
    top: 0;
    z-index: 10;
  }

  header div.header_inner div.sp_head p.sp_logo {
    width: 30%;
    max-width: 110px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  header div.header_inner div.sp_head p.bt_contact_sp {
    width: 25%;
    float: right;
    background-color: #af9669;
    color: #FFF;
  }

  header div.header_inner div.sp_head p.bt_contact_sp a {
    width: auto;
    display: block;
    background-color: #af9669;
    color: #FFF;
    line-height: 55px;
    font-size: 10px;
    text-align: center;
  }

  header div.header_inner div.sp_head div.menu_bt {
    width: 92px;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    flex-direction: row-reverse;
    float: left;
    cursor: pointer;
  }

  header div.header_inner div.sp_head div.menu_bt p.menu {
    width: 50%;
    text-align: center;
    line-height: 55px;
    color: #af9669;
  }

  header div.header_inner div.sp_head div.menu_bt div.line {
    width: 50% ;
    height: 55px;
    position: relative;
}


  header div.header_inner div.sp_head div.menu_bt div.line span {
    width: 25px;
    height: 1px;
    position: absolute;
    display: block;
    z-index: 9;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #af9669;
  }
  header div.header_inner div.sp_head div.menu_bt div.line span:nth-child(1) {
    top: 18px;
    left: 10px;
  }
  header div.header_inner div.sp_head div.menu_bt.active div.line span:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(-35deg);
    transform: translateY(8px) rotate(-35deg);
  }
  header div.header_inner div.sp_head div.menu_bt div.line span:nth-of-type(2) {
    top: 26px;
    left: 10px;
  }
  header div.header_inner div.sp_head div.menu_bt.active div.line span:nth-of-type(2) {
    opacity: 0;
  }
  header div.header_inner div.sp_head div.menu_bt div.line span:nth-of-type(3) {
    top: 34px;
    left: 10px;
  }
  header div.header_inner div.sp_head div.menu_bt.active div.line span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(35deg);
    transform: translateY(-8px) rotate(35deg);
  }

  header div.header_inner div.main_nav {
    width: 100%;
    display: none;
    margin: 0 auto;
    background-color: #af9669;
    position: fixed;
    top: 55px;
    z-index: 10;
  }

  header div.header_inner div.main_nav nav {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
  }

  header div.header_inner div.main_nav nav:after {
    content: "";
    height: 55px;
    display: block;
  }

  header div.header_inner div.main_nav nav ul {
    width: auto;
    margin: 0 1em;
    padding: 1.5em 0 0 0;
  }

  header div.header_inner div.main_nav nav ul li {
    width: auto;
    font-size: 12px;
    background: transparent url(../images/common/arrow_wht.png) left center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
  }

  header div.header_inner div.main_nav nav ul li a {
    width: 100%;
    display: block;
    padding: 0 0 0 15px;
    color: #FFF;
    border-bottom: 1px #D7CBB4 solid;
    line-height: 50px;
  }

  header div.header_inner div.main_nav nav span.arrow_close_nav {
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 2em 0 2em 0;
    cursor: pointer;
    text-align: center;
  }
  
  header div.header_inner div.main_nav nav span.arrow_close_nav img {
    width: 25px;
  }




  /***** fixed_nav *****/

  header div.header_inner div.fix_nav {
    display: none !important;
  }
	
		/*============================
#PANKUZ
============================*/
#PANKUZ {
	display: none;
}
}






/*============================
PC  .reserv
============================*/

@media screen and (min-width: 769px), print {

div.reserv {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  background-color: #AF9669;
}

div.reserv div.reserv_inner {
  width: 90%;
  max-width: 935px;
  margin: 0 auto;
}

div.sub_nav {
  width: 100%;
  display: none;
  margin: 0 auto;
  padding: 80px 0;
  background-color: #AF9669;
  position: absolute;
  top: 140px;
  z-index: 2;
}

div.sub_nav div.reserv_inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

div.sub_nav.fiexd {
  width: 100%;
  display: none;
  margin: 0 auto;
  padding: 80px 0;
  background-color: #AF9669;
  position: fixed;
  top: 60px;
  z-index: 10;
}


div.reserv div.reserv_inner h3 {
  width: auto;
  font-size: 23px;
  color: #FFF;
  text-align: center;
}

div.reserv div.reserv_inner ul {
  width: auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  padding: 50px 0 0 0;
}

div.reserv div.reserv_inner ul li {
  width: auto;
  border-right: 1px #C1B195 solid;
  flex-grow: 1;
}

div.reserv div.reserv_inner ul li:last-child {
  border-right: none;
}

div.reserv div.reserv_inner ul li dl {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}

div.reserv div.reserv_inner ul li dl dt {
  width: auto;
  color: #FFF;
  font-size: 18px;
}

div.reserv div.reserv_inner ul li dl dt span {
  width: auto;
  display: block;
  padding: 0 0 15px 0;
  color: #FFF;
  font-size: 12px;
  line-height: 1em;
}

div.reserv div.reserv_inner ul li dl dd.text {
  width: auto;
  color: #FFF;
  font-size: 13px;
}

div.reserv div.reserv_inner ul li dl dd.call {
  width: auto;
  color: #FFF;
  font-size: 18px;
}

div.reserv div.reserv_inner ul li p.time {
  width: auto;
  text-align: center;
  color: #FFF;
}



div.reserv div.reserv_inner ul li dl dd.bt {
  width: auto;
  color: #af9669;
}

div.reserv div.reserv_inner ul li div.bt_area {
  width: 80%;
  margin: 0 auto;
  padding: 5px 0 0 0;
}

div.reserv div.reserv_inner ul li div.bt_area p.bt {
  width: auto;
  padding: 10px 0 0 0;
}

div.reserv div.reserv_inner ul li div.bt_area p.bt a {
  width: auto;
  height: 35px;
  display: block;
  text-align: center;
  background: #FFF url(../images/common/arrow_gold.png) 15px center no-repeat;
  -webkit-background-size: 3px;
  background-size: 3px;
}

div.reserv div.reserv_inner ul li div.bt_area p.bt a span {
  width: auto;
  display: block;
  margin: 0 0 0 0;
  color: #af9669;
  line-height: 35px;
}

}




/*============================
SP  .reserv
============================*/

@media screen and (max-width: 768px), print {

  div.reserv {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2.5em 0;
    background-color: #AF9669;
  }

  div.sub_nav {
    width: 100%;
    display: none;
    margin: 0 auto;
    background-color: #AF9669;
    position: fixed;
    top: 55px;
    z-index: 10;
  }

  div.sub_nav div.sub_nav_inner {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
  }

  div.sub_nav div.sub_nav_inner:after {
    content: "";
    height: 55px;
    display: block;
  }


  div.reserv div.reserv_inner {
    width: auto;
    padding: 0 1em;
  }

  div.reserv div.reserv_inner h3 {
    width: auto;
    padding: 2em 0 0 0;
    font-size: 20px;
    color: #FFF;
    text-align: center;
  }

  div.reserv div.reserv_inner ul {
    width: auto;
  }

  div.reserv div.reserv_inner ul li {
    width: auto;
    padding: 2em 0 0 0;
  }

  div.reserv div.reserv_inner ul li:last-child {
    border-right: none;
  }

  div.reserv div.reserv_inner ul li dl {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }

  div.reserv div.reserv_inner ul li dl dt {
    width: auto;
    color: #FFF;
    font-size: 18px;
  }

  div.reserv div.reserv_inner ul li dl dt span {
    width: auto;
    display: block;
    padding: 0 0 13px 0;
    color: #FFF;
    font-size: 12px;
    line-height: 1em;
  }

  div.reserv div.reserv_inner ul li dl dd.call {
    width: auto;
    color: #FFF;
    font-size: 18px;
  }

  div.reserv div.reserv_inner ul li div.flex_sp {
    width: auto;
/*    padding: 0 8vw;*/
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    justify-content: center;
  }

  div.reserv div.reserv_inner ul li div.flex_sp span {
    width: auto;
    display: block;
    margin: 0 0.7em;
    color: #FFF;
  }

  div.reserv div.reserv_inner ul li p.time {
    width: auto;
    text-align: center;
    color: #FFF;
  }



  div.reserv div.reserv_inner ul li dl dd.bt {
    width: auto;
    color: #af9669;
  }

  div.reserv div.reserv_inner ul li div.bt_area {
    width: auto;
    margin: 0 auto;
    padding: 1em 0 0 0;
  }

  div.reserv div.reserv_inner ul li div.bt_area p.bt {
    width: auto;
    padding: 0.7em 0 0 0;
  }

  div.reserv div.reserv_inner ul li div.bt_area p.bt a {
    width: auto;
    display: block;
    text-align: center;
    background: #FFF url(../images/common/arrow_gold.png) 15px center no-repeat;
    -webkit-background-size: 3px;
    background-size: 3px;
  }

  div.reserv div.reserv_inner ul li div.bt_area p.bt a span {
    width: auto;
    display: block;
    color: #af9669;
    padding: 1.3em 0;
  }


  div.reserv div.reserv_inner span.arrow_close_nav {
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 2em 0 2em 0;
    cursor: pointer;
    text-align: center;
  }
  
  div.reserv div.reserv_inner span.arrow_close_nav img {
    width: 25px;
  }


}









/*============================
PC common_bt
============================*/
@media screen and (min-width: 769px), print {


p.common_bt {
  width: 200px;
}

p.common_bt a:link,
p.common_bt a:visited {
  width: auto;
  display: block;
  color: #FFF;
  border: 1px #af9669 solid;
  line-height: 35px;
  text-align: center;
  background: #af9669 url(../images/common/arrow_wht.png) 15px center no-repeat;
  -webkit-background-size: 4px;
  background-size: 4px;
}

p.common_bt a:hover{
  width: auto;
  display: block;
  color: #af9669;
  line-height: 35px;
  text-align: center;
  border: 1px #af9669 solid;
  background: transparent url(../images/common/arrow_gold.png) 15px center no-repeat;
  -webkit-background-size: 4px; 
  background-size: 4px;
}

}


/*============================
SP common_bt
============================*/
@media screen and (max-width: 768px), print {


  p.common_bt {
    width: auto;
  }

  p.common_bt a {
    width: auto;
    display: block;
    color: #FFF;
    border: 1px #af9669 solid;
    line-height: 45px;
    text-align: center;
    background: #af9669 url(../images/common/arrow_wht.png) 15px center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
  }

}








/*============================
PC  .map
============================*/
@media screen and (min-width: 769px), print {

div.map {
  width: auto;
  padding: 25px;
  background-color: #F9F9F4;
}

div.map div.map_block {
  width: 100%;
}

div.map div.map_block iframe {
  width: 100%;
  height: 515px;
}

div.map div.adress {
  width: auto;
  padding: 25px 0 0 0;
  
}

div.map div.adress p.adress {
  width: auto;
  font-size: 13px;
  text-align: center;
}

div.map div.adress p.bt {
  width: auto;
  padding: 10px 0 0 0;
  text-align: center;
}

div.map div.adress p.bt a {
  width: auto;
  padding: 5px 0 0 0;
  background: transparent url(../images/common/arrow_gold.png) left 10px no-repeat;
  -webkit-background-size: 4px;
  background-size: 4px;
}

div.map div.adress p.bt a span {
  width: auto;
  margin: 0 0 0 12px;
  width: auto;
  font-size: 12px;
  color: #af9669;
}
}

/*============================
SP  .map
============================*/
@media screen and (max-width: 768px), print {

  div.map {
    width: auto;
    padding: 1em;
    background-color: #F9F9F4;
  }

  div.map div.map_block {
    width: 100%;
  }

  div.map div.map_block iframe {
    width: 100%;
    height: 80vw;
  }

  div.map div.adress {
    width: auto;
    padding: 1.5em 0 1em 0;
  }

  div.map div.adress p.adress {
    width: auto;
    font-size: 13px;
    text-align: center;
    line-height: 1.5em;
  }

  div.map div.adress p.bt {
    width: auto;
    padding: 5px 0 0 0;
    text-align: center;
  }

  div.map div.adress p.bt a {
    width: auto;
    padding: 5px 0 0 0;
    background: transparent url(../images/common/arrow_gold.png) left 10px no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
  }

  div.map div.adress p.bt a span {
    width: auto;
    margin: 0 0 0 12px;
    width: auto;
    font-size: 13px;
    color: #af9669;
  }
}


/*============================
PC  .footer
============================*/
@media screen and (min-width: 769px), print {

footer {
  width: auto;
}

footer div.footer_inner {
  width: auto;
  padding: 50px 0 0 0;
  background-color: #af9669;
}

footer div.footer_inner h3 {
  width: 90px;
  margin: 0 auto;
}

footer div.footer_inner div.nav_block {
  width: auto;
  max-width: 1100px;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  margin: 0 auto;
  padding: 25px 0 0 0;
  justify-content: space-around;
}

footer div.footer_inner div.nav_block div.left_box {
  width: 56%;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area {
  width: auto;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area h4 {
  width: auto;
  padding: 0 0 10px 0;
  font-size: 13px;
  color: #EAE2D8;
  border-bottom: 1px #EAE2D8 solid;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav {
  width: auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          margin: 0 5% 0 0;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul {
  width: auto;
  padding: 20px 0 0 0;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li {
  width: auto;
  padding: 0 0 7px 0;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li a {
  width: auto;
  background: transparent url(../images/common/arrow_wht.png) left center no-repeat;
  -webkit-background-size: 4px;
  background-size: 4px;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li a span {
  width: auto;
  margin: 0 0 0 15px;
  color: #FFF;
  font-size: 12px;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul {
  width: auto;
  padding: 0 0 5px 0;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li {
  width: auto;
  padding: 0 0 5px 0;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li a {
  width: auto;
  background: none;
}

footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li a span {
  width: auto;
  margin: 0 0 0 15px;
  color: #FFF;
  font-size: 12px;
}

footer div.footer_inner div.nav_block div.center_box {
  width: 18%;
}

footer div.footer_inner div.nav_block div.right_box {
  width: 18%;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area {
  width: auto;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area h4 {
  width: auto;
  padding: 0 0 10px 0;
  font-size: 13px;
  color: #EAE2D8;
  border-bottom: 1px #EAE2D8 solid;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area nav {
  width: auto;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area:nth-of-type(2) {
  width: auto;
  padding: 20px 0 0 0;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul {
  width: auto;
  padding: 20px 0 0 0;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li {
  width: auto;
  padding: 0 0 7px 0;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li a {
  width: auto;
  background: transparent url(../images/common/arrow_wht.png) left center no-repeat;
  -webkit-background-size: 4px;
  background-size: 4px;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li a span {
  width: auto;
  margin: 0 0 0 15px;
  color: #FFF;
  font-size: 12px;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area.last_nav {
  width: auto;
  padding: 55px 0 0 0;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area.last_nav h4 {
  width: auto;
  font-size: 12px;
}

footer div.footer_inner div.nav_block div.common_box div.nav_area.last_nav ul li a span {
  width: auto;
  font-size: 13px;
}


footer div.footer_inner div.sns_block {
  width: 200px;
  margin: 0 auto;
  padding: 35px 0 0 0;
}

footer div.footer_inner div.sns_block ul {
  width: auto;
  padding: 0 0 45px 0;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: center;
  justify-content: space-around;
}


footer div.footer_inner div.sns_block ul li {
  flex-basis: 70px;
  margin: 0 auto;
}

footer div.footer_inner div.sns_block ul li.fb {
  width: auto;
}

footer div.footer_inner div.sns_block ul li.fb a {
  width: auto;
  background: transparent url(../images/common/icon_fb_wht.png) left center no-repeat;
  -webkit-background-size: 5px;
  background-size: 5px;
}

footer div.footer_inner div.sns_block ul li.fb a span {
  width: auto;
  margin: 0 0 0 15px;
  color: #FFF;
  font-size: 12px;
}

footer div.footer_inner div.sns_block ul li.insta {
  width: auto;
}

footer div.footer_inner div.sns_block ul li.insta a {
  width: auto;
  background: transparent url(../images/common/icon_insta_wht.png) left 5px no-repeat;
  -webkit-background-size: 11px;
  background-size: 10px;
}

footer div.footer_inner div.sns_block ul li.insta a span {
  width: auto;
  margin: 0 0 0 20px;
  color: #FFF;
  font-size: 12px;
}

footer div.footer_inner div.bottom_block {
  width: auto;
  padding: 30px 0 25px 0;
  background-color: #E2DCC9;
}

footer div.footer_inner div.bottom_block ul.info {
  width: 760px;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}

footer div.footer_inner div.bottom_block ul.info li {
  width: auto;
  font-size: 13px;
  color: #af9669;
}

footer div.footer_inner div.bottom_block dl {
  width: 640px;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  padding: 15px 0 0 0;
}

footer div.footer_inner div.bottom_block dl dt {
  width: 70px;
  color: #af9669;
  font-size: 13px;
}

footer div.footer_inner div.bottom_block dl dd {
  width: auto;
}

footer div.footer_inner div.bottom_block dl dd a {
  width: auto;
  color: #af9669;
  font-size: 13px;
  background: transparent url(../images/common/arrow_gold.png) left center no-repeat;
  -webkit-background-size: 4px;
  background-size: 4px;
}

footer div.footer_inner div.bottom_block dl dd a span {
  width: auto;
  margin: 0 0 0 13px;
}

footer div.footer_inner div.bottom_block ul.about {
  margin: 0 auto;
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: center;
  gap: 5px;
}

footer div.footer_inner div.bottom_block ul.about li {
  width: auto;
  color: #af9669;
}

footer div.footer_inner div.bottom_block ul.about li a {
  width: auto;
  display: block;
  color: #af9669;
  font-size: 13px;
}

footer div.footer_inner p.copy {
  width: auto;
  padding: 20px 0;
  color: #FFF;
  text-align: center;
  font-size: 13px;
}
}


/*----------------------------------------------------
header  nav font controll
----------------------------------------------------*/

@media print, screen and (min-width: 768px) and (max-width: 1050px) {


 footer div.footer_inner div.nav_block div.left_box div.nav_area h4 {
   width: auto;
   padding: 0 0 10px 0;
   font-size: 12px;
   color: #EAE2D8;
   border-bottom: 1px #EAE2D8 solid;
 }

     footer div.footer_inner div.nav_block div.left_box div.nav_area nav {
   width: auto;
   display: -webkit-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -moz-flex;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
           margin: 0 5% 0 0;
 }

 footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li a span {
   width: auto;
   margin: 0 0 0 12px;
   color: #FFF;
   font-size: 11px;
 }

   footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul {
   width: auto;
   padding: 0 0 5px 0;;
 }

   footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li {
   width: auto;
   padding: 0 0 5px 0;
 }

   footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li a {
   width: auto;
   background: none;
 }

 footer div.footer_inner div.nav_block div.left_box div.nav_area nav ul li ul li a span {
   width: auto;
   margin: 0 0 0 12px;
   color: #FFF;
   font-size: 11px;
 }

 footer div.footer_inner div.nav_block div.common_box div.nav_area h4 {
   width: auto;
   padding: 0 0 10px 0;
   font-size: 12px;
   color: #EAE2D8;
   border-bottom: 1px #EAE2D8 solid;
 }

   footer div.footer_inner div.nav_block div.common_box div.nav_area nav {
   width: auto;
 }

   footer div.footer_inner div.nav_block div.common_box div.nav_area:nth-of-type(2) {
   width: auto;
   padding: 20px 0 0 0;
 }

   footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul {
   width: auto;
   padding: 20px 0 0 0;
 }

   footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li {
   width: auto;
   padding: 0 0 10px 0;
 }

   footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li a {
   width: auto;
   background: transparent url(../images/common/arrow_wht.png) left center no-repeat;
   -webkit-background-size: 4px;
   background-size: 4px;
 }

 footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li a span {
   width: auto;
   margin: 0 0 0 12px;
   color: #FFF;
   font-size: 11px;
 }

 footer div.footer_inner div.nav_block div.common_box div.nav_area.last_nav ul li a span {
   width: auto;
   font-size: 11px;
 }


 }

/*============================
SP  .sp_bottom_info_wrapp
============================*/
@media screen and (max-width: 768px), print {

div.sp_bottom_info_wrapp {
  width: auto;
  padding: 3em 0;
  background-color: #E1DCC8;
}

div.sp_bottom_info_wrapp ul {
  width: auto;
  padding: 0 1em;
}


div.sp_bottom_info_wrapp ul li {
    width: auto;
}

div.sp_bottom_info_wrapp ul li + li {
    width: auto;
    padding: 0.7em 0 0 0;
}

div.sp_bottom_info_wrapp ul li a {
    width: auto;
    display: block;
    text-align: center;
    background: #af9669 url(../images/common/arrow_wht.png) 15px center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
    font-size: 13px;
}

div.sp_bottom_info_wrapp ul li a span {
    width: auto;
    display: block;
    color: #FFF;
    padding: 1.3em 0;
}
}
/*============================
SP  .footer
============================*/
@media screen and (max-width: 768px), print {

  footer {
    width: auto;
  }

  footer div.footer_inner {
    width: auto;
    padding: 3.5em 0 0 0;
    background-color: #af9669;
  }

  footer div.footer_inner h3 {
    width: 25%;
    margin: 0 auto;
  }

  footer div.footer_inner div.nav_block {
    width: auto;
  }

  footer div.footer_inner div.nav_block div.right_box {
    width: auto;
    padding: 3.5em 1em 0 1em;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area {
    width: auto;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area h4 {
    width: auto;
    padding: 0 0 10px 0;
    font-size: 15px;
    color: #EAE2D8;
    border-bottom: 1px #EAE2D8 solid;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area nav {
    width: auto;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area nav ul {
    width: auto;
    padding: 20px 0 0 0;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area nav ul li {
    width: auto;
    padding: 0 0 10px 0;
  }

  footer div.footer_inner div.nav_block div.common_box div.nav_area nav ul li a {
    width: auto;
    background: transparent url(../images/common/arrow_wht.png) left center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
  }

  footer div.footer_inner div.nav_block div.right_box div.nav_area nav ul li a span {
    width: auto;
    margin: 0 0 0 15px;
    color: #EAE2D8;
    font-size: 15px;
  }

  footer div.footer_inner div.sns_block {
    width: 270px;
    margin: 0 auto;
    padding: 35px 0 0 0;
  }

  footer div.footer_inner div.sns_block ul {
    width: auto;
    padding: 0 0 45px 0;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    justify-content:space-around;
  }

  footer div.footer_inner div.sns_block ul li.fb {
    width: auto;
    margin: 0 0 0 30px;
  }

  footer div.footer_inner div.sns_block ul li.fb a {
    width: auto;
    padding: 3px 0 0 0;
    background: transparent url(../images/common/icon_fb_wht.png) left center no-repeat;
    -webkit-background-size: 7px;
    background-size: 7px;
  }

  footer div.footer_inner div.sns_block ul li.fb a span {
    width: auto;
    margin: 0 0 0 18px;
    color: #FFF;
    font-size: 14px;
  }

  footer div.footer_inner div.sns_block ul li.insta {
    width: auto;
  }

  footer div.footer_inner div.sns_block ul li.insta a {
    width: auto;
    background: transparent url(../images/common/icon_insta_wht.png) left center no-repeat;
    -webkit-background-size: 13px;
    background-size: 15px;
  }

  footer div.footer_inner div.sns_block ul li.insta a span {
    width: auto;
    margin: 0 0 0 26px;
    color: #FFF;
    font-size: 14px;
  }

  footer div.footer_inner div.bottom_block {
    width: auto;
    padding: 3em 0;
    background-color: #E2DCC9;
  }

  footer div.footer_inner div.bottom_block ul.info {
    width: auto;
/*    display: -webkit-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    justify-content:space-around;    */
    text-align: center;
  }

  footer div.footer_inner div.bottom_block ul.info li {
    width: auto;
    font-size: 12px;
    color: #af9669;
    line-height: 1.8em;
  }

  footer div.footer_inner div.bottom_block ul.info li:first-child {
    width: auto;
    font-size: 12px;
    color: #af9669;
  }




  footer div.footer_inner div.bottom_block dl {
    width: auto;
    text-align: center;
    padding: 1.5em 0 0 0;
  }

  footer div.footer_inner div.bottom_block dl dt {
    width: auto;
    text-align: center;
    color: #af9669;
    font-size: 13px;
  }

  footer div.footer_inner div.bottom_block dl dd {
    width: auto;
  }

  footer div.footer_inner div.bottom_block dl dd a {
    width: auto;
    color: #af9669;
    font-size: 13px;
    /*background: transparent url(../images/common/arrow_gold.png) left center no-repeat;*/
    -webkit-background-size: 4px;
    background-size: 4px;
  }

  footer div.footer_inner div.bottom_block dl dd a span {
    width: auto;
  }

  footer div.footer_inner div.bottom_block ul.about {
    text-align: center;
    padding: 1.5em 0 0 0;
  }

  footer div.footer_inner div.bottom_block ul.about li {
    width: auto;
    color: #af9669;
  }

  footer div.footer_inner div.bottom_block ul.about li:nth-child(2n) {
    display: none;
  }

  footer div.footer_inner div.bottom_block ul.about li a {
    width: auto;
    display: block;
    color: #af9669;
    font-size: 13px;
    line-height: 1.8em;
  }

  footer div.footer_inner p.copy {
    width: auto;
    padding: 2em 0;
    color: #FFF;
    text-align: center;
    font-size: 11px;
  }
	/* フッターフロートナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

.footer-float-nav{
	width: 100%;
	height: auto;
	background: #B56155;
	position: fixed;
	bottom: 0 ;
	left: 0;
	z-index: 10;
	color: #FFFFFF;
}

.footer-float-nav ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #FFFFFF;
	
}

.footer-float-nav ul li.last{
	border-right:none;
}

.footer-float-nav ul li a{
	display: block;
	color: #FFFFFF;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 15px 0;
}

.footer-float-nav ul li a:hover{
	color: #FFFFFF;
}
#breadlist {
	font-size: 10px;
	color: #6B6B6B;
position: absolute;
top: 70px;
    left: 15px;
list-style: none;
}
#breadlist li {
	float: left;
	padding-right: 10px;
}

}









/*********animation**********/


.animation {
 visibility: hidden;
}

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

.visible_pc {display: block;}
.visible_sp {display: none;}

.display_pc {display: inline;}
.display_sp {display: none;}


.fl_l {float: left;}
.fl_r {float: right;}


@media (max-width:768px){
  .visible_sp {display: block;}
  .visible_pc {display: none;}
  .hidden_sp {display: none;}

  .display_pc {display: none;}
  .display_sp {display: inline;}


  .fl_l {float: none;}
  .fl_r {float: none;}
}

.disnon {display: none;}
.disblo {display: block;}

.pt_5 {padding: 5px 0 0 0;}
.pt_10 {padding: 10px 0 0 0;}
.pt_15 {padding: 15px 0 0 0;}
.pt_20 {padding: 20px 0 0 0;}
.pt_25 {padding: 25px 0 0 0;}
.pt_30 {padding: 30px 0 0 0;}
.pt_35 {padding: 35px 0 0 0;}
.pt_40 {padding: 40px 0 0 0;}
.pt_45 {padding: 45px 0 0 0;}
.pt_50 {padding: 50px 0 0 0;}
.pt_55 {padding: 55px 0 0 0;}
.pt_60 {padding: 60px 0 0 0;}
.pt_65 {padding: 65px 0 0 0;}
.pt_70 {padding: 70px 0 0 0;}

.pb_5 {padding: 0 0 5px 0;}
.pb_10 {padding: 0 0 10px 0;}
.pb_15 {padding: 0 0 15px 0;}
.pb_20 {padding: 0 0 20px 0;}
.pb_25 {padding: 0 0 25px 0;}
.pb_30 {padding: 0 0 30px 0;}
.pb_35 {padding: 0 0 35px 0;}
.pb_40 {padding: 0 0 40px 0;}
.pb_45 {padding: 0 0 45px 0;}
.pb_50 {padding: 0 0 50px 0;}
.pb_55 {padding: 0 0 55px 0;}
.pb_60 {padding: 0 0 60px 0;}

.pt_04em {padding: 0.4em 0 0 0;}
.pt_06em {padding: 0.6em 0 0 0;}
.pt_08em {padding: 0.8em 0 0 0;}
.pt_1em {padding: 1.0em 0 0 0;}
.pt_15em {padding: 1.5em 0 0 0;}
.pt_2em {padding: 2.0em 0 0 0;}
.pt_25em {padding: 2.5em 0 0 0;}
.pt_3em {padding: 3.0em 0 0 0;}
.pt_35em {padding: 3.5em 0 0 0;}

.pb_04em {padding: 0 0 0.4em 0;}
.pb_06em {padding: 0 0 0.6em 0;}
.pb_08em {padding: 0 0 0.8em 0;}
.pb_1em {padding: 0 0 1.0em 0;}
.pb_15em {padding: 0 0 1.5em 0;}
.pb_2em {padding: 0 0 2.0em 0;}
.pb_25em {padding: 0 0 2.5em 0;}
.pb_3em {padding: 0 0 3.0em 0;}
.pb_35em {padding: 0 0 3.5em 0;}

.mt_04em {margin: 0.4em 0 0 0;}
.mt_06em {margin: 0.6em 0 0 0;}
.mt_08em {margin: 0.8em 0 0 0;}
.mt_1em {margin: 1.0em 0 0 0;}
.mt_15em {margin: 1.5em 0 0 0;}
.mt_2em {margin: 2.0em 0 0 0;}
.mt_25em {margin: 2.5em 0 0 0;}
.mt_3em {margin: 3.0em 0 0 0;}
.mt_35em {margin: 3.5em 0 0 0;}


.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs45 {font-size: 45px;}
.fs50 {font-size: 50px;}

.bold {font-weight: bold;}
.red_txt {color: #990000;}

.bk_txt { color: #4d4d4d !important;}

/*.blue {color: #003864;}*/
.pink {color: #CC757F;}