/* CSS Document */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}


html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

*{
margin:0;
padding:0;
}

#wrapper{
width:100%;
}

#header ul{
text-align:center;
margin:16px 0;
}

#header li{
list-style:none;
display:inline-block;
padding:10px;
background-color:#ffffff;
margin-bottom:8px;
border:1px solid #cccccc;
}

#header li:hover{
background-color:#333333;
color:#ffffff;
border:1px solid #333333;
}

#header li a{
color:#333333;
}

#header li a:hover{
color:#ffffff;
}

#maincontents{
margin:0 48px;

}

a{
text-decoration:none;

}

h1{
font-size:12px;
color:#ffffff;
background-color:#000000;
width:100%;
padding:8px 48px;
box-sizing: border-box;
}

h3{
background-color:#333333;
color:#ffffff;
width:100%;
padding:16px;
box-sizing: border-box;
margin-bottom:16px;
}

h4{
background-color:#dfdfdf;
color:#333333;
width:100%;
padding:16px;
box-sizing: border-box;
margin-bottom:16px;
}

h5{
background-color:#efefef;
color:#333333;
width:100%;
padding:8px;
box-sizing: border-box;
margin-bottom:8px;
}

p{
font-size:16px;
padding:16px 0;
margin-bottom:16px;
line-height:24px;
}

img{
margin-bottom:16px;
}

table, tr, td{
border:1px solid #666666;
border-collapse:collapse;
padding:8px;
}

.table_half{
width:50%;
margin-bottom:16px;
}

.tel{
font-size:24px;
font-weight:bold;
text-align:right;
}

#bnr1{
width:700px;
height:400px;
background-image:url(img/topbnr1.jpg);
background:background-repeat;
text-indent:-9999px;
margin:0 auto 16px auto;
list-style:none;
display:block;
}

#bnr2{
width:700px;
height:300px;
background-image:url(img/topbnr2.jpg);
background:background-repeat;
text-indent:-9999px;
margin:0 auto 16px auto;
list-style:none;
display:block;
}

#bnr3{
width:100%;
display:block;
text-align:center;
}

#bnr3 li{
text-align:left;
width:33%;
height:200px;
font-size:25px;
border:1px solid #333333;
display:inline-block;
margin:0 0 16px 0;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#topbnr3{
background-image:url(img/topbnr3.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr4{
background-image:url(img/topbnr4.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr5{
background-image:url(img/topbnr5.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr6{
background-image:url(img/topbnr6.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr7{
background-image:url(img/topbnr7.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr8{
background-image:url(img/topbnr8.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr9{
background-image:url(img/topbnr9.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr10{
background-image:url(img/topbnr10.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr11{
background-image:url(img/topbnr11.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr12{
background-image:url(img/topbnr12.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr13{
background-image:url(https://makasell.net/img/topimg.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topbnr14{
background-image:url(img/topbnr14.jpg);
background-repeat:no-repeat;
background-position:left;
}

#topbnr15{
background-image:url(img/topbnr15.jpg);
background-repeat:no-repeat;
background-position:left;
}

#topbnr16{
background-image:url(img/culture-topimg1.jpg);
background-repeat:no-repeat;
background-position:left;
}

#topbnr17{
background-image:url(img/soareffectsbnr.jpg);
background-repeat:no-repeat;
background-position:left;
}

#topbnr18{
background-image:url(img/degimart-logo.png);
background-repeat:no-repeat;
background-position:left;
}

#topbnr3 p, #topbnr4 p, #topbnr5 p, #topbnr6 p, #topbnr7 p, #topbnr8 p, #topbnr9 p, #topbnr10 p, #topbnr11 p, #topbnr12 p, #topbnr13 p, #topbnr14 p, #topbnr15 p,#topbnr16 p,#topbnr17 p,#topbnr18 p{
color:#ffffff;
background-color:#000000;
opacity: 0.6;
margin-top:15px; 
padding:5px 15px;
width:100%;
}

.half{
width:49%;
display:inline-block;
}

.trisect{
width:60%;
display:inline-block;
}

#shop-list img{
margin:0 auto 16px auto;
display:block;
}

address{
font-size:15px;
font-style:normal;
padding:15px;
color:#ffffff;
background-color:#000000;
margin-top:24px;
}

address ul{
margin:32px 0 24px 0;
}

address li{
list-style:none;
display:inline;
margin-right:24px;
}

address a{
color:#0066ff;
}



@media (max-width:480px){

h1{
padding:8px;
}

#header ul{
text-align:left;
padding:0 16px;
}

#header li{
font-size:18px;
width:49%;
padding:16px 8px;
box-sizing: border-box;
}

#maincontents{
margin:0;
padding:0 16px;
}

.tel{
font-size:20px;
background-color:#333333;
color:#ffffff;
width:100%;
text-align:center;
}

.tel a{
color:#ffffff;
}

#bnr1, #bnr2{
width:96%;
background-size:contain;

box-sizing: border-box;
}

#bnr1{
height:274px;
}

#bnr2{
height:205px;
}

#bnr3 li{
width:49%;
height:150px;
}

.img100{
width:100%;
height:auto;
}

.img49{
width:49%;
height:auto;
}

.trisect, .half{
display:block;
width:100%;
margin:0 auto;
}

.table_half{
width:100%;
}




}