@charset "utf-8";
  @import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
* {
margin: 0;
padding: 0;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html,body {
height: 100%;
}
body {
font: 14px/2 "Noto Sans Japanese";   background: #ffffff;
-webkit-text-size-adjust: 100%;
color:#333333;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}
table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
}
a {
color: #502420;
}
a:hover {
color: #6b4946;
text-decoration: none;
}
a:hover img {
filter: Alpha(opacity=70);
opacity: 0.8; }
.red{
color:#cc0000;
}
.center{
text-align:center;
}
.waku02.bImg {
border:5px solid #ccc;
border-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/waku.jpg) 15 repeat;
-webkit-border-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/waku.jpg) 15 repeat;
}
.page_image img{
width:100%;
height:auto;
}
#pankuzu{
margin-bottom:10px;
}
.home_icon{
color:#990000;
margin-right:5px;
}
.setsumei{
display:none;
}
#main {
background: #ffffff;
}
#main-in {
padding-left: 260px;
}
#main p {
margin-bottom: 1em;
line-height: 1.9;
}
#main .inner {
padding-top: 20px;
padding-left:60px;
padding-right:60px;
padding-bottom:60px;
}
footer{
padding-left: 260px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
background-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/footer_bg.gif);
background-position:left top;
background-repeat:repeat-x;
}
footer p{
font-size:10px;
color:#ffffff;
} #main-visual {
background: #64CE80;
background: -webkit-linear-gradient(-45deg, #64CE80, #C68BC4);
background: -moz-linear-gradient(-45deg, #64CE80, #C68BC4);
background: -ms-linear-gradient(-45deg, #64CE80, #C68BC4);
background: -o-linear-gradient(-45deg, #64CE80, #C68BC4);
background: linear-gradient(-45deg, #64CE80, #C68BC4);
height: 400px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#copyright a {
color: #666;
text-decoration: none;
}
#copyright a:hover {
text-decoration: underline;
} #global-head {
position: fixed;
color: #033560;
width: 260px;
text-align: center;
padding-top: 60px;
z-index: 100;
}
#global-head h1{
display:none;
}
#global-head h3{
display:none;
}
#global-head h4{
display:none;
}
#global-head address{
display:none;
margin-top:20px;
}
.tel-icon{
display:none;
}
.tel-icon span {
display: block;
color: #fff;
text-decoration:none;
}
.tel-icon i {
width: 32px;
height: 32px;
margin: 0;
border-radius: 50%;
background: #a91507;
line-height: 32px;
text-align: center;
}
.otoiawase{
margin-top:20px;
}
#sidebar {
font-size: 15px;
padding-top: 140px;
width: 260px;
height: 100%;
position: fixed;
color: #033560;
background: #fff;
text-align: center;
z-index:90;
background-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/side_bg.jpg);
}
#global-nav ul {
list-style: none;
margin-left: 0;
}
#global-nav > ul > li {
position: relative;
}
#global-nav a {
color: #330000;
text-decoration: none;
display: block;
padding: 15px 0;
-moz-transition: background-color .3s linear;
-webkit-transition: background-color .3s linear;
transition: background-color .3s linear;
font-weight:bold;
border-bottom:1px dotted #a57147;
}
#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
color: #fff;
background: #330000;
background-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/submenu_bg.png);
}
#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
width: 230px;
} #global-nav .sub-menu-head {
position: relative;
}
#global-nav .sub-menu-head:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
vertical-align: middle;
width: 8px;
height: 8px;
border-top: 1px solid #330000;
border-right: 1px solid #330000;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} #global-nav .sub-menu-nav {
position: fixed;
background: #330000;
background-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/submenu_bg.png);
color: #fff;
top: 0;
padding-top: 90px;
left: 260px;
width: 0;
height: 100%;
overflow: hidden;
-moz-transition: width .2s ease-out;
-webkit-transition: width .2s ease-out;
transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
border-color: #fff;
}
#global-nav .sub-menu-nav a {
color: #fff;
}
#global-nav .sub-menu-nav a:hover {
color: #330000;
background: #fff;
} #nav-toggle {
display: none;
position: fixed;
top: 20px;
right: 15px;
height: 32px;
}
#nav-toggle > div {
position: relative;
width: 32px;
}
#nav-toggle span {
width: 100%;
height: 4px;
left: 0;
display: block;
background: #330000;
position: absolute;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}
#overlay {
display: none;
position: fixed;
background: rgba(0,0,0,.6);
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.slideshow {
position: relative;
width: 100%;
padding-top: 34%;
overflow: hidden;
margin: 0 auto;
}
.slideshow .item {
width: 100%;
position: absolute;
top: 0;
display: none;
}
.in {
-webkit-transform: scale(1);
transform: scale(1);
z-index: 2;
}
.out {
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition: 4s;
transition: 4s;
z-index: 1;
}
.title {
text-align: center;
color: rgba(102, 102, 102, 0.70);
margin: 20px 0 15px 0;
}
#main .inner h2 {
background-color: #320000; background-image: -webkit-gradient(linear, left top, left bottom, from(#531717), to(#320000)); background-image: -webkit-linear-gradient(#531717, #360101 49%, #320000 50%); background-image: linear-gradient(#531717, #360101 49%, #320000 50%); border: 1px solid #320000; border-radius: 6px 6px 0px 0px; -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; color: #FFF; padding: 5px 15px; clear: both;
font-size:16px;
} #main .inner h3 {
background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3)); background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); background-image: linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; font-size: 16px;
color: #320000; padding: 2px 15px; clear: both;
border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 3px solid #320000; }
h5{
text-align:center;
font-size:16px;
background: #7c281f;
box-shadow: 0px 0px 0px 2px #7c281f;
border: dashed 1px #835620;
padding: 2px 2px;
color: #ffffff;
margin-bottom:10px;
font-weight:normal;
}
.margin_b{
margin-bottom:10px;
}
.post-date{
text-align:right;
}
.dl_list{
padding-left:10px;
}
.dl_list dl{
border-bottom:1px dotted #cccccc;
}
.btn_c {
padding-top:5px;
margin-bottom:20px;
}
.btn_c a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); }
.btn_c2 {
padding-top:5px;
margin-bottom:20px;
}
.btn_c2 a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c2 a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); } .list article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
.list article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
.list article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } .list article a:hover {
background-color: #FFF; } .list article p {
padding: 0px;
margin-left: 220px; } .list article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } .list article h4 {
padding: 2px 0px 2px 10px; font-size: 16px;
border-bottom: 1px solid #CCC; border-left: 3px solid #320000; margin-bottom: 0.5em;
color: #320000; } #main section.list2 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); background-image: -webkit-linear-gradient(#FFF, #e3e3e3); background-image: linear-gradient(#FFF, #e3e3e3); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list2 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list2 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list2 article a:hover {
background-color: #FFF; } #main section.list2 article p {
padding: 0px;
margin-left: 10px; } #main section.list2 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list2 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #1ec17a; margin-bottom: 0.5em;
color: #1ec17a; } #main section.list3 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list3 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list3 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list3 article a:hover {
background-color: #FFF; } #main section.list3 article p {
padding: 0px;
margin-left: 10px; } #main section.list3 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list3 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #a08b63; margin-bottom: 0.5em;
color: #a08b63; } .list5{
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
} #main section.list article p {
padding: 0px;
margin-left: 220px; } .list5 img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; margin-left:0px;
} .list5 article h4 {
padding: 2px 0px 2px 10px; font-size: 16px;
border-bottom: 1px solid #CCC; border-left: 3px solid #320000; margin-bottom: 0.5em;
color: #320000; }
.list5_left{
width:360px;
float:left;
}
.list5_right{
width:360px;
float:right;
} .list6{
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
} .list6 img {
background-color: #FFF; padding: 5px; border: 1px solid #CCC; margin-left:0px;
} .list6 article h4 {
padding: 2px 0px 2px 10px; font-size: 16px;
border-bottom: 1px solid #CCC; border-left: 3px solid #320000; margin-bottom: 0.5em;
color: #320000; }
#wrap ul{
overflow: hidden;
}
#wrap ul li{
height:150px;
margin-top:20px;
margin-right:20px;
float:left;
background:#F7B981;
width: 33.33333%;
width: calc((100% - 40px) / 3);
width: -webkit-calc((100% - 40px) / 3);
width: -moz-calc((100% - 40px) / 3);
}
@media all and (-ms-high-contrast:none){
#demo-wrap ul.column3 li{
width: calc((100% - 41px) / 3);
}
}
#wrap ul li:last-child {
margin-right:0;
}
section table { width: 100%;margin-bottom:20px; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; } .demo01 th  { width: 20%; text-align: center; }
.contents-wrap{
width: 100%;
max-width: 1260px;
margin: 0 auto;
}
.contents-wrap > div{
float: left;
margin-bottom: 20px;
padding-right: 10px;
}
.contents-inner-3{
width: 33.33333%;
}
.contents-inner-4{
width: 25%;
}
.contents-inner-5{
width: 20%;
}
.contents-wrap:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.dammy-3{
}
.dammy-3 img{
width: 100%;
height:auto;
}
.dammy-4{
}
.dammy-4 img{
width: 100%;
height:auto;
}
.dammy-5{
height: 200px;
background: #6E6EFF;
}
#map {
width: 100%;
height: 300px;
}
#map2 {
width: 100%;
height: 300px;
}
.button_d {
display: inline-block;
width: 180px;
height: 44px;
text-align: center;
text-decoration: none;
line-height: 44px;
outline: none;
position: relative;
z-index: 2;
background-color: #3f0303;
border: 2px solid #320000;
color: #fff;
line-height: 40px;
}
.button_d i{
margin-right:5px;
}
.button_d:hover {
background-color: #fff;
border-color: #320000;
color: #320000;
}
.button_d::before,
.button_d::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
width: 50%;
height: 100%;
background-color: #320000;
}
.button_d::before {
right: 0;
}
.button_d::after {
left: 0;
}
.button_d,
.button_d::before,
.button_d::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button_d:hover::before,
.button_d:hover::after {
width: 0;
background-color: #320000;
}
.breadcrumb {
margin-left: 0;
padding-left: 0;
margin-bottom:20px;
}
.breadcrumb li{
display:inline; list-style: none;
font-weight: bold; }
.breadcrumb li:after{ font-family: "Font Awesome 5 Free";
content: '\f0da';
padding: 0 3px;
color: silver;
}
.breadcrumb li:last-child:after{
content: '';
}
.breadcrumb li a {
text-decoration: none;
color: #0066ff;
}
.breadcrumb li:first-child a:before{ font-family: "FontAwesome";
content: '\f0da';
font-weight: normal;
font-size: 1.1em;
color: #f3948f;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.pagetop {
display: none;
position: fixed;
bottom: 27px;
right: 15px;
}
.pagetop a {
display: block;
background-color: #af7536;
text-align: center;
color: #ffffff;
font-size: 14px;
text-decoration: none;
padding: 5px 10px;
　　filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.pagetop a:hover {
display: block;
background-color: #daa163;
text-align: center;
color: #fff;
font-size: 14px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.new{
background: #df002c;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
font-size:12px;
margin-left: 5px; color: #fff;
border-radius: 3px; }
.news_icon{
margin-right:5px;
color:#ff9900;
}
#next{
border-top:1px dotted #cccccc;
margin-top:10px;
text-align:center;
}
.fuwatAnime {
-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: fuwatAnime;
-ms-animation-name: fuwatAnime;
animation-name: fuwatAnime;
visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@media screen and (max-width: 900px) {
#global-head h2{
margin-left:0px;
margin-right:auto;
}
#global-head h2 img{
width:80%;
height:auto;
}
#global-head address{
display:inherit;
position: fixed;
top: 10px;
right: 40px;
margin-top:0px;
}
#global-head address img{
width:80%;
height:auto;
}
#main-in {
padding-top:60px;
padding-left: 0;
}
#main .inner {
padding: 5px;
} .list article p {
margin-left: 0!important;
} .list article figure img {
width: 40%;
height: auto;
margin-right: 5px;
float:none!important;
}
footer{
padding-left:0;
}
#global-head {
width: 100%;
padding-top: 10px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
background: rgba(255,255,255,.8);
display: -webkit-flex;
display: flex;
align-items: center;
background-image:url(https://www.zei-narita.net/wp-content/themes/zei-narita-net/images/side_bg.jpg);
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
#sidebar { position: fixed;
padding-top: 60px;
right: -300px;
top: 0;
height: 100%;
width: 300px;
color: #333333;
background: #fff;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
} #global-nav .sub-menu-head:after,
#global-nav .sub-menu-nav {
display: none;
}
#nav-toggle {
display: block;
} .open {
overflow: hidden;
}
.open #overlay {
display: block;
}
.open #sidebar  {
-webkit-transform: translate3d(-300px,0,0);
transform: translate3d(-300px,0,0);
} .open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} #overlay {
z-index: 200;
}
#sidebar {
z-index: 300;
}
#nav-toggle {
z-index: 400;
}
}
@media screen and (max-width: 480px) {
#sidebar {
right: -200px;
width: 200px;
padding-top: 60px;
}
.open #sidebar  {
-webkit-transform: translate3d(-200px,0,0);
transform: translate3d(-200px,0,0);
}
#global-head address{
display:none;
}
.otoiawase  address img{
width:80%;
height:auto;
}
.tel-icon{
display:inherit!important;
position: fixed;
top: 18px;
right: 55px;
}
#global-head {
text-align:left;
}
#wrap ul li{
float:none;
width:100%;
}
.demo01 { margin: 0; }
.demo01 th,
.demo01 td{
width: 100%;
display: block;
border-top: none;
}
.demo01 tr:first-child th { border-top: 1px solid #ddd; }
.contents-inner-3{
width: 100%;
}
.contents-inner-4{
width: 100%;
}
.contents-inner-5{
width: 100%;
}
.center_s{
text-align:center;
}
}