@charset "UTF-8";
*{
margin:0; padding:0;
font-size: 14px;
font-family: メイリオ;
}

/* ヘッダー */
header{
max-width : 930px;
max-height : 200px;
margin: 0.5em auto 0 auto;/*[上][右][下][左]*/
text-align: center;
  padding-left : 25px;
  padding-right : 25px;
}

/* PC用メニュー ここから*/
@media(min-width:930px){
.pc-side-wrapper {
  width: 95%;
  max-width: 930px;
  margin: 0.5em auto;
  display: flex;
  justify-content: space-between;
}
nav{
  width: 150px;
}
nav ul{
  list-style-type : none;
}
nav .menu1{
  background-color : #6600ff;
  color: white; 
  padding: 0 1px 5px 1px;/*[上][右][下][左]*/
  text-align: center;
  border-radius :5px;
}
nav ul li{
  background-color : white;
  text-align: left;
  padding-top : 8px;
  padding-left : 10px;
  padding-right : 5px;
  padding-bottom : 8px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #6600ff;
}
nav ul li a:hover{
  font-weight : bolder;
}
nav a{
  text-decoration : none;
  color : #373737;
}
}/* @media */
/* PC用メニュー ここまで*/


/* スマホ用メニュー */
@media(max-width:929px){

.top-menu{
max-width : 929px;
margin:0 25px 5px 25px; /* [上][右][下][左] */
padding:10px;

list-style-type: none;
display: flex;
justify-content: flex-end;
border-radius :8px;
color:white;
background: #6600ff;

}

.top-menu li{
width: 135px;
height: 20px;
}

.menu1-sub li{
width: 135px;
height: 40px;
}

.top-menu a{
display: block;
height: 100%;
width: 100%;
padding-top: 10px;
}

.top-menu a:link , .top-menu a:visited {
color:white;
text-decoration : none;
}

.top-menu a:hover{
color:yellow;
font-weight : bolder;
}

.menu1-sub{
list-style-type: none;
background: #6600ff;
border-radius :8px;
margin-top:0px;
margin-left:0px;
padding-top:20px;
padding-left:5px;
}

.menu1 .menu1-sub{
display: none;
}
.menu1:hover .menu1-sub{
display: block;
position: relative;
z-index: 10;
opacity:0.85;
}
}/* @media */


/* PC用コンテンツ */
@media(min-width:930px){
main{
  width: calc(100% - 150px);
  padding-left : 10px;
}
}/* @media */

/* スマホ用コンテンツ */
@media(max-width:929px){
main{
padding-left : 25px;
padding-right : 25px;
}
}/* @media */

/* フッター */
footer{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 120px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: black;
  background-color: rgb(240, 240, 240);

}
footer ul{
text-align: center;
}
footer ul li{
  list-style-type: none;
  display: inline-block;
  height: 40px;
  width: 120px;
  text-align: center;
}
footer ul li a{
  text-decoration: none;
  color: rgb(88, 44, 44);
  display: block;
    height: 100%;
    width: 100%;
  padding-top: 15px;
}
footer ul li a:hover{
  color: purple;
  font-weight : bolder;
}

/* メインコンテンツ */
main h3{
  border-width : 1px 1px 1px 10px;
  border-bottom-style : solid;
  border-left-style : solid;
  border-color : #373737;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : small;
  border-top-style : solid;
  border-right-style : solid;
  margin-left : 10px;
  margin-right : 20px;
  margin-bottom : 10px;
  margin-top : 10px;
}
main h4{
  font-size : small;
  font-weight : bold;
  padding-top : 2px;
  padding-left : 5px;
  padding-right : 2px;
  padding-bottom : 2px;
  border-left-width : 10px;
  border-left-style : solid;
  margin-bottom : 2px;
  /* margin-right : calc(100% - 400px); */
  margin-right : 20px;
  margin-left : 10px;
  border-left-color : #373737;
}
main h5{
  font-size : small;
  font-weight : bold;
  padding-top : 2px;
  padding-left : 5px;
  padding-right : 2px;
  padding-bottom : 2px;
  border-left-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-bottom-style : solid;
  margin-bottom : 2px;
  /* margin-right : calc(100% - 400px); */
  margin-right : 20px;
  margin-left : 10px;
}
main table{
  border-collapse : collapse;
  margin-left : 10px;
  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;
  border-width : 1px;
  border-style : solid;
  border-color : gray;
}
main table td{
  border-collapse : collapse;
  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;
  font-size : small;
}
/* バーチャルモデルページ用 */
.container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin:10px 0px 10px 0px; /* [上][右][下][左] */
padding:0px 0px 0px 0px;
}
.item{
background:#0bd;
color:#fff;
width: 30%;
margin:10px 1px 10px 1px; /* [上][右][下][左] */
padding:3px 3px 3px 3px; /* [上][右][下][左] */
}
}