@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:500; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-family: "Shippori Mincho", serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
#body-top{ overflow:hidden; background:url(../images/common/bk-top.png),url(../images/common/bk-main.jpg); background-repeat:no-repeat,repeat; background-position:center top,center top;}


/*▼ヘッダー▼*/
#header h1{ opacity:0; height:0;}
#header{ height:auto; overflow:hidden; position:relative; height:180px;}
#header #logo-isan{ width:90px; position:absolute; top:56px; left:390px;}
#header .left{ float:left; margin:35px 0 0 20px;}
#header .left a{ display:block;}

#header .right{ float: right;}
#header .right .area-tel{ float: left; text-align: right; margin:20px 20px 0 0;}
#header .right .area-tel .p-01 { font-size:14px; letter-spacing:normal; margin-bottom:5px;}
#header .right .area-tel .p-tel{ font-size:30px; font-weight:600; letter-spacing:normal; line-height:1em; margin-bottom:5px;}
#header .right .area-tel .p-tel a{ color:#333; display:block; text-decoration:none; font-family: "Shippori Mincho", serif;}
#header .right .area-tel .p-tel a span{ font-size: 22px; display: inline-block; margin-right: 5px;}
#header .right .area-tel dl{ text-align-last: left; display: inline-block;}
#header .right .area-tel dl dt{ background:#aa283c; font-size:15px; font-weight: 500; color:#fff; padding:3px 15px; display: inline-block; vertical-align: middle; margin-right: 10px;}
#header .right .area-tel dl dd{ font-size: 14px; letter-spacing: normal; line-height: 1.2em; display: inline-block; vertical-align: middle;}
#header .right .btn-mail{ float: right;}
#header .right .btn-mail a{ background:url(../images/common/ico-mail.png),url(../images/common/bk-mail.jpg); background-repeat: no-repeat,no-repeat; background-position:center 30px, center 0px; width: 150px; height: 150px; text-align: center; padding-top:65px; box-sizing:border-box; display: block; text-decoration: none;}
#header .right .btn-mail a p{ font-size: 18px; font-weight: 500; color:#fff; line-height: 1.5em; font-family: "Shippori Mincho", serif;}

#header .center{ max-width:350px; position: absolute; left:0; right:0; top:30px; margin:auto;}



/*▼メインナビゲーション▼*/
#navi{ text-align:center; padding:30px 0 20px;}
#navi ul{ display: inline-block;}
#navi li { display:inline-block; font-size:18px; font-weight:600; text-align:center; padding:0 12px 0 0; position:relative; font-family: "Shippori Mincho", serif;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 10px;}
#navi li a:hover{ opacity:.8; transition:0.3s;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute; left:0; bottom:0px;width:100%; height:2px;background:#b49668;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ padding-right:0px;}



/*----- フッター -----*/
#footer {}
#footer #fmid{ width:1100px; margin:auto; overflow:hidden; padding:70px 0 30px;}

#footer #fmid .left{ float:left;}
#footer #fmid .left a{ text-decoration:none; display:inline-block; margin-bottom:30px;}
#footer #fmid .left .p-01{ font-size: 15px; letter-spacing: normal; line-height: 1.6em; padding-left:90px;}

#footer #fmid .right{ float:right; text-align:right;}
/*ナビ*/
#footer #fmid .right #fnavi{ display:inline-block; padding:20px 0 50px;}
#footer #fmid .right #fnavi li { font-size:17px; font-weight:600; display:inline-block; letter-spacing:3px; padding-right:30px; position:relative;}
#footer #fmid .right #fnavi li a{ padding:0 0 8px; color:#333; text-decoration:none; position:relative; display:block; transition:.3s;}
#footer #fmid .right #fnavi li:last-child{ padding-right:0px; margin-right:0px;}

#footer #tamonten { clear:both; text-align:right; line-height: 2em; font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#4c4949; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:62px; height:62px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}





#hmp{ background:url(../images/home/mp.jpg)center top no-repeat; position:relative;}
#hmp .area-01{ width: 1024px; height: 646px; text-align: center; margin:0 auto 80px;}
#hmp .area-01 .p-01{ font-size:40px; font-weight:400; color:#fff; padding-top:50px; line-height: 1.8em; margin:auto; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; font-family: "Shippori Mincho", serif; letter-spacing:5px;}





/*▼メインビジュアル▼*/
#mp{ position:relative;}
#mp .area-01{ width: 1024px; height:400px; text-align: center; margin:0 auto 80px;}
#mp .area-01 .p-01{ font-size:40px; font-weight:400; color:#fff; padding-top:80px; line-height: 1.8em; margin:auto; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; letter-spacing:12px;}

#menu #mp{ background:url(../images/menu/mp.jpg)center top no-repeat;}
#about #mp{ background:url(../images/about/mp.jpg)center top no-repeat;}
#contact #mp{ background:url(../images/contact/mp.jpg)center top no-repeat;}





/*----- エリア・共通設定 -----*/
.box{ width:1100px; margin:auto; padding:70px 0;}

.h2-01{ font-size: 42px; font-weight:500; text-align: center; margin-bottom: 50px; letter-spacing: 3px; padding-top:60px; position: relative; font-family: "Shippori Mincho", serif;}
.h2-01 span{ font-size: 18px; display: block; line-height: 1.8em;}
.h2-01:before{ content:""; display: block; background:#333; width: 1px; height:50px; position: absolute; left:0; right:0; top:0; margin:auto;}
.h2-01.white{ color:#fff;}
.h2-01.white:before{ background:#fff;}

.more{ width:335px; font-size:18px; font-weight:600; text-align: center; letter-spacing: 3px; margin:50px auto; position: relative;}
.more a{ width:300px; border:1px solid #333; color:#333; padding:18px 0px; text-decoration: none; display:block;}
.more a img{ position: absolute; right:0; top:50%; transform: translateY(-50%); transition: transform 0.3s ease;}
.more a:hover img{ transform: translate(5px, -50%);}
.more.white a{ border-color:#fff; color:#fff;}






/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
/*----- ホーム　home -----*/

#home #box-01{ padding:20px 0 150px;}
#home #box-01 .area-01{ text-align: center; margin-bottom:100px;}
#home #box-01 .area-01 h2{ font-size: 40px; font-weight:600; letter-spacing:8px; margin-bottom: 30px;}
#home #box-01 .area-01 p{ font-size:19px; line-height: 2.3em;}
#home #box-01 .area-02{ width: 1600px; padding:0 250px; min-height:570px; margin:auto; overflow: hidden; box-sizing:border-box; position: relative;}
#home #box-01 .area-02 .img-01{ position: absolute; left:30px; bottom:0; z-index:2;}
#home #box-01 .area-02 .img-02{ position: absolute; left:0px; top:0;}
#home #box-01 .area-02 .right{ width:490px; float: right; margin-top: 110px;}
#home #box-01 .area-02 .right h2{ font-size:32px; font-weight: 500; line-height: 2em; margin-bottom: 30px;}
#home #box-01 .area-02 .right h2 span{ background:#b49668; width:56px; height:56px; text-align: center; font-size:40px; color:#fff; line-height:53px; display: inline-block; margin-right: 5px;}
#home #box-01 .area-02 .right p{ font-size: 18px; line-height: 2.3em;}
#home #box-01 .area-02 .right .more{ margin:50px 0 0;}

#home .bk-01{ background:url(../images/home/bk-01.jpg)center top no-repeat; max-height:979px;}
#home #box-02{ padding:50px 0 100px;}
#home #box-02 .area-01{ text-align: center;}
#home #box-02 .area-01 p{ font-size: 18px; font-weight: 400; color:#fff; line-height:2.3em; margin-bottom:50px;}
#home #box-02 .area-01 p span{ font-size:28px; font-weight:400; color:#c0895b; display: block; margin-bottom: 20px;}


#home #box-03{ padding:100px 0 50px;}
#home #box-03 .googlemap{ height: 480px; margin:auto;}
#home #box-03 .p-01{ font-size: 18px; text-align: center; padding-top: 50px;}



#box-contact{ background:url(../images/common/bk-contact.jpg)center top no-repeat; height:783px;}
#box-contact .area-01{ width: 1024px; margin:auto; padding-top:100px;}
#box-contact h2{ margin-bottom: 30px;}
#box-contact .area-01 .p-title{ font-size: 18px; color:#fff; line-height: 2.3em; text-align: center; margin-bottom:50px;}
#box-contact .area-01 .inner{ overflow: hidden; margin-bottom:40px;}
#box-contact .area-01 .inner .entry{ width: 500px; height: 135px; float: left; text-align: center;}
#box-contact .area-01 .inner .entry.tel{ background:#232f40; padding-top:15px; box-sizing:border-box;}
#box-contact .area-01 .inner .entry.tel .p-tel{ font-size:38px; font-weight:500; display: inline-grid; line-height:1em; margin:10px 0 10px;}
#box-contact .area-01 .inner .entry.tel .p-tel a{ color:#fff; display:block; text-decoration:none;}
#box-contact .area-01 .inner .entry.tel .p-tel a span{ font-size: 28px; display: inline-block; margin-right: 5px;}
#box-contact .area-01 .inner .entry.tel .p-01{ font-size:18px; color:#fff;}
#box-contact .area-01 .inner .entry.tel .p-01 span{ background:#aa283c; font-size:15px; display: inline-block; vertical-align:middle; padding:3px 10px; margin-right: 15px;}

#box-contact .area-01 .inner .entry.mail{ float: right;}
#box-contact .area-01 .inner .entry.mail a{ background:url(../images/common/bk-btn.jpg); height:135px; display: block; text-decoration: none; padding-top:50px; box-sizing:border-box;}
#box-contact .area-01 .inner .entry.mail a p{ background:url(../images/common/ico-mail2.png)left 3px no-repeat; font-size: 30px; font-weight:500; color:#fff; line-height: 1em; display: inline-block; padding-left:60px;}
#box-contact .area-01 .p-02{ font-size: 18px; color:#fff; text-align: center;}
#box-contact .area-01 .p-02 a{ color:#9e7e48;}





/*----- お品書き menu -----*/
/*----- お品書き menu -----*/
/*----- お品書き menu -----*/
#menu .center{ text-align:center;}
#menu .h2-02{ display:inline-block;font-size: 42px; font-weight:500; text-align: center; letter-spacing:6px; margin:0 auto 30px; position: relative; border-bottom:#000 solid 1px;}
#menu h3{ font-size: 24px;margin-bottom:20px;}
#menu #box-01{ padding:30px 0 100px;}
#menu #box-01 .area-01{ text-align: center; margin-bottom:30px;}
#menu #box-01 .area-01 p{ font-size: 18px; line-height:2.2em;}
#menu #box-01 .area-02{ overflow: auto; margin-bottom:80px;}
#menu #box-01 .area-02 .bk-01{ background: url(../images/menu/bk-01.jpg) center top no-repeat;
  background-size: cover;
  background-attachment: fixed; /* パララックス効果 */
  height: 500px;}
#menu #box-01 .area-03{ width: 1100px; height: 430px; position: relative; margin:auto; }
#menu #box-01 .area-03 .img-01{ position: absolute; left:0px; top:0px;}
#menu #box-01 .area-03 .img-02{ position: absolute; right:0px; bottom:0px;}
#menu #box-01 .area-03 .img-03{ position: absolute; right:170px; top:0px;}


#menu #box-01 .area-04{ width: 800px; margin:auto; background:#FFF; padding:20px; margin-bottom:50px;border-radius:5px;}
#menu #box-01 .area-04 .tb-01{ margin:auto; border-bottom:#CCC solid 1px; padding-bottom:30px; margin-bottom:30px;}
#menu #box-01 .area-04 .tb-01:last-child{ border:none; margin-bottom:0; padding-bottom:0px;}
#menu #box-01 .area-04 .tb-01 .p-01{ text-align:right; font-size:22px; font-weight:bold;}
#menu #box-01 .area-04 .tb-01 .p-02{ font-size:20px;}
#menu #box-01 .area-04 .tb-01 ul{ overflow:hidden;}
#menu #box-01 .area-04 .tb-01 ul li{ display:inline-block; margin:0 5px; padding:0 10px;}
#menu #box-01 .area-04 .ul li{ font-weight:bold;}

#menu #box-02{background:url(../images/menu/nabe.png) 0 0 no-repeat; height:500px; overflow:hidden; margin-bottom:100px;}
#menu #box-02 .inner{ width:1100px; margin:auto;}
#menu #box-02 .area-01{ width:520px; float:right; display:table; height:500px;}
#menu #box-02 .area-01 .tb-01{ display:table-cell; vertical-align:middle;}
#menu #box-02 .area-01 li{ font-size: 18px; line-height: 2em;}

#menu #box-04{background:url(../images/menu/nabe-02.png) 0 0 no-repeat; height:500px; overflow:hidden; margin-bottom:100px;}
#menu #box-04 .inner{ width:800px; margin:auto;}
#menu #box-04 .area-01{ width:520px; float:left; display:table; height:500px;}
#menu #box-04 .area-01 .tb-01{ display:table-cell; vertical-align:middle;}
#menu #box-04 .area-01 li{ font-size: 18px; line-height: 2em;}


#menu #box-05{background:url(../images/menu/nabe-03.png) 0 0 no-repeat; height:500px; overflow:hidden; margin-bottom:100px;}
#menu #box-05 .inner{ width:1100px; margin:auto;}
#menu #box-05 .area-01{ width:520px; float:right; display:table; height:500px;}
#menu #box-05 .area-01 .tb-01{ display:table-cell; vertical-align:middle;}
#menu #box-05 .area-01 li{ font-size: 18px; line-height: 2em;}


#menu #box-06{background:url(../images/menu/nabe-04.png) 0 0 no-repeat; height:500px; overflow:hidden; margin-bottom:100px;}
#menu #box-06 .inner{ width:800px; margin:auto;}
#menu #box-06 .area-01{ width:520px; float:left; display:table; height:500px;}
#menu #box-06 .area-01 .tb-01{ display:table-cell; vertical-align:middle;}
#menu #box-06 .area-01 li{ font-size: 18px; line-height: 2em;}

#menu #box-07{ text-align:center;}
#menu #box-07 .area-01{ text-align:left;padding:30px; background:#FFF;border-radius:20px; border:#CCC solid 1px;}
#menu #box-07 .area-01 li{ }

#menu #box-08{}
#menu #box-08 .area-01{ text-align:center;}
#menu #box-08 .area-01 p{ font-size:28px; text-align:center;}



#menu #box-03{ padding-bottom: 120px;}
#menu #box-03 .p-01{ text-align: right; margin-bottom: 10px;}
#menu #box-03 .drink-menu{ background:#fff; padding:40px 30px 10px;}
#menu #box-03 .drink-menu .inner{ overflow: hidden;}
#menu #box-03 .drink-menu .inner .entry{ width: 500px; float: left;}
#menu #box-03 .drink-menu .inner .entry:last-child{ float: right;}
#menu #box-03 .drink-menu h3{ font-size: 26px; font-weight:600; margin-bottom:0px;}
#menu #box-03 .drink-menu table{ width: 100%; margin-bottom: 50px;}
#menu #box-03 .drink-menu table tr{ border-bottom: 1px solid #727272;}
#menu #box-03 .drink-menu table tr th{ font-size: 18px; text-align: left; padding:20px 0 15px;}
#menu #box-03 .drink-menu table tr td{ font-size: 18px; font-weight: bold; text-align: right; padding:20px 0 15px; vertical-align: bottom;}





/*----- 店舗情報 about -----*/
/*----- 店舗情報 about -----*/
/*----- 店舗情報 about -----*/
#about #box-01{ padding:20px 0 80px;}
#about #box-01 .area-01{ text-align: center; margin-bottom: 50px;}
#about #box-01 .area-01 p{ font-size: 18px; line-height:2.3em;}

#about #box-02{ background: #000; padding:100px 0 100px;}
#about #box-02 .area-01{ width: 1100px; margin:auto; overflow: hidden;}
#about #box-02 .area-01 .entry{ margin-bottom: 40px;}
#about #box-02 .area-01 .entry.left{ width: 530px; float: left;}
#about #box-02 .area-01 .entry.right{ width: 530px; float: right;}

#about #box-03{ background:url(../images/about/bk-01.jpg)center top no-repeat; height:1080px; padding:60px 0 0; box-sizing:border-box;}
#about #box-03 h2{ margin-bottom:60px;}
#about #box-03 .area-01{width: 1100px; margin:auto;}
#about #box-03 .area-01 table{ width: 100%; background:#fff;}
#about #box-03 .area-01 table th{ background:#000; font-size: 18px; color:#fff; border: 1px solid #727272; width:220px; padding:20px 40px; box-sizing:border-box; text-align: left; vertical-align: middle;}
#about #box-03 .area-01 table td{ font-size: 18px; border: 1px solid #727272; padding:20px 40px; box-sizing:border-box;}

#about #googlemap{ height:600px;}


/*----------  お問合せ contact  ----------*/
/*----------  お問合せ contact  ----------*/
/*----------  お問合せ contact  ----------*/
#contact #box-01{ padding:20px 0 10px;}
#contact #box-01 .area-01{ background:#fff; padding:40px 40px; border-radius:20px; margin-bottom: 15px;}
#contact #box-01 .area-01 dl dt{ background:#d6a430; width:150px; font-size: 20px; font-weight:500; color:#fff; text-align: center; border-radius:5px; display: inline-block; padding:2px 0 5px; margin-right: 20px; vertical-align: top;}
#contact #box-01 .area-01 dl dd{ width: 800px; font-size: 16px; line-height:1.5em; display: inline-block; margin-bottom:35px;}
#contact #box-01 .area-01 dl dd span{ font-size: 20px; font-weight:600; display: block; margin-bottom: 5px;}
#contact #box-01 .area-01 dl dd:last-child{ margin-bottom: 0;}
#contact #box-01 ul{ margin-left: 20px;}
#contact #box-01 ul li{ font-size:15px; padding-left:1em; text-indent: -1em; margin-bottom:10px;}
#contact #box-01 ul li a{ color:#d40404;}

#contact #box-02{}
#contact #box-02 .p-01{ font-size: 18px; text-align: center; line-height: 2em; margin-bottom:30px;}
#contact #box-02 .area-01{ background:#fff; padding:50px 30px; border-radius:20px; text-align: center;}
#contact #box-02 .area-01 .p-tel{ font-size:42px; font-weight:500; letter-spacing:2px; display: inline-grid; line-height:1em; margin:10px 0 10px;}
#contact #box-02 .area-01 .p-tel a{ color:#333; display:block; text-decoration:none;}
#contact #box-02 .area-01 .p-tel a span{ font-size: 28px; display: inline-block; margin-right: 5px;}
#contact #box-02 .area-01 .p-02{ font-size:18px; color:#333;}

#contact #box-03 { padding:50px 0 50px;}
#contact #box-03 .area-01{ margin-bottom: 50px;}
#contact #box-03 .area-01 .p-01{ font-size: 18px; text-align: center; margin-bottom: 30px;}
#contact #box-03 .area-01 ul{ display:inline-block;}
#contact #box-03 .area-01 li{ padding-left:13px; position: relative; margin-bottom: 10px;}
#contact #box-03 .area-01 li:last-child{ margin-bottom: 0;}
#contact #box-03 .area-01 li:before{ content:""; width:7px; height:7px; background:#333; border-radius:50%; display: inline-block; position: absolute; left:0; top:6px;}

#contact #box-03 .area-02 .area-mailform{ background:#fff; padding:20px 20px 50px; border-radius:20px;}
#contact #box-03 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-03 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-03 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:600; vertical-align:top;}
#contact #box-03 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-03 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-03 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-03 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-03 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-03 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-03 .area-02 .area-mailform table button{}
#contact #box-03 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#d6a430; font-size:11px; padding:0px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-03 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-03 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-03 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-03 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-03 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-03 .area-02 .area-mailform .w01{width:98%;}
#contact #box-03 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-03 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-03 .area-02 .area-mailform .tb-01{}
#contact #box-03 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-03 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-03 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-03 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-03 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-03 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-03 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-03 .area-02 .area-mailform .ul-01{margin-bottom:15px;}
#contact #box-03 .area-02 .area-mailform h2{ font-size:20px; font-weight:600; margin-bottom:5px;}

#contact #box-03 .area-02 .area-mailform .btn{ width:320px; font-size:20px; font-weight:500; color:#fff;   background:#d6a430; border:2px solid #d6a430; padding:20px 0px 20px 0; text-align:center; text-decoration:none; box-sizing:border-box; position:relative; transition:0.3s; border-radius:50px; margin:40px auto 0; cursor:pointer; font-family: "Shippori Mincho", serif; letter-spacing:1px;}
#contact #box-03 .area-02 .area-mailform .btn:hover{ background:#fff; color:#d6a430; opacity:1;}


#contact #box-04{ padding-bottom:120px;}
#contact #box-04 .area-01{ background:#fff; padding:40px 40px; border-radius:20px; margin-bottom: 15px;}
#contact #box-04 .area-01 p{ font-size: 18px; font-weight:500; overflow: hidden; padding-bottom:15px; border-bottom: 1px solid #333; margin-bottom: 20px;}
#contact #box-04 .area-01 p:last-child{ margin-bottom: 0;}
#contact #box-04 .area-01 p span{ float: right; font-weight: 600;}
#contact #box-04 ul{ margin-left: 20px;}
#contact #box-04 ul li{ font-size: 16px; padding-left:1em; text-indent: -1em; margin-bottom: 5px;}





/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(30px);
  opacity:0;
}

.scroll_up.on {
  transform:translateY(0);
  transition:0.9s ease-in-out;
  opacity:1.0;
}
.scroll_on {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(0px);
  opacity:0;
}

.scroll_on.on {
  transform:translateY(0);
  opacity:1.0;
}

.scroll_right.on {
    opacity:1.0;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    transform:translateX(0);
}



/*ズラして表示する*/
.on.time02{transition-delay: .2s;}
.on.time03 {transition-delay: .4s;}
.on.time04 {transition-delay: .6s;}
.on.time05 {transition-delay: .8s;}