@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
html {
font-size: 62.5%;
} .fontS { font-size: 62.5%; }
.fontL { font-size: 90%; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,
textarea {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
caption,
th {
text-align: left;
}
th {
font-weight: normal;
}
a:focus {
outline: none;
}
a,span{
text-decoration: none;
color: inherit;
font-weight: inherit;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
video {
vertical-align: bottom;
width: 100%;
height: auto;
}
textarea {
resize: vertical;
} *:not(br) {
box-sizing: border-box;
line-height: 1.4;
}
*:not(br)::before, *:not(br)::after {
box-sizing: inherit;
line-height: inherit;
}
body {
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size: 1em;
color: #000; -webkit-text-size-adjust: 100%;
position: relative;
text-align: left;
} .min{
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
p {
line-height: 1.6;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
button,
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
}
.pc {
display: block;
}
.sp {
display: none;
}
@media screen and (max-width: 812px) {
.pc {
display: none;
}
.sp {
display: block;
}
}
.clear{
clear:both;
margin:0;
padding:0;
}
.cf:after,
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.fixed{
position: fixed;
}/**/@media screen and (max-width: 1000px) {
}
.box1 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #000000;
}
.box1 p {
margin: 0; 
padding: 0;
}
 @media screen and (min-width: 1001px) {
.pc {display:block!important;}
.sp {display:none!important;}
}
body {
padding-top: 63px; } a{
text-decoration: none;
}
a:hover {
}
a:hover img{
opacity: 0.75;
transition: 0.5s;
}
a:hover{
opacity: 0.75;
transition: 0.5s;
}
strong{
font-weight: bold;
}
.wrap {
margin: 0 auto;
padding: 0 10px;
max-width: 1080px;
width: 100%;
}
#loading {
width: 100vw;
height: 100vh; background-color: #fff;
position: fixed;
z-index: 1000;
margin-top: -63px;
} header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: #fff;
width: 100%;
border-bottom: 2px solid #e9eff2;
}
header.trans { background-color: #fff;
border-bottom: 2px solid #e9eff2;
}
header .wrap{
padding-top: 1em;
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 110px;
align-items: center;
padding: 0 2%;
}
header .wrap::after{
content: '';
position: absolute;
display: block;
right: 0;
bottom: -2px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/wave.svg) no-repeat 0 0;
background-size: contain;
width: 60px;
height: 25px;
}
header.trans .wrap::after{
content: '';
position: absolute;
right: 0;
bottom: -2px; background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/wave.svg) no-repeat 0 0;
background-size: contain;
width: 60px;
height: 25px;
}
header .wrap .logo{
width: 160px;
}
header .wrap .logo img{
width: 170px;
height: auto;
}
header #modal-open{
display: block;
font-size: 1.5rem;
padding: 0.4em 1.5em 0.4em 3.25em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/setting.svg) no-repeat 1.25em center;
background-size: 1.2em auto;
border-radius: 3px;
border: 2px solid #e9eff2;
background-color: #fff;
outline: none;
color: #4b4b4b;
font-weight: bold;
transition: background-color 0.3s ease 0s;
}
header #modal-open:hover{
cursor: pointer;
background-color: #e9eff2;
}
header select{
border-radius: 3px;
border: 1px solid #aaa;
font-size: 1.5rem;
padding: 0.4em 0 0.4em 0.8em;
}
ul.header_navi{
margin: 0 auto;
text-align: center;
}
ul.header_navi li.voice input{
display: block;
margin: 2.5em auto 0 auto;
font-size: 1.5rem;
padding: 0.35em 1.5em 0.35em 3.25em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/speaker.svg) no-repeat 1.25em center;
background-size: 1.2em auto;
border-radius: 3px;
border: 3px solid #e9eff2;
background-color: #fff;
outline: none;
color: #5388a7;
font-weight: bold;
transition: background-color 0.3s ease 0s;
}
ul.header_navi li.voice input:hover{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/speaker.svg) no-repeat 1.25em center #e9eff2;
background-size: 1.2em auto;
border-color: #e9eff2;
cursor: pointer;
}
ul.header_navi li.voice input.stop{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/speaker_stop.svg) no-repeat 1.25em center #fff;
background-size: 1.2em auto;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
ul.header_navi li.voice{
display: none;	
}
}
ul.header_navi li.font_size{
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
margin: 1.75em auto 0 auto;
font-weight: bold;
color: #000;
}
ul.header_navi li.font_size ul{
display: flex;
padding: 0 0.5em;
}
ul.header_navi li.font_size ul li{
margin-right: 0;
padding: 0 0.5em;
transition: background-color 0.3s ease 0s;
}
ul.header_navi li.font_size ul li:not(.active):hover{
cursor: pointer;
background-color: #aaaaaa;
opacity: 1;
}
ul.header_navi li.font_size ul li.normal{
font-size: 1.5rem;
color: #5388a7;
background-color: #fff;
padding: 0.35em 1.5em;
letter-spacing: 0.2em;
border: 2px solid #5388a7;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-weight: bold;
} 
ul.header_navi li.font_size ul li.normal.active{
color: #fff;
background-color: #5388a7;
font-weight: normal
} 
ul.header_navi li.font_size ul li.big{
font-size: 1.5rem;
color: #5388a7;
font-weight: bold;
border: 2px solid #5388a7;
padding:  0.35em 1.5em;
letter-spacing: 0.2em;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #fff;
} 
ul.header_navi li.font_size ul li.big.active{
color: #fff;
background-color: #5388a7;
font-weight: normal
} 
ul.header_navi li.bgColor{
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
margin: 1.75em auto 0 auto;
font-weight: bold;
color: #000;
}
ul.header_navi li.bgColor ul{
display: flex;
padding: 0 0.5em;
}
ul.header_navi li.bgColor ul li{
padding: 0 0.5em;
transition: opacity 0.3s ease 0s;
margin-right: 0.25em;
}
ul.header_navi li.bgColor ul li{
font-size: 1.5rem;
padding: 0.35em 1.5em;
letter-spacing: 0.2em;
border: 2px solid #5388a7;
border-radius: 3px;
font-weight: bold;
} 
ul.header_navi li.bgColor ul li#white{
color: #000;
border-color: #000;
background-color: #fff;
} 
ul.header_navi li.bgColor ul li#black{
color: #fff;
border-color: #000;
background-color: #000;
} 
ul.header_navi li.bgColor ul li#blue{
color: #ffff00;
border-color: #0000ff;
background-color: #0000ff;
} 
ul.header_navi li.bgColor ul li:not(.active){
opacity: 0.5;
}
ul.header_navi li.bgColor ul li:not(.active):hover{
cursor: pointer;
opacity: 1;
} nav.menu{
margin: 0 auto;
position: relative;
width: 100%;
}
nav.menu > ul{
display: flex;
justify-content: space-around;
align-items: center;
}
nav.menu > ul > li{
width: auto;
}
nav.menu > ul > li > a{
padding: 1em 0.75em 1em 1.0em;
display: block;
font-size: 1.5rem;
text-align: center;
width: 100%;
height: 100%;
position: relative;
letter-spacing: 0.1em;
font-weight: bold;
}
header.trans nav.menu > ul > li > a{ color: #000;
font-weight: bold;
} nav.menu > ul > li > a:hover{
opacity: 1;
}
nav.menu > ul > li > a::after{
display: none;
content: '＞';
position: absolute;
top: 2em;
left: 0.5em;
font-size: 1.0rem;
width: 10px;
height: 10px;
color: #d16a65;
transform: scale(0.6);
transition: bottom 0.3s ease 0s;
font-weight: bold;
}
nav.menu > ul > li > a:hover::after{
bottom: 0.75em;
}
nav.menu > ul > li > a::before{
content: "";
z-index: 0;
display: block;
position: absolute;
top: auto;
bottom:0;
left: 0;
right: 0;
width: 0;
margin: 0 auto;
height: 4px;
background: #d16a65;
transition: width 0.3s ease 0s;
}
nav.menu > ul > li > a:hover::before{
width: CALC(100% - 2em);
} nav.menu > ul > li > a span{
position: relative;
display: block;
} nav.menu > ul > li > .pull {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 57px; background-color: #fff;
z-index: 2;
padding: 1em 0 1em 2em;
}
nav.menu .pull ul{
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
}
nav.menu .pull ul li a{
padding: 1em 1em 1em 0;
display: block; color: #000;
font-size: 1.8rem;
font-weight: bold;;
text-align: center;
width: 100%;
height: 100%;
position: relative;
margin-right: 3em;
}
nav.menu .pull ul li a::before{
content: '＞';
position: absolute;
display: block;
top:23px;
left: 0;
width: 18px;
height: 18px;
color: #d16a65;
font-weight: bold;
font-size: 1.0rem;
}
nav.menu .pull ul li a:hover{
opacity: 1;
text-decoration: underline;
} #mv {
width: 100%;
padding: 0 !important;
position: relative;
overflow: hidden;
background-color: transparent;
margin-top: -63px;
}
#mv .slider{
max-height: 700px;
overflow-y: hidden;
}
#mv img {
}
#mv .zoomanime {
animation: zoomanime 12s 0s forwards;
}
@keyframes zoomanime {
0% {
transform: scale(1); }
100% {
transform: scale(1.07); }
}
.mv_txt {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
color: #fff;
text-align: center;
width: 95%;
z-index: 3; }
.mv_txt h2 {
font-size: 50px;
line-height: 1.4; }
.mv_txt span {
font-size: 18px;
line-height: 1.2;
display: block;
margin-top: 15px;
}
.searchform{
margin: 0 auto;
background-color: #fff;
max-width: 800px;
width: 80%;
height: 40px;
border: 2px solid #000;
border-radius: 3px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
display: flex;
align-items: center;
padding: 0 0 0 1em;
}
.searchform input{
width: calc(100% - 90px);
font-size: 1.4rem;
padding: 0.75em 2.5em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/search_ic.svg) no-repeat left 0.5em center;
background-size: 1.5em;
}
.searchform input::placeholder{
}
.searchform button{
width: 90px;
padding: 0;
height: 40px;
text-align: center;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
transition: 0.5s;
color: #fff;
background-color: #000;
font-size: 1.4rem;
}
.searchform button:hover{
background-color: #aaa;
}
.searchform button img{
width: 20px;
height: auto;
} footer {
width: 100%;
background-color: #5388a7;
}
footer .js-pagetop{
position: fixed;
right: 3%;
top: auto;
bottom: 2em;
margin: 0 auto;
width: 60px;
display: flex;
justify-content: flex-end;
}
footer .js-pagetop a{
width: 60px;
height: 60px;
border-radius: 30px;
background-color: #5388a7;
color: #fff;
text-align: center;
font-size: 1.0rem;
padding-top: 32px;
line-height: 1.1;
position: relative;
box-shadow: 0 0 3px rgba(255,255,255,0.9);
}
footer .js-pagetop a::before{
content: '▲';
position: absolute;
left: 0;
right: 0;
top: 0.85em;
bottom: auto;
margin: auto;
width: 1em;
height: 1em;
font-size: 1.5rem;
}
footer .footer_nav {
background-color: #e9eff2;
}	
footer .footer_nav .wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}	
footer .footer_nav ul.footer_menu{
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 1.4rem;
padding: 1em 0;
}
footer .footer_nav ul.footer_menu li a{
padding: 0.5em;
margin: 0 0.5em;
}
footer .footer_nav ul.footer_menu li a:hover{
text-decoration: underline;
opacity: 1;
}
footer .footer_nav ul.footer_menu li::after{
content: '｜';
}
footer .footer_nav ul.footer_menu li:last-of-type::after{
display: none;
}
footer .footer_nav ul.btn{
display: flex;
justify-content: flex-end;
align-items: center;
}
footer .footer_nav ul.btn li{
margin: 0 0.5em;
}
footer .footer_nav ul.btn li.contact a{
display: block;
font-size: 1.4rem;
font-weight: bold;
background-color: #fff;
letter-spacing: 0.15em;
padding: 0.5em 1.5em 0.5em 3.25em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/footer_contact.svg) no-repeat #fff 1.25em center;
background-size: 1.5em auto;
border-radius: 3px;
color: #5388a7;
}
footer .footer_nav ul.btn li.sec a{
display: block;
font-size: 1.4rem;
font-weight: bold;
background-color: #fff;
letter-spacing: 0.15em;
padding: 0.5em 1.5em 0.5em 3.25em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/footer_sec.svg) no-repeat #fff 1.25em center;
background-size: 0.75em auto;
border-radius: 3px;
color: #5388a7;
}
footer .footer_nav ul.btn li a:hover{
background-color: #aaaaaa;
opacity: 1;
}
footer .footer_info .wrap{
text-align: right;
padding: 2em 0 1em 0;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
}
footer .footer_info .wrap a{
text-decoration: underline;
}
footer .footer_info .wrap span{
font-weight: bold;
font-size: 2.0rem;
display: block;
padding: 0 0.5em 0.25em 0;
}
footer .footer_info .wrap a.map{
font-weight: bold;
color: #fff;
padding-left: 1.2em;
padding-right: 0.2em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/map.svg) no-repeat 0.2em center;
background-size: contain;
}
footer .footer_info .wrap img{
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
margin-top: 0.5em;
}
.copyright {
padding: 1em 0;
display: block;
font-size: 1.2rem;
background-color: #5388a7;
width: 100%;
vertical-align: middle;
text-align: center;
color: #fff;
margin-top: 4em;
} .pankuzu{
background-color: #e9eff2;
padding: 1em 0;
margin-top: 49px;
}
.breadcrumbs{
margin: 0 auto;
padding: 0 10px;
width: 100%;
max-width: 1080px;
font-size: 1.4rem;
}
.breadcrumbs a{
color: #212529;
}
.breadcrumbs span{
padding: 0 0 0 1em;
}
.breadcrumbs > span:first-of-type,
.breadcrumbs > span:last-of-type{
padding: 0;
}
.breadcrumbs span a span{
padding: 0 1em 0 0;
}
.corona_taisaku{
margin: 0 auto 3em auto;
width: 100%;
max-width: 1060px;
padding: 5em 0 1em 0;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/torii.jpg) no-repeat center 23%;
background-size: 100% auto;
text-align: center;
}
.corona_taisaku p{
text-align: center;
margin-top: 1em;
font-size: 26px;
font-weight: bold;
letter-spacing : 4px;
text-shadow: 
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff; }
.corona_taisaku .img1{
margin: 1em auto 0;
display: block;
width: 180px;
}
.corona_taisaku .img2{
margin: 1em auto 0;
}
.main{
margin: 2em auto 0 auto;
width: 100%;
max-width: 1080px;
padding: 0 10px;
}
.main.top{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.main.top .top_right{
width: 240px;
}
.main.top .top_center{
width: calc(100% - 280px);
}
.main.top .top_right .greeting a{
letter-spacing: 0.1em;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
border: 5px solid #e9eff2;
padding: 0.75em 0 1em 2em;
display: block;
position: relative;
margin: 0 auto 1em auto;
width: 240px;
transition: .3s;
}
.main.top .top_right .greeting a:hover{
transform: scale(1.05);
opacity: 1;
}
.main.top .top_right .greeting a::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 110px;
height: 120px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/kunii.png) no-repeat left bottom -40px;
background-size: auto 100%;
}
.main.top .top_right .greeting a span {
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
position: absolute;
right: 0.5em;
bottom: 0.25em;
font-weight: normal;
font-size: 1.0rem;
letter-spacing: 0;
margin-top: 0.25em;
color: #7B7B7B;
}
.top_right .twitter{
margin-top: 4em;
height: 510px;
}
.top_right .pop{
margin-top: 2em;
background-color: #e9eff2;
padding: 1em;
}
.top_right .pop h2{
text-align: center;
font-weight: bold;
font-size: 1.8rem;
color: #5388a7;
margin-bottom: 0.5em;
}
.top_right .pop .box{
background-color: #fff;
padding: 2em 1em 1em 1em;
}
.top_right .pop .box ul{
width: 86%;
margin: 0 0 0 4%;
}
.top_right .pop .box ul li{
text-align: right;
font-size: 1.4rem;
margin-bottom: 0.5em;
}
.top_right .pop .box ul li:first-of-type{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/pop1.svg) no-repeat 1em center;
background-size: 1.5em auto;
padding-right: 0.5em;
}
.top_right .pop .box ul li:nth-of-type(2){
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/pop2.svg) no-repeat 1.4em center;
background-size: contain;
}
.top_right .pop .box ul li:nth-of-type(3){
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/pop3.svg) no-repeat 1.4em center;
background-size: contain;
}
.top_right .pop .box ul li:nth-of-type(4){
position: relative;
}
.top_right .pop .box ul li:nth-of-type(4)::before{
content: '計';
position: absolute;
left: 1.4em;
top:0;
display: block;
font-size: 1em;
width: 1em;
height: 1em;
}
.top_right .pop .box .note{
text-align: right;
font-size: 1.1rem;
padding-right: 0.5em;
}
.bnr_kankou a{
font-size: 2.6rem;
letter-spacing: 0.6em;
color: #fff;
font-weight: bold;
text-shadow: 0 0 7px #000;
margin: 0 auto 0.5em auto;
width: 240px;
height: 300px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/pixta_29257937_M.png) no-repeat center top;
background-size: auto 133%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
position: relative;
}
.bnr_kankou a::before{
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border: 7px solid #fff;
opacity: 0.1;
}
.bnr_kankou a span{
font-weight: normal;
font-size: 1.5rem;
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 0.25em
}
.bnr_furusato a{
letter-spacing: 0.3em;
text-align: center;
font-size: 1.8rem;
padding: 1.25em 0 1.25em 2.25em;
display: block;
margin: 0 auto 0.5em auto;
width: 240px;
position: relative;
color: #fff;
background-color: #6cc4b7;
text-shadow: 0 0 7px #469b8f;
border-radius: 3px;
}
.bnr_furusato a::after{
content: '';
position: absolute;
left: 1em;
top: calc(50% - 1em);
display: block;
width: 3em;
height: 2em;
background-image: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/furusato2.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
}
.bnr_furusato a::before{
content: '';
display: block;
width: calc(100% - 12px);
height: calc(100% - 8px);
position: absolute;
left: 6px;
top: 4px;
border-top:1px solid #fff; 
border-bottom:1px solid #fff;
padding: 3px;
}
.bnr_furusato5 a{
letter-spacing: 0.1em;
text-align: center;
font-size: 1.5rem;
padding: 1.25em 0 1.25em 2.25em;
display: block;
margin: 0 auto 0.5em auto;
width: 240px;
position: relative;
color: #fff;
background-color: #af1d1e;
text-shadow: 0 0 7px #469b8f;
border-radius: 3px;
}
.bnr_furusato5 a::after{
content: '';
position: absolute;
left: 1em;
top: calc(50% - 1em);
display: block;
width: 3em;
height: 2em;
background-image: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/furusato5.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
}
.bnr_furusato5 a::before{
content: '';
display: block;
width: calc(100% - 12px);
height: calc(100% - 8px);
position: absolute;
left: 6px;
top: 4px;
border-top:1px solid #fff; 
border-bottom:1px solid #fff;
padding: 3px;
}
.bnr_vaccine a{
color: #fff;
letter-spacing: 0.1em;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
padding: 0.75em 0 0.75em 2.5em;
display: block;
margin: 0 auto 1em auto;
width: 240px;
position: relative;
text-shadow: 0 0 5px rgb(0 0 0 / 60%);
background: linear-gradient(-45deg, #1c2c65 0%, #37497c 10%,#37497c 11%,#2c3d6d 12%,#2c3d6d 72%,#1c2c65 100%); }
.bnr_vaccine a::after{
content: '';
position: absolute;
left: 1em;
top: calc(50% - 1em);
display: block;
width: 3em;
height: 2em;
background-image: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/vaccine.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
}
.bnr_vaccine a::before{
content: '';
position: absolute;
left: 2px;
top: 2px;
display: block;
height: calc(100% - 4px);
width: calc(100% - 4px);
border: 1px solid rgba(255,255,255,0.6);
z-index: 10;
}
.bnr_vaccine a::after{
content: '';
position: absolute;
left: 1em;
top: calc(50% - 1em);
display: block;
width: 3em;
height: 2em;
background-image: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/vaccine.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
}
.top_right .bnr{
margin-top: 2em;
}
.top_right .bnr li a{
text-align: center;
border-radius: 3px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
min-height: 70px;
width: 100%;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
line-height: 1.2;
align-items: flex-start;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.top_right .bnr li a{
height: 80px;
}
}
.top_right .bnr li.bnr_kanko a{
border: 5px solid #e9eff2;
padding: 0.5em 0;
display: block;
text-indent: -200%;
overflow: hidden;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/bnr_kanko.png) no-repeat center;
background-size: 75% auto;
}
.top_right .bnr li.bnr_toto a{
border: 3px solid #e9eff2;
padding: 0.5em 0 0.75em;
overflow: hidden;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/bnr_toto.png) no-repeat center top 0.85em;
background-size: auto 50%;
display: flex;
align-content: flex-end;
align-items: flex-end;
text-shadow: 0 0 0 #fff;
}
.top_right ul.bnr li.bnr_board a {
letter-spacing: 0.25em;
display: block;
text-align: center;
font-size: 1.9rem;
font-weight: normal;
color: #000;
border: 2px solid #555;
padding: 0.65em 0.5em 1.4em 1em;
min-height: auto;
position: relative;
text-shadow: 0 0 0 transparent;
border-radius: 0;
background-color: #fefefe;
}
.top_right ul.bnr li.bnr_board a span{
letter-spacing: 0;
text-align: center;
font-size: 1rem;
font-weight: bold;
display: block;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background-color: #555;
width: 100%;
text-shadow: 0 0 1px #000;
}
.top_right ul.bnr li.bnr_board a::before{
content: '';
position: absolute;
left: 0.85em;
top: 0.15em;
display: block;
width: 1.2em;
height: 1.9em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/bnr_board2.svg) no-repeat 0 center;
background-size: contain;
transform: rotate(23deg);
}
.top_right .bnr li.bnr_twitter a{
font-size: 1.7rem;
color: #fff;
font-weight: bold;
letter-spacing: 0.15em;
min-height: auto;
padding: 0.65em 0.5em 0.65em 1.5em;
background-color: #55acee;
}
.top_right .bnr li.bnr_twitter a span{
position: relative;
}
.top_right .bnr li.bnr_twitter a span::before{
content: '';
display: inline-block;
height: 1.25em;
width: 1.25em;
position: absolute;
left: -1.75em;
top: auto;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/twitter2.svg) no-repeat 0 center;
background-size: contain;
}
.top_right .bnr li span{
display: block;
}
.top_right .bnr li.bnr1 a{
color: #fff;
font-weight: bold;
font-size: 2.8rem;
background-color: #5388a7;
letter-spacing: 0.1em;
}
.top_right .bnr li.bnr1 a span{
font-weight: normal;
font-size: 1.6rem;
letter-spacing: 0;
}
.top_right .bnr li.bnr2 a{
color: #fff;
font-weight: bold;
font-size: 2.4rem;
background-color: #13a88f;
letter-spacing: 0.1em;
}
.top_right .bnr li.bnr2 a span{
font-weight: normal;
font-size: 1.1rem;
letter-spacing: 0;
margin-top: 0.25em;
}
.top_right .bnr li.bnr3 a{
color: #fff;
font-weight: bold;
font-size: 2.8rem;
background-color: #4fbad3;
letter-spacing: 0.1em;
}
.top_right .bnr li.bnr3 a span{
font-weight: normal;
font-size: 1.6rem;
letter-spacing: 0;
margin-top: 0.25em;
}
.top_right .bnr li.bnr4 a{
color: #fff;
font-weight: bold;
font-size: 2.0rem;
background-color: #00a5ad;
letter-spacing: 0.05em;
}
.top_right .bnr li.bnr5 a{
color: #495a68;
font-weight: bold;
font-size: 2.8rem;
letter-spacing: 0.1em;
border: 5px solid #e9eff2;
text-shadow: none;
}
.top_right .bnr li.bnr5 a span{
font-weight: normal;
font-size: 1.4rem;
letter-spacing: 0;
margin-bottom: -0.25em;
margin-top: 0.25em;
}
.top_right ul.bnr li.btn1 a{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/btn1_ic.svg) no-repeat 1em center #ff4026;
background-size: 1em;
display: block;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
padding: 0.75em 0.5em 0.75em 1em;
min-height: auto;
}
.top_right ul.bnr li.btn2 a{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/btn2_ic.svg) no-repeat 1em center #e7ca41;
background-size: 1em;
display: block;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
padding: 0.75em 0.5em 0.75em 1em;
min-height: auto;
}
.top_right ul.bnr li.btn3 a{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/btn3_ic.svg) no-repeat 1em center #6287bc;
background-size: 1em;
}
.top_center .corona a{
border: 5px solid #f6dce3;
display: block;
text-align: center;
font-size: 2.4rem;
color: #ce4166;
font-weight: bold;
padding: 0.5em 0;
}
.top_center .corona a span{
position: relative;	
}
.top_center .corona a span::before{
content:"\025b6";
position: absolute;
left: -1.5em;
top: 0.25em;
font-size: 1.4rem;
}
.top_center .corona a:hover{
background-color: #f6dce3;
}
.top_center .corona a span{
position: relative;	
}
.top_center .news_imp{
margin-top: 2em;
border: 5px solid #e9eff2;
padding-bottom: 2em;
}
.top_center .news_imp h2{
display: flex;
justify-content: space-between;
}
.top_center .news_imp h2 span{
width: 50%;
text-align: center;
font-size: 2rem;
font-weight: bold;
color: #5388a7;
background-color: #e9eff2;
padding: 0.4em 0;
border: 2px solid #fff;
position: relative;
}
.top_center .news_imp h2 span.active{
background-color: #5388a7;
color: #fff;
}
.top_center .news_imp h2 span.active::before{
content: '▼';
display: block;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: -0.6em;
margin: 0 auto;
width: 1em;
height: 1em;
font-size: 1em;
color: #5388a7;
transform: scale(1.25 ,0.75);
}
.top_center .news_imp h2 span:first-of-type.active{
border-right: none;
}
.top_center .news_imp h2 span:last-of-type.active{
border-left: none;
}
.top_center .news_imp ul{
padding: 1.5em 2em 2em 2em;
margin-top: 1em;
height: 200px;
overflow-y: scroll;
display: none;
}
.top_center .news_imp ul.active{
display: block;
}
.top_center .news_imp ul li{
margin-bottom: 1em;
}
.top_center .news_imp ul li time{
font-size: 1.4rem;
padding-right: 0.5em;
}
.top_center .news_imp ul li .txt{
display:block;
}
.top_center .news_imp ul li span.imp {
font-size: 1.5rem;
color: #fff;
background-color: #954026;
padding: 0.25em 0.5em;
font-weight: normal;
margin-right: 0.5em;
}
.top_center .news_imp ul li a{
font-size: 1.6rem;
text-decoration: underline;
}
.top_center .news_imp ul li a:not(.cat):hover{
opacity: 1;
text-decoration: none;
}
.top_center .news_imp ul li span.cat{
padding: 0.8em;
background-color: #f7f7f7;
margin-right: 1em;
border-radius: 2px;
}
.top_center .news_imp ul li span.cat a{
font-size: 1.4rem;
text-decoration: none;
line-height: 2;
display: inline;
}
.top_center .news_imp ul li span.cat a:hover{
text-decoration: underline;
}
.top_center .news_imp ul li span.new {
font-size: 1.4rem;
font-weight: bold;
color: #ff0000;
padding-right: 0.25em;
}
.top_center .news_imp .news_link{
font-size: 1.5rem;
text-decoration: none;
margin-top: 1.5em;
text-align: right;
padding-right: 0.5em;
}
.top_center .news_imp .news_link a{
position: relative;
}
.top_center .news_imp .news_link a::before{
content: "\025b6";
position: absolute;
left: -1.5em;
top: 0.15em;
font-size: 1rem;
}
.top_center .search{
margin-top: 2em;
background-color: #e9eff2;
padding: 3em 0 2em 2em;
}
.top_center .search h2{
margin-top: 2em;
font-size: 2.8rem;
font-weight: bold;
color: #5388a7;
}
.top_center .search ul.life{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 1em;
}
.top_center .search ul.life li a{
border-radius: 3px;
text-align: center;
width: 108px;
min-height: 108px;
margin-right: 1em;
margin-bottom: 1em;
font-size: 1.8rem;
color: #5388a7;
padding: 0.5em 0;
font-weight: bold;
background-color: #fff;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}
.top_center .search ul.life li a img{
display: block;
width: 3em;
height: auto;
margin: 0 auto 0.5em auto;
}
.top_center .search ul.life li a img.pt2{
width: 1.75em;
}
.top_center .search ul.life li a img.pt3{
width: 2.5em;
}
.top_center .search ul.guide{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 1em;
}
.top_center .search ul.guide li a{
border-radius: 3px;
font-size: 2.0rem;
padding: 0.25em 1em;
background-color: #5388a7;
margin-right: 0.75em;
margin-bottom: 0.75em;
color: #fff;
display: block;
}
.top_center .search ul.chart,
.side ul.chart{
margin-top: 1em;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.top_center .search ul.chart li a,
.side ul.chart li a{
border-radius: 3px;
font-size: 2.0rem;
padding: 0.25em 1em 0.25em 1.75em;
background-color: #fff;
margin-right: 0.75em;
margin-bottom: 0.75em;
color: #5388a7;
display: inline-block;
font-weight: bold;
position: relative;
}
.side ul.chart li a{
padding: 0.25em 1em;
font-size: 1.5rem;
background-color: #5388a7;
color: #fff;
font-weight: normal;
}
.top_center .search ul.chart li a::before{
content: "＞";
position: absolute;
left: 1em;
top: 0.8em;
display: block;
font-size: 1.4rem;
}
.top_news{
width: 100%;
margin-top: 4em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/66420092.jpg) left bottom -2em no-repeat;
background-size: cover; height: 300px;
position: relative;
z-index: 0;
}
.top_news::before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background-color: rgba(255,255,255,0.2);
z-index: 1;
}
.top_news .news{
margin: 0 auto;
width: 100%;
max-width: 1080px;
padding: 2em 2em;
position: relative;
z-index: 2;
display: none;
}
.top_news .news h2{
font-size: 2.8rem;
font-weight: bold;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
letter-spacing: 0.05em;
}
.top_news .news h2 a{
font-size: 2.0rem;
font-weight: normal;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
letter-spacing: 0;
position: relative;
}
.top_news .news h2 a::before{
content: "\025b6";
position: absolute;
left: -1.5em;
top: 0.85em;
font-size: 1rem;
display: block;
width: 1.5em;
height: 1em;
}
.top_news .news h2 a:hover{
text-decoration: underline;
opacity: 1;
}
.top_news .news ul.archive{
padding: 2em;
background-color: rgba(255,255,255,0.9);
margin-top: 2em;
}
ul.archive li{
display: flex;
justify-content: flex-start;
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom:1px dotted #aaa;
align-items: center;
}
ul.archive li:last-of-type{
margin-bottom: 0;
padding-bottom: 0;;
border-bottom:none;
}
ul.archive li a img{
width: 160px;
padding-right: 20px;
}
ul.archive.cat li a{
font-size: 1.6rem;
font-weight: bold;
}
ul.archive li .txt{
}
.list_head{
display: flex;
justify-content: flex-start;
font-size: 1.6rem;
padding-bottom: 0.5em;
}
.list_head .cat{
background-color: #f7f7f7;
color: #000;
padding: 0.2em 0.7em;
display: inline;
align-items: center;
font-size: 1.4rem;
line-height: 1.25;
margin-left: 1em;
}
.top_news .list_head .cat{
background-color: #5388a7;
color: #fff;
display: inline;
}
ul.archive li h3{
padding: 0;
border: 0;
margin: 0;
}
ul.archive li h3 span.new{
font-size: 1.4rem;
font-weight: bold;
color: #ff0000;
padding-right: 0.25em;
}
ul.archive li h3 span.imp{
font-size: 1.5rem;
color:#fff;
background-color: #954026;
padding: 0.25em 0.5em;
font-weight: normal;
}
ul.archive li h3 a{
font-size: 1.8rem;
font-weight: bold;
padding: 0;
border: 0;
}
ul.archive li h3 a:hover{
text-decoration: underline;
}
.single ul.archive li .ttl2_single a{
font-size: 1.6rem;
}
ul.archive_tab{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 40px;
}
ul.archive_tab li a{
display: block;
margin-bottom: 10px;
margin-right: 1em;
padding: 0.25em 0.5em;
font-size: 1.6rem;
background-color: #f2f2f2;
white-space: nowrap;
} .main.cont2{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.left_cont{
width: calc(100% - 280px);
padding-bottom: 8em;
}
.left_cont h2{
border-left:5px solid #0d3896;
font-size: 2.2rem;
color:#000;
font-weight: bold;
padding: 0.25em 0.75em;
position: relative;
background-color: #e9e9e9;
margin-top: 1em;
}
.left_cont h3{
border-left:3px solid #5388a7;
font-size: 1.9rem;
color:#000;
font-weight: bold;
padding: 0.1em 0.75em;
margin-left: 0.5em;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 1em;
margin-top: 2em;
}
.left_cont ul.archive{
border:5px solid #e9eff2;
padding: 2em 2em;
}
.left_cont ul.archive.cat2{
margin-left: 1em;
margin-bottom: 8em;
}
.left_cont ul.archive_list{
background-color: #f7f7f7;
padding: 1.5em;
display: flex;
flex-wrap: wrap;
margin-top: 2em;
}
.left_cont ul.archive_list li{
margin: 0.5em 1em;
}
.left_cont ul.archive_list li a{
font-size: 1.6rem;
font-weight: bold;
text-decoration: underline;
padding-right: 1em;
border-right: 1px solid #000;
}
.left_cont ul.archive_list li:last-of-type a{
padding-right: 0;
border-right: none;
}
.left_cont .term_desc{
padding: 0 1.5em 1em 1.5em;
font-size: 1.6rem;
}
.left_cont .term_desc p{
margin-top: 1em;
font-size: 1.6rem;
}
.single_head{
display: flex;
justify-content: flex-start;
font-size: 1.6rem;
padding-bottom: 1em;
align-items: center;
}
.single_head time{
margin-right: 1em;
}
.single_head .cat {
background-color: #5388a7;
color: #fff;
padding: 0.2em 0.7em;
display: flex;
align-items: center;
font-size: 1.5rem;
line-height: 1.25;
margin-left: 1em;
}
.single_head.pt2{
justify-content: space-between;
}
.single_head.pt2 .cat {
margin-left: 0;
}
.single_head.pt2 time{
margin-right: 0;
}
.single_cont #toc_container{
background-color: #f7f7f7;
padding: 1em 1.25em 1.25em;
margin-bottom: 2em;
}
.single_cont #toc_container p.toc_title{
font-weight: bold;
border-bottom: 2px solid #000;
padding: 0 0 0 0.5em;
font-size: 1.8rem;
margin-bottom: 0;
}
.single_cont #toc_container ul {
padding: 0.25em;
}
.single_cont #toc_container ul li{
margin: 0.5em 1em;
}
.single_cont #toc_container ul li:last-of-type{
margin: 0.5em 1em 0 1em;
}
.single_cont #toc_container ul li a{
font-size: 1.6rem;
font-weight: normal;
text-decoration: underline;
padding-right: 1em;
}
.single_cont #toc_container ul li:last-of-type a{
padding-right: 0;
border-right: none;
}
.single_cont{
font-size: 1.8rem;
line-height: 1.6;
margin-top: 2em;
margin-bottom: 3em;
}
.single_cont a {
text-decoration: underline;
}
.single_cont h4{
border-left:6px solid #5388a7;
font-size: 1.7rem;
color:#000;
font-weight: bold;
padding: 0.1em 0.75em;
margin-left: 0.75em;
margin-bottom: 1em;
margin-top: 2em;
}
.single_cont h5{
font-size: 1.7rem;
color:#000;
font-weight: bold;
padding: 0.1em 0.75em;
margin-bottom: 1em;
margin-top: 2em;
}
.single_cont h5::before{
content: "●";
color: #5388a7;
padding-right: 0.5em;
}
.single_cont p{
font-size: 1.6rem;
line-height: 1.75;
margin-bottom: 1em;
padding: 0 1.25em;
}
.single_cont img{
width: auto;
max-width: 98%;
margin: 1%;
}
.single_cont .big{
font-size: 120%;
}
.single_cont .small{
font-size: 70%;
}
.single_cont .box2{
border: 2px solid #0d3896;
margin: 2em 1.25em 0 1.25em;
padding: 1em;
}
.single_cont .box1{
border: 2px solid #e9eff2;
margin: 2em 1.25em 0 1.25em;
}
.single_cont .box1 .ttl{
font-weight: bold;
padding: 0.25em 0.75em;
background-color:#e9eff2;
}
.single_cont ul{
padding: 1.5em;
}
.single_cont ul > li{
margin-bottom: 1em;
list-style: disc;
margin-left: 1em;
font-size: 1.6rem;
}
.single_cont ul li:last-of-type{
margin-bottom: 0;
}
.single_cont ul li a{
text-decoration: underline;
font-weight: bold;
}
.single_cont ol{
padding: 1.5em;
}
.single_cont ol > li{
margin-bottom: 1em;
list-style: decimal;
margin-left: 1em;
font-size: 1.6rem;
}
.single_cont ol li:last-of-type{
margin-bottom: 0;
}
.single_cont table {
margin: 2em 1.25em 0 1.25em;
width: calc(100% - 1.25em)!important;
}
.single_cont table tr,
.single_cont table tr th,
.single_cont table tr td{
border: 1px solid #aaa;
}
.single_cont table tr th,
.single_cont table tr td{
font-size: 14px;
padding: 0.5em;
line-height: 1.75;
}
.single_cont table tr th{
background-color: #e9eff2;
font-weight: bold;
}
.single_cont .contact_box,
.term_desc .contact_box{
border: 4px solid #e9e9e9;
padding: 1em;
margin: 3em auto 0 auto;
display: flex;
flex-wrap: wrap;
width: 80%;
}
.term_desc .contact_box{
margin: 1em auto;
}
.single_cont .contact_box dt,
.term_desc .contact_box dt{
width: 40%;
text-align: right;
padding-right: 0.5em;
font-size: 1.6rem;
margin-bottom: 0.25em;
}
.single_cont .contact_box dt::after,
.term_desc .contact_box dt::after{
content: '：';
padding-left: 0.5em;
}
.single_cont .contact_box dd,
.term_desc .contact_box dd{
width: 60%;
font-size: 1.6rem;
margin-bottom: 0.25em;
word-break: break-all;
}
.single_cont .contact_box dd a,
.term_desc .contact_box dd a{
text-decoration: underline;
font-weight: bold;
}
.term_desc a{
text-decoration: underline;
font-weight: bold;
color: #2b7bb9;
}
.term_desc ul li{
margin: 0.25em 0 0.25em 1.5em;
list-style: disc;
}
.sns{
margin-top: 6em;
}
.sns .ttl{
font-weight: bold;
font-size: 1.6rem;
}
.sns ul{
display: flex;
margin-top: 1em;
}
.sns ul li{
width: 180px;
margin-right: 1em;
}
.single_tab{
display: flex;
flex-wrap: wrap;
margin-top: 8em;
}
.single_tab .ttl{
font-weight: bold;
font-size: 1.6rem;
width: 100%;
margin-bottom: 0.5em;
}
.single_tab a{
border-radius: 3px;
font-size: 1.8rem;
padding: 0.25em 1em;
background-color: #5388a7;
margin-right: 0.75em;
margin-bottom: 0.75em;
color: #fff;
display: block;
}
.single .ttl1{
font-size: 3.6rem;
font-weight: bold;
margin-top: 1em;
}
.single .post_mv{
display: block;
margin-top: 40px;
}
#ez-toc-container{
border: 1px solid #9e9e9f;
padding: 15px 15px 25px 15px;
margin-top: 40px;
}
.single .post p.ez-toc-title{
font-size: 2.0rem;
color: #000;
font-weight: bold;
margin-top: 0;
}
ul.ez-toc-list li{
margin-top: 1em;
}
ul.ez-toc-list li a{
color: #264d77;
font-size: 1.6rem;
text-decoration: underline;
}
ul.ez-toc-list li::before{
content: '・';
}
.single .post{
padding-bottom: 120px;
}
.single .post h2{
margin-top: 100px;
font-size: 2.4rem;
font-weight: bold;
border-left: 9px solid #000099;
padding-left: 15px;
}
.single .post h2:first-of-type{
margin-top: 80px;
}
.single .post p{
margin-top: 2em;
font-size: 1.6rem;
}
.single .post .point{
border: 1px solid #000;
padding: 15px 15px 25px 15px;
margin-top: 40px;
font-size: 1.6rem;
}
.single .post .point li{
position: relative;
padding-left: 1.5em;
margin-top: 0.5em;
}
.single .post .point li::before{
content: '';
position: absolute;
display: block;
top: 0.5em;
left: 0;
width: 13px;
height: 6px;
border-left: 2px solid #3498db;
border-bottom: 2px solid #3498db;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.single .sns .ttl{
font-size: 1.6rem;
font-weight: bold;
}
.single .sns ul{
display: flex;
align-items: flex-start;
margin-top: 10px;
}
.single .sns ul li{
width: 180px;
margin-right: 10px;
}
.single .single_tab{
font-size: 1.6rem;
font-weight: bold;
margin-top: 50px;
}
.single .single_tab a{
font-size: 1.2rem;
color: #212529;
background-color: #f2f2f2;
padding: 0.25em 0.75em;
margin: 0 0.5em 0.5em 0;
display: inline-block;
white-space: nowrap;
}
.single .auth_box{
border: 1px solid #e2e2e2;
margin-top: 80px;
width: 100%;
padding: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.single .auth_box .ttl{
width: 100%;
font-size: 1.6rem;
font-weight: bold;
padding-bottom: 0.75em;
}
.single .auth_box img{
width: 120px;
height: auto;
}
.single .auth_box .txt{
width: 650px;
}
.single .auth_box .name{
font-size: 1.6rem;
font-weight: bold;
padding-bottom: 0.75em;
}
.single .auth_box p{
font-size: 1.4rem;
}
.single .contact_box{
background-color: #f7f7f7;
padding: 2em;
margin-top: 40px;
}
.single .contact_box .btn a{
margin: 30px auto 0 auto;
width: 380px;
display: block;
height: 100%;
padding: 1em 0;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
background-color: #264d77;
position: relative;
color: #fff;
border-radius: 7px;
}
.single .contact_box .btn a::before{
content: '';
display: block;
position: absolute;
top: calc(50% - 6px);
right: 15px;
width: 8px;
height: 12px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/contact_ic.svg) no-repeat;
background-size: cover;
}
.single .post_navi{
margin-top: 80px;
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
}
.single .post_navi::before{
content: '';
position: absolute;
display: block;
left: 50%;
top: 0;
width: 1px;
height: 100%;
background-color: #e2e2e2;
}
.single .post_navi li.prev{
border: 1px solid #e2e2e2;
border-left: none;
border-right: none;
width: 50%;
}
.single .post_navi li.next{
border: 1px solid #e2e2e2; 
border-left: none;
border-right: none;
width: 50%;
}
.single .post_navi li a{
padding: 1em;
display: block;
width: 100%;
height: 100%;
}
.single .post_navi li a span{
display: block;
font-size: 1.6rem;
color: #264d77;
font-weight: bold;
position: relative;
}
.single .post_navi li.next a span{
text-align: right;
}
.single .post_navi li a span::before{
content: "<<";
padding-right: 0.25em;
}
.single .post_navi li.next a span::before{
display: none;
}
.single .post_navi li.next a span::after{
content: ">>";
padding-left: 0.25em;
}
.single .post_navi li a .post_navi_head{
display: flex;
font-size: 1.3rem;
margin-top: 1em;
}
.single .post_navi li a .post_navi_head .cat{
background-color: #9e9e9f;
color: #fff;
padding: 0.2em 0.7em;
display: flex;
align-items: center;
font-size: 1.2rem;
margin-left: 1em;
}
.single .post_navi li a .ttl{
font-size:1.4rem;
margin-top: 0.25em;
}
.back_btn a{
display: block;
background-color: #5388a7;
width: 300px;
height: 100%;
border-radius: 3px;
color:#fff;
text-align: center;
margin: 3em auto 0 auto;
font-size: 1.6rem;
font-weight: bold;
padding: 1em 1.5em;
position: relative;
text-decoration: none;
}
.back_btn a::before{
content: '';
display: block;
position: absolute;
top: calc(50% - 5px);
right: 15px;
width: 6px;
height: 10px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/contact_ic.svg) no-repeat;
background-size: cover;
}
.single .ttl2{
font-size: 2.0rem;
color: #fff;
background-color: #000099;
padding: 0.5em 0.75em;
margin-top: 100px;
}
.list .ttl1{
background-color: #000099;
font-size: 2.0rem;
color: #fff;
padding: 0.25em 0.75em;
font-weight: bold;
}
ul.archive{
margin-top: 2em;
}
.blog_navi{
margin-top: 50px;	
}
.blog_navi ul{
width: 98%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog_navi ul li{
margin: 0.5em;
font-size: 1.4rem;
font-weight: bold;
}
.blog_navi ul li span{
color: #fff;
background-color: #5388a7;
border: 1px solid #5388a7;
padding: 0.7em 1em;
border-radius: 2px;
}
.blog_navi ul li span.page-numbers dots{
background-color: #fff;
border: 1px solid #5388a7;
color: #5388a7;
padding: 0.7em 1em;
box-sizing: border-box;
border-radius: 2px;
}
.blog_navi ul li a{
background-color: #fff;
border: 1px solid #5388a7;
color: #5388a7;
padding: 0.7em 1em;
box-sizing: border-box;
border-radius: 2px;
}
.side{
width: 240px;
padding-bottom: 8em;
}
.side .fb,
.side .twitter{
height: 510px;
}
.side .tag{
margin-top: 40px;
}
.side .ttl{
font-size: 1.6rem;
font-weight: bold;
text-align: left;
color: #000;
padding: 1.5em 0 0.25em 0;
}
.side .tag ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 20px;
}
.side .tag ul li a{
display: block;
margin-bottom: 10px;
margin-right: 1em;
padding: 0.25em 0.5em;
font-size: 1.2rem;
background-color: #f2f2f2;
white-space: nowrap;
}
.side .tag .list_link{
text-align: right;
margin-top: 1em;
}
.side .tag .list_link a{
font-size: 1.4rem;
color: #264d77;
text-decoration: underline;
}
.side .tag .list_link a::before{
content: '>>';
}
.side p{
font-size: 1.4rem;
}
table input[type="text"],
table input[type="tel"],
table input[type="email"],
table textarea,
table select {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
padding: 8px 15px;
border: solid 1px #d8d8d8;
border-radius: 0;
line-height: 22px;
vertical-align: bottom;
-webkit-appearance: none;
}
table input {
margin-right: 5px;
}
table label{
display: block;
margin-bottom: -0.5em;
}
table td span.mwform-radio-field label{
display: inline-block;
}
.btnwrap {
text-align: center;
}
.btnwrap input[type="submit"].submitbtn {
background: #B71515;
}
.btnwrap input[type="submit"].backbtn {
background: #898989;
}
.btnwrap input[type="submit"]{
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: inline-block;
width: 300px;
margin: 3em auto 0 auto;
padding: 1em 1.5em;
border: none;
text-align: center;
font-size: 1.6rem;
color: #fff;
cursor: pointer;
border-radius: 5px;
background-color: #5388a7;
}
.btnwrap input[type="submit"]:hover{
opacity: 0.75;
transition: 0.5s;
}
.section_contact span.error,
.section_contact span.error{
padding-top:1em; 
}
.single_cont.section_contact ul,
.single_cont.contact ul{
padding-top: 0;
}
.single_cont.section_contact ul li,
.single_cont.contact ul li{
list-style: circle;
}
.single_cont.section_contact ul ul,
.single_cont.contact ul ul{
padding-top: 1.5em;
}
.single_cont.section_contact ul ul li,
.single_cont.contact ul ul li{
list-style: disc;
font-weight: bold;
}
.single_cont.section_contact table,
.single_cont.contact table{
margin-top: 1em;
}
.single_cont.section_contact table tr,
.single_cont.contact table tr{
border: 0;
}
.single_cont.section_contact table tr th,
.single_cont.contact table tr th{
text-align: right;
background-color: transparent;
border: 0;
vertical-align: middle;
width: 25%;
}
.single_cont.section_contact table tr td,
.single_cont.contact table tr td{
border: 0;
width: 75%;
}
.single_cont.section_contact table tr th::after,
.single_cont.contact table tr th::after{
content: ' ※';
color: #ff0000;
font-weight: bold;
}
#contact .privacy{
width: 700px;
margin: 40px auto 0 auto;
border: 1px solid #A5A5A5;
padding: 1.5em;
text-align: left;
height: 150px;
overflow-y: scroll;
}
#contact .privacy .ttl{
font-size: 1.4rem;
font-weight: bold;
}
#contact .privacy p{
font-size: 1.3rem;
margin-top: 2em;
text-align: left;
padding: 0;
line-height: 1.75;
}
.select_wrap {
width: 100%;
position: relative; }
.select_wrap::before {
position: absolute;
content: "";
display: block;
border-style: solid;
top: 50%;
right: 20px;
transform: translate(0, -25%);
width: 0;
height: 0;
border-width: 8px 5px;
border-color: #333 transparent transparent transparent;
}
.mw_wp_form_confirm .select_wrap::before {
display: none;
}
ul.sitemap{
border: 5px solid #e9eff2;
padding: 1em 0.5em 2em 2em;
margin-top: 2em;
margin-left: 1em;
display: flex;
flex-wrap: wrap;
}
ul.sitemap li{
margin-right: 4em;
margin-bottom: 1em;
}
ul.sitemap li a{
display: block;
padding: 1em 0;
border-bottom: 1px dotted #aaa;
font-size: 1.6rem;
font-weight: bold;
}
.twitter {
width: 240px;
overflow-y: hidden;
display: none;
}
.twitter iframe{
width: 240px!important;
} #modal-overlay {
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;
z-index: 1000 ;
}
#modal-content {
margin: 0 ;
padding: 0 0 3.5em 0;
border-radius: 4px;
background: #fff ;
position: fixed ;
display: none ;
z-index: 1001 ;
max-height: 80%;
width: 500px;
box-sizing: border-box;
} 
#modal-content .ttl{
text-align: center;
font-size: 1.9rem;
color: #000;
letter-spacing: 0.1em;
margin:0.75em auto 0 auto;
border-bottom:1px solid #000;
padding: 0 1.5em 0.5em 1.5em;
width: 86%;
}
#modal-content .ttl span{
}
#modal-content #modal-close{
width: 8em;
text-align: center;
margin: 5em auto 0 auto;
display: block;
font-size: 1.5rem;
padding: 0.4em 0 0.4em 1.5em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/close.svg) no-repeat 1.25em center;
background-size: 1.2em auto;
border-radius: 3px;
border: 1px solid #aaaaaa;
background-color: #fff;
outline: none;
color: #000;
font-weight: bold;
transition: background-color 0.3s ease 0s;
}
#modal-content #modal-close:hover{
cursor: pointer;
background-color: #aaaaaa;
} a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}  .black,
.black a{
background-color: #000!important;
color: #fff!important;
}
.black span{
color: #fff!important;
}
.black #mv .slider li span{
color: #000!important;
}
.black time{
color: #fff!important;
}
.black .top_center .news_imp ul li span.cat {
background-color: #111!important;
}
.black header{
background-color: #000!important;
color: #fff!important;
}
.black header #modal-open {
border: 2px solid #fff;
background-color: #000;
color: #fff;
}
.black #modal-content {
background: #000;
color: #fff!important;
border: 2px solid #fff;
}
.black #modal-content .ttl {
color: #fff;
border-color: #fff;
}
.black ul.header_navi li.voice input {
border: 2px solid #fff;
background-color: #000;
color: #fff;
}
.black ul.header_navi li.font_size,
.black ul.header_navi li.bgColor{
color: #fff;
}
.black ul.header_navi li.font_size ul li.normal,
.black ul.header_navi li.font_size ul li.big{
color: #000!important;
background-color: #fff;
border-color: #fff;
}
.black ul.header_navi li.font_size ul li.normal.active,
.black ul.header_navi li.font_size ul li.big.active{
color: #fff!important;
background-color: #000;
border-color: #fff;
}
.black #modal-content #modal-close {
border: 1px solid #fff;
background-color: #111;
color: #fff;
transition: background-color 0.3s ease 0s;
}
.black nav.menu > ul > li > .pull {
background-color: #000;
}
.black .top_center .search {
background-color: #111;
}
.black .top_center .search h2 {
color: #fff;
}
.black .top_right a{
border:2px solid #fff;
background-color: #000!important;
}
.black .top_right .bnr_kankou a,
.black .top_right .kouhou a{
border:none;
}
.black .bnr_vaccine a{
background: linear-gradient(-45deg, #000 0%, #000 100%);
}
.black .top_right .pop {
background-color: #111;
}
.black .top_right .pop h2 {
color: #fff;
}
.black .top_right .pop .box {
background-color: #000;
color: #fff!important;
}
.black .sns .ttl {
color: #fff!important;
}
.black footer .footer_nav {
background-color: #111;
}
.black footer,
.black .copyright{
background-color: #000;
}
.black footer .footer_nav {
background-color: #111;
}
.black p,
.black li,
.black th,
.black td,
.black dt,
.black dd{
color: #fff!important;
}
.black .btnwrap input[type="submit"] {
background-color: #000;
border: 2px solid #fff;
}
.black .left_cont ul.archive_list {
background-color: #111111;
}
.black li#white {
color: #000!important;
}
.black .single_cont table tr th {
background-color: #000;
}
.black .back_btn a{
border:2px solid #fff;
}
.black .single_head .cat {
background-color: #111;
}
.black .left_cont h3 {
color: #fff;
}
.black .single_cont #toc_container {
background-color: #111;
}
.black .single_cont #toc_container p.toc_title {
font-weight: bold;
border-bottom: 2px solid #fff;
}
.black .single_cont h2,
.black .single_cont h3,
.black .single_cont h4,
.black .single_cont h5,
.black .single_cont h6{
color: #fff!important;
}
.black .left_cont h2 {
border-left: 5px solid #0d3896;
color: #fff;
background-color: #111;
}
.black .pankuzu {
border-top: 2px solid #e9eff2;
background-color: #111;
color: #fff;
}
.black .side ul.chart li a {
border:2px solid #fff;
}
.black .list_head .cat {
background-color: #111;
color: #fff;
}
.black .side .ttl {
color: #fff;
}
.black .blog_navi ul li span {
color: #000!important;
background-color: #fff;
border: 1px solid #fff;
padding: 0.7em 1em;
border-radius: 2px;
}
.black .blog_navi ul li a {
border-color: #fff;
}
.black .corona_taisaku p {
color: #fff;
text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}
.black .top_center .news_imp h2 span{
background-color: #000;
}
.black .top_center .news_imp h2 span.active {
background-color: #000;
}
.black .top_center .news_imp h2 span.active::before{
color: #fff;
}
.blue,
.blue a{
background-color: #00e!important;
color: #FFFF00!important;
}
.blue span{
color: #FFFF00!important;
}
.blue time{
color: #FFFF00!important;
}
.blue .top_center .news_imp ul li span.cat {
background-color: #0000ff!important;
}
.blue header{
background-color: #00e!important;
color: #FFFF00!important;
}
.blue header #modal-open {
border: 2px solid #FFFF00;
background-color: #00e;
color: #FFFF00;
}
.blue #modal-content {
background: #00e;
color: #FFFF00!important;
border: 2px solid #FFFF00;
}
.blue #modal-content .ttl {
color: #FFFF00;
border-color: #FFFF00;
}
.blue ul.header_navi li.voice input {
border: 2px solid #FFFF00;
background-color: #00e;
color: #FFFF00;
}
.blue ul.header_navi li.font_size,
.blue ul.header_navi li.bgColor{
color: #FFFF00;
}
.blue ul.header_navi li.font_size ul li.normal,
.blue ul.header_navi li.font_size ul li.big{
color: #00e!important;
background-color: #FFFF00;
border-color: #FFFF00;
}
.blue ul.header_navi li.font_size ul li.normal.active,
.blue ul.header_navi li.font_size ul li.big.active{
color: #FFFF00!important;
background-color: #00e;
border-color: #FFFF00;
}
.blue #modal-content #modal-close {
border: 1px solid #FFFF00;
background-color: #0000ff;
color: #FFFF00;
transition: background-color 0.3s ease 0s;
}
.blue nav.menu > ul > li > .pull {
background-color: #00e;
}
.blue .top_center .search {
background-color: #0000ff;
}
.blue .top_center .search h2 {
color: #FFFF00;
}
.blue .top_right a{
border:2px solid #FFFF00;
background-color: #00e!important;
}
.blue .top_right .bnr_kankou a,
.blue .top_right .kouhou a{
border:none;
}
.blue .bnr_vaccine a{
background: linear-gradient(-45deg, #00e 0%, #00e 100%);
}
.blue .top_right .pop {
background-color: #0000ff;
}
.blue .top_right .pop h2 {
color: #FFFF00;
}
.blue .top_right .pop .box {
background-color: #00e;
color: #FFFF00!important;
}
.blue footer .footer_nav {
background-color: #0000ff;
}
.blue footer,
.blue .copyright{
background-color: #00e;
color: #FFFF00!important;
}
.blue footer .footer_nav {
background-color: #0000ff;
}
.blue p,
.blue li,
.blue th,
.blue td,
.blue dt,
.blue dd{
color: #FFFF00!important;
}
.blue .btnwrap input[type="submit"] {
background-color: #00e;
border: 2px solid #FFFF00;
}
.blue .left_cont ul.archive_list {
background-color: #0000ff;
}
.blue li#white {
color: #00e!important;
}
.blue .single_cont table tr th {
background-color: #00e;
}
.blue .back_btn a{
border:2px solid #FFFF00;
}
.blue .single_head .cat {
background-color: #0000ff;
}
.blue .left_cont h3 {
color: #FFFF00;
}
.blue .single_cont #toc_container {
background-color: #0000ff;
}
.blue .single_cont #toc_container p.toc_title {
font-weight: bold;
border-bottom: 2px solid #FFFF00;
}
.blue .left_cont h2 {
border-left: 5px solid #0d3896;
color: #FFFF00;
background-color: #0000ff;
}
.blue .single_cont h2,
.blue .single_cont h3,
.blue .single_cont h4,
.blue .single_cont h5,
.blue .single_cont h6{
color: #FFFF00!important;
}
.blue .pankuzu {
border-top: 2px solid #e9eff2;
background-color: #0000ff;
color: #FFFF00;
}
.blue .side ul.chart li a {
border:2px solid #FFFF00;
}
.blue .list_head .cat {
background-color: #0000ff;
color: #FFFF00;
}
.blue .side .ttl {
color: #FFFF00;
}
.blue .blog_navi ul li span {
color: #00e!important;
background-color: #FFFF00;
border: 1px solid #FFFF00;
padding: 0.7em 1em;
border-radius: 2px;
}
.blue .blog_navi ul li a {
border-color: #FFFF00;
}
.blue .sns .ttl {
color: #FFFF00;
}
.blue footer .footer_info .wrap{
color: #FFFF00;
}
.blue .corona_taisaku p {
text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}
.blue .news_imp h2 span.active {
background-color: #00e;
}
.blue .news_imp h2 span { background-color: #00e;
}
.blue .top_center .news_imp h2 span.active::before{
color: #fff;
}
 @media screen and (max-width: 812px) {
body{
-webkit-text-size-adjust: 100%;
width: 100%;
min-width: 100%!important;
padding-top: 45px;
}
.pc{display:none!important;}
.sp{display:block!important;}
.wrap {
margin: 0 auto;
padding: 0 4%;
width: 100%;
max-width: 100%;
} header{
width: 100%;
border-bottom: 3px solid #e9eff2;
}
header .wrap{
padding-top: 0;
padding-bottom: 0;
align-items: center;
width: 100%;
padding-right: 30px;
height: 45px;
}
header .wrap .logo{
margin-top: 0;
width: auto;
}
header .wrap .logo img{
margin-top: 0;
width: 110px;
height: auto;
margin-bottom: 0;
}
header select {
border-radius: 3px;
border: 1px solid #aaa;
font-size: 1.3rem;
padding: 0.25em 0 0.25em 0.5em;
}
header #modal-open{
text-indent: 5em;
overflow: hidden;
white-space: nowrap;
padding: 0.25em 0;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/setting.svg) no-repeat center;
background-size: 1.2em auto;
width: 2.5em;
display: block;
font-size: 1.3rem;
border-radius: 3px;
border: 2px solid #e9eff2;
background-color: #fff;
outline: none;
color: #4b4b4b;
font-weight: bold;
transition: background-color 0.3s ease 0s;
margin-right: 28px;
}
ul.header_navi{
padding-top: 0;
}
header.trans .wrap::after{
right: 34px;
bottom: -1px;
width: 50px;
height: 20px;
}
header.trans.active .wrap::after{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/wave.svg) no-repeat 0 0;
}
header .wrap::after{
content: '';
position: absolute;
display: block;
right: 34px;
bottom: -1px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/wave.svg) no-repeat 0 0;
background-size: contain;
width: 50px;
height: 20px;
} .menu_toggle > div {
position: fixed;
height: 30px;
width: 30px;
z-index: 100;
top: 12px;
right: 15px;
font-size: 1.4rem;
}
.menu_toggle > div > span {
display: block;
width: inherit;
height: 2px;
background: #000;
position: absolute;
left: 0;
-webkit-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.menu_toggle > div > span:first-of-type {
top: 0;
}
.menu_toggle > div > span:nth-of-type(2) {
top: 10px;
}
.menu_toggle > div > span:last-of-type {
top: 20px;
}
.menu_toggle > span {
display: block;
text-align: center;
font-size: 1.0rem;
}
.menu_toggle.open > div > span {
width: 30px;
top: 12px;
left: 0;
background-color: #000;
}	
header.trans .menu_toggle > div > span ,
header.trans .menu_toggle.open > div > span { background-color: #000;
}
.menu_toggle.open > div > span:first-of-type {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_toggle.open > div > span:nth-of-type(2) {
opacity: 0;
}
.menu_toggle.open > div > span:last-of-type {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} nav.menu {
position: fixed;
top: 45px;
left: 0;
width: 100%;
height: auto;
overflow-y: scroll;
z-index: 10;
box-sizing: border-box;
display: none;
padding: 0;
min-width: 100%;
background-color: #fff;
}
nav.menu > ul{
display: block;
}
nav.menu > ul > li{
width: 100%;
transition-delay: 0.5s;
opacity: 0;
transform: scale(0.8, 1);
transform-origin: left center;
transition: all 0.2s ease-in;
border-bottom: 1px solid #aaa;
}
nav.menu.active > ul > li{
transform: scale(1, 1);
opacity: 1;
border-bottom: 1px solid #5388a7;
}	
nav.menu ul li a {
font-size: 1.6rem;
padding: 1em;
text-decoration: none;
text-align: left;
color: #5388a7;
font-weight: bold;
background-color: #e9eff2;
}
header.trans nav.menu > ul > li > a{
color: #5388a7;
text-shadow: none;
font-weight: bold;;
}
nav.menu ul li .searchform{
border: 1px solid #9e9e9f;
width: 90%;
height: 50px;
border-radius: 25px;
display: flex;
align-items: center;
padding: 0 10px 0 20px;
background-color: #fff;
margin: 4em auto 0 auto;
}
nav.menu ul li .searchform input{
width: calc(100% - 20px);
　　font-size: 1.6rem;
padding: 0.75em 0.25em;
-webkit-user-select : auto;
}
nav.menu ul li .searchform button{
width: 20px;
padding: 0;
height: 40px;
}
nav.menu ul li .searchform button img{
width: 100%;
height: auto;
}
nav.menu > ul > li > a span::after,
nav.menu > ul > li:first-of-type > a span::before{
display: none;
}	
nav.menu > ul > li > a::after{
display: none;
}
nav.menu > ul > li > a span{
display: inline-block;
}
nav.menu > ul > li > a span::before,
nav.menu > ul > li:first-of-type > a span::before{
content: '>';
font-size: 1.0rem;
color: #5388a7;
transform: scale(0.8);
transition: bottom 0.3s ease 0s;
padding-right: 1em;
margin-top: -0.5em;
vertical-align: middle;
display: inline-block;
position: relative;
top:0;
border: none;
width: auto;
height: auto;
}
nav.menu > ul > li > a::before{
display: none;
} footer {
width: 100%;
}
footer .js-pagetop{
}
footer .footer_nav{
padding: 0 0 1em 0;
}
footer .footer_nav ul.footer_menu{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
font-size: 1.6rem;
width: 100%;
}
footer .footer_nav ul.footer_menu li{
width: 50%;
}
footer .footer_nav ul.footer_menu li a{
padding: 1em 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
}
footer .footer_nav ul.footer_menu li::after{
display: none;
}
footer .footer_nav ul.btn{
display: flex;
justify-content: space-around;
width: 100%;
}
footer .footer_nav ul.btn li{
margin: 0;
width: 45%;
}
footer .footer_nav ul.btn li.contact a,
footer .footer_nav ul.btn li.sec a{
font-size: 1.6rem;
letter-spacing: 0;
padding: 1em 1.5em 1em 	2.25em;
width: 100%;
height: 100%;
display: block;
text-align: center;
}
footer .footer_nav ul.btn li.contact a{
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/footer_contact.svg) no-repeat #fff 1em center;
background-size: 1.5em auto;
}
footer .footer_info .wrap{
padding: 2em 1em 1em 1em;
font-size: 1.4rem;
}
.copyright {
font-size: 1.0rem;
} #mv{
}
#mv .slider{
height: 320px;
max-height: 320px;
margin: 0 auto;
}
#mv img {
width: 100%;
height:320px;
object-fit: cover
}
#mv .searchform {
bottom: 20%;
}
#mv .searchform input{
width: calc(100% - 90px);
font-size: 1.4rem;
padding: 0.75em 1.75em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/search_ic.svg) no-repeat left 0 center;
background-size: 1.5em;
} .pankuzu{
margin-top:0;
}
.main {
margin-top: 1em;
width: 100%;
}
.main.top .top_right{
width: 100%;
order:2;
}
.main.top .top_center{
width: 100%;
order:1;
}
.top_center .greeting a {
letter-spacing: 0.2em;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
border: 5px solid #e9eff2;
padding: 0.75em 0 0.75em 1.25em;
display: block;
position: relative;
margin: 2em auto 1.5em auto;
width: 280px;
}
.main.top .top_center .greeting a:hover{
opacity: 1;
}
.main.top .top_center .greeting a::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100px;
height: 100px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/kunii.png) no-repeat left bottom -31px;
background-size: auto 100%;
}
.main.top .top_center .greeting a span {
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
position: absolute;
right: -0.5em;
bottom: 0;
font-weight: normal;
font-size: 1.0rem;
letter-spacing: 0;
margin-top: 0.25em;
color: #7B7B7B;
transform: scale(0.8);
}
.bnr_kankou a{
font-size: 2.2rem;
letter-spacing: 0.6em;
color: #fff;
font-weight: bold;
text-shadow: 0 0 7px #000;
margin: 0 auto 0.5em auto;
width: 280px;
height: 100px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/pixta_29257937_M.png) no-repeat center 33%;
background-size: 100% auto;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
position: relative;
}
.bnr_kankou a::before{
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border: 7px solid #fff;
opacity: 0.1;
}
.bnr_kankou a span{
font-weight: normal;
font-size: 1.4rem;
width: auto;
display: flex;
justify-content: center;
padding-bottom: 0;
padding-right: 0.5em;
}
.main.top .top_center .bnr_furusato a{
width: 100%;
font-size: 1.8rem;
padding: 0.75em 0 0.75em 1.75em;
letter-spacing: 0.6em;
}
.main.top .top_center .bnr_furusato a::after {
content: '';
position: absolute;
left: 1em;
top: calc(50% - 0.75em);
display: block;
width: 2em;
height: 1.5em;
}
.main.top .top_center .bnr_furusato img{
width: 100%;
height: auto;
}
.main.top .top_center .bnr_furusato5 a{
width: 100%;
font-size: 1.8rem;
padding: 0.75em 0 0.75em 1.75em;
letter-spacing: 0.6em;
}
.main.top .top_center .bnr_furusato5 a::after {
content: '';
position: absolute;
left: 1em;
top: calc(50% - 0.75em);
display: block;
width: 2em;
height: 1.5em;
}
.main.top .top_center .bnr_furusato5 img{
width: 100%;
height: auto;
}
.bnr_vaccine a{
font-size: 1.5rem;
width: 100%;
padding: 1.1em 0 1.1em 1.5em;
margin-bottom: 0.75em;
}
.bnr_vaccine a::after {
content: '';
position: absolute;
left: 1.25em;
top: calc(50% - 0.75em);
display: block;
width: 2em;
height: 1.5em;
background-image: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/vaccine.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
}
.top_center .corona a{
font-size: 1.6rem;
font-weight: bold;
padding: 0.65em 0.5em 0.65em 1.5em;
}
.top_center .corona a span::before{
content:"\025b6";
position: absolute;
left: -1.5em;
top: 0.35em;
font-size: 1rem;
}
.top_center .news_imp{
margin-top: 2em;
border: 5px solid #e9eff2;
}
.top_center .news_imp h2 span{
font-size: 1.8rem;
}
.top_center .news_imp ul{
margin-top: 2em;
height: 250px;
overflow-y: scroll;
}
.top_center .news_imp ul li{
margin-bottom: 1.5em;
}
.top_center .news_imp ul li a{
display: block;
margin-top: 0.5em ;
}
.top_center .news_imp ul li span.cat a{
display: inline;
}
.main.top .top_center .greeting a,
.bnr_furusato a,
.bnr_vaccine a,
.top_center .corona a{
min-height:60px!important;
display: flex!important;
align-items: center!important;
justify-content: center;
}	
.searchform{
width: calc(100% - 20px);
padding: 0 0 0 0.5em;
margin: 1.5em auto 0 auto;
}
.searchform input{
width: calc(100% - 50px);
}
.searchform button{
width: 50px;
}
.top_center .search{
margin-top: 2em;
background-color: #e9eff2;
padding: 3em 5px 2em 5px;
margin-left: -10px;
width: calc( 100% + 20px);
}
.top_center .search h2{
margin-top: 1.5em;
font-size: 2.2rem;
margin-left: 10px;
}
.top_center .search ul.life li{
width:calc(1/3 * 100% - 20px);
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
}
.top_center .search ul.life li a{
width: 100%;
min-height: 90px;
margin: 0;
font-size: 1.4rem;
}
.top_center .search ul.guide{
padding: 0 0 0 10px;
}
.top_center .search ul.guide li a{
border-radius: 3px;
font-size: 1.8rem;
}
.top_center .search ul.chart{
padding: 0 0 0 10px;
}
.top_center .search ul.chart li a{
font-size: 1.8rem;
}
.top_center .search ul.chart li a::before{
font-size: 1.2rem;
}
.top_right .pop{
margin-top: 2em;
background-color: #e9eff2;
padding: 1.5em 1em 1em 1em;
}
.top_right .pop h2{
text-align: center;
font-weight: bold;
font-size: 2.2rem;
color: #5388a7;
margin-bottom: 0.5em;
}
.top_right .pop .box{
background-color: #fff;
padding: 2em 1em 1em 1em;
}
.top_right .pop .box ul li{
font-size: 1.6rem;
}
.top_right .pop .box .note{
font-size: 1.3rem;
}
.top_right .bnr{
margin-top: 3em;
}
.top_right .bnr li,
.top_right .bnr li a,
.top_right .btn li a{
align-items: center;
min-height: 60px!important;
align-self: center;
align-content: center;
display: flex!important;
}
.top_right .bnr li.bnr_toto a {
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/bnr_toto.png) no-repeat center top 0.55em;
background-size: auto 50%;
}
.top_right .bnr li.btn1 a,
.top_right .bnr li.btn2 a,
.top_right .bnr li.bnr_twitter a{
height: auto;
letter-spacing: 0.25em;
}
.top_right ul.bnr li.bnr_board a{
font-size: 1.7rem;
}
.top_right .bnr li.bnr1 a {
font-size: 2.4rem;
}
.top_right .bnr li.bnr1 a span{
padding-right: 0.25em;
font-size: 1.4rem;
}
.top_right .bnr li.bnr2 a {
font-size: 2.1rem;
}
.top_right .bnr li.bnr2 a span {
font-size: 1.0rem;
margin-top: 0;
display: block;
width: 100%;
}	
.top_right .bnr li.bnr4 a {
font-size: 1.8rem;
}	
.top_right .bnr li.kouhou a{
text-align: center;
height: auto;
}
.top_right .bnr li.bnr5 a{
letter-spacing: 0;
}
.top_right .bnr li.bnr_kanko a{
background-size: auto 75%;
}
.top_news{
width: 100%;
margin-top: 2em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/66420092.jpg) left top no-repeat;
background-size: cover;
padding: 2em 10px 4em 10px;
position: relative;
z-index: 0;
height: 200px;
}
.top_news .news{
padding: 0;
}
.top_news .news h2{
font-size: 2.2rem;
padding: 0;
}
.top_news .news h2 a{
font-size: 1.6rem;
}
.top_news .news h2 a::before{
top: 0.6em;
}
.top_news .news ul.archive{
padding: 0.5em 1.5em 1.5em 1.5em;
background-color: rgba(255,255,255,0.9);
margin-top: 1.5em;
}
.breadcrumbs {
font-size: 1.2rem;
}
.corona_taisaku{
margin: 1.5em auto 0 auto;
width: 92%;
max-width: 1060px;
padding: 2em 2em 0.5em 2em;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/img/torii.jpg) no-repeat center 23%;
background-size: 120% auto;
text-align: center;
}
.corona_taisaku p{
text-align: center;
margin-top: 1em;
font-size: 13px;
font-weight: bold;
letter-spacing : 2px;
text-shadow: 
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff; }
.corona_taisaku .img1{
margin: 1em auto 0;
display: block;
width: 90px;
}
.corona_taisaku .img2{
margin: 1em auto 0;
display: block;
width: 300px;
}	
.left_cont {
width: 100%;
padding-bottom: 4em;
}
aside.side{ }
.left_cont h2 {
font-size: 1.7rem;
}
.left_cont .term_desc {
padding: 0 0.75em 1em 0.75em;
font-size: 1.4rem;
line-height: 1.6;
}
.left_cont .term_desc p {
margin-top: 1em;
font-size: 1.4rem;
}
.left_cont h3 {
font-size: 1.5rem;
margin-left: 0.25em;
}
.left_cont ul.archive {
border: 5px solid #e9eff2;
padding: 1em 2em 2em 2em;
}
.list_head{
padding-bottom: 0;
}
ul.archive li {
display: block;
position: relative;
padding-bottom: 1.5em;
margin-bottom: 0;
margin-top: 1.5em;
}
ul.archive li:first-of-type {
margin-top: 0;
}
ul.archive li a img {
width: 140px;
height: auto;
margin-bottom: 0;
float: left;
}
ul.archive li h3 a {
font-size: 1.6rem;
}
.left_cont ul.archive_list {
padding:1em;
}
.left_cont ul.archive_list li a {
font-size: 1.4rem;
}
.left_cont ul.archive.cat2 {
margin-left: 0.5em;
margin-bottom: 6em;
}
.left_cont ul.archive.cat {
border: 5px solid #e9eff2;
padding: 1.5em;
}
ul.archive.cat li a{
font-size: 1.3rem;
font-weight: bold;
}
ul.archive li .txt{
width: 100%;
}
.list_head {
font-size: 1.4rem;
margin-bottom: 0.5em;
margin-top: 0;
align-items: center;
flex-wrap: wrap;
}
.list_head time{
margin-bottom: 0.5em;
margin-top: 0.5em;
margin-right: 0.5em;
}
.list_head .cat{
margin-left: 0;
}
ul.archive li h3,
ul.archive li h3 span{
font-size: 1.6rem;
}
.single_cont{
margin-bottom: 2em;
}
.single_cont #toc_container {
padding: 0.5em 1em;
}
.single_cont #toc_container p.toc_title{
font-size: 1.6rem;
}
.single_cont #toc_container ul li a{
font-size: 1.5rem;
}
.single_cont .box2{
margin: 2em 0 0;
}
.single_cont p {
font-size: 1.4rem;
line-height: 1.75;
margin-bottom: 1em;
padding: 0 0.75em;
}
.single_cont h4,
.single_cont h5{
font-size: 1.4rem;
}
.single_cont table {
margin: 2em auto 0 auto;
width: calc(100% - 0.5em);
}
.single_cont table tr th,
.single_cont table tr td{
font-size: 1.3rem
}
.single_cont .contact_box,
.term_desc .contact_box{
width: 100%;
padding: 0.75em 0.25em;
}
.single_cont .contact_box dt,
.single_cont .contact_box dd,
.term_desc .contact_box dt,
.term_desc .contact_box dd{
font-size: 1.4rem;
}
.single_cont .contact_box dt,
.term_desc .contact_box dt{
padding-right: 0.25em;
}
.single_cont .contact_box dt::after,
.term_desc .contact_box dt::after{
content: '：';
padding-left: 0.25em;
}
.single_cont .box1 {
margin: 2em 0.25em 0 0.25em;
}	
.single_cont .box1 .ttl {
font-size: 1.5rem;
}	
.single_cont ul,
.single_cont ol {
padding: 0.75em;
}
.single_cont ul li,
.single_cont ol li{
font-size: 1.3rem;
}	
.list .ttl1 {
background-color: #000099;
font-size: 2.0rem;
color: #fff;
padding: 1em 0;
text-align: center;
font-weight: bold;
width: calc(100% + 20px);
margin-left: -10px;
}
.blog_navi {
padding-bottom: 50px;
}
.blog_navi ul li {
margin: 0.5em 0.5em 2.5em 0.5em;
}
.side {
width: 100%;
}	
.side .movie,
.side .tag{
display: none;
}
.side ul.chart li a {
font-size: 1.5rem;
}
.side ul.chart li:nth-of-type(n + 6) {
display: none;
}
.top_right .twitter {
margin-top: 0;
height: 300px;
overflow-y: hidden
}	
.mainwrap.single {
margin-top: 40px;
}
.single_head {
flex-wrap: wrap;
font-size: 1.6rem;
}
.single_head .cat{
margin-top: 0;
padding: 0.2em 0.7em;
display: flex;
align-items: center;
font-size: 1.2rem;
line-height: 1.25;
}	
.single_head time {
font-size: 1.3rem;
}
.single .ttl1 {
font-size: 2.8rem;
font-weight: bold;
margin-top: 0.5em;
}	
.single .post {
padding-bottom: 60px;
}
.single .post h2:first-of-type {
margin-top: 40px;
}
.single .post h2 {
margin-top: 50px;
}
.single .post p {
margin-top: 1.5em;
}
.single_tab a {
font-size: 1.4rem;
}
.single .auth_box img {
width: 100%;
max-width: 180px;
height: auto;
display: block;
margin: 0 auto 20px auto;
}
.single .contact_box .btn a {
width: 100%;
max-width: 380px;
font-size: 1.4rem;
}	
.single .post_navi{
width: calc(100% + 20px);
margin-left: -10px;
}
.single .post_navi li a .post_navi_head{
flex-wrap: wrap;
}
.single .post_navi li a .post_navi_head time{
width: 100%;
}	
.single .post_navi li a .post_navi_head .cat {
margin-left: 0;
}	
.single .ttl2 {
background-color: #000099;
font-size: 2.0rem;
color: #fff;
padding: 1em 0;
text-align: center;
font-weight: bold;
width: calc(100% + 20px);
margin-left: -10px;
}
.main.top{
flex-wrap: wrap;
}
.main.top .top_list1{
order: 2;
width: 100%;
}
.main.top .top_list2{
order: 1;
width: 100%;
}
.top_list1::after, .main.top .top_list2::after {
display: none;
}	
.main.top .top_list2 ul.archive li .txt {
order: 1;
width: 100%;
margin-right: 0;
}	
.main.top .top_list1 ul.archive li,
.main.top .top_list2 ul.archive li {
border-bottom: none;
}	
.main.top .top_list1 ul.archive li {
display: block;
padding-bottom: 2em;
margin-bottom: 2.5em;
}	
.main.top .top_list1 .ttl1 {
background-color: #000099;
font-size: 2.0rem;
color: #fff;
padding: 1em 0;
text-align: center;
font-weight: bold;
width: calc(100% + 20px);
margin-left: -10px;
}
ul.archive li:last-of-type::after {
display: none;
}	
.main.top .top_list1 ul.archive li:last-of-type::after {
display: block;
} #contact{
padding: 40px 0 40px 0;
}
#contact p{
text-align: center;
font-size: 1.4rem;
padding: 3em auto 0 auto;
width: 94%;
}
#contact table{
margin: 20px auto 0 auto;
width: 94%;
font-size: 1.5rem;
line-height: 2;
}
#contact table th{
width: 100%;
display: block;
padding: 0.5em;
text-align: left;
vertical-align: top;
}
#contact table th span.type1{
font-size: 1.2rem;
color: #fff;
background-color: #B71515;
padding: 0.25em 0.5em;
position: relative;
margin-left: 1em;
}
#contact table th span.type1::before{
content: '必須';
}
#contact table th span.type2{
font-size: 1.2rem;
color: #fff;
background-color: #353535;
padding: 0.25em 0.5em;
position: relative;
margin-left: 1em;
}
#contact table th span.type2::before{
content: '任意';
}
#contact table td{
width: 100%;
display: block;
padding: 0.5em 0.5em 0.5em 0.5em;
}
#contact table input[type="text"],
#contact table input[type="tel"],
#contact table input[type="email"],
#contact table textarea,
#contact table select {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
padding: 8px 15px;
border: solid 1px #d8d8d8;
border-radius: 0;
line-height: 22px;
vertical-align: bottom;
-webkit-appearance: none;
}
#contact table input {
margin-right: 5px;
}
#contact table label{
display: block;
margin-bottom: 0.5em;
}
#contact .privacy{
width: 94%;
margin: 20px auto 0 auto;
border: 1px solid #A5A5A5;
padding: 1em;
text-align: left;
height: 150px;
overflow-y: scroll;
}
#contact .privacy .ttl{
font-size: 1.3rem;
font-weight: bold;
}
#contact .privacy p{
font-size: 1.1rem;
margin-top: 2em;
text-align: left;
padding: 0;
line-height: 1.75;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.btnwrap {
text-align: center;
margin-top: 30px;
}
.btnwrap input[type="submit"].submitbtn {
background: #B71515;
}
.btnwrap input[type="submit"]{
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: inline-block;
width: 280px;
margin: 0 20px;
padding: 18px 0;
border: none;
text-align: center;
font-size: 1.6rem;
color: #fff;
cursor: pointer;
border-radius: 5px;
}
ul.sitemap li {
margin-right: 1em;
}
ul.sitemap li a {
font-size: 1.4rem;
padding: 0.5em 0;
}	
ul.sitemap{
padding: 0.75em 0.25em 1em 1.5em;
}
.twitter {
width: calc(100vw - 20px);
overflow-y: hidden;
}
.twitter iframe{
width: calc(100vw - 20px)!important;
}
#modal-content {
width: 92%;
}
#modal-content #modal-close {
margin: 2em auto 0 auto;
} .black .menu_toggle > div > span {
background-color: #fff;
}
.blue .menu_toggle > div > span {
background-color: #FFFF00;
}
.black nav.menu > ul {
border-top: 3px solid #e9eff2;
}
.blue nav.menu > ul {
border-top: 3px solid #e9eff2;
}
}*{
min-width:0;
min-height:0;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: auto;
min-height: 1px;
}
.slick-slide a{
position: relative;
display: block;	
max-height: 700px;
} .slick-slide p{
position: absolute;
margin: auto;
top:0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
width: 90%;
height: 2.4em;
z-index: 100;
font-size: 2.6rem;
font-weight: bold;
letter-spacing: 4px;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
line-height: 1.5;
}
.slick-slide p span{
position: relative;
display: block;
width: 100%;
}
.slick-slide p span::before{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: -75px;
bottom: auto;
margin: auto; width: 180px;
height: 46px;
background-size: contain;
}
.slick-slide p span::after{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: -130px;
margin: auto; width: 120px;
height: 119px;
background-size: contain;
}
@media screen and (max-width: 812px){
.slick-dots li button:before{
width:20px;
height: 20px;
}
.slick-slide a{
max-height: 320px;
} .slick-slide p{
width: 80%;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
}
.slick-slide p span::before{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: -40px;
bottom: auto;
margin: auto; width: 90px;
height: 23px;
background-size: contain;
}
.slick-slide p span::after{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: -65px;
margin: auto; width: 60px;
height: 59px;
background-size: contain;
}	
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
text-align: center;
display: block;
margin: auto;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slickarrows {
position: relative;
width: 100%;
}
.slickarrows .slick-next {
position: absolute;
border: 0;
text-indent: -9999px;
z-index: 2;
top: calc(50% - 20px);
right: -1.3em;
height: 55px;
width: 55px;
cursor: pointer;
outline: none;
border-radius: 20px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/js/img/slick_ic.svg) no-repeat center center;
background-size: contain;
transform: rotate(-180deg);
}
.slickarrows .slick-prev{
position: absolute;
border: 0;
text-indent: -9999px;
z-index: 2;
top: calc(50% - 20px);
left: -1.3em;
height: 55px;
width: 55px;
cursor: pointer;
outline: none;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/js/img/slick_ic.svg) no-repeat center center;
background-size: contain;
}
.slick_box .slick-prev:hover,
.slick_box .slick-next:hover {
opacity: 0.75;
}
@media screen and (max-width: 767px){
.slickarrows {
position: relative;
width: 100%;
}
.slickarrows .slick-next {
position: absolute;
border: 0;
text-indent: -9999px;
z-index: 2;
top: calc(50% - 20px);
right: 1em;
height: 40px;
width: 40px;
cursor: pointer;
outline: none;
border-radius: 20px;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/js/img/slick_ic.svg) no-repeat center center;
background-size: contain;
transform: rotate(-180deg);
}
.slickarrows .slick-prev{
position: absolute;
border: 0;
text-indent: -9999px;
z-index: 2;
top: calc(50% - 20px);
left: 1em;
height: 40px;
width: 40px;
cursor: pointer;
outline: none;
background: url(//www.town.oarai.lg.jp/wp/wp-content/themes/oarai/js/img/slick_ic.svg) no-repeat center center;
background-size: contain;
}
ul.slick_list{
width: 100%;
margin: 2em 0 4em 0;
display: none;
position: relative;
z-index: 1;
padding: 0;
}
ul.slick_list.slick-initialized{
display: block;
overflow: hidden;
position: relative;
top: 0;
left: 0;
}
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 2%;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 10px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
color: #fff;
}
.slick-dots li button:before
{ position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
content: '';
text-align: center;
opacity: 1;
background-color: transparent;
display: block;
border-radius: 50%;
border: 2px solid #fff;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1));
-moz-filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1));
-ms-filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: 1;
background-color: #fff;
}
@media screen and (max-width: 812px){
.slick-dots{
position: absolute;
bottom: 6%;
}
.slick-dots li button:before{
width:20px;
height: 20px;
}
}
.slider{
display: none;
}
.slider.slick-initialized{
display: block; }
.slider{
opacity: 0;
transition: opacity .3s linear;
}
.slider.slick-initialized{
opacity: 1;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
li.slick-slide{
height: 700px;
overflow-y: hidden;
}
}