﻿@charset "UTF-8";

/* ブラウザによる違いをリセット */
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address {margin:0;padding:0;}
table {display:block;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;}
pre,code,kbd,samp,tt {font-family:monospace;line-height:100%;}
body {font-family:Arial, sans-serif;font-weight:400;color:#333;}
em {font-style:italic;}
strong {font-weight:bold;}


/* 各セレクタの個別設定 */
*, :after, :before {box-sizing: border-box;}
html, body {text-rendering: optimizelegibility;}
html {height:100%;font-size:16px;}
body {height:100%;background:#d9d9d9;color:#333;font-size:1rem;line-height:1.4;}
div {display:block;}
a {text-decoration:none;}
a img {cursor:pointer;}
/*a:link, a:visited, a:hover, a:active {color:#ff8c00;}*/


/* 各要素の個別設定(全デバイス共通) */
#mi_manual_container {width:100%;max-width:600px;max-height:100%;margin-left:auto;margin-right:auto;background:#fff;overflow:auto;}
#global-header {width:100%;max-width:600px;height:40px;background:#000;z-index:100;}
#global-header:after {content:"";display:block;clear:both;}
.brand-logo {width:108px;padding-top:9px;margin-left:auto;margin-right:auto;}
#footer {position:relative;bottom:0px;width:100%;max-width:600px;height:30px;padding-top:4px;background:#000;font-size:0.9rem;font-weight:300;text-align:center;color:#fff;}

#message {text-align:center; font-size:20px;}

#regions {width:100%;max-height:100%;}
#main_block {width:100%;max-height:100%;}
#region-title {font-weight:bold; font-size:20px;}
#language-select {padding:10px 26px;}

ul.langs {display:flex; flex-wrap:wrap;}

li.language {padding:0.3rem 1.5rem;font-size:1.1rem;font-weight:normal;border-bottom:#bfbfbf 1px solid;background:#f3f3f4;text-align:left; border-radius:8px; margin:2px; width:49%; }
li.language:hover {background:#ffd04c;}
li.language a, li.language a:hover, li.language a:focus {color:#000;}
li.language a {display:block;overflow:hidden;background:transparent;}
/*li.language:first-of-type {border-top-left-radius:8px;border-top-right-radius:8px;padding-top:10px;}
li.language:last-of-type {border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-bottom:10px;}*/
/*li.language a, li.language a:hover, li.language a:focus {color:rgb(51,51,51);}*/


li.language100 {padding:0.3rem 1.5rem;font-size:1.1rem;font-weight:normal;border-bottom:#bfbfbf 1px solid;background:#f3f3f4;text-align:left; border-radius:8px; margin:2px; width: 99%;}
li.language100:hover {background:#ffd04c;}
li.language100 a, li.language a:hover, li.language a:focus {color:#000;}
li.language100 a {display:block;overflow:hidden;background:transparent;}





/* 各要素の個別設定(ＰＣ) */
@media screen and (min-width: 961px) {
img.yamahalogo {height:22px;}
}


/* 各要素の個別設定(タブレット、スマホ) */
@media screen and (max-width: 960px) {
img.yamahalogo {height:25px;}
}
