/* ----------------------------------------------------------------------------------------------------
     全端末共通のCSS（961px〜）
---------------------------------------------------------------------------------------------------- */

.pc {
	display:block;
}

.sp {
	display:none;
}

/* レイアウト
--------------------------------------------------------------------------*/

body {
	color:#4a4a4a;
	text-align:center;
	margin:0 auto;
	width:100%;
	background:url(../img/common/bgTop.png) top center repeat-x;
}

#wrap {
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.layout {
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.width {
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.pcBr:after {
	content: "\A" ;
	white-space: pre ;
}

/* 文字
-------------------------------------*/

h1 {
	font-size:180%;
	font-weight:normal;
	color:#E99200;
	font-weight:bold;
}

h1 span {
	display:block;
	font-size:40%;
	margin-top:-5px;
	color:#444444;
	font-weight: normal;
}

h2 {
	text-align:left;
	font-size:120%;
	margin-top:40px;
	margin-bottom:20px;
	line-height:100%;
	border-left: 5px solid #EA7900;
	padding-top: 5px;
	padding-left: 8px;
}

h2 span {
	font-size:50%;
	padding-left: 10px;
	color:#EA7900;
	font-weight:bold;
}

h3 {
	text-align:left;
	font-size:100%;
	margin-bottom:20px;
}

h4 {
	text-align:left;
	margin-bottom:20px;
	font-size:110%;
}

h5 {
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
	margin-bottom:20px;
}

p {
	margin-bottom:20px;
	text-align:left;
	font-size:95%;
	line-height:180%;
}

p.text {
	margin-bottom:20px;
	text-align:left;
	font-size:85%;
	line-height:150%;
}

p.link {
	background: url(../img/common/link.png) 0 8px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 110%;
}

p.link span {
	font-weight: normal;
	padding-left: 10px;
	font-size: 60%;
	color: #E77F00;
}

ul.text {
	list-style-position:inside;
	text-align:left;
	padding-left:10px;
	margin-bottom:30px;
	font-size:90%;
}

ul.text li {
	margin-bottom:3px;
}

ol.text {
	list-style-position:outside;
	text-align:left;
	padding-left:20px;
	margin-bottom:20px;
	font-size:90%;
}

ol.text li {
	margin-bottom:10px;
}

dl.text {
	text-align: left;
	font-size:90%;
}

dl.text dt {
	font-weight: bold;
	width: 15%;
	float: left;
	margin-bottom:5px;
}

dl.text dd {
	float: left;
	width: 80%;
	margin-bottom:5px;
}



/* ヘッダー
--------------------------------------------------------------------------*/

#header {
	margin-top: 50px;
}

#h_left {
	float:left;	
	width: 25%;
	text-align: left;
}

#h_right {
	float:right;
	width: 70%;
}

/* ナビゲーション
--------------------------------------------------------------------------*/

nav {
	margin-top:28px;
}

nav ul {
	padding: 0px;
	margin: 0px 0 0 0;
	list-style: none;
	width: 100%;
	border-left: 1px dotted #CCC;
}

nav ul li {
	padding: 5px 0 0;
	margin: 0px;
	float: left;
	width: 19%;
	border-right: 1px dotted #CCC;
}

nav ul li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	font-size: 95%;
	line-height: 120%;
	height: 35px;
}

nav ul li span {
	margin-top: 0px;
	display: block;
	font-size: 55%;
	text-align: center;
	margin: 0 auto;
	color: #EA7B00;
	font-weight: bold;
}

nav ul li a#cat-nav-1 { }
nav ul li a#cat-nav-2 { }
nav ul li a#cat-nav-3 { }
nav ul li a#cat-nav-4 { }
nav ul li a#cat-nav-5 { }

nav ul li a#cat-nav-1:hover { border-bottom: 0px solid #EA7B00; text-decoration:none;}
nav ul li a#cat-nav-2:hover { border-bottom: 0px solid #EA7B00; text-decoration:none;}
nav ul li a#cat-nav-3:hover { border-bottom: 0px solid #EA7B00; text-decoration:none;}
nav ul li a#cat-nav-4:hover { border-bottom: 0px solid #EA7B00; text-decoration:none;}
nav ul li a#cat-nav-5:hover { border-bottom: 0px solid #EA7B00; text-decoration:none;}

body#cat-1 nav ul li a#cat-nav-1 { }
body#cat-2 nav ul li a#cat-nav-2 { }
body#cat-3 nav ul li a#cat-nav-3 { }
body#cat-4 nav ul li a#cat-nav-4 { }
body#cat-5 nav ul li a#cat-nav-5 { }


/*店舗紹介*/
#shopNavi　{
}

#shopNavi ul {
	padding: 0px;
	margin: 0px 0 0 0;
	list-style: none;
	width: 100%;
	display: block;
}

#shopNavi ul li {
	float: left;
	width: 16.4%;
	border-left: 1px solid #EEE;
	border-right: 1px solid #FFF;
	margin: 0px;
}

#shopNavi ul li:nth-child(1) {
	border-left: 1px solid #FFF;
}

#shopNavi ul li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	padding: 25px 0 20px;
	font-weight: bold;
	margin: 0px;
	font-size: 100%;
	line-height: 120%;
	background: #F5F5F5;
}

#shopNavi ul li a span {
	display: block;
	font-size: 60%;
	color: #E77F00;
}

#shopNavi ul li a:hover {
	background: #FDF0CD;
}

body#cat-10 div#shopNavi ul li a#cat-nav-10 { background: #FDF0CD; }
body#cat-11 div#shopNavi ul li a#cat-nav-11 { background: #FDF0CD; }
body#cat-12 div#shopNavi ul li a#cat-nav-12 { background: #FDF0CD; }
body#cat-13 div#shopNavi ul li a#cat-nav-13 { background: #FDF0CD; }
body#cat-14 div#shopNavi ul li a#cat-nav-14 { background: #FDF0CD; }
body#cat-15 div#shopNavi ul li a#cat-nav-15 { background: #FDF0CD; }


/* スライドショー
-------------------------------------*/

#slider {
	background: url(../img/common/mainBg.png) top left repeat;
	padding: 40px 0 0;
}

#slider .wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
}
 
#slider .wideslider ul,
#slider .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
 
#slider .wideslider ul li img {
    width: 100%;
    display: none;
}
 
#slider .wideslider_base {
    top: 0;
    position: absolute;
}
#slider .wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
#slider .slider_prev,
#slider .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

#slider .slider_prev {background: #fff url(../img/common/prev.png) no-repeat right center;}
#slider .slider_next {background: #fff url(../img/common/next.png) no-repeat left center;}

#slider .wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#slider .wideslider ul {
    display: inline-block;
    overflow: hidden;
}

#slider .pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 95px;
	text-align: center;
	position: absolute;
	z-index: 200;
	padding-bottom:0px;
}

#slider .pagination a {
	margin: 0 5px;
	width: 140px;
	height: 63px;
	display: inline-block;
	overflow: hidden;
	border:4px solid #E4E3EE;
}
#slider .pagination a.pn1 {background: transparent url(../img/content/top/main01.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn2 {background: transparent url(../img/content/top/main02.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn3 {background: transparent url(../img/content/top/main03.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn4 {background: transparent url(../img/content/top/main04.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn5 {background: transparent url(../img/content/top/main05.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn6 {background: transparent url(../img/content/top/main06.jpg) no-repeat left top; background-size:100%;}

#slider .pagination a.active {
	border:4px solid #EA7A00;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


.slider {
    width:100%;
    display:block;
	margin-bottom: 30px;
}
 
ul.bxslider01 li {
    display:block;
}
 
ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:120px;
	margin: 10px 0 0 0;
}

ul.bxslider03 li a {/*サムネイル*/
    display:block;
    width:108px;
	margin: 10px 0 0 0;
}


 
.controlWrap {
    display:block;
    position:relative;
    margin:0 auto;
}
 
.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    background:url(../img/common/prev.png) left center no-repeat;
    color:#fff;
    top:20px;
    left:20px;
    text-indent:-9999px;
}
 
.controlWrap p#NextIcon a{/*矢印画像（次へ）*/
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    background: url(../img/common/next.png) left center no-repeat;
    color:#fff;
    top:20px;
    right:20px;
    text-indent:-9999px;
}

.boxRecruitLeft {
	float:left;
	width:25%;
}

.boxRecruitRight {
	float:right;
	width:70%;
}

.boxRecruitLeft2 {
	float:left;
	width:30%;
}

.boxRecruitLeft2 p.caption {
	color:#EA7B00;
	text-align: center;
	display:block;
	font-weight: bold;
	padding:10px 0;
	background:#0057B7;
	background: #FBDFBA;
	background: #EA7B00;
	background: #FDE9AD;
	list-style: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(border-radius.htc);
}

.boxRecruitRight2 {
	float:right;
	width:65%;
}

.boxRecruitRight2 dl dt {
	text-align: left;
	font-weight: bold;
}

.boxRecruitRight2 dl dd {
	text-align: left;
	font-size: 90%;
}


/* フッター
--------------------------------------------------------------------------*/

.productLeftBox {
	float:left;
	width:55%;
	margin-top: 90px;
}

.productLeftLeftBox {
	float:left;
	width:65%;
}

.productLeftRightBox {
	float:right;
	width:30%;
}

.productRightBox {
	float:right;
	width:35%;
}

#footer {
	background: url(../img/common/bgTop.png) top left repeat-x;
	padding-top: 5px;
}

#footerMain {
	background: #FDF0D0;
	padding:30px 0 40px 0;
}

.f_left {
	float:left;
	width:65%;
	font-size:90%;
}

.f_left dl {
	width: 160px;
}

.f_left dl dt {
	text-align:left;
	padding:0 0 5px 0px;
	margin:10px 0;
	color: #EA7C00;
	list-style:none;
	font-weight: bold;
	border-bottom: 1px dotted #EA7C00;
}

.f_left dl dd {
	text-align:left;
	padding:0 0 5px 0px;
	margin:7px 0 0;
	color: #EA7C00;
	list-style:none;
	font-size: 85%;
	border-bottom: 1px dotted #CCC;
}

.sitemap {
	float:left;
	margin-right:50px;
}

.sitemap:nth-of-type(3) {
	margin-right:0px;
}

.f_right {
	float:right;
	width:30%;
}

address {
	background: #4F2B11;
	font-style:normal;
	text-align:center;
	color: #FFF;
	font-size:80%;
	margin:0px auto;
	padding: 10px 0;
}


/* サイドバー
--------------------------------------------------------------------------*/

#sidebar {
	width:25%;
	float:right;
	margin-top: 30px;
}

.sidemenu {
	text-align: left;
}

.sidemenu h3 {
	background: #4E2C0B;
	line-height:160%;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	padding:10px 0;
	color: #FFF;
	margin: 0;
}

.sidemenu ul li {
	list-style: none;
}

.sidemenu ul li a {
	background: url(../img/side/link.png) center left no-repeat;
	border-bottom: 1px dotted #CCC;
	padding: 12px 0 10px 20px;
	font-size: 90%;
	display: block;
}

.sidemenu ul li ul li {
	padding: 0px;
	margin: 0;
}

.sidemenu ul li ul li a {
	background: url(../img/side/link2.png) 15px 20px no-repeat;
	border-bottom: 1px dotted #CCC;
	padding: 12px 0 10px 25px;

}

/* メイン
--------------------------------------------------------------------------*/

#container {
	margin:0px auto 0;
	padding:0 0 50px 0;
	text-align:center;
	overflow: hidden;
}

#main {
	width:70%;
	float:left;
}

#container article {
	margin-top:50px;
}

section {
}

.boxGray {
	padding: 30px 0;
	background: #F8F8F8;
}

.boxOrang {
	background: #FEF4D6;
	padding: 20px 0 0;
}

.boxProduct {
	/*
	background: #FBDFBA;
	*/
	background: url(../img/common/boxProductBg.png) bottom left repeat-x;
}

.leftBox {
	float:left;
	width:25%;
}

.rightBox {
	float:right;
	width:70%;
}

.rightBox h1 {
	line-height: 120%;
	padding-bottom: 10px;
}

.column {
	width:100%;
	margin-top: 40px;
	padding-bottom:20px;
}

.column2 {
	width:48%;
	float:left;
	margin-bottom:20px;
	display:block;
	margin-right:4%;
}

.column2:nth-of-type(2n) {
	margin-right:0;
}

.column2 .width60 {
	float: left;
	width: 60%;
}

.column2 .width30 {
	float: right;
	width: 30%;
	margin-top: 10px;
}

.column2 .width50 {
	width: 50%;
	margin-top: 10px;
}

.column2 h2 {
	text-align:left;
	font-size:120%;
	margin-top:0px;
	margin-bottom:30px;
	line-height:100%;
	border-left:none;
	padding-top: 35px;
	padding-left:0;
}

.column2 h2 span {
	font-size:50%;
	padding-left: 10px;
	color:#EA7900;
	font-weight:bold;
}

.bodertop {
	margin-top: 20px;
	border-top: 1px solid #DDD;
}

.column3 {
	width:30%;
	float:left;
	margin-right:5%;
	margin-bottom:20px;
}

.column3:nth-of-type(3n) {
	margin-right:0;
}

.column4 {
	width:23.5%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

.column4:nth-of-type(4n) {
	margin-right:0;
}


/* プロトタイプ
-------------------------------------*/

div#listNavi {
	background:#F8F8F8;
	font-size:80%;
	padding:8px 0 6px;
	text-align:left;
	margin-top: 50px;
}

div#listNavi div {
	text-align: left;
}

#prtMain {
	background: url(../img/common/mainBg.png) top left repeat;
	padding: 60px 0;
}

#prtMain h1 {
	font-size:200%;
	font-weight:normal;
	color:#4E2C0B;
	font-weight:bold;
	text-align: left;
}

#prtMain h1 span {
	display:block;
	font-size:40%;
	margin-top:-5px;
	color:#E99200;
	font-weight: normal;
}

div.normalTbl input {
	height: 20px;
}

.formButton input {
	padding:10px;
	width:50%;
	height:50px;
	text-align:center;
	margin:0 auto;
	border-style: none;
	background:#333;
	color:#FFF;
	font-size:90%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc);
	cursor:pointer;
}

.formButton input:hover {
	background:#FF7F00;
}

.map {
	margin-bottom:20px;
}

.map iframe {
	width:100%;
}

.pic {
	float:right;
	padding:0 0 20px 20px;
}

/* 新着情報
-------------------------------------*/

#news {
	margin-top:0;
	text-align:left;
	overflow:auto;
	font-size:85%;
}

#news ul {
	margin-top:0px;
}

#news ul li {
	padding:5px 0 10px;
	margin:0 0 10px 0;
	list-style:none;
	border-bottom:1px dotted #CCC;
	width:100%;
}

#news ul li span {
	padding:0 0 0 0;
	font-weight:bold;
	padding:2px 10px 2px 0px;
}


/* その他ナビゲーション
-------------------------------------*/

.btn {
	color: #FFF;
	font-size:85%;
	margin:10px auto 0;
	text-align:center;
}

.btn a {
	color:#FFFFFF;
	transition: color 0.3s ease 0s;
	text-decoration:none;
	display:block;
	padding: 10px 20px 8px;
	background:#EC7900;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(border-radius.htc);
}

.btn a:hover {
	color:#FFFFFF;
	transition: color 0.3s ease 0s;
	text-decoration:none;
	background-color:#FF7F00;
	animation: gradation 1s;
}

.btn2 {
	font-size:100%;
	margin:20px auto 0;
	text-align:center;
}

.btn2 a {
	color:#FFF;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	transition: color 0.3s ease 0s;
	text-decoration:none;
	display:block;
	padding: 15px 20px 13px;
	background:#684C95;
	border:1px solid #7D67D3;
}

.btn2 a:hover {
	color:#684C95;
	transition: color 0.3s ease 0s;
	text-decoration:none;
	background-color:#A390CF;
	animation: gradation 1s;
}

/* ブログ
-------------------------------------*/

.author,
.edit-link,
.posted-on,
.updated {
	display:none;
}

.entry-footer {
	background: #F5F5F5;
	padding: 10px;
	font-size: 80%;
}

.page-numbers {
	padding: 10px;
	border: 1px solid #EA7C00;
	color: #EA7C00;
	line-height: 100%;
}

.current {
	background: #FDF0D0;
}

.meta-nav,
.meta-nav{
	display: none;
}

/*
.time {
	text-align:right;
	padding-bottom:20px;
}

ul.news_list .media {
	margin:0 5px;
	font-size:70%;
	font-weight:bold;
	color:#FFF;
	background:#FF9326;
	padding:5px 5px 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(border-radius.htc);
}

section h3 a:link {
	transition: color 0.3s ease 0s;
	color:#4a4a4a;
	text-decoration:underline;
}

section h3 a:visited {
	transition: color 0.3s ease 0s;
	color:#4a4a4a;
	text-decoration:underline;
}

section h3 a:hover {
	animation: gradation 1s;
	color:#876CB8;
	text-decoration:none;
}
*/

.screen-reader-text {
	display:none;
}

.nav-previous {
	float:left;
}

.nav-next {
	float:right;
}

.flexbox_bn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  width:100%;
}

.flexbox_bnch {
  width:48%;
  margin-bottom:15px;
}

.flexbox_bnch img{
  width:100%;
  border-radius: 10px;
}

*/

/* ----------------------------------------------------------------------------------------------------
     タブレット・PC端末（930px〜1000px）
---------------------------------------------------------------------------------------------------- */ 
@media only screen and (max-width: 1000px) {

.pc {
	display:block;
}

.sp {
	display:none;
}

/* レイアウト
-------------------------------------*/
	
.width {
	width:951px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

nav {
	margin-top:15px;
}


nav ul li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	font-size: 80%;
	line-height: 120%;
	height: 35px;
}

#slider {
	background: url(../img/common/mainBg.png) top left repeat;
	padding: 40px 0;
}


#slider .pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 125px;
	text-align: center;
	position: absolute;
	z-index: 200;
	padding-bottom:0px;
}

#slider .pagination a {
	margin: 60px 5px 0;
	width: 100px;
	height: 43px;
	display: inline-block;
	overflow: hidden;
	border:4px solid #E4E3EE;
}

ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:100px;
	margin: 10px 0 0 0;
}

.f_left {
	float:left;
	width:70%;
	font-size:90%;
}

.f_left dl {
	width: 120px;
}

.f_right {
	float:right;
	width:25%;
}

.sitemap {
	float:left;
	margin-right:30px;
}

.sitemap:nth-of-type(3) {
	margin-right:0px;
}

.productLeftBox {
	float:left;
	width:70%;
	margin-top: 30px;
}

.productRightBox {
	float:right;
	width:25%;
	padding-top: 0px;
}

.productLeftLeftBox {
	float:left;
	width:70%;
}

.productLeftLeftBox h1 {
	font-size: 150%;
	list-style: 120%;
}

.productLeftRightBox {
	float:right;
	width:25%;
}


#container article {
	margin-top:30px;
}

#container {
	margin:0px auto 0;
	padding:0 0 30px 0;
	text-align:center;
	overflow: hidden;
}

#shopNavi ul li {
	float: left;
	width: 16%;
	border-left: 1px solid #EEE;
	border-right: 1px solid #FFF;
	margin: 0px;
}

dl.text {
	text-align: left;
	font-size:85%;
}

dl.text dt {
	font-weight: bold;
	width: 25%;
	float: left;
	margin-bottom:5px;
}

dl.text dd {
	float: left;
	width: 70%;
	margin-bottom:5px;
}

} 


/* ----------------------------------------------------------------------------------------------------
     タブレット・PC端末（480px〜930px）
---------------------------------------------------------------------------------------------------- */ 
@media only screen and (max-width: 950px) {

.pc {
	display:block;
}

.sp {
	display:none;
}

/* レイアウト
-------------------------------------*/

} 

/* ----------------------------------------------------------------------------------------------------
     小型タブレット・スマホ端末（640px〜850px）
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {

.flexbox_bn {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  width:100%;
}

.flexbox_bnch {
  width:100%;
}


} 


/* ----------------------------------------------------------------------------------------------------
     小型タブレット・スマホ端末（〜640px）
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {

.pc {
	display:none;
}

.sp {
	display:block;
}

.width {
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* 文字
-------------------------------------*/

h1 {
	font-size:160%;
	font-weight:normal;
	color:#E99200;
	font-weight:bold;
}

h1 span {
	display:block;
	font-size:40%;
	margin-top:-5px;
	color:#444444;
	font-weight: normal;
}

h2 {
	text-align:left;
	font-size:120%;
	margin-top:40px;
	margin-bottom:20px;
	line-height:100%;
	border-left: 5px solid #EA7900;
	padding-top: 5px;
	padding-left: 8px;
}

h2 span {
	font-size:50%;
	padding-left: 10px;
	color:#EA7900;
	font-weight:bold;
}

dl.text {
	text-align: left;
	font-size:90%;
}

dl.text dt {
	font-weight: bold;
	width: 25%;
	float: left;
	margin-bottom:5px;
}

dl.text dd {
	float: left;
	width: 75%;
	margin-bottom:5px;
}


/* ヘッダー
--------------------------------------------------------------------------*/

#header {
	margin-top: 25px;
}

#h_left {
	float:left;	
	width: 50%;
	text-align: left;
}

#h_right {
	float:right;
	width: 45%;
}

/* ナビゲーション
--------------------------------------------------------------------------*/

nav {
	display: none;
}

/*店舗紹介*/
#shopNavi ul li {
	float: left;
	width: 32%;
	border-left: 1px solid #EEE;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #FFF;
	margin: 0px;
}

/* スライドショー
-------------------------------------*/

#slider {
	background: url(../img/common/mainBg.png) top left repeat;
	padding: 20px 0 20px;
}

#slider .wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
}
 
#slider .wideslider ul,
#slider .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
 
#slider .wideslider ul li img {
    width: 100%;
    display: none;
}
 
#slider .wideslider_base {
    top: 0;
    position: absolute;
}
#slider .wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
#slider .slider_prev,
#slider .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

#slider .slider_prev {background: #fff url(../img/common/prev.png) no-repeat right center;}
#slider .slider_next {background: #fff url(../img/common/next.png) no-repeat left center;}

#slider .wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#slider .wideslider ul {
    display: inline-block;
    overflow: hidden;
}

#slider .pagination {
	display: none;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 95px;
	text-align: center;
	position: absolute;
	z-index: 200;
	padding-bottom:0px;
}

#slider .pagination a {
	margin: 0px 5px 0;
	width: 50px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	border:4px solid #E4E3EE;
}
#slider .pagination a.pn1 {background: transparent url(../img/content/top/main01.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn2 {background: transparent url(../img/content/top/main02.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn3 {background: transparent url(../img/content/top/main03.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn4 {background: transparent url(../img/content/top/main04.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn5 {background: transparent url(../img/content/top/main05.jpg) no-repeat left top; background-size:100%;}
#slider .pagination a.pn6 {background: transparent url(../img/content/top/main06.jpg) no-repeat left top; background-size:100%;}

#slider .pagination a.active {
	border:4px solid #EA7A00;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.slider {
    width:100%;
    display:block;
	margin-bottom: 30px;
}
 
ul.bxslider01 li {
    display:block;
}
 
ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:60px;
	margin: 10px 0 0 0;
}

ul.bxslider03 li a {/*サムネイル*/
    display:block;
    width:40px;
	margin: 5px 0 0 0;
}
 
/* フッター
--------------------------------------------------------------------------*/

.productLeftBox {
	float:left;
	width:100%;
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(../img/footer/product01.png) bottom right no-repeat;
	background-size: contain;
}

.productLeftLeftBox {
	float:none;
	width:100%;
}

.productLeftRightBox {
	float:none;
	width:40%;
}

.productRightBox {
	display: none;
	float:right;
	width:35%;
}

#footer {
	background: url(../img/common/bgTop.png) top left repeat-x;
	padding-top: 5px;
}

#footerMain {
	background: #FDF0D0;
	padding:20px 0 0px 0;
}

.f_left {
	display: none;
}

.f_right {
	float:none;
	text-align: center;
	margin: 0 auto;
	width:50%;
}

address {
	background: #4F2B11;
	font-style:normal;
	text-align:center;
	color: #FFF;
	font-size:60%;
	margin:0px auto;
	padding: 10px 0 7px;
}


/* サイドバー
--------------------------------------------------------------------------*/

#sidebar {
	width:100%;
	float:none;

}

.sidemenu {
	text-align: left;
}

.sidemenu h3 {
	background: #4E2C0B;
	line-height:160%;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	padding:10px 0;
	color: #FFF;
	margin-top: 20px;
}

.sidemenu ul li {
	list-style: none;
	float:left;
	width: 100%;
	padding: 0px;
	margin: 0;
}
	
.sidemenu ui li ul.children {
	clear: both;
}

.sidemenu ul li a {
	background: url(../img/side/link.png) center left no-repeat;
	border-bottom: 1px dotted #CCC;
	padding: 12px 0 10px 20px;
	font-size: 90%;
	display: block;
}

.sidemenu ul li ul li {
	width: 50%;
}
	
.sidemenu ul li ul li a {
	background: url(../img/side/link2.png) 15px 20px no-repeat;
	border-bottom: 1px dotted #CCC;
	padding: 12px 0 10px 25px;
}

/* メイン
--------------------------------------------------------------------------*/

#container {
	margin:0px auto 0;
	padding:0 0 10px 0;
	text-align:center;
	overflow: hidden;
}

#main {
	width:100%;
	float:right;
}

#container article {
	margin-top:30px;
}

section {
}

.boxGray {
	padding: 20px 0;
	background: #F8F8F8;
}

.boxOrang {
	background: #FEF4D6;
	padding: 20px 0 0;
}

.boxProduct {
	/*
	background: #FBDFBA;
	*/
	background: url(../img/common/boxProductBg.png) bottom left repeat-x;
}

.leftBox {
	float:none;
	width:100%;
}

.rightBox {
	float:none;
	width:100%;
}

.mt20 {
	margin-top: 0;
}	

.mt60 {
	margin-top: 0;	
}

.column {
	width:100%;
	margin-top: 30px;
	padding-bottom:10px;
}

.column2 {
	width:100%;
	float:none;
	margin-bottom:20px;
	display:block;
	margin-right:0%;
}

.column2:nth-of-type(2n) {
	margin-right:0;
}

.column2 .width60 {
	float: left;
	width: 60%;
}

.column2 .width30 {
	float: right;
	width: 30%;
	margin-top: 10px;
}

.column2 .width50 {
	width: 50%;
	margin-top: 10px;
}

.column2 h2 {
	text-align:left;
	font-size:130%;
	margin-top:0px;
	margin-bottom:20px;
	line-height:100%;
	border-left:none;
	padding-top: 25px;
	padding-left:0;
}

.column2 h2 span {
	font-size:50%;
	padding-left: 10px;
	color:#EA7900;
	font-weight:bold;
}

.bodertop {
	margin-top: 0px;
	border-top: 1px solid #DDD;
	border-top: none;
}

.column3 {
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:10px;
}

.column3:nth-of-type(3n) {
	margin-right:0;
}

.column4 {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
}

.column4:nth-of-type(4n) {
	margin-right:4%;
}

.column4:nth-of-type(2n) {
	margin-right:0;
}


/* プロトタイプ
-------------------------------------*/

div#listNavi {
	background:#F8F8F8;
	font-size:70%;
	padding:8px 0 6px;
	text-align:left;
	margin-top: 20px;
}

div#listNavi div {
	text-align: left;
}

#prtMain {
	background: url(../img/common/mainBg.png) top left repeat;
	padding: 30px 0;
}

#prtMain h1 {
	font-size:180%;
	font-weight:normal;
	color:#4E2C0B;
	font-weight:bold;
	text-align: left;
}

#prtMain h1 span {
	display:block;
	font-size:40%;
	margin-top:-5px;
	color:#E99200;
	font-weight: normal;
}

.pic {
	float:right;
	padding:0 0 20px 20px;
}

#news {
	margin-top:20px;
	text-align:left;
	overflow:auto;
	font-size:85%;
}

div.normalTbl table th {
	display: block;
	width: auto;
	padding: 10px;
}

div.normalTbl table td {
	display: block;
	width: auto;
	padding: 10px;
}

div.normalTbl2 table th {
	display: block;
	width: auto;
	background: #F5F5F5;
	border-bottom: none;
	padding: 7px;
	font-size: 90%;
}

div.normalTbl2 table td {
	display: block;
	width: auto;
	border-bottom: 1px dotted #AAAAAA;
	padding: 7px;
	font-size: 90%;
}

div.normalTbl3 {
	border-top: none;
	font-size: 80%;
}
	
div.normalTbl3 table th {
	border-top: 1px dotted #CCCCCC;
	border-bottom: none;
	padding: 10px 0;
	font-weight: normal;
	text-align:left;
}

div.normalTbl3 table td {
	border-top: 1px dotted #CCCCCC;
	border-bottom: none;
	padding: 10px 0;
	text-align:right;
}

div.normalTbl3 table tr:nth-child(odd) {
	background: none;
}
.flexbox_bn {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  width:100%;
}

.flexbox_bnch {
  width:100%;
}

}