@charset "UTF-8";
/*初期設定
----------------------------------------------------*/
body {
  font-size: 13px;
  line-height: 1.8em;
  background:#232237;
  color: #FFF;
  font-family: "メイリオ", Meiryo,Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Geneva, Arial, sans-serif;
  }
img {
  max-width: 100%;
  height: auto;
  vertical-align:bottom;
  }
  
 a:hover img {
	 opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
 }
 
 ul, li {
	 margin:0;
	 padding:0;
	 list-style:none;
 }
 

  
.ie8 img{
  width: auto;
  }
/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    }
.clearfix:after {
    clear: both;
    }
.clearfix {
    *zoom: 1;
    }
	


/*layout
----------------------------------------------------*/
.wrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  }
.topwrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  }
.centerwrapper{
  width: 98%;
  margin: 0 auto;
  }
header {
	padding: 20px 0;
	width: 100%;
	background:#232237;
}
h1, h2 {
	width:98%;
	float:none;
	display:block;
	margin:0 auto;
}
header h1 {
	width:70%;
}
header h2 {
	margin-top:20px;
}
header .sns {
	position:fixed;
	top:78%;
	right:-5px;
	width:40px;
	z-index:5000;
}
.sns a {
	display:inline-block;
	width:40px;
	height:40px;
	margin:5px 0;
}

.menuwrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  clear: both;
  background:#0068E6;
  }
.slwrapper {

}
.sl {
  display:block;
  overflow: hidden;
}
  
.p-right { text-align:center; }


/* menu ------------------*/
nav {
  font-family: "小塚ゴシック",Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳＰゴシック", Geneva, Arial, sans-serif;
  font-size:16px;
  line-height:30px;
  font-weight:normal;
  text-align: center;
  clear: both;
  }
#menu{
    display: none;
  }
nav ul {
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
#menu li{
    width: 100%;
    list-style-type: none;
  }
#menu li a{
  display: block;
  margin: 0;
  padding: 10px 0 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover, #menu li a.current{
  color:#FAEE00;
  text-decoration: none;
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #0068E6;
}
#toggle a{
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 0 13px;
  border-bottom: 1px solid #232137;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #6596EB;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
  
ul.btn, ul.btnb {
	  display:block;
	  width:100%;
  }  
  ul.btn li a, ul.btnb li a {
	  display:block;
	  width:25%;
	  float:left;
	  padding-top:80px;
	  height:24px;
	  text-align:center;
	  color:#FFF;
	  text-decoration:none;
	  font-size:11px;
	  line-height:14px;
 -moz-background-size:contain;
	  background-size:contain;
/*	 	  -moz-background-size:auto 60px;
	  background-size:auto 60px;*/
  }
  ul.btn li a.ico01, ul.btnb li a.ico01 {
	  background:url(../img/ico01.png) center 10px no-repeat;
  }
  ul.btn li a.ico02, ul.btnb li a.ico02 {
	  background:url(../img/ico02.png) center 10px no-repeat;
  }
  ul.btn li a.ico03, ul.btnb li a.ico03 {
	  background:url(../img/ico03.png) center 10px no-repeat;
  }
  ul.btn li a.ico04,  ul.btnb li a.ico04 {
	  background:url(../img/ico04.png) center 10px no-repeat;
  }
  
  



.white {color:#FFF;}
.red14b {color:#FF6500; font-size:14px; font-weight:bold;}



.px10 { font-size:10px; line-height:14px; font-weight:normal; }
.px12 { font-size:12px; line-height:18px; font-weight:normal; }
.px14 { font-size:14px; line-height:30px; font-weight:normal; }
.px16 { font-size:16px; line-height:30px; font-weight:normal; }
.px30 { font-size:20px; line-height:28px; font-weight:normal; }
.bold {font-weight:800;}


.bg000 {
	background:#000;
}

.gotop {
	display:block;
	text-align:center;
	margin:30px auto;
}


#footer {
	padding:20px 0 50px;
}
#footer table {
	width:90%;
	margin: 0 auto;
}
#footer table td {
	text-align:left;
	display:block;
	width:100%;
	clear:both;
}
#footer table td.shop {
	text-align:center;
	height:80px;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}


/* top ------------------*/  

.pcimg {display:none;}
.sl {
	overflow:hidden;
	margin-bottom:30px;
}
.login {
	display:block;
	margin-top:20px auto;
	text-align:center;
}
.login li a {
	margin:0 10px;
}
.login, .bigbanner {
	margin-top:20px;
}
.login img, .bigbanner li, .smallbanner li {
	margin-bottom:10px;
}
.login img {
	margin-right:5px;
	margin-left:5px;
}
.smallbanner li {
	float:left;
	width:49%;
}
.smallbanner li:nth-child(even) {
	float:right;
	width:49%;
}



.gmap {
	width:90%;
	margin:30px auto;
}


/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {


header h2 {
display:block;
	float:right;
	margin:10px 0;
	width:70%;
  }
header .sns {
	position:fixed;
	top:2%;
	right:2%;
	width:50px;
	z-index:5000;
}
.sns a {
	display:inline-block;
	width:40px;
	height:40px;
	margin:5px;
}



/* menu ------------------*/
nav {
  margin: 0 auto;
  }  
#menu{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
nav ul {
	margin: 0;
	display: table;
}
#menu li{
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
}
#menu li a{
  padding: 10px 10px;
}
#toggle{ 
 display: none;
}

.centerwrapper{
  max-width: 960px;
  margin: 0 auto;
  }


/* top ------------------*/ 

.smallbanner li, .smallbanner li:nth-child(even) {
	float:left;
	width:32%;
	margin-right:2%;
}
.smallbanner li:nth-child(3n) {
	margin-right:0;
}


}/* /480 */ 
  


/* min-width: 768px
=============================================================*/  
@media only screen and (min-width: 768px) {



 .wrapper {
      margin-bottom: 20px;
        }
		
		
.px30 { font-size:30px; line-height:48px; font-weight:normal; }
.p-right { float:right; }

.pcimg {display:block;}
.centerwrapper{
  max-width: 98%;
  margin: 0 auto;
  }


/* menu ------------------*/

.login {
	float:right;
	width:30%;
	margin-left:2%;
	margin-right:0;
}
.login img {
	margin-right:0;
	margin-left:0;
}
.bigbanner {
	float:left;
	width:68%;
	display:block;
}
.smallbanner {
	margin-left:0;
	margin-right:0;
}
.smallbanner li, .smallbanner li:nth-child(even), .smallbanner li:nth-child(3n) {
	float:left;
	width:23%;
	margin-right:2%;
}



}/* /768 */ 

/* min-width: 768px
=============================================================*/  
@media only screen and (min-width: 1000px) {


header h1 {
display:block;
	float:left;
	width:375px;
  }
  header h2 {
display:block;
	float:right;
	width:421px;
	margin:20px 80px 20px auto;
  }
 .wrapper {
      margin-bottom: 20px;
        }
		
		
.px30 { font-size:30px; line-height:48px; font-weight:normal; }
.p-right { float:right; }

.pcimg {display:block;}
.centerwrapper{
  max-width: 1000px;
  margin: 0 auto;
  }


/* menu ------------------*/
nav {
  margin: 0 auto;
  max-width: 1100px;
  }  
#menu{
  width: auto;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  width: auto;
  float: left;
  padding: 0;
}
#menu li a{
  padding: 15px 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
#toggle{ 
 display: none;
}

/* top ------------------*/

.sl {
	width:100%;
	max-height:500px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.login {
	float:right;
	width:198px;
	margin-left:35px;
	margin-right:35px;
}
.login img {
	margin-right:0;
	margin-left:0;
}
.bigbanner {
	float:left;
	width:645px;
	margin-left:35px;
	margin-right:35px;
}
.smallbanner {
	margin-left:35px;
	margin-right:35px;
}
.smallbanner li, .smallbanner li:nth-child(even), .smallbanner li:nth-child(3n) {
	float:left;
	width:auto;
	margin-right:10px;
}


#footer table td {
	text-align:left;
	display:block;
	width:66%;
	clear:none;
	float:left;
}
#footer table td.shop {
	text-align:right;
	height:auto;
	width:32%;
	padding-right:2%;
}

.gmap {
	width:600px;
	margin:30px auto;
}




.form-table th {
	display:block;
	width:30%;
	float:left;
}
.form-table td {
	width:auto;
	float:left;
	clear:right;
}
.form-table input, .form-table textarea {
	max-width:100%;
}

}/* /768 */