body{margin:0px;font-size:20px;line-height:2em;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
img{border:none;max-width:100%;margin:0px;padding:0px;display:block;}
a{text-decoration:none;color:black;}
a:hover,a img:hover{opacity:.8;transition-duration:.3s;transform:translate(1px,1px);}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
h1,h2,h3{font-weight:normal;margin:0;padding:0;font-feature-settings:"palt";}
.spbr{display:none;}
img.pc{display:block;}
img.sp{display:none;}
.fadein {opacity:0;transform:translateY(10em);transition: all 1.5s;z-index:3}
.fadeinU {opacity:0;transform:translateY(-10em);transition: all 1.5s;}
.fadeinL {opacity:0;transform:translateX(-10em);transition: all 1.5s;}
.fadeinR {opacity:0;transform:translateX(10em);transition: all 1.5s;}
.fadeinO {opacity:0;transition: all 1.5s;}
.fadeinB {opacity:0;transform:scale(2,2);transition: all 1s;z-index:3}

/* 本文ヘッダー */
header,article,footer{width:60em;margin:0 auto;display:block;}
header{background:url(img/header_back2_pc.jpg) no-repeat;background-size:contain;height:113em;position:relative}
header a{position:absolute;width:24.3em;display:block;top:80em;left:17.85em;z-index:4}


section{position:relative;width:100%;}
section div{position:relative;display:inline-block;}
section div h1,
section div h2,
section div h3,
section div p{font-size:1.3em;color:white;line-height:1.6em;}
section div h1{color:black;}
section#nihonichi{background:url(img/nihonichi_back_pc.jpg) no-repeat;background-size:contain;height:82.45em;}
section#kankyo{background:url(img/kankyo_back_pc.jpg) no-repeat;background-size:contain;height:48.95em;}
section#syokkan{background:url(img/syokkan_back_pc.jpg) no-repeat;background-size:contain;height:51.5em;}
section#kikai{background:url(img/kikai_back_pc.jpg) no-repeat;background-size:contain;height:21.5em;}
section#kyusoku{background:url(img/kyusoku_back_pc.jpg) no-repeat;background-size:contain;height:21.5em;}
section#hiki{background:url(img/hiki_back_pc.jpg) no-repeat;background-size:contain;height:62em;}

section#nihonichi div{top:14.5em;left:12.5em;}
section#nihonichi div span{color:#1c4f34;font-size:1.5em;line-height:1.2em;}
section#kankyo div{top:29em;left:27em;text-align:right;}
section#syokkan div{top:37em;left:0%;width:100%;text-align:center;}

section#kikai div{top:3.5em;left:31.5em;text-align:right;}
section#kyusoku div{top:3.5em;left:9.5em;}
section#hiki div{top:3.25em;left:30em;text-align:right;}

section#messe{background:url(img/messe_back_pc.jpg) no-repeat;background-size:contain;height:80em;}
section#ippin{background:url(img/ippin_back_pc.jpg) no-repeat;background-size:contain;height:199em;}
section#messe div{top:45em;left:10.8em;z-index:0}
section#messe div p{margin-bottom:1.5em;line-height:2;color:black;text-shadow:0 0 .35em rgba(255,255,255,1),0 0 .35em rgba(255,255,255,1),0 0 .35em rgba(255,255,255,1),0 0 .35em rgba(255,255,255,1),0 0 .35em rgba(255,255,255,1)}
section#ippin div{top:70em;left:27.1em;color:black;}
section#ippin div p{color:black;margin-bottom:1.5em;}
section#movie iframe{width:40em;height:22.5em;margin:0em auto;display:block;}

.green{color:#2a553a;font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.white{color:white;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
section#tabekata{background:url(img/tabekata_back_pc.jpg) no-repeat;background-size:contain;height:55em;}
section#tabekata_text{text-align:center;padding:0 0 2em;}
section#tabekata_text h1{font-size:2.2em;margin:1em 0 .2em}
section#tabekata_text h2{font-size:1.5em;line-height:1.8em;}
section#tabekata_text ul{display:flex;margin:2em auto 0;width:41em;}
section#tabekata_text ul li{width:calc(100%/5 - .5em);margin:0 .25em}

section#open{background:url(img/open_kinen_back.jpg) no-repeat;background-size:contain;width:45em;height:55.5em;margin:0 auto 5em;position:relative;}
section#open a{position:absolute;width:24.3em;display:block;bottom:3em;left:10.35em;z-index:4}

section#nihachi div{background:url(img/nihachi_back_pc.jpg) no-repeat;background-size:contain;}
section#towari div{background:url(img/towari_back_pc.jpg) no-repeat;background-size:contain;}

section.sobalist > h1{text-align:center;margin:.5em 0 1.5em;font-size:1.5em;line-height:1.75em;}
section.sobalist ul{display:flex;margin:1em auto 5em;width:42.4em;}
section.sobalist ul li{width:21em;margin:.1em;text-align:center;letter-spacing:.1em;font-weight:bold;}
section.sobalist ul li h1{font-size:1.5em;margin:.5em 0 .25em;}
section.sobalist ul li h2{font-size:2em;margin:.25em 0;}
section.sobalist ul li h2 span{font-size:.75em;padding-left:.5em;}
section.sobalist ul li h3{font-size:3em;margin:0 auto .65em;display:table;position:relative;}
section.sobalist ul li h3 span{font-size:.5em;}
section.sobalist ul li h3::after{content:"（税込）";font-size:.25em;display:block;position:absolute;right:0em;top:2.75em}
section.sobalist ul li a{width:60%;margin:0 auto;display:block;padding:.15em .5em;background:#2a553a;text-align:center;position:relative;font-size:.85em;box-shadow:0 0 .5em rgba(0,0,0,.5);}
section.sobalist ul li a::after{content:">";color:#ffcc00;position:absolute;right:1.5em;top:.125em;transform: scale(1, 1.5);}

section#nihachi ul li:nth-of-type(1) a{background:#a26d2e;}
section#nihachi ul li:nth-of-type(2) a{background:#818768;}
section#towari ul li:nth-of-type(1) a{background:#4b4364;}
section#towari ul li:nth-of-type(2) a{background:#77544c;}


section#storelink h1{text-align:center;color:#2a553a;font-size:1.5em;}
section#storelink a{width:35%;margin:.2em auto;display:block;padding:.5em;background:#2a553a;border-radius:.1em;text-align:center;position:relative;font-size:1.75em;box-shadow:0 0 .1em rgba(0,0,0,.5);}
section#storelink a::after{content:">";color:#ffcc00;position:absolute;right:.5em;top:.4em;transform: scale(1, 1.5);}
footer{text-align:center;border-bottom:3px solid black}
footer h1{background:#2a553a;color:white!important;padding:1em 0;margin:2.5em 0 0 }
footer h3{font-size:3em;font-weight:bold;margin:.75em auto;font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer img{width:32em;margin:1em auto;}
footer a{color:black!important;margin:.75em 0 3em;letter-spacing:.2em;font-size:1.5em;display:block;}
footer a:hover{color:black}
input[type="text"]{width:4em;display:inline-block;margin:0 auto;text-align:right;padding:.2em;}
form p{display:inline-block;margin:0;padding:0 .5em 0 0;font-size:.75em;}
button[type="submit"]{width:60%;margin:.5em auto 0;display:block;padding:.5em .5em;background:#2a553a;text-align:center;position:relative;color:white;font-size:.85em;box-shadow:0 0 .5em rgba(0,0,0,.5);border:none;letter-spacing:.1em;font-weight:bold;cursor:pointer;}
button[type="submit"]::before{content:">";color:#ffcc00;position:absolute;right:1.5em;top:.75em;transform: scale(1, 1.5);}
button[type="submit"]:hover{opacity:.8;transition-duration:.3s;transform:translate(1px,1px);}

@media all and (min-width: 0) and (max-width: 749px)  {
body{font-size:2.22vw;}
img.sp{display:block;}
img.pc{display:none;}
header,footer,article{width:100%;overflow:hidden}
header{background:url(img/header_back2_sp.jpg) no-repeat;background-size:cover;}
header a{left:10.35em;z-index:4}
section#nihonichi{background:url(img/nihonichi_back_sp.jpg) no-repeat;background-size:cover;}
section#kankyo{background:url(img/kankyo_back_sp.jpg) no-repeat;background-size:cover;}
section#syokkan{background:url(img/syokkan_back_sp.jpg) no-repeat;background-size:cover;}
section#kikai{background:url(img/kikai_back_sp.jpg) no-repeat;background-size:cover;}
section#kyusoku{background:url(img/kyusoku_back_sp.jpg) no-repeat;background-size:cover;}
section#hiki{background:url(img/hiki_back_sp.jpg) no-repeat;background-size:cover;}
section#nihonichi div{left:2.5em;}
section#kankyo div{left:18em;}

section#kikai div{;left:23em;}
section#kyusoku div{left:2.5em;}
section#hiki div{left:23em;}
section#messe{background:url(img/messe_back_sp.jpg) no-repeat;background-size:cover;}
section#ippin{background:url(img/ippin_back_sp.jpg) no-repeat;background-size:cover;}
section#tabekata{background:url(img/tabekata_back_sp.jpg) no-repeat;background-size:contain;}
section#messe div{left:3.5em;}
section#ippin div{left:19.5em;}
section#storelink a{width:45%;}
section#nihachi div{background:url(img/nihachi_back_sp.jpg) no-repeat;background-size:contain;}
section#towari div{background:url(img/towari_back_sp.jpg) no-repeat;background-size:contain;}
}
