@media screen and (min-width: 551px) {
	/* 550px以上に適用されるCSS（PC用） */

#top{
position: fixed !important;  
position: absolute;  
width:99%;
background:#fff;
top:0;
height:85px;
padding-top:10px;
z-index:999;
}



.topbanner{
width:1180px;
height:45px;
margin:0 auto;
}

.topb_left{
width:360px;
height:40px;
float:left;
}

.topb_left_resp{
display:none;
}


.topb_left a{
margin:0;
padding:0;

}

.topb_right{
width:310px;
height:35px;
padding:5px 0 0 510px;
float:left;

}

.topb_right_s{
width:250px;
padding-left:60px;
float:left;
}

.topb_right_s2{
display:none;
}


.topb_h_txr{
width:360px;
height:21px;
float:left;
padding-top:0px;
font-size:.9em;
}

.topb_h_txr_resp{
display:none;
}




.topb_h_tx{
width:620px;
float:left;
text-align:right;
padding:0 0 0 200px;
}



.topb_h_tx h1{
font-size:.7em;
font-weight:normal;
color:#111;
margin:0;
padding:3px 0 0 0px;
}





.menu-base{
width:100%;
height:35px;
background: linear-gradient(#ddd, #464958);
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
box-shadow: 0px 5px 10px rgba(0,0,0,0.2); 
}


.menu-wrapper{
width:1180px;
margin:0 auto;
}


.menut{
border-left: 1px solid #bbb;
}






/* mini reset */
.nav,
.nav a,
.nav form,
.nav input,
.nav li,
.nav ul {
  border: none;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
}

.nav li {
  list-style: none;
}

/* menu container */
.nav,
input {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.nav {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 500;
}


/* menu list */
.nav > li {
  float: left;
}





/* menu links */

.nav > li > a {
background: linear-gradient(#ddd, #464958);
  border-right: 1px solid #bbb;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 35px;
  padding: 0 8px;
  position: relative;
  text-shadow: 0 0 1px rgba(255,255,255,.35);
  transition: all .3s ease;
  z-index: 510;
  width:130px;
  text-align:center;
}
.nav > li > a:focus,
.nav > li:hover > a {
  background: rgba(0,0,0,.15);
}
.nav > li:first-child > a {
  border-left: 1px solid #bbb;

}




}







@media (min-width: 321px) and (max-width: 550px) {
	/* 550px以下に適用されるCSS（スマホ用） */

body{
margin:0;
}

#top{
position: fixed !important;  
position: absolute;  
width:99%;
background:#fff;
top:0;
height:105px;
padding:5px 0;
z-index:999;
font-size:.95em;
width:100%;
}


.topbanner{
width:100%;
max-width:100%;
height:65px;
padding-left:10px;
}


.topb_left{
display:none;
}


.topb_left_resp{
width:200px;
height:55px;
font-size:.85em;
float:left;
}

.topb_left_resp a img{
max-width:200px;
}


.topb_right{
width:95px;
height:55px;
padding:5px 0 0 30px;
float:left;
}


.topb_h_tx{
width:340px;
clear:both;
}


.topb_h_tx h1{
font-size:.65em;
font-weight:normal;
line-height:1.2em;
}


.topb_h_txr{
display:none;
}


.topb_h_txr_resp{
width:200px;
}


.tx_hid{
display:none;
}


.topb_right_s{
display:none;
}

.topb_right_s2{
width:90px;
height:55px;
}



.topbanner img{
width:100%;
}




.menu-base{
width:100%;
max-width:100%;
height:40px;
height:35px;
background: linear-gradient(#ddd, #464958);
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
box-shadow: 0px 1px 2px rgba(0,0,0,0.2); 
}


.menu-wrapper{
width:100%;


}





/* mini reset */
.nav,
.nav a,
.nav form,
.nav input,
.nav li,
.nav ul {
  border: none;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
}

.nav li {
  list-style: none;
}

/* menu container */
.nav,
input {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.nav {

  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 500;
}


/* menu list */
.nav > li {
  float: left;
}



/* menu links */



.nav > li > a {
background: linear-gradient(#ddd, #464958);
  border-right: 1px solid #bbb;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 35px;
  height:35px;
  padding: 0 4px;
  position: relative;
  text-shadow: 0 0 1px rgba(255,255,255,.35);
  transition: all .3s ease;
  z-index: 510;
  width:100px;
  text-align:center;
}


.nav > li > a:focus,
.nav > li:hover > a {
  background: rgba(0,0,0,.15);
}
.nav > li:first-child > a {
  border-left: 1px solid #bbb;

}




}






@media screen and (max-width: 320px) {
	/* 320px以下に適用されるCSS（スマホ用） */

body{
margin:0;
}



#top{
position: fixed !important;  
position: absolute;  
width:99%;
background:#fff;
top:0;
height:105px;
padding:5px 0;
z-index:999;
font-size:.95em;
width:100%;
}


.topbanner{
width:100%;
max-width:100%;
height:65px;
padding-left:10px;
}


.topb_left{
display:none;
}

.topb_left_resp{
width:200px;
height:55px;
font-size:.85em;
float:left;
}

.topb_left_resp a img{
max-width:200px;
}


.topb_right{
width:95px;
height:55px;
padding:5px 0 0 15px;
float:left;
}


.topb_h_tx{
width:310px;
clear:both;
}


.topb_h_tx h1{
font-size:.65em;
font-weight:normal;
line-height:1.2em;
}


.topb_h_txr{
display:none;
}




.tx_hid{
display:none;
}


.topb_right_s{
display:none;
}

.topb_right_s2{
width:90px;
height:55px;
}



.topbanner img{
width:100%;
}






.menu-base{
width:100%;
max-width:100%;
height:35px;
background: linear-gradient(#ddd, #464958);
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
box-shadow: 0px 1px 2px rgba(0,0,0,0.2); 
}


.menu-wrapper{
width:100%;

}








/* mini reset */
.nav,
.nav a,
.nav form,
.nav input,
.nav li,
.nav ul {
  border: none;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
}

.nav li {
  list-style: none;
}

/* menu container */
.nav,
input {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.nav {

  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 500;
}


/* menu list */
.nav > li {
  float: left;
}



/* menu links */



.nav > li > a {
	height:35px;
	background: linear-gradient(#ddd, #464958);
  border-right: 1px solid #bbb;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 35px;
  padding: 0 4px;
  position: relative;
  text-shadow: 0 0 1px rgba(255,255,255,.35);
  transition: all .3s ease;
  z-index: 510;
  width:95px;
  text-align:center;
}




.nav > li > a:focus,
.nav > li:hover > a {
  background: rgba(0,0,0,.15);
}


.nav > li:first-child > a {
  border-left: 1px solid #bbb;

}






h3 {
  color: #372f2b;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 20px 0 10px;
  text-transform: uppercase;
}












}