body { font-family:貂ク譏取悃; -webkit-font-smoothing: subpixel-antialiased; margin: 0; padding: 0; background:#FCF9F0; font-feature-settings: 'palt'; } * { box-sizing: border-box; } .ib { width: 980px; margin: 0 auto; } a { color: #222; text-decoration: none; } ul { margin: 0; } a:hover { opacity: 0.8; } img.totop{ cursor:pointer; position:fixed; z-index:9999; right:10px; bottom:10px; } .skiptranslate{ float:right; } .skiptranslate select{ font-size:10px; color: #eee; background-color: #000; } #google_translate { margin: auto; padding: 0 20px; height: 40px; background-color: none; } #google_translate { position: relative; z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; } .goog-te-gadget .goog-te-combo { margin: 5px 0; height: 30px; background: #fff; color: #000; font-size: 14px; border: 0; } .lang_jp { width: 90px; position: absolute; right: 255px; background: #878787; font-size: 14px; padding: 5px; text-align: center; color: #fff; top: 4px; height: 30px; } .head { width: 100%; position: relative; height: 900px; background:url(../img/scroll.png) 50% 90% no-repeat, url(../img/top_bg.png) 50% 50%; background-size:auto, cover; margin-top: 0px; padding:210px 0px 10px; } .head_fixed a.tel { position: absolute; top: 52px; right: 25px; z-index: 10; } .head img.h_s1{ position:absolute; top:0; left:0;width:100%; height:300px; z-index:9; } .head span{ display:block;position:absolute; right:30px; top:50px;color:#fff;z-index:99; font-size:12px;font-family:貂ク繧エ繧キ繝�け; } .head .ib { position: relative; overflow: hidden; height:660px; padding:10px; margin:0px auto 50px; background:url(../img/wp1.png); } .head .ib img{ width:100%; } .head h1 img{ display:block; width:auto; position: absolute; left:calc( 50% - 128px);top:330px; z-index:10; } .head .ib h2{ text-align:center; } .head .ib h2 img{ margin:30px auto 40px; display:block; padding-top:330px; z-index:99; position: relative; z-index:99; } .head img.leaf{ position:absolute; bottom:-40px; width:900px;z-index:100; left:calc( 50% - 450px); } .head .ib img.titimg{ position:absolute; top:500px; left:40px; display:block; width:260px;z-index:99; } .head .ib img.hsq{ position:absolute; top:500px; right:20px; display:block; width:auto;z-index:99; } .head .ib p{ position:absolute; top:610px; left:20px; font-size:17px; line-height:2.1; color:#fff;z-index:99; } .head_fixed { position: absolute; top: 0px; left: 0; background:url(../img/bg02.jpg); height: auto; width: 100%; z-index: 99; height: 180px; transition: 0.8s ease; } .head_fixed .ib { height:100%; position: relative;background:url(../img/top_txt.png) 0% 10px no-repeat; } .head_fixed ul { display: flex; justify-content: center; position: relative; padding:90px 0px 10px 0px; margin: 0px auto 0; width: 100%; } .head_fixed ul li { display: block; width:16%;height:31px; font-weight: normal; text-align:center; } .head_fixed ul li img{ max-width:60%; display:block; margin:-40px auto 5px; } .head_fixed ul li a { width: 100%;font-family: "Mplus 1p"; display:block ; color: #000; font-size: 21px; line-height: 1; position: relative; transition: 0.2s ease;border-right:1px solid #000; text-align: center; vertical-align: bottom; padding: 0px 0px;font-weight:bold; } .head_fixed ul li a span{ font-size:14px; display:block; text-align:center; } .head_fixed ul li:nth-child(1):hover{ border:none; } .head_fixed ul li:nth-child(2) a,.head_fixed ul li:nth-child(3) a,.head_fixed ul li:nth-child(5) a{ border:none; } .head_fixed .top{ background:#1F2020; padding:7px; color:#fff; font-size:12px; } .head_fixed .top .ib{ padding-left:180px; } /***********************************************************/ .intro{ display:block; position:relative; background:url(../img/intro_bg.png) 100% 100% no-repeat,url(../img/bg02.jpg) 50% 50%; background-size: auto,cover; } .intro .ib{ padding:40px 0 0px;overflow:hidden; background:url(../img/take.png)0% 50% no-repeat; } .intro .ib p{ text-align:center; font-size:16px;font-weight:600; line-height:2.1; } .intro .ib h2{ text-align:center; } .intro .ib a.more{ display:block;position:relative;z-index:99; width:200px;background:#EA5514; margin:-80px auto 30px;color:#fff; padding:15px; font-size:17px;font-weight:bold; text-align:center; } .intro .ib img.eb{ display:block; margin:50px auto; } .intro .ib img.eat{ float:right;z-index:100;position:relative; } .intro img.cr01{ position:absolute; bottom:-90px; right:calc(50% - 480px);z-index:99; } /**************************/ .gallery{ height: auto;position:relative; margin-top:-40px; background: linear-gradient(-45deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)),url(../img/gal02.jpg) 50% 50%; background-size: cover,cover; } .gallery .ib{ padding:150px 0px 30px; position:relative; width:100%; } .gallery .ib h2{ text-align:left; color:#fff;font-size:24px; position:absolute; top:50px;left:calc(50% - 490px); } .gallery .ib img.bread{ position:absolute; top:-100px; right:0px; width:400px; } .gallery .ib img.logo{ position:absolute; bottom:200px; right:50px; width:250px; } .gallery .ib .gall_con{ padding:0px 0px 20px; display:flex; flex-wrap:wrap; width:100%; justify-content:center; } .gallery .ib a.more{ bottom:140px; right:90px;margin:30px auto; width:180px; border:2px solid #fff; padding:15px; text-align:center; display:block;color:#fff; font-size:18px; font-weight:bold; } .gallery .ib .gall_con a{ width:25%; margin:0px 0px 10px 0px; display:block; height:400px;overflow:hidden; } .gallery .ib .gall_con a img{ width:150%; left:-25%; position:relative; } .s_map{ background:#000; } .s_map .ib{ padding:80px 0px 50px; } .s_map .ib img{ width:100%; } .s_map .ib .rec{ padding:10px;margin:60px 0px 20px; background:url(../img/pbg03.jpg); } .s_map .ib .rec .rec_ib{ background:#fff; padding:40px; } .s_map .ib .rec .rec_ib h3{ border-left:6px solid #000; padding:0px 10px;font-size:24px; } .s_map .ib .rec .rec_ib p{ font-size:18px;font-weight:bold; line-height:1.8; } .map{ height:400px; } .map iframe{ width:100%; height:100%; } /************************************/ .shop_info { width: 100%; background: url(../img/bg02.jpg); } .shop_info a{ color:inherit; } .shop_info .ib { height: 100%; position: relative; padding: 40px 0px; height: auto; overflow: hidden; } .shop_info .ib .left{ width:520px;background:url(../img/flogo.png) 0 0 no-repeat;background-size:120px auto; float:left;padding-left:150px; color:#fff;font-family:meryo; font-size:15px; } .shop_info .ib img.flogo{ width:150px;display:block; margin:20px auto; } .shop_info .ib .left p{ color:#000;line-height:1.6; } .shop_info .ib .left iframe{ width:100%; } .shop_info .ib .right{ width:450px;overflow:hidden; float:right;height:550px; } .shop_info .ib .righ iframe{ width:100%;height:100%; } .shop_info .ib .right p{ font-size:18px;marign:0; } .shop_info .ib .right img{ display:block; margin-bottom:5px; } /*******************************************/ .foot_nav_con { background: #9F978A; min-height: 140px; } .foot_nav_con .ib { position: relative; padding: 20px 0 30px; overflow: hidden; height: 150px; } ul.foot_ul { width: 600px; display: flex; color: #fff; margin: 0 auto; } ul.foot_ul li { display: block; font-size: 13px; text-align: center; color: #fff; width: 20%; } ul.foot_ul li a { display: block; font-size: 13px; padding: 0 10px; border-right: 1px solid #fff; color: #fff; } ul.foot_ul li:last-child a { border-right: 0; } ul.foot_sns { display: flex; justify-content: center; position: absolute; left: calc(50% - 120px); top: 50px; width: 240px; padding: 0; } ul.foot_sns li { display: inline-block; text-align: center; font-weight: bold; font-size: 14px; padding: 4px; width: 37px; } ul.foot_sns li a img { width: 100%; } ul.foot_nav { display: flex; position: absolute; justify-content: center; width: 560px; left: calc(50% - 280px); margin: 0 auto; top: 25px; } ul.foot_nav li { display: block; width: 20%; text-align: center; font-weight: normal; font-size: 12px; border-left: 1px solid #fff; color: #fff; } ul.foot_nav li a { color: #fff; } ul.foot_nav li:last-child { border-right: 1px solid #fff; } .foot { height: 40px; padding: 10px; background: #000; } .foot_nav_con p { color: #fff; margin: 80px 0 0; font-size: 14px; text-align: center; } ul { padding: 0; } img.sublogo { width: ; width: 200px; display: block; margin: 0 auto; position: absolute; left: calc(50% - 100px); top: 38px; -webkit-filter: drop-shadow(3px 0 2px #666); } .subpage .head_fixed { position: fixed; top: 0; left: 0; height: 80px; width: 100%; z-index: 1; transition: 0.8s ease; background:url(../img/bg02.jpg) 0% 100%; background-size:auto; left: 0;border:none; padding-top: 15px; box-shadow: 0px 4px 3px rgba(0,0,0,.9); } .subpage .head_fixed .ib{ background:none; } .subpage .head_fixed ul li a { width: 100%;font-size:14px; display: block; color: #000; line-height: 1.3; position: relative; transition: 0.2s ease; text-align: center; padding: 5px 0px; } .subpage .head_fixed ul li:nth-child(1) img { width: 70px; background: none; margin: -40px 0px; padding: 10px 0px 0px; } .subpage .head_fixed ul li:nth-child(1) a{ border:none; } .subpage .head_fixed ul li:last-child a:before{ font-family:ionicons; content:"\f4b9"; } .subpage .head_fixed .ib{ width:980px; height:100px; } .subpage .head_fixed .ib ul { display: flex; justify-content:left; position: relative; padding: 10px 0px; margin: 0 auto; float: left; width: 100%;z-index:999999999999; } .subpage .head_fixed .ib ul li:nth-child(1) { padding: 0; width: 20%; position: relative; top: 10px; } .subpage .head_fixed .ib ul li:last-child a{ color:#000; } .subpage .head_fixed ul li:nth-child(2) a,.subpage .head_fixed ul li:nth-child(3) a,.subpage .head_fixed ul li:nth-child(5) a{ border-right:1px solid #000; } .subpage .head_fixed .ib ul li{ padding-top:20px;width:18%;height:58px; } .subpage .head_fixed .ib ul li:last-child{ width:25%; } .subpage .head_fixed .ib ul li a span{ color:#fff;display:none; } .sub_head { width: 100%; } .sub_head { background: url("../img/topbk.jpg") 0 0 repeat-x; background-size: 1000px auto; padding: 15px; height: 130px; position: fixed; top: -2px; z-index: 999; } .sub_head ul { width: 600px; top: 65px; left: 200px; } img.sub_head_logo { width: 170px; padding-top: 40px; } h1.sub_logo { position: absolute; left: calc(50% - 70px); top: -17px; font-size: 22px; color: #fff; text-align: ceter; line-height: 1.3; } .sub_head a.h_tel span { color: #645c47; font-size: 15px; } .sub_head ul li a { color: #645c47; border-color: #645c47; } .sub_head ul li a span { font-size: 10px; display: block; color: #645c47; text-align: center; font-weight: 600; } .sub_head ul li:last-child a { border-right: 1px solid #645c47; } .sub_head a.h_tel { color: #000; font-size: 19px; position: absolute; right: 10px; top: 60px; line-height: 1.2; } h1.sub_logo span { display: block; font-size: 12px; text-align: center; } .sub_menu { position: fixed !important; top: 0; left: 0; width: 100%; } .page_tit { padding-top: 101px; width: 100%; overflow: hidden; background: linear-gradient(-45deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)),url(../img/gal04.jpg) 50% 40%; background-size:cover,cover; color: #3B2B14; } .page_tit .ib { position: relative; } .page_tit h1 { font-size: 24px; margin: 20px 30px 30px; text-align: center; color: #fff; } .page_container { background: url(../img/p_bg02.jpg); background-size: auto; padding-bottom: 0; } .page_container h2 { border: 1px solid #000; font-size: 22px; margin: 40px 0; background: #fff; padding: 17px; text-align: center; } .subpage_con .ib { background: #fff; padding: 40px 60px; } .m_desc h3 { border-bottom: 1px solid #ddd; padding: 20px 0 10px; } .hblock { font-size: 24px; color: #9e0000; border-bottom: 3px solid #9e0000; margin-left: -20px; margin-bottom: 30px; } .hblock:before { content: "\f20e"; font-family: ionicons; margin-right: 10px; } a.sub_head_tel { color: #fff; font-size: 20px; position: absolute; right: 10px; top: 13px; display: inline; } a.subpage_tel { position: absolute; top: -5px; right: 10px; font-size: 24px; z-inex: 99999; } a.subpage_tel:before { content: "\f2d2"; font-family: ionicons; margin-right: 7px; } .menu_con { background: #fff; padding: 30px 40px; } .topic_box { padding: 20px 0; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 20px; } .menu h4 { color: #222; font-size: 18px; margin: 20px 0 10px; } .menu p.atten{ background:#f1f1f1; padding:15px; } .topic_box h3 { color: #7d0000; margin-top: 0; } .topic_box h4 { border-bottom: 2px solid #700000; color: #d70035; font-size: 22px; } .topic_box h4 span { font-size: 14px; color: #444; display: block; } .topic_box img { width: 33%; float: left; } .topic_box .topic_right { width: 60%; float: left; padding: 0 20px; } .menu_box { position: relative; } span.recom { background: #d70035; color: #fff; padding: 5px 10px; font-size: 13px; margin-right: 5px; } li { list-style: none; } .menuList li { width: 800px; margin: 0 auto 40px; padding-top: 10px; } .menuList li table { width: 100%; } .menuList li table thead th { font-size: 22px; color: #d10000; } .menuList li table td, .menuList li table th { border-bottom: 1px solid #ccc; padding: 15px 10px; line-height: 1.8; vertical-align: top; font-size: 16px; text-align: left; } .btn_container { padding-bottom: 0; margin: 40px 0 10px; } .btn_container .btn { display: flex; justify-content: center; } .page_container .gal_box { margin: 40px 0 0; } .page_container .gal_box a { height: 120px; margin-right: 5px; } .page_container .gal_box a img { width: 220px; } .btn_container .btn a { display: block; width: 25%; padding: 15px 40px; color: #fff; margin: 0 3px; text-align: center; background: #222; border-radius: 6px 6px 0 0; } .m_img { width: 300px; height: 210px; overflow: hidden; } .m_img img { width: 100%; } .menu img{ max-width:100%; } .menu .manu_wrap{ margin:60px 0px; } .menu h3 { text-align: left; color: #fff; background: url(../img/p_bg05.jpg); font-size: 22px; padding: 10px 10px; } .menu h4{ border-left:4px solid #501516 ; padding:0px 10px; } section.menu .inner dl { margin: 0 auto; width: 100%; margin-bottom: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; } section.menu .inner dl dd, section.menu .inner dl dt { padding: 10px 0; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.4); font-weight: bold; } section.menu .inner dl dt { width: 70%; padding-left: 15px; text-align: left; border: 0; border-bottom: 1px solid rgba(0,0,0,0.4); } section.menu .inner dl dd { padding-right: 15px; width: 30%; border-bottom: 1px solid rgba(0,0,0,0.4); text-align: right; margin: 0; } section.menu .inner dl a { color: #000; } section.menu .inner dl { border-top: 1px solid rgba(0,0,0,0.4); width: 100%; margin: 30px 0; } .btn h2 { text-align: center; font-size: 40px; padding-top: 40px; } h3.eat { padding: 7px; color: #fff; background: #d70035; border-bottom: 1px solid #d70035; } .gallery_con { background:; overflow: hidden; } .gallery_con a { display: block; width: 31%; float: left; margin: 10px; overflow: hidden; position: relative; } .gallery_con a span { display: block; height: 190px; overflow: hidden; } .gallery_con a p { background: rgba(0,0,0,.7); color: #fff; padding: 10px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; margin-bottom: 0; } .gallery_con a img { width: 100%; min-height: 190px; } .lightbox { padding-top: 30px; } .access_con { background: #fff; padding: 30px 40px; overflow: hidden; } .access_con .shop_info { width: 100%; background: #fff; border:none; } .access_con .shop_info table{ border-spacing:0;width:100%; } .access_con .shop_info table th { text-align: center; position: relative; color: #000; font-size: 17px; padding: 19px; background: 0; width: 30%; border-bottom: 1px solid #000; } .access_con .shop_info table td a { color: #000; } .access_con .shop_info table td { color: #000; border-bottom: 1px solid #000; padding: 19px 20px; font-size: 17px; width: 70%; } .access_con iframe { width: 100%; height: 400px; margin:40px 0px; } dl { margin: 2px 0; } .access dl dt { background: #11273f; color: #fff; border: 0; } dl dt { font-weight: 700; width: 200px; text-align: center; background: #f1f1f1; border-top: 2px solid #700000; } dl dd, dl dt { display: block; padding: 8px 1pc; } dl dd { background: hsla(0,0,100%,.3); } .kodawari_con { background: #fff; padding: 30px 40px; overflow: hidden; min-height: 700px; } .kodawari_box { overflow: hidden; padding: 40px; height: auto; background: url(../img/intro_bg.png) 0% 100%; background-size:cover; margin-bottom: 20px; color:#fff;font-weight:bold; border:4px solid #b8860b; } .kodawari_box h3 { margin-top: 0; font-size: 18px; margin-bottom: 30px; color:#222; border-bottom: 1px solid #222; padding-bottom: 7px; } .kodawari_box h4 { border-bottom: 3px solid #fff; color:#fff; } .kodawari_box img { display: block; width: 48%; float: left; } .koda_right { width: 52%;line-height:1.8; float: left;color:#222; padding: 0 20px; } .kodawari_box p span { display: block; font-size: 18px; color:#222; line-height: 2; } #google_translate { margin: 0; padding: 0 20px; height: 24px; background-color: none; position: fixed; width: 360px; right:0;left:auto; z-index: 999999999; } a.hiro{ padding:30px; display:block; width:100%;background:#292E2E;color:#fff;font-size:18px; text-align:center; } .foottable{ color: #000000; text-align: left; line-height: 26px; }