@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {  background: transparent; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { *font-size: 100%; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

.clearfix { *zoom: 1; }

.clearfix:after { content: ""; display: table; clear: both; }

img { vertical-align: top; }

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/** YUI Fonts @module fonts @namespace yui- @requires  */
/** Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
html { font-size: 62.5%; }

/*
[ 明朝 ]

"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", Verdana, serif

[ ゴシック ]
"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif

*/
/** Nudge down to get to 13px equivalent for these form elements */
select, input, button, textarea, button { font: 99%; font-family: inherit; }

/** To help tables remember to inherit */
table { font-size: inherit; font: 100%; }

/** Bump up IE to get to 13px equivalent for these fixed-width elements */
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.onlySP { display: block; }

@media screen and (min-width: 769px) { .onlySP { display: none; } }

.onlyPC { display: none; }

@media screen and (min-width: 769px) { .onlyPC { display: block; } }

img { max-width: 100%; max-height: 100%; }

@media screen and (min-width: 769px) { .footer { min-width: 1280px; } }

.footer .pagetop { margin-top: 75px; }

.footer .pagetop:before { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.footer .pagetop:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

@media screen and (min-width: 769px) { .footer .pagetop { margin-top: 0; } }

.footer .pagetop .pagetop__inner { text-align: center; }

@media screen and (min-width: 769px) { .footer .pagetop .pagetop__inner { text-align: right; padding: 0 20px; width: 1280px; margin: 0 auto; } }

.footer .pagetop .pagetop__inner a { display: block; padding: 10px 0; font-size: 1.3rem; color: #3EA9E4; text-decoration: none; }

@media screen and (min-width: 769px) { .footer .pagetop .pagetop__inner a { display: inline-block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer .pagetop .pagetop__inner a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer .pagetop .pagetop__inner a span { position: relative; padding-right: 15px; }

.footer .pagetop .pagetop__inner a span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 8px; height: 8px; margin-top: -1px; border-top: 1px solid #3EA9E4; border-right: 1px solid #3EA9E4; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.footer__head { padding: 25px 25px 40px; }

@media screen and (min-width: 769px) { .footer__head { padding: 40px 40px 50px; width: 1280px; margin: 0 auto; } }

.footer__nav { font-size: 1.3rem; margin-bottom: 15px; }

@media screen and (min-width: 769px) { .footer__nav { font-size: 1.2rem; width: 1010px; float: left; letter-spacing: 0.2rem; margin-bottom: 0; }
  .footer__nav a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; line-height: 1.4;}
  .footer__nav a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__nav li { padding-bottom: 10px; }

@media screen and (min-width: 769px) { .footer__nav li { float: left; width: 25%; } }

.footer__nav li a { color: #444; text-decoration: none;}

.footer__sns img { width: 43px !important; height: 43px !important; }

@media screen and (min-width: 769px) { .footer__sns img { width: 40px !important; height: 40px !important; } }

@media screen and (min-width: 769px) { .footer__sns { float: left; width: auto; } }

.footer__sns dt { display: block; font-size: 1.4rem; padding-bottom: 10px; letter-spacing: 0.25rem; font-weight: normal; }

@media screen and (min-width: 769px) { .footer__sns dt { font-size: 1.2rem; } }

.footer__sns dd { float: left; width: 40px; }

.footer__sns dd { margin-left: 10px; }
.footer__sns dd:nth-of-type(1) { margin-left: 0; }

@media screen and (min-width: 769px) { .footer__sns dd a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__sns dd a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (min-width: 769px) { .footer__body { width: 1280px; margin: 0 auto; } }

.footer__body ul { border-top: 1px solid #ccc; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (min-width: 769px) { .footer__body ul { margin: 0 40px; padding-top: 35px; padding-bottom: 20px; width: 1200px; } }

.footer__body ul li { font-size: 1.4rem; text-align: center; width: 50%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-bottom: 1px solid #ccc; }

.footer__body ul li:nth-of-type(odd) { border-right: 1px solid #ccc; }

.footer__body ul li img { max-height: 44px; }

.footer__body ul li a { display: block; width: 100%; }

@media screen and (max-width: 768px) { .footer__body ul li a { padding: 10px 20px; } }

@media screen and (min-width: 769px) { .footer__body ul li { font-size: 1.3rem; text-align: center; float: none; border: none; padding: 0; }
  .footer__body ul li:not(:first-of-type) { border-left: 1px solid #ddd; }
  .footer__body ul li:nth-of-type(odd) { border-right: none; }
  .footer__body ul li img { max-height: none; height: auto; }
  .footer__body ul li:nth-of-type(1) { width: 200px; }
  .footer__body ul li:nth-of-type(1) img { width: 111px; }
  .footer__body ul li:nth-of-type(2) { width: 200px; }
  .footer__body ul li:nth-of-type(2) img { width: 121px; }
  .footer__body ul li:nth-of-type(3) { width: 200px; }
  .footer__body ul li:nth-of-type(3) img { width: 144px; }
  .footer__body ul li:nth-of-type(4) { width: 200px; }
  .footer__body ul li:nth-of-type(4) img { height: 44px; }
  .footer__body ul li:nth-of-type(5) { width: 200px; }
  .footer__body ul li:nth-of-type(5) img { width: auto; height: 44px; }
  .footer__body ul li:nth-of-type(6) { width: 200px; }
  .footer__body ul li:nth-of-type(6) img { width: auto; height: 42px; }
  .footer__body ul li a { display: block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body ul li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (max-width: 768px) { .footer__body ul li.num_04 img { max-width: 85%; } }

.footer__body .footer__link { border-bottom: 1px solid #ccc; text-align: center; }

@media screen and (min-width: 769px) { .footer__body .footer__link { text-align: right; margin: 0 40px 20px; padding: 0 0 10px 0; } }

.footer__body .footer__link .link-text { color: #444; font-size: 1.3rem; text-decoration: none; display: block; padding: 11px 0; }

@media screen and (min-width: 769px) { .footer__body .footer__link .link-text { font-size: 1.1rem; letter-spacing: 1.2px; display: inline-block; padding: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body .footer__link .link-text:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__body .footer__link .link-text span { position: relative; padding-right: 10px; }

.footer__body .footer__link .link-text span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 5px; height: 5px; margin-top: -3px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.footer__foot .links { padding: 0 25px 0px; }

.footer__foot .links ul { overflow: hidden; margin-bottom: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }

@media screen and (min-width: 769px) { .footer__foot .links { padding: 0px 0 0 40px; }
  .footer__foot .links ul { margin-bottom: 0; } }

.footer__foot .links li { float: left; font-size: 1.1rem; padding-bottom: 10px; }

.footer__foot .links li a { display: inline-block; padding: 3px 15px 2px; position: relative; text-decoration: none; color: #343434; }

.footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; margin-top: -4px; background: #c1c1c1; }

.footer__foot .links li:first-of-type { font-size: 1.0rem; color: #878787; padding: 0 5px 11px 0; }

.footer__foot .links li:first-of-type a:after { display: none; }

.footer__foot .links li:nth-of-type(2) a:after { display: none; }

@media screen and (min-width: 769px) { .footer__foot .links li { padding-bottom: 0px; }
  .footer__foot .links li:first-of-type { font-size: 1.0rem; padding-bottom: 1px; }
  .footer__foot .links li a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; padding: 3px 17px 2px; }
  .footer__foot .links li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
  .footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #c1c1c1; }
  .footer__foot .links li:first-of-type { padding: 0 3px 0 0; } }

.footer__foot .copyright { font-size: 1.0rem; padding: 0px 0 25px; text-align: left; display: inline-block; line-height: 1.5; color: #999; }

@media screen and (min-width: 769px) { .footer__foot { width: 1280px; margin: 0 auto 20px; }
  .footer__foot .copyright { float: left; padding: 7px 0 0 0px; font-size: 1.0rem; text-align: left; } }

.footer__logo { max-width: 150px; margin: 30px auto 30px; text-align: center; }
.footer__logo img[src*="MFGC.png"] { width: 170px; margin-top: 5px;}

@media screen and (max-width: 768px) { .footer__logo img[src*="footer_logo2"] { width: 108px;} }


@media screen and (min-width: 769px) { .footer__logo { float: right; width: 330px; height: 32px; max-width: none; text-align: right; margin: 0 40px 0 0; } }

@media screen and (min-width: 767px){

.pc{display: block;}
.sp{display: none;}




.okazaki_info{
    height: 100px;
    width: 935px;
    /* background-color: blanchedalmond; */
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
}

.okazaki_infobox{
    width: 140px;
    height: 100px;
    text-align: center;
}

.pur{
    background-color: #cd82bf;
}

.yel{
    background-color: #f6ad02;

}

.blu{
    background-color: #007ec6;
}

.red{
    background-color: #eb5a5a;
}

.gre{
    background-color: #57a133;
}

.pink{
    background-color: #ffb6c1;
}




.okazaki_info .okazaki_infobox h4{
    color: #fff;
    font-size: 17.5pt;
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
    margin-bottom: 10px;
}


.okazaki_info .okazaki_infobox .car2{
    background-color: #fff;
    padding: 7px 28%;
    font-size: 20pt;
    font-weight: bold;
}






.man {
    color: #F15A24;
  }
  
.ku {
    color: #0092D9;
  }
  
.hei {
    color: #8850a1;
  }

.kon {
    color: #6ec63f;
  }


  .okazaki_info .okazaki_infobox .car3{
    background-color: #fff;
    padding: 11px 10%;
    font-size: 19pt;
    font-weight: bold;
    margin-top: 20px;
}

  .stop{
    color: #777;

  }
  


.okazakip{
  width: 700px;
  height: 0;
  padding-bottom: 980px;
  margin: 15px auto 30px;

  background-image: url(../img/map.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;

  position: relative;
}


.map_item{
    position: absolute;
    background: none;
    width: 50px;
}

.map_item span img{
    width: 100%;
}




.park1{
    top: 83.5%;
    left: 39.5%;
}


.park2{
    top: 14%;
    left: 38%;
}

.park3{
    top: 14%;
    left: 60.5%;
}

.park4{
    top: 48.5%;
    left: 65%;
}

.park5{
    top: 86%;
    left: 60.5%;
}

.rittai{
    top: 24%;
    left: 26%;
}



/**/
footer .footerbody {
  width: 100%;
  background: #000;
  text-align: center;
  padding: 30px 0;
  font-size: 12px;
  line-height: 2em;

}
footer .footerbody .menu li {
  display: inline-block;
  color: #fff;
  padding: 0 0.6%;
  border-right: solid 1px #fff;
  font-size: 0.88vw;
}
footer .footerbody .menu li:last-child {
  border-right: none;
}
footer .footerbody .menu li a {
  color: #fff;
  text-decoration: none;
}
footer .footerbody .menu li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
footer .footerbody p {
  color: #fff;
}


.management {
	
	margin: 20px auto;
	
}
.management img {
	width: 14%;
}






}

@media screen and (max-width: 767px){

    .sp{display: block;}
    .pc{display: none;}

    .okazaki_info{
        width: 95%;
        /* max-width: 310px; */
        /* height:35px; */
        /* background-color: blanchedalmond; */
        margin: 0 auto;
    
        /* display: flex; */
        /* justify-content: space-between; */
    }

    .okazaki_infobox{
        width: 100%;
        /* max-width: 310px; */
        height:50px;
        text-align: center;

        display: flex;
        /* align-items: flex-start; */
        justify-content: space-between;
    }


    .pur{
        background-color: #cd82bf;
        margin-bottom: 5px;
    }
    
    .yel{
        background-color: #f6ad02;
        margin-bottom: 5px;
    }
    
    .blu{
        background-color: #007ec6;
        margin-bottom: 5px;
    }
    
    .red{
        background-color: #eb5a5a;
        margin-bottom: 5px;
    }
    
    .gre{
        background-color: #57a133;
        margin-bottom: 5px;
    }

    .pink{
        background-color: #ffb6c1;
    }

    

   .okazaki_info .okazaki_infobox h4{
        color: #fff;
        font-size: 15pt;
        font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
        margin: 10px 0 0 10px;
    }
    
    
    .okazaki_info .okazaki_infobox .car2{
        background-color: #fff;
        font-size: 20pt;
        font-weight: bold;
        margin: 5px 5px 5px 0;
        padding: 0 30px;
    }
    
    


    .man {
        color: #F15A24;
      }
      
    .ku {
        color: #0092D9;
      }
      
    .hei {
        color: #8850a1;
      }
      
      .kon {
        color: #6ec63f;
      }
    


      .okazaki_info .okazaki_infobox .car3{
        background-color: #fff;
        font-size: 20pt;
        font-weight: bold;
        margin: 5px 5px 5px 0;
        padding: 0 30px;
    }


  
    
      .stop{
        color: #777;
    
      }
      




    .okazakip{
        width: 95%;
        height: 0;
        padding-bottom: 135%;
        margin: 15px auto 30px;
        
        background-image: url(../img/map.png);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;

        position: relative;

      }



      .map_item{
        background: none;
        width: 8%;

    }
 



    .park1{
        position: absolute;
        top: 82.5%;
        left: 39%;
    }
    
    
    .park2{
        position: absolute;
        top: 13.7%;
        left: 37%;
    }
    
    .park3{
        position: absolute;
        top: 13.7%;
        left: 59%;
    }
    
    .park4{
        position: absolute;
        top: 48.3%;
        left: 65%;
    }
    
    .park5{
        position: absolute;
        top: 85%;
        left: 60%;
    }
    
    .rittai{
        position: absolute;
        top: 23%;
        left: 26%;
    }



/**/
footer .footerbody {
  width: 100%;
  background: #000;
  text-align: center;
  padding: 7% 3%;
}
footer .footerbody .menu li {
  display: inline-block;
  color: #fff;
  padding: 0 2%;
  border-right: solid 1px #fff;
  font-size: 3vw;
  margin-bottom: 2%;
  line-height: 2em;
}
footer .footerbody .menu li:last-child {
  border-right: none;
}
footer .footerbody .menu li a {
  color: #fff;
  text-decoration: none;
}
footer .footerbody .menu li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
footer .management {
    text-align: center;
}
footer .management img {
    width: 50%;
}
footer .footerbody p {
    color: #fff;
    line-height: 1.4em;
    margin-top: 10px;
}
    


}