header{border-bottom: 1px solid #ccc;background-color: #fff;}
.header-container{width: 100%; max-width: 1200px; margin: 0 auto;background-color: #fff;}
.header-container{color:#000;}
.header-inner{padding: 0 1%;padding-top: 5px;padding-bottom: 3px;}
@media screen and (max-width: 799px) {
	.header-inner{padding-left:2%;padding-right: 2%;}
}

/*
body{background-image: url(../img/bg.jpg);background-color:rgba(255,255,255,0.8);background-blend-mode:lighten;}
*/
/*FLEX　左右表示*/
.header-flex{display: flex; flex-flow: row;justify-content: space-between;}
.header-left{width: 30%;}
.header-right{width: 70%;}
.header-left-inner{ display: flex;align-items: center;}
.header-right-inner{}
.header-left-inner img{width: 100%; max-width: 240px;}
.nav-inner{margin: 0 0 0 auto;}
.nav-inner ul{margin: 0;display: flex; flex-flow: row;justify-content: flex-end;padding-top: 20px;}
.nav-inner li{list-style: none;border-right: solid 1px #000;width:160px;text-align: center;}
.nav-inner li:nth-child(1){border-left: solid 1px #000;}
.nav-inner li a{text-decoration: none; color:#000; display: block; padding: 10px 0;}

.sns-container{width: 100%; max-width: 1200px; margin: 0 auto; background-color: #fff;}
.sns-inner{display: flex; justify-content: flex-end;padding-right: 15px; padding-top: 10px;}
.sns-insta img{width: 50px;}
/*NAVI*/
.offcanvas-left{display: none;}
#header{display: none;text-align: right;padding-top: 2%;padding-right: 5px;}
@media screen and (max-width: 799px) {

	#header{display: block;}
  nav {display: none;}
}
.offcanvas-left-inner{background-color: #86878d;height: 100%;color: #fff;}
.offcanvas-left-inner a{text-decoration: none; color: #fff;display: block;padding:1em 0 1em 1em;}
.menu{padding-top: 50px 0;}


.top-img-container{width: 100%; max-width: 1200px; margin: 0 auto; background-color: #fff;}
.top-img-inner{width: 100%; max-width: 1000px; margin: 0 auto;padding-top: 20px;padding-bottom: 50px;}
.top-img-flex{display: flex;flex-flow: row; background-color: #fff;}
@media screen and (max-width: 799px) {
.top-img-flex{padding: 0 2%;}
}
.top-img-l{width: 50%;}
.top-img-r{width: 50%;}
.top-img-l img,.top-img-r img{width: 100%;}

.main-container{width: 100%; max-width: 1200px; margin: 0 auto; background-color: #fff;}
.main-inner{width: 100%; max-width: 1000px; margin: 0 auto;}
@media screen and (max-width: 799px) {
.main-box{padding: 0 2%;}
}
.title-inner{padding-bottom: 30px;}
.title{background-color: #fff;height: 50px; border-left: 5px solid #ccc;display: flex;align-items: center;}
.title p{font-size: 24px;padding-left: 3%}
.title-red{border-left: 5px solid #f00;}
.title-matcha{border-left: 5px solid #696F3F;}
.title-sansho{border-left: 5px solid #6B493D;}
.title-blueberry{border-left: 5px solid #182E96;}

.content-box{padding-bottom: 10px;}
/*.content-inner{border: 1px solid #000;}*/

.content1 p{line-height: 1.5;}
@media screen and (max-width: 799px) {
.content1 p br{display: none;}
.mobile-no-br br{display: none;}
}
.content-flex{display: flex;flex-flow: row; justify-content: space-between;padding-bottom: 2em;}
.content-lbox,.content-rbox{display: flex;flex-flow: row;justify-content: space-between;width: 49.1%; background-color: #fff;}
.content-l1,.content-l2,.content-r1,.content-r2{width: 48%;}
.content-flex img{width: 100%;vertical-align: top;}
.flex{display: flex;flex-flow: row;}
@media screen and (max-width: 799px) {
.content-flex,.flex{flex-flow: column;}
.content-lbox{padding-bottom: 2em;}
.content-lbox,.content-rbox{width: 100%;}
}
.content-title{border-left: 3px solid #f00;}
.content-title p{padding-left: 0.5em;padding-top:3px;}
.content-img{ border: 1px solid #ccc;}
.content-flex a{text-decoration: none; color: #000;}
.content-flex a:hover{opacity: 0.5;}
.content-text P{padding-top: 0.3em;text-align: right;padding-right: 0.3em;}

.sp-05em{padding-top: 0.5em;}
.sp-3em{padding-top:3em; }
.sp-2em{padding-top:2em; }

.pt-1em{padding-top:1em; }
.pt-2em{padding-top:2em; }
.pb-05em{padding-bottom: 0.5em;}
.pb-1em{padding-bottom: 1em;}
.pb-2em{padding-bottom: 2em;}
.pb-3em{padding-bottom: 3em;}
.pb-4em{padding-bottom: 4em;}
.pr-2em{padding-right: 2em;}
.pl-2em{padding-left: 2em;}
.lh-15{line-height: 1.5;}
.lh-20{line-height: 2.0;}
.t-center{text-align: center;}
.flex-row{display: flex;flex-flow: row;}
.color-red{color: #f00;}
.pl-1em{padding-left: 1em;}
.mb-1em{margin-bottom: 1em;}
.mb-2em{margin-bottom: 2em;}
@media screen and (max-width: 799px) {
	.mobile-br-none br{display: none;}
	.mobile-column{flex-flow: column;}
	.mobile-pt-none{padding-top: 0;}
.content-title p{padding-top:0; height: 2em;}
}
h1{margin: 0;padding: 0;font-weight: normal;}
h1{background-color: #fff;text-align: center;padding-bottom: 50px;padding-top: 20px;}

.ta-center{text-align: center;}

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

/*フッター*/
footer{border-top: 1px solid #ccc;background-color: #86878d;min-height: 300px;

}
.footer-container{width: 100%; max-width: 1000px; margin: 0 auto;color: #fff;}
.footer-inner{padding: 0 2%;}
.footer-box{
	background-image: url(../img/foot-w.png);background-repeat: no-repeat;background-position: right bottom;

	padding-top: 3em;
}
.footer-box a{text-decoration: none; color: #fff;}
.footer-box P{padding-bottom: 1em;}

.test-bk {background-color: #0f0;}

.img100 img{width: 100%;}


.navbar_toggle{
 z-index:9999;
}

.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 30px;
 background: #5c6b80;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}

.navbar_toggle_icon:nth-child(1) {
 top: 0;
}

.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}

.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}


.menu{
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .5s;
 transition:ease .5s;

 z-index:1000;
}

.menu ul li{
 padding: 2em;
 border-bottom: 1px solid #CCC;
}
/*OPEN時の動き*/
.menu.open {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

.menu{display: none;}
@media screen and (max-width: 799px) {
.menu{display: block;}
}

.f-size18{font-size: 18px;}
.f-size20{font-size: 20px;}


/*NEWs*/
.news-space{padding-bottom: 3em; text-align: center;}
.news-space img{width: 100%;max-width: 600px;}
.news-comment{margin: 0 auto;border: 1px solid #ccc;max-width: 800px;padding:1em;margin-top: 1em;}

.sales-box a{text-decoration: underline;}
.sales-box ul{list-style:  none;  margin: 0;padding-bottom: 1em;}
.sales-box li{padding-bottom: 1em;}

.sales-shop li{list-style: circle;}

/*News Sys*/
.news-section{padding-bottom: 2em;}
.news-section h1{font-size: 20px; margin: 0; padding: 0; padding-bottom: 1em;}
.news-box {max-width: 800px; margin: 0 auto; padding: 0 5px 0 5px;}
.news-inner{border: 1px solid #ccc; border-radius: 5px; padding: 20px;}
.news-right{padding-left: 1em;}
.news-box-content{padding-bottom: 1em;}
.news-list-box{padding-top: 1em;}
@media screen and (max-width: 799px) {
.news-left{padding-bottom: 0.5em;}
.news-box-content{padding-bottom: 1.5em;}
}
.news-link{text-align: center;padding-top: 1em;}
.news-inner a{text-decoration: underline dotted;}
.news-list-box a{text-decoration: none;}

.a-set a{color:#f00;}