header h1 {
	width: 62%;
  padding-bottom: 50px;
	float: left;

}

header p{
width:38%;
float: right;
}


header h1 img {
	width: 100%;
	text-align: center;

}

header p img {
	width: 100%;
	text-align: center;

}

#sample1{
	width:100%;
	margin: 0 auto;
}

.submit1{
	color: #fff;
	background-color: #0060bbe8;
	font-size: 14px;
	border-style: none;
	width: 48px;
	height: 28px;

}

.sitem1{
height: 28px !important;
	font-size: 14px;
	width:70%;
	margin-bottom: 40px;


}

.get1{
	width: 100%;
	text-align: center;
}

nav {
	width: 100%;
}

nav ul {
	margin-bottom: 1px;
}

nav ul li {
	position: relative;
	float:left;
	width:24.7%;
	margin-left: 1px;
}

#headInfo {
	margin: 3% auto;
	width: 88%;
}

#headInfo .infoTop {
	text-align:center;
	padding: 3% 0;
	margin-bottom: 2%;
	border: 1px solid #c00000;
	font-size: 12px !important;
}

#headInfo .infoTop span {
	color: #c00000;
	font-size: 16px;
}

#headInfo .infoTop a {
	color: #c00000;
	text-decoration: underline;
}

#headInfo .infoBottom a {
	color: #c00000;
	text-decoration: underline;
}

section h2,
section h3 {
	margin-bottom:3%;
}

#event {
	margin-bottom: 5%;
}

#event dl {
	width: 94%;
	margin: 0 auto 2% auto;
}

#event dl dt {
	margin-bottom: 1%;
}

#event dl dd span {
	color: #c00000;
}

#category {
	margin-bottom: 5%;
}

#category h3 {
	margin: 0;
}

ul.accordion { background:#fff; width:100%; font-size:16px;}
ul.accordion a { display:block; padding:15px 0 15px 35px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
ul.accordion span { display:block; padding:15px 0 15px 15px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion ul { display:none;}
ul.accordion > li { background: #e4e9ea;}
ul.accordion > li > p { background: #e4e9ea;cursor:pointer; margin-bottom: 3px;}
ul.accordion > li > p span { background-image:url(../images/common/ico02.jpg);}
ul.accordion > li > p span.open { background-image:url(../images/common/ico01.jpg);}
ul.accordion > li > ul > li { background:#fff; border-bottom:1px solid #EEE;}
ul.accordion > li > ul > li > p { background:#fff;}
ul.accordion > li > ul > li > a { background:url(../images/common/ico03.jpg) no-repeat 16px center;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
ul.accordion .brake { background: none !important; padding-left: 15px !important;}

ul.accordion .title {
	background: #f0f0f0;
}

.searchCont {
	margin-bottom: 5%;
}

.search {
	margin-bottom: 2%;
	padding: 3% 8%;
}

.search .txt
	{
	width: 65%;
	padding: 3% 5%;
	float: left;
	border: 1px solid #351a13;
	background-color: #fff;
	border-radius: 0px !important;
	}

.search .submit
	{
	width: 22%;
	float: left;
	border-radius: 0px !important;
	}

.searchCont ul {
	padding: 0 8% 3% 8%;
}

.searchCont ul li {
	margin-right: 1%;
	border: 1px solid #e4e4e4;
	background: #e4e4e4;
	padding: 2% 1%;
	float: left;
	margin-bottom: 2%;
}

.searchCont ul .title {
	background: #fff;
	border: 1px solid #c00000;
	color: #c00000;
}

.title{
  margin: 10px 0 20px 0;
}
#title {
    padding: 6px;
    background-color: #0060bbe8;
    border: solid 1px #0060bbe8;
    color: #fff;
    font-size: 16px;
    display: block;
}

#recommend ul {
	margin-bottom: 4%;
	font-size: 12px;
}

#recommend ul li {
	float: left;
	width: 30%;
	margin-left: 2%;
}

#recommend ul li dt {
	margin-bottom: 1%;
}

#recommend ul li .price {
	margin-top: 1%;
	color: #0c55a1;
}

#pick01 {
	margin-bottom: 5%;
}

#nav {
  display: flex;
  width: 100％;
  margin:auto;
  position: relative;
	margin: 0 0 2px 0;


}

#nav li {
  width: 100%;
  text-align: center;
  background-color: #0060bbe8;

  margin-right: 2px;

}

#nav li a {
  text-decoration: none;
  color: #fff;
  font-size: 70%;
}

#nav li a:hover {
	 opacity:0.7 !important
}


.pick01Inner {
	width: 94%;
	margin: 0 auto;
}

.pick01Inner ul li {
	margin-bottom: 2%;
}

.pick01Inner .two li {
	width: 49%;
	float: left;
	margin-left: 2%;
}

#brand {
	border-bottom: 1px solid #000;
	padding-bottom: 5%;
	margin-bottom: 5%;
}

#brand div {
	width: 94%;
	margin: 0 auto;
}

#brand ul li {
	width: 32%;
	float: left;
	margin-left: 2%;
	text-align: center;
}

#brand ul {
	margin-bottom: 3%;
}

#brand ul li dt {
	margin-bottom: 1%;
}

footer {
	width: 94%;
	margin: 0 auto;
}

footer ul li {
	width: 49%;
	margin-left: 2%;
	margin-bottom: 1%;
	float: left;
}

footer p {
	margin-bottom: 5%;
}

.footLogo {
	margin-bottom: 20%;
}

#footBnr {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}

#footBnr img {
	margin-top: 2%;
}

.pagetop {
	width: 15%;
	margin-left: 83%;
}
/*
  アコーディオン-area
===================================================*/
/*アコーディオン全体*/
.menu {
  width: 100%;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
	font-weight: bold;
}
.menu input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #333;
  line-height: 1;
  position: relative;
  margin: 0 0 1px;
  padding: 15px 0 15px 15px;
  background-color: #ddd;

}



/*開いたときに表示される部分*/
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.menu:after {
    position: absolute;
    top: 50%;

    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}

.menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li,
#menu_bar13:checked ~ #links13 li,
#menu_bar14:checked ~ #links14 li,
#menu_bar15:checked ~ #links15 li,
#menu_bar16:checked ~ #links16 li,
#menu_bar17:checked ~ #links17 li,
#menu_bar18:checked ~ #links18 li,
#menu_bar19:checked ~ #links19 li,
#menu_bar20:checked ~ #links20 li{
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background: #f3f3f3;
  padding: 10px;
	margin-bottom: 1px;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08:checked ~ #links08 li:last-child,
#menu_bar09:checked ~ #links09 li:last-child,
#menu_bar10:checked ~ #links10 li:last-child,
#menu_bar11:checked ~ #links11 li:last-child,
#menu_bar12:checked ~ #links12 li:last-child,
#menu_bar13:checked ~ #links13 li:last-child,
#menu_bar14:checked ~ #links14 li:last-child,
#menu_bar15:checked ~ #links15 li:last-child,
#menu_bar16:checked ~ #links16 li:last-child,
#menu_bar17:checked ~ #links17 li:last-child,
#menu_bar18:checked ~ #links18 li:last-child,
#menu_bar19:checked ~ #links19 li:last-child,
#menu_bar20:checked ~ #links20 li:last-child {
  margin-bottom: 0px;
}
/*閉じた状態の矢印描画*/
.menu label:after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 3%;
  top: 0;
  bottom: 15%;
  margin: auto;

}


/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: %;
  top: 7%;
  bottom: 0;
  margin: auto;
}
/*
/* --HTML-- */
html {

background:#fff;
color:#333;
}

/* --BODY-- */
body {
font:12px;
font-family: Meiryo, メイリオ, sans-serif;
margin:0;
padding:0px;
overflow: auto;
-webkit-text-size-adjust: 100%;
}

 /* for IE7 */
 *+html body {
	 font-family: Meiryo, メイリオ, sans-serif;
 font-size:75%;
 margin: 0 auto;

 }

 /* for IE6 */
 * html body {
	 font-family: Meiryo, メイリオ, sans-serif;
 font-size:75%;
 text-align: center;
 }

 /* for IE6 */
 * html #wrapper {
 text-align: left;
 }

/* --OTHER TAGS-- */
a img, img {
border:0;
vertical-align:bottom;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}


code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

 /* for IE7 */
 *+html code, kbd, pre, samp, tt {
 font-size:108%;
 }

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

.title{
 padding: 50px 0px 0px 0px;
}
.clear { clear: both; }

/*reSet*/
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,h7,p,
form,button {
 margin : 0;
 padding: 0;
 list-style: url(none) none;
}
a img { border-style: none; }
/* img { vertical-align: top; } */
/*reSet*/

.inline { display: inline; }
.hidden { display: hidden; }

/*fontSize*/
.px10 { font-size : 10px; }
.px12 { font-size : 12px; }
.px14 { font-size : 14px; }
.px16 { font-size : 16px; }
.px18 { font-size : 18px; }
.px20 { font-size : 20px; }
/*fontSize*/

.iefix { font-size: 1px; line-height: 1px; }

/*clearfix*/
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix {
 min-height: 1px;
}

* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}
/*clearfix*/

img
 {
 vertical-align: bottom;
 }

.reset {
 padding:0 !important;
 margin:0 !important;
}

a {
 color:#333;
 text-decoration: none;
}

a:hover{
  color:#000;

}

a:active{
  color:#000;
}