body{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h1 {
font-size:28px;
color:#045029;
}

h2 {
font-size:22px;
color:#045029;
}

h3 {
font-size:18px;
color:#045029;
}

h4 {
font-size:16px;
color:#045029;
}

h5 {
font-size:14px;
color:#045029;
}

nav > ul > li > a,nav > ul > li > span {
background:#FFF;
color:#000;
}

nav > ul > li > span:hover,nav > ul > li > a:hover  {
background:#8fc322;
color:#FFF;
}

nav > ul > li li > a {
background:#045029;
color:#FFF;
}

nav > ul > li li > a:hover {
background:#8fc322;
color:#FFF;
}

.menuicon {
background:#014F25;
}

.contents {
margin:0 auto;
width:970px;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media (max-width: 700px) {
.header .contents {
    margin-left: 70px;
    width: calc(100% - 70px);
}
}

@media (max-width: 970px) {
.contents {
  width:100%;
}
}

.w1 {
width:100%;
margin:20px 0;
}

@media (max-width: 700px) {
.w1{
width:calc(100% - 40px);
margin:20px auto;
}
}

.w2 {
width:48%;
float:left;
margin:20px 0;
}

@media (max-width: 700px) {
.w2{
width:calc(100% - 40px);
margin:20px auto;
}
}

.w3 {
width:32%;
float:left;
margin:20px 0;
}

@media (max-width: 700px) {
.w3{
width:calc(100% - 40px);
margin:20px auto;
}
}

.w4 {
width:23%;
float:left;
margin:20px 0;
}

@media (max-width: 700px) {
.w4{
width:calc(100% - 40px);
margin:20px auto;
}
}

.w3_4{
width:72%;
}

@media (max-width: 700px) {
.w3_4{
width:calc(100% - 40px);
margin:20px auto;
}
}

.w_max50 {

}

@media (max-width: 700px) {
.w_max50{
width:50%;
}
}

.w_max30 {

}

@media (max-width: 700px) {
.w_max30{
width:30%;
}
}


.box {
padding:10px;
margin-top:20px;
margin-bottom:20px;
}

.logo{
text-align:center;
width:100%;
padding-top:20px;
padding-bottom:20px;
}

.logo img{
width:400px
}

@media (max-width: 700px) {
.logo img{
width:100%;
}
}

.bg_green{
background:#e4ffd9;
}

.footer {
clear:both;
background: #310505;
color:#FFF;
padding:10px 0;
text-align:center;
width:100%;
}

.header {
background: #310505;
padding:10px 0;
color:#FFF;
}

.greenbox {
background:#8fc322;
color:#FFF;
}

.center {
text-align:center;
}

.fs_big {
font-size:28px;
}

.greenborderbox{
border:6px solid #8fc322;
padding:20px;
}

.section {
padding-top:40px;
}

.toppageimage {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.overwrapimage{
position: relative;
}

.overwrapimage img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.overwrapimage p {
  position: absolute;
  top: 50%;
  left: 50%;
 color:#FFF;
transform: translate(-50%,-50%);
    font-size: 39px;
    background-color: rgba(0, 0, 0, 0.5);
line-height:50px;
width:80%;
text-align:center;
}

.campaignsection img{
  border:#000 solid 1px;
  box-shadow: #ccc 3px 3px 3px;
}

.matumoto {
 fontsize:80%;
 border:#ccc 1px solid;
border-radius: 10px;
 padding:10px;
 display:block;
 margin:0 auto;
}

.bloglink{
    background-color: #8fc322;
    border-radius: 10px;
    color: #FFF;
    padding: 10px 20px;
    font-size: 18px;
    box-shadow: #ccc 5px 5px 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border:2px solid #FFF;
}

.kyujinlink{
    background-color: #8fc322;
    border-radius: 10px;
    color: #FFF;
    padding: 10px 20px;
    font-size: 18px;
    box-shadow: #ccc 5px 5px 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width:50%;
    border:2px solid #FFF;
}

@media (max-width: 700px) {
.kyujinlink{
width:80%;
}}

.party_title {
    background: #d01d33;
    color: FFF;
    text-align: center;
  font-size:40px;
padding:30px;
}

.party_title .shop{
  font-size:24px;
}

.party_detail {
  font-size:20px;
}

@media (max-width: 700px) {
.party_detail {
  font-size:16px;
}
}

.emergency {
margin-top:0px;
}

.emergency p {
font-size:120%;
color:red;
}

.top_campaign img{
width:50%;
float:left;
}

@media (max-width: 700px) {
.top_campaign img{
width:100%;
}
}

.orange_stripe{
background-image: linear-gradient(
-45deg,
#FFA10B 25%,
#FFBB4D 25%,
#FFBB4D 50%,
#FFA10B 50%,
#FFA10B 75%,
#FFBB4D 75%,
#FFBB4D
);
background-size: 30px 30px;
background-attachment: fixed;
}

.tel {
    float: left;
    margin-top: 0px;
    font-size: inherit;
}

#vacancy table {
width:100%;
}

#vacancy td{
text-align:center;
min-width:inherit;
}



.time_campaign, .time_no_campaign{
    background: red;
    color: #FFF;
    border-radius: 5px;
    padding: 2px;
    font-size: 8px;
    display: inline-block;
    box-shadow: 1px 1px 1px #CCC;
cursor: pointer;
}

.time_no_campaign {
background:blue;
}

#time_campaign_dialog {
    width: 400px;
    background: #ff3a36;
    border-radius: 10px;
    position: fixed;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    box-shadow: 5px 5px 10px #310505;
    color: #FFF;
    text-align: center;
    padding: 20px 10px;
    font-weight: bold;
    border: 3px solid #FFF;
}

.time_campaign_shop  {
background: #FFF;
padding:10px;
margin-top:20px;
border-radius: 5px;
}

.time_campaign_shop h3{
color:#000;
}

.time_campaign_shop p{
font-size:20px;
}


.time_campaign_shop a{
font-size:30px;
}

.time_campaign_close {
color:#FFF;
text-align:right;
margin-top: -20px;
cursor: pointer;
}

@media (max-width: 700px) {

}

.youtube {
width:100%;
}