@charset "UTF-8";
/* common 共通 202001*/

body {
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

p {
    line-height: 1.7;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (min-width: 576px) {/*PCタブレットはp大きく*/
    p {
        font-size: 1.1rem;
    }
}

h2,h3,h4, .font-serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font-alt {
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 1px;
}

.tx_sm {
    font-size: 0.8rem;
}
.tx_sm_bgdark {
    font-size: 0.8rem;
    color: #bbb;
}
.figure-caption {
    font-size: 0.9rem;
}

a {
   transition: all 0.15s ease-in-out 0s;
}
li {
	list-style-type: none;
}
i {
    margin-right: 0.4rem;
}

a:hover img {
    opacity: 0.8;
    transition: all 0.15s ease-in-out 0s;
}
a ,a:hover {
    text-decoration: none;
}

/* module */
.module-large {
  padding: 4rem 0;
}
.module {
  padding: 3rem 0;
}
.module-small {
  padding: 2rem 0;
}
.module-extra-small {
  padding: 1rem 0;
}

/* titleArea */
.titleArea {
  background : -moz-radial-gradient(50% 38.67%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(26, 23, 23, 1) 58.06%, rgba(17, 17, 17, 1) 100%);
  background : -webkit-radial-gradient(50% 38.67%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(26, 23, 23, 1) 58.06%, rgba(17, 17, 17, 1) 100%);
  background : -webkit-gradient(radial,50% 38.67% ,1.23 , 50% 38.67%, 497.68 ,color-stop(0.0025,rgba(46, 38, 36, 1) ),color-stop(0.5806,rgba(26, 23, 23, 1) ),color-stop(1,rgba(17, 17, 17, 1) ));
  background : -o-radial-gradient(50% 38.67%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(26, 23, 23, 1) 58.06%, rgba(17, 17, 17, 1) 100%);
  background : -ms-radial-gradient(50% 38.67%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(26, 23, 23, 1) 58.06%, rgba(17, 17, 17, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
  background : radial-gradient(50% 38.67%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(26, 23, 23, 1) 58.06%, rgba(17, 17, 17, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);

    text-align: center;
    padding: 1.1rem 0 0.8rem; 
    border-top: #222 1px solid;
}

.titleArea h2 {
    color: #c7b77e;
    margin-bottom: 0.3rem;
    letter-spacing: 0.2em;
    font-size: 1.3rem;
}
.titleArea h5 {
    color: #ddd;
    letter-spacing: 0.2em;
    font-size: 0.8rem;
}

@media (min-width: 768px) {
    .titleArea {
      background : -moz-radial-gradient(50% 49.92%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
      background : -webkit-radial-gradient(50% 49.92%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
      background : -webkit-gradient(radial,50% 49.92% ,1.23 , 50% 49.92%, 497.68 ,color-stop(0.0025,rgba(46, 38, 36, 1) ),color-stop(0.3701,rgba(42, 35, 33, 1) ),color-stop(0.7504,rgba(29, 26, 25, 1) ),color-stop(1,rgba(17, 17, 17, 1) ));
      background : -o-radial-gradient(50% 49.92%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
      background : -ms-radial-gradient(50% 49.92%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
      background : radial-gradient(50% 49.92%, ellipse farthest-corner, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
      
      padding: 1.5rem 0 1.1rem; 
    }
    .titleArea h2 {
    font-size: 1.5rem;
    }
    .titleArea h5 {
     font-size: 0.9rem;
    }
}


.bg_wh {
    background: #fff;
}
.bg_dark {
    background: #111;
}


@media (min-width: 768px) {
    .pc_mt20 {
        margin-top: 20px;
    }
    .pc_mt30 {
        margin-top: 30px;
    }
    .pc_mt40 {
        margin-top: 40px;
    }
    .pc_mt50 {
        margin-top: 50px;
    }
}

/*sp-none pc-none*/
@media (max-width: 767px) {
	.sp-none {
	display: none;
	}
}
@media (min-width: 768px) {
	.pc-none {
	display: none;
	}
}

/* pc_br sp_br */
@media (min-width: 576px){   
  .pc_br { display:block; }
  .sp_br { display:none; }
}
@media (max-width: 575px){   
  .pc_br { display:none; }
  .sp_br { display:block; }
}


/* header */
header {
	padding: 0;
    /*width: 100%;*/
    background-color: #111;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4);
}


/* ナビゲーションメニュー */
h1.site-logo img {
    max-width: 296px;
}

#gNav {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*  PC  */
@media (min-width: 992px) {
    header {
        padding: 0px 15px;
    }
    header .container {
        display: flex;
        position: relative;/*shiryoボタンのため*/
    }

    h1.site-logo {
        flex: 0 0 320px;
        padding-top: 3px;
    }
    
    #header .btn {
        display: none;
        cursor: pointer;
    }
    #gNav {
        flex: 1 1 auto;
    }
    #gNav ul {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 0;
    }
    #gNav li {
        font-size: 1.1rem;
        /*font-weight: bold;*/
        letter-spacing: 0.08em;
        position: relative;
    }
    #gNav li a {
        display: block;
        padding: 13px 20px;/*22px 15px*/
        text-decoration: none;
        color: #fff;
    }
    #gNav li a:hover,
    #gNav li a.active {
        color: #c7b77e;
    }
    #gNav li.on a {
        color: #c7b77e;
    } 

    #gNav li.coming a {
        display: block;
        padding: 15px 20px;/*22px 15px*/
        text-decoration: none;
        color: #666;
    }

    #gNav li span.new_pc {
        display: block;
        color: #E31C24;
        position: absolute;
        top: 0;
        left: 40%;
        font-size: 0.6rem;
    }
    
     /*#gNav li.s_form a {
        color: #910000;
        background: #c7b77e;
        margin-left: 14px;
    }
     #gNav li.s_form a:hover {
        background: #EDE6D6;
    }*/
    
    #gNav li.s_form a {/*PCでは表示なし*/
    display: none;
    }
    #gNav li i.material-icons {/*PCでは表示なし*/
    display: none;
    }
    
   /* .head_shiryo {
        display: none;
    }*/
    .fix_menu {
        display: none;
    }

}

/*#gNav liサイズ調整*/
@media  (max-width: 1199px) {
    #gNav li {
        font-size: 0.9rem;
        letter-spacing: 0.05em;
    }
}

/* スマホ、タブレット　ナビ*/
@media  (max-width: 991px) {
    
    header .container {
    padding-right: 0;
    padding-left: 0;
    }
    h1.site-logo {
        padding: 0px 15px;
    }

    #header .btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 60px;
        border-radius: 0;
        background-color: #7d6b38;
        padding: 4px 0;
        /*background-image: url("../img/sp_menu.svg");
        background-repeat: no-repeat;
        background-position: center center;*/
    }

    #gNav ul.open {
        display: block;
    }
    
    #gNav ul {
        display: none;/*display: none消さない　メニュー開閉*/
        background: #222;
        padding-left: 0;
        margin: 0;
    }
    #gNav li a {
        display: block;
        color: #c7b77e;
        border-top: 1px solid #444;
        padding: 12px 15px;
        position: relative;
        letter-spacing: 0.1em;
    }
    
    #gNav li:first-child {
        border: none;
    }

    #gNav li {
        position: relative;
    }
    #gNav li i.material-icons {
        color: #c7b77e;
        position: absolute;
        top: 12px;
        right: 10px;
    }
    /*#gNav li a:before {
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 15px;
        font-family: FontAwesome;
        content: "\f054";
        font-size: 0.8em;
    }    */
    
    #gNav li a:hover,
    #gNav li a.active {
        color: #fff;
    }
    
     #gNav li span.new_pc {
        display: none;
    }
     #gNav li.coming a {/*近日公開はsp表示なし*/
         display: none;
    }
}


/*headerモデル予約ボタン 991以上*/
.mdyoyaku {
    position: absolute;
    top:0;
    right: 150px;
    width: 180px;
}
.head_mdyoyaku {
    background: #c7b77e;
    color: #910000;
    border-right: 1px solid #111;
    padding: 5px 3px 6px;
}
 a:hover .head_mdyoyaku {
    background: #EDE6D6;
    transition: 0.3s;
}
    
.head_mdyoyaku i {
    font-size: 16px;
    padding-left: 15px;
}
p.mdyoyaku_tx {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 15px;
    color: #910000;
    font-weight: 600;
}

/*header資料請求ボタン 991以下*/
@media (max-width: 991px) {
    .mdyoyaku {
     display: none;
    }
}

/*header資料請求ボタン 991以上*/
.shiryo {
    position: absolute;
    top:0;
    right: 0;
    width: 150px;/*90px*/
}

.head_shiryo {
    background: #c7b77e;
    color: #910000;
    padding: 5px 3px 6px;
}
 a:hover .head_shiryo {
    background: #EDE6D6;
    transition: 0.3s;
    }
    
.head_shiryo i {
    font-size: 16px;
    padding-left: 15px;
 }
p.shiryo_h_tx {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 15px;
    letter-spacing: 0.08em;
    color: #910000;
    font-weight: 600;
    }

/*header資料請求ボタン 991以下*/
@media (max-width: 991px) {
    .head_shiryo {
        position: absolute;
        top:0;
        right: 50px;
        width: 72px;
        background: #c7b77e;
        color: #910000;
        padding: 8px 0px 8px;
        z-index: 1000;
        }
    a:hover .head_shiryo {
        background: #EDE6D6;
        transition: 0.3s;
    }
    
    .head_shiryo i {
        font-size: 15px;
        margin-right: 8px;
    }
    p.shiryo_h_tx {
    text-align: center;
        margin-bottom: 0;
        line-height: 1.4;
        font-size: 13px;
        color: #910000;
        font-weight: 600;
        letter-spacing: 0;
    }
}


@media (max-width: 425px) {/*スマホ　ロゴ・資料請求調整*/
    h1.site-logo img {
        max-width: 220px;/*230px*/
    }
    .head_shiryo {
        width: 70px;
        padding: 7px 0 7px;
        }
     #header .btn {
        height: 56px;
        }
}
@media (max-width: 340px) {/*スマホ　ロゴ・資料請求調整*/
    h1.site-logo img {
        max-width: 190px;
    }
    .head_shiryo {
        width: 60px;
        padding: 7px 0 9px;
        }
    p.shiryo_h_tx {
        font-size: 12px;
    }
}


/*スマホ固定メニュー*/
@media (max-width: 991px) {
    /*#gNav {
        display: none;
    }*/
    
    .fix_menu {
    background: #111111;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(46, 38, 36, 1) 0.25%,rgba(42, 35, 33, 1) 37.01%,rgba(29, 26, 25, 1) 75.04%,rgba(17, 17, 17, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.0025,rgba(46, 38, 36, 1) ),color-stop(0.3701,rgba(42, 35, 33, 1) ),color-stop(0.7504,rgba(29, 26, 25, 1) ),color-stop(1,rgba(17, 17, 17, 1) ));
  background : -o-linear-gradient(90deg, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E2624', endColorstr='#111111' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(46, 38, 36, 1) 0.25%, rgba(42, 35, 33, 1) 37.01%, rgba(29, 26, 25, 1) 75.04%, rgba(17, 17, 17, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#2E2624' , GradientType=0);
        z-index: 200;
    }

    .nav-list {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        padding: 0;
        list-style: none;
        text-align: center;
        margin-bottom:0;
    }
    .nav-item {
        display: table-cell;
        padding: 4px 0px;
        border-top: 1px #333 solid;
        border-right: 1px #333 solid;
        border-bottom: 1px #333 solid;
        position: relative;
    }
    .nav-item:last-child {
        border-right: none;
    }

    .nav-item a {
        text-decoration: none;
        color: #c7b77e;
    }
    .nav-item i {
        display: block;
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 3px;
        margin-right: 0;
    }
    .nav-item a span {
        display: block;
        font-size: 12px;
        color: #c7b77e;
        padding-bottom: 2px;
        letter-spacing: 0.08em;
    }
    
    .new_m {
        display: block;
        background: #910000;
        color: #fff;
        position: absolute;
        top:0;
        right: 0;
        font-size: 0.6rem;
        padding: 2px;
    }
}

@media (max-width: 340px) {/*スマホ調整*/
    .nav-item a span {
        letter-spacing: 0em;
    }
}


/*----------- obi_menu　メニュー -----------*/
.obi_menu {
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  height: 100px;/*300px*/
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}
.obi_menu .image {
    background-size: cover;
    background-position: center center;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    height: 100px;/*300px*/
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.obi_menu.no-height {
    height: auto;
}
.obi_menu.no-height .image {
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
}
.obi_menu .obi_menu-content {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    position: absolute;
    bottom: 0;
}
.obi_menu h2 {
    display: block;
    /*background: #c7b77e; */
    padding: 5px 10px 5px 10px; 
    /*color: #111;*/
    color: #fff;
    text-shadow:1px 1px 3px #000000;
    font-size: 1.1rem;
    letter-spacing: 0.06em;
    margin-bottom: 0;
}
.obi_menu span {
    background: #7d6b38;
    display: block;
    color: #fff;
    padding: 5px 10px 3px 10px;
    font-size: 0.7rem;
    letter-spacing: 0.4em;
    text-transform: uppercase;
}
.obi_menu:hover .image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.obi_menu span.new_menu {
    background: #910000;
}

@media (min-width: 768px) {
    .obi_menu {
      margin-bottom: 30px;
      height: 150px;
    }
    .obi_menu .image {
      height: 150px;    
    }
    .obi_menu h2 { font-size: 1.3rem;}
}


/*------------contact ------------*/
.contact {
  color: #eee;
  background : -moz-linear-gradient(17.89% 162.94% 45deg,rgba(17, 17, 17, 1) 0%,rgba(26, 23, 23, 1) 42.04%,rgba(46, 38, 36, 1) 100%);
  background : -webkit-linear-gradient(45deg, rgba(17, 17, 17, 1) 0%, rgba(26, 23, 23, 1) 42.04%, rgba(46, 38, 36, 1) 100%);
  background : -webkit-gradient(linear,17.89% 162.94% ,82.11% -62.94% ,color-stop(0,rgba(17, 17, 17, 1) ),color-stop(0.4204,rgba(26, 23, 23, 1) ),color-stop(1,rgba(46, 38, 36, 1) ));
  background : -o-linear-gradient(45deg, rgba(17, 17, 17, 1) 0%, rgba(26, 23, 23, 1) 42.04%, rgba(46, 38, 36, 1) 100%);
  background : -ms-linear-gradient(45deg, rgba(17, 17, 17, 1) 0%, rgba(26, 23, 23, 1) 42.04%, rgba(46, 38, 36, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#2E2624' ,GradientType=0)";
  background : linear-gradient(45deg, rgba(17, 17, 17, 1) 0%, rgba(26, 23, 23, 1) 42.04%, rgba(46, 38, 36, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#2E2624' , GradientType=1);
}

.contact h3 {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
}

.contact p {
    font-size: 0.9rem;
    color: #c7b77e;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .telArea {
        max-width: 500px;
        margin: 0 auto;
    }
    .contact h3 {
        font-size: 1.5rem;
    }
    .contact p {
        text-align: center;
    }
}


/* スマホのみtelsmp */
@media (min-width: 768px) {
	.telsmp {
		display: none;}
}
.telsmp {
    margin-top: 1rem;
	margin-bottom: 0.5rem;
	text-align: center;
}
.telsmp i.fa {
	font-size: 1rem;
}
.telsmp .btn {
	width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
	color: #7d6b38;
    background-color: #fff;
}

/*資料請求バナー*/
.shiryo-box .btn-shiryo {
    margin-top: 0.4rem;
}
.btn-shiryo {
width: 100%;
  display: inline-block;
  background: transparent;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.0.8em;
  color: #910000;
  border-radius: 0;
  padding: 1.3rem 0.5rem 1.3rem;
  transition: all 0.7s ease-out;
  background : #c7b77e;/*古いバージョン*/
  background: linear-gradient(270deg, rgba(199, 183, 126, 1), rgba(199, 183, 126, 1), rgba(125, 107, 56, 0.8), rgba(199, 183, 126, 1));
  background-position: 1% 50%;
  background-size: 450% 450%;
  text-decoration: none;
  border: none;
  border: 1px solid rgba(255,255,255,0.1);
}
.btn-shiryo:hover {
  color: #910000;
  background-position: 99% 50%;
  text-decoration: none;
}
.shiryo_tx {
    font-size: 0.8rem;
    margin-left: 8px;
    color: #111;
    font-weight: normal;
}
@media (min-width: 768px) {
    .btn-shiryo {
    　width: 100%;
      font-size: 1.2rem;
      letter-spacing: 0.1em;
      padding: 1.4rem 1rem 1.3rem;
    }
    .shiryo_tx {
        font-size: 1rem;
        margin-left: 12px;
    } 
}


/*------------ footer ------------*/
footer {
    background-color: #eee;
    padding-top: 2rem;
    padding-bottom: 0.2rem;
}

footer a {
    color: #666;
	text-decoration: none;}

.f_box {
	max-width: 500px;
	margin-bottom: 15px;
}
.fcompany address {
	margin: 10px 0 10px 0;
	font-size: 0.9rem;
	line-height: 1.4;
}
.fcompany p {
	margin: 10px 0 8px 0;
	font-size: 0.9rem;
	line-height: 1.3;
}
@media (min-width: 992px) {
	footer	{
	 padding-bottom: 0.4rem;
	}
    .fcompany {
        padding-left: 60px;
        padding-right: 30px;
    }
}

/* copyright */
.copy_box {
	border-top: #ddd 1px solid;
	text-align: center;
	padding-top: 0.7rem;
}
.copy_box p {
	font-size: 0.8rem;
    letter-spacing: 0.08em;
	color: #666;
}

/* fmenu */
.fmenu {
	margin-bottom: 2rem;
	text-align: center;
}
.fmenu li a	{font-size: 0.9rem;
	color: #333;
	text-decoration: none;}

.fmenu li a:hover	{color: #7d6b38;}

.fmenu li {
    display: inline;
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;}

.fmenu ul { 
    margin: 0;
	padding: 0;}


@media (max-width: 680px) {
	.fmenu li	{
        display: block;
		padding-left: 10px;
		padding-right: 10px;}
}


/*attentionArea*/
.attentionArea {
	background : #D3D1D1;
	font-size: 0.8rem;
	line-height: 1.4;
}


/*------- smpnavスマホナビ ------- */
@media (min-width: 768px) {
	.smpnav {
		display: none;
	}
}

.smpnav {
	margin-top: 0px;
	height: 220px;/*138px*/
	}

@media (max-width: 767px) {
	.smpnav .sp_box {
	}
    .smpnav .sp_box ul {
        margin: 0;
        padding: 0;
    	border-top: 1px solid #444;
	}
	.smpnav .sp_box ul li a {
		display: block;
		padding: 12px;
		color: #eee;
		background: #111;
		padding-left: 20px;
		text-align: left;
		border-right: 1px solid #444;
		border-bottom: 1px solid #444;
        letter-spacing: 0.1em;
	}
	.smpnav .sp_box ul li a:hover {
		background: #ae9a52;
		text-decoration: none;
        transition: 0.3s;
	}
	.smpnav .sp_box ul li {
		float: left;
		width: 50%;
		font-size: 14px;
		list-style: none;
	}
}


/* gototop */
#gototop {
  z-index: 20000;
  position: fixed;
  bottom: 2%;
  right: 2%;
}
#gototop a {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  line-height: 3rem;
  color: #AE9A52;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  text-decoration: none;
  box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1)
}
#gototop a:hover {
  background: rgba(255, 255, 255, 0.7);
}
#gototop i {
    margin-right: 0;
}

@media (min-width: 768px) {
	#gototop a {
      width: 4rem;
      height: 4rem;
      border-radius: 2rem;
      line-height: 4rem;
      font-size: 1.5rem;
    }   
}

/*print*/
@media print {
 a[href]:after {
 content: "" !important;
 }
 abbr[title]:after {
 content: "" !important;
 }
}

/*waypoints*/
.waypoints_animated {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1.5s;/*1s*/
  animation-duration: 1.5s;/*1s*/
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}