body                { line-height:1; letter-spacing:0.07em; 
                      font-family:メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
                      font-weight:normal; color:#444; }
.mincho             { font-family:"YuMincho", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
@font-face          { font-family:'FontAwesome';
                      src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
                      src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
                      url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
                      url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
                      url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
                      url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
                      font-weight:normal; font-style:normal; }
.master,.mastermob  { margin: 0 auto; }
header              { display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; justify-content:space-between;
                      position:fixed; width:100%; top:0%; left:0%; right:0%; z-index:3000; transition:.5s; }
#logo,#logomiddle   { background-color:#2f5d50; }
nav>p               { letter-spacing:0em; color:#ddd; background-color:#444; margin:0; text-align:left; }
footer              { background-color:#bbb; text-align:center; line-height:1.7em; }
.fb30               { display:inline-block; width:30px; margin-bottom:5px; }

.divfadein          { opacity:0; transform:translate(0, 50px); transition:all 600ms; }
.divfadein.scrollin { opacity:1; transform:translate(0, 0); }
a#pagetop           { position:fixed; z-index:1000; opacity:0.3;
                      background:url("../img/toparrow.svg") 0 0 no-repeat; }
a#pagetop:hover     { opacity:0.5; transition:500ms; }
.meanmenu           { display:none; }
.redtxt		    	{ color:#ba5548; font-weight:bold; }
.strikethrough		{ text-decoration: line-through; }


@media print, screen and (min-width:769px) {
html,body           { font-size:14px; }
img[src$=".svg"]    { width:100%; }
img[src$=".png"]    { width:100%; }
.small,.middle,.middleonly,.smallmiddle,.middlelarge,.largemiddle
                    { display:none !important; }
.master,.mastermob  { width:980px; }
header>#logo        { width:206px; height:80px; padding:6px 15px 0 15px; }
nav>p               { height:40px; font-size:15px; padding:13px 0 0 10px; }
#mainbox            { margin-top:80px; }
footer              { margin-top:100px; padding:5px 5px 10px 5px;}
footer>div>p        { font-size:11.5px; letter-spacing:0.05em; }
a#pagetop           { left:50%; margin-left:445px; bottom:20px;
                      width:40px; height:40px; }
.active             { font-weight:bold; color:#2f5d50; }
}

@media only screen and (max-width:768px) and (min-width:641px) {
html,body           { font-size:16px; }
img[src$=".svg"]    { width:100%; }
img[src$=".png"]    { width:100%; }
img[src$=".jpg"]    { width:100%; }
img[src$=".gif"]    { width:100%; }
.master             { width:100%; }
.mastermob          { width:94%; }
.small,.translation,.largeonly,.smallmiddle,.middleonly
                    { display:none !important; }
header              { position:relative; }
nav>div>a>img       { position:absolute; width:300px !important; top:7px; left:10px; }
/* #mainbox            { margin-top:58px; } */
footer              { margin-top:10%; padding:1%;}
footer>div>p        { font-size:2vw; letter-spacing:0.05em; line-height:2; }
/* #footerlink>p       { text-align:left; } */
#copyright          { border-top:1px solid #999; }
#copyright>p        { text-align:center; }
a#pagetop           { left:50%; margin-left:39%; bottom:20px; width:9%; height:9%; }
.fb30               { width:6%; }
}

@media only screen and (max-width:640px) and (min-width:481px) {
html,body           { font-size:16px; }
img[src$=".svg"]    { width:100%; }
img[src$=".png"]    { width:100%; }
img[src$=".jpg"]    { width:100%; }
img[src$=".gif"]    { width:100%; }
.master             { width:100%; }
.mastermob          { width:93%; }
.small,.translation,.largeonly,.largemiddle
                    { display:none !important; }
header              { position:relative; }
nav>div>a>img       { position:absolute; width:280px !important; top:8px; left:10px; }
/* #mainbox            { margin-top:58px; } */
footer              { margin-top:10%; padding:1%;}
footer>div>p        { font-size:2.8vw; letter-spacing:0.05em; line-height:2; }
/* #footerlink>p       { text-align:left; } */
#copyright          { border-top:1px solid #999; }
#copyright>p        { text-align:center; }
a#pagetop           { left:50%; margin-left:37%; bottom:15px; width:11%; height:11%; }
.fb30               { width:8%; }
}

@media only screen and (max-width:480px) and (min-width:321px) {
html,body           { font-size:16.5px; }
img[src$=".svg"]    { width:100%; }
img[src$=".png"]    { width:100%; }
img[src$=".jpg"]    { width:100%; }
img[src$=".gif"]    { width:100%; }
.master             { width:100%; }
.mastermob          { width:92%; }
.large,.translation,.middleonly,.largeonly,.largemiddle
                    { display:none !important; }
header              { position:relative; }
nav>div>a>img       { position:absolute; width:270px !important; top:9px; left:10px; }
/* #mainbox            { margin-top:58px; } */
footer              { margin-top:10%; padding:1%;}
footer>div>p        { font-size:3.3vw; letter-spacing:0.05em; line-height:2; }
/* #footerlink>p       { text-align:left; } */
#copyright          { border-top:1px solid #999; }
#copyright>p        { text-align:center; }
a#pagetop           { left:50%; margin-left:33%; bottom:12px; width:13%; height:13%; }
.fb30               { width:9%; }
}

@media only screen and (max-width:320px) {
html,body           { font-size:17px; }
img[src$=".svg"]    { width:100%; }
img[src$=".png"]    { width:100%; }
img[src$=".jpg"]    { width:100%; }
img[src$=".gif"]    { width:100%; }
.master             { width:100%; }
.mastermob          { width:92%; }
.large,.translation,.middleonly,.largeonly,.largemiddle
                    { display:none !important; }
header              { position:relative; }
nav>div>a>img       { position:absolute; width:250px !important; top:10px; left:10px; }
/* #mainbox            { margin-top:58px; } */
footer              { margin-top:10%; padding:1%;}
footer>div>p        { font-size:3.8vw; letter-spacing:0.05em; line-height:2; }
/* #footerlink>p       { text-align:left; } */
#copyright          { border-top:1px solid #999; }
#copyright>p        { text-align:center; }
a#pagetop           { left:50%; margin-left:29%; bottom:10px; width:15%; height:15%; }
.fb30               { width:10%; }
}