@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;
}*/


div#WRAPP {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
}
/*============================
#PANKUZ
============================*/
#PANKUZ {
  width: 95%!important;
  margin: 0 auto;
  position: absolute;
  top: 120px;
  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
----------------------------------------------------*/

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

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;
}



#siteheader {
	width:100%;
  height: 115px;
	background:#F9F9F4;
	overflow:visible;
	position:fixed;
    top: 0;
	z-index:9999;
}


#siteheader div.header_inner {
  width: 98%;
  max-width: 1300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;

}

#siteheader div.header_inner #HEAD {
  width: 80%;
  padding: 7px 0 0 0;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
}


#siteheader div.header_inner h1 {
  width: 15%;
  max-width: 180px;
  min-width: 130px;
  padding: 15px 0 0 0;
}

#siteheader div.header_inner #HEAD div.right_block {
  width: 13.7%;
  min-width: 115px;
  max-width: 165px;
  padding: 15px 0 0 0;
}

#siteheader div.header_inner #HEAD div.right_block p.call {
  width: auto;
  font-size: 13px;
  color: #b56155;
  text-align: center;
  letter-spacing: 0.1em;
}

#siteheader div.header_inner #HEAD div.right_block p.bt_contact {
  width: 100%;
  max-width: 165px;
  height: 30px;
  text-align: center;
}

#siteheader div.header_inner #HEAD div.right_block p.bt_contact a {
  width: auto;
  display: block;
  color: #FFF;
  line-height: 30px;
  background: #b56155 url(../../images/common/arrow_wht.png) 9% center no-repeat;
  -webkit-background-size: 3px;
  background-size: 3px;
}

#siteheader div.header_inner #HEAD div.right_block p.bt_contact a span {
  width: auto;
  display: block;
  margin: 0 0 0 10px;
}

#siteheader div.header_inner #HEAD div.main_nav {
  width: 84%;
}

header div.header_inner div.main_nav.sp_nav {
  display: none !important;
}


/*Here -----------------------------*/
/*body:not(#top) #siteheader .gnav>ul>li.select>a{
	border-bottom:2px solid #597C18;
}*/
body:not(#top) #siteheader .gnav .sub li.select>a{
	color:#4C662C
}

/*#siteheader .gnav>ul>li>a:hover {
	border-bottom:2px solid #597C18;
}*/

#siteheader .gnav>ul>li>a {
position: relative;
}

#siteheader .gnav>ul>li:hover>a:after {
	content: "";
    height: 2px;
    display: block;
    background-color: #B1996E;
    transition: 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    marign: 0 auto;
transition: 0.3s;
}



}

/*===========================
	Site Header (All Pages)
============================*/

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


/*	SP Only ----------------*/
#spfooter,
.head_sp,
.sb-slidebar{
	display:none;
}

}















/*===========================
	Site Header : Grobal Navi
============================*/

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



#siteheader .gnav {
  width: 100% !important;
}
#siteheader .gnav ul{
	text-align:center;
}
#siteheader .gnav li {
}
#siteheader .gnav li a{
	display:block;
	position:relative;
	z-index:2;
	letter-spacing:1px;
	color:#af9669;
}
#siteheader .gnav>ul{
	display:table;
	width:100%;
	max-width:1000px;
	position:relative;
	margin:0 auto;
	padding-top:25px;
}
	body#top #siteheader .gnav>ul{
		width:100%;
		max-width:1000px;
	}
#siteheader .gnav>ul::after{
	content:"";
	width:100%;
    height:1px;
	position:absolute;
	bottom:1px;left:0;
	background:#D1C6B4;
}
#siteheader .gnav>ul>li{
	display:table-cell;
}
#siteheader .gnav>ul>li>a{
	padding:0 2% 10px;
	font-size:12px;
}

@media screen and (max-width: 1230px) {
#siteheader .gnav ul li a{
  padding:0 7% 10px;
  font-size:11px;
  letter-spacing: -0.05em;
}

#siteheader div.header_inner #HEAD div.right_block p.call {
  font-size: 12px;
  letter-spacing: 0;
}

#siteheader div.header_inner #HEAD div.right_block p.bt_contact a span {
  font-size: 11px;
  margin: 0 0 0 5px;
  letter-spacing: -0.05em;
}
}


@media screen and (max-width: 1020px) {
#siteheader .gnav>ul>li>a{
  padding:0 3% 10px;
  font-size:10px;
}

}


@media screen and (max-width: 870px) {
#siteheader .gnav>ul>li>a{
  padding:0 1% 10px;
  font-size:9px;
  letter-spacing: -0.05em;
}

}



/*Sub Menu -----------------------------*/
@keyframes show{
  from{opacity: 0;}
  to{opacity: 1;}
}
#siteheader .gnav .sub{
  display:none;
  width:100%;
  position:absolute;
  left:0;
  letter-spacing:-.5em;
}
#siteheader .gnav .sub.select{
  display:block;
  animation: show .5s linear 0s;
  }
#siteheader .gnav .sub li{
  display:inline-block;
  margin:0 15px;
  letter-spacing:0;
}
#siteheader .gnav .sub li:first-of-type{
  margin-left:0;
}
#siteheader .gnav .sub li:last-of-type{
  margin-right:0;
}
#siteheader .gnav .sub li a{
  padding:10px 5px 10px;
  font-size:11px;
}
@media screen and (max-width: 1260px) {
#siteheader .gnav .sub li{
  margin:0 1%;
}
}
@media screen and (max-width: 965px) {
#siteheader .gnav .sub li{
  margin:0 2px;
}
#siteheader .gnav .sub li a{
  font-size:10px;
}
}
@media screen and (max-width: 864px) {
#siteheader .gnav .sub li{
  margin:0 0;
}
#siteheader .gnav .sub li a{
  padding-right:4px;padding-left:4px;
  font-size:9px;
}
}

}









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

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

  header {
    width: 100%;
    height: 55px;
  }

  header div.header_inner {
    width: 100%;
    background-color: #F9F9F3;
    position: fixed;
    top: 0;
    z-index: 10;
  }

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

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

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

  header div.header_inner 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.menu_bt p.menu {
    width: 50%;
    text-align: center;
    line-height: 55px;
    color: #B56155;
  }

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


  header div.header_inner 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: #B56155;
  }
  header div.header_inner div.menu_bt div.line span:nth-child(1) {
    top: 18px;
    left: 10px;
  }
  header div.header_inner 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.menu_bt div.line span:nth-of-type(2) {
    top: 26px;
    left: 10px;
  }
  header div.header_inner div.menu_bt.active div.line span:nth-of-type(2) {
    opacity: 0;
  }
  header div.header_inner div.menu_bt div.line span:nth-of-type(3) {
    top: 34px;
    left: 10px;
  }
  header div.header_inner 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: #F9F9F3;
    position: fixed;
    top: 55px;
    z-index: 10;
  }

  header div.header_inner div.main_nav.pc_nav {
    display: none !important;
  }

  header div.header_inner div.main_nav nav {
    width: auto;
    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;

  }

  header div.header_inner div.main_nav nav ul li a {
    width: auto;
    display: block;
    padding: 0 0 0 15px;
    color: #af9669;
    border-bottom: 1px #D7CBB4 solid;
    background: transparent url(../../images/common/arrow_gold.png) left center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
    line-height: 50px;
    position: relative;
  }

  header div.header_inner div.main_nav nav ul li ul {
    width: auto;
    display: none;
    margin: 0;
    font-size: 12px;
  }

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






  header div.header_inner div.main_nav nav ul li a.plus:before {
    content: '';
    width: 1px;
    height: 10px;
    background: #af9669;
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header div.header_inner div.main_nav nav ul li a.plus:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #af9669;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  header div.header_inner div.main_nav nav ul li a.minus:before {
    display: none;
  }
  header div.header_inner div.main_nav nav ul li a.minus:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #af9669;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  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;
  }
	/*============================
#PANKUZ
============================*/
#PANKUZ {
	display: none;
}

}



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


div.reserv {
  width: 100%;
  background-color: #D18E86;
}

div.reserv div.reserv_inner {
  width: 98%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 55px 0 40px 0;
}

div.sub_nav {
  width: 100%;
  display: none;
  background-color: #b56155;
  position: absolute;
  top:115px;
  left: 0;
}

div.sub_nav div.reserv_inner {
  width: 98%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 55px 0 40px 0;
}


div.reserv div.reserv_inner ul {
  width: 20;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
}

div.reserv div.reserv_inner ul li {
  width: 19.9%;
  border-right: 1px #D6BFBD solid;
  text-align: center;
  flex-grow: 1;
  padding: 10px 0;
  color: #FFF
}
div.reserv div.reserv_inner ul li:last-child {
  border-right: none;
}

div.reserv div.reserv_inner ul li a {
  width: auto;
  color: #FFF
}

div.reserv div.reserv_inner ul li a span {
  width: auto;
  display: block;
  color: #FFF;
  font-size: 10px;
  line-height: 2.5em;
}

div.reserv div.reserv_inner ul li em {
  width: auto;
  display: block;
  color: #FFF;
  font-size: 10px;
  line-height: 2.5em;
}

}

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


  div.reserv {
    width: auto;
    background-color: #D18E86;
  }

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

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

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

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



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

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




  div.reserv div.reserv_inner ul li a {
    width: auto;
    display: block;
    padding: 1.4em 0;
    color: #ba4a3e;
    text-align: center;
    background: #FFF url(../../images/common/arrow_red.png) 15px center no-repeat;
    -webkit-background-size: 3px;
    background-size: 3px;
  }

  div.reserv div.reserv_inner ul li:first-child a {
    width: auto;
    padding: 1em 0;
  }

  div.reserv div.reserv_inner ul li a span {
    width: auto;
    font-size: 13px;
    
  }

}




/*============================
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 #b56155 solid;
  line-height: 35px;
  text-align: center;
  background: #b56155 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: #b56155;
  line-height: 35px;
  text-align: center;
  border: 1px #b56155 solid;
  background: transparent url(../../images/common/arrow_red.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 #b56155 solid;
    line-height: 45px;
    text-align: center;
    background: #b56155 url(../../images/common/arrow_wht.png) 15px center no-repeat;
    -webkit-background-size: 4px;
    background-size: 4px;
  }

}



/*============================
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: #B56155;
}

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: 195px;
  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 6px no-repeat;
  -webkit-background-size: 11px;
  background-size: 11px;
}

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: #D18E86;
}

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: #FFF;
}

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: #FFF;
  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: #FFF;
  font-size: 13px;
  background: transparent url(../../images/common/arrow_wht.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 {
  width: 290px;
  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: space-around;
}

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

footer div.footer_inner div.bottom_block ul.about li a {
  width: auto;
  display: block;
  color: #FFF;
  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;
 }

.footer-float-nav{
    display: none!important;
}
 }



/*============================
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: #B56155;
  }

  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: #D18E86;
  }

  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: #FFF;
    line-height: 1.8em;
  }

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




  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: #FFF;
    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: #FFF;
    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 p.copy {
    width: auto;
    padding: 2em 0;
    color: #FFF;
    text-align: center;
    font-size: 11px;
  }
	/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッターフロートナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

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

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

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

.footer-float-nav ul li a{
	display: block;
	color: #B56155;
	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;}