/*
  pointer-events: auto;
color #455A80
*/
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;700&display=swap');

/* a.btn_onlineshop{display: none;} */

body{
color:#000;
margin:0;
padding:0;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
font-size:14px;
line-height:1.8;
overflow-x: visible;
width:100%;
}
body, button, input, textarea, select{
font-family: "Montserrat", "Noto Sans Japanese", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: 400;
}
select{font-size:120%;}
.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea{
	max-width: 100%;
}


/* #page{min-width: 1200px;} */

a{color: #000;}
a.btn_onlineshop{
	color:#455A80;
	/*font-size: 15px;*/
	font-size: 85%;
	border: 1px solid #455A80;
	border-radius: 20px;
	padding: 5px 25px;
	font-weight: 500;
}
nav#spnav a.btn_onlineshop{
	font-size: 79%;
}

.post-product div.onlineshop a.btn_onlineshop{font-size:100%;}
.post-product div.onlineshop{
	position:absolute;
	right:0;
	top:10px;
}
.post-product div.onlineshop+h2{width:70%;}

a:hover{color:#666;}
a:hover img{
	opacity:.85;
	filter:alpha(opacity=85);
}
/*////////////////////////////////*/
/*header*/
header.site-header h1 {
	padding:45px 0 46px;
	margin:0;
	text-align: center;
}
header.site-header h1 img{
	margin:0 auto;
	display: inline-block;
}
header.site-header h1 div {
	font-size: 21px;
	background-color: #9FB39F;
	padding:5px 42px;
	display:inline-block;
	margin-top: 20px;
}
.site-header{
	background-color: transparent;
	margin-bottom:0;
	border:none;
	padding:0;
}





nav#spnav {
	z-index:9999;
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
}
nav#spnav .inner{
	margin:0 auto;
	width:100%;
	height: 100%;
	position: relative;
}
nav#spnav .block{
	display: none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index: 100;
	min-width: 700px;
	font-size: 130%;
	margin: 0 auto;
  pointer-events: auto;
}

nav#spnav .block .sm-header__wrapper{
	width: 80%;
  margin: 0 auto;
}

nav#spnav .block .logo {
	padding:45px 0 120px;
	text-align: center;
}
nav#spnav .block .logo img{
	margin:0 auto;
	display: inline-block;
}

nav#spnav .block .col1,
nav#spnav .block .col2,
nav#spnav .block .col3,
nav#spnav .block .col4{
	display: inline-block;
	vertical-align: top;
}
nav#spnav .block .col1{width: 25%;}
nav#spnav .block .col2{width: 22%;}
nav#spnav .block .col3{
	width: 28%;
}
nav#spnav .block .col4{
	text-align: right;
	width: 15%;
}

.hamburger,
.hamburger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: relative;
}

nav#spnav .block li{
	margin-bottom:10px;
}
nav#spnav .block li.concept_of_green,
nav#spnav .block li.what_is_bean_to_bar,
nav#spnav .block li.our_cacao{
/*font-size: 16px;*/
	font-size: 76.19%;
	line-height: 1.3em;
}
nav#spnav .block li.about{
	margin-bottom:10px;
}
nav#spnav .block li.our_cacao{
	margin-bottom:26px;
}

nav#spnav li.sns{
	margin-top:100px;
}

nav#spnav li.sns a:not(:last-child) img{
 	margin-right:12px;
}
nav#spnav li.sns a img{
	width: 35px;
	height: 35px;
	display: inline-block;
}

@media (max-width: 496px) {
  nav#spnav li.sns a img{
    width: 25px;
    height: 25px;
  }
}


.hamburger {
	position: absolute;
	top:62px;
	right:15px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	z-index: 999;
  pointer-events: auto;
}
.hamburger .box {
	position: absolute;
	top:5px;
	right:5px;
	width: 26px;
	height: 22px;
}
.hamburger .box span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
}
.hamburger .box span:nth-of-type(1) {
	top: 0;
}
.hamburger .box span:nth-of-type(2) {
	top: 10px;
}
.hamburger .box span:nth-of-type(3) {
	bottom: 0;
}
.hamburger.active .box span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.hamburger.active .box span:nth-of-type(2) {
	opacity: 0;
}
.hamburger.active .box span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

.hamburger--sm {
	top: 35px;
	width: 32px;
	height: 32px;
}

.hamburger--sm .box {
	width: 22px;
	height: 19px;
}

.hamburger--sm .box span:nth-of-type(2) {
	top: 8px;
}

.hamburger--sm.active .box span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.hamburger--sm.active .box span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

/*////////////////////////////////*/
/*site-main*/

.col-full{
	max-width: 1200px;
	padding: 0;
}
.online .col-full{max-width: 1000px;}

/*.concept*/
.content-area {text-align: center;}
.content-area p {/*font-size:18px;*/font-size:128.571%;}

.content-area h2{/*font-size: 30px;*/font-size: 214.285%; color: #455A80;}
.content-area h3{/*font-size: 32px;*/font-size: 228.571%; border-top: none;}
.content-area h4{/*font-size: 22px;*/font-size: 157.142%;font-weight: 400;}
.content-area h5{/*font-size: 18px;*/font-size: 128.571%;color: #666; font-weight: 400;}

.content-area #mainimage{margin-bottom:60px;}
.content-area div.image_c img{width:850px;margin-left:auto;margin-right:auto;}

.content-area h2+h3{margin-top:57px; margin-bottom:35px;padding-top: 0;}
.content-area h2+h4{margin-top:53px;}
.content-area h2+p{margin-top:53px;}
.content-area p+div.image_c{margin-top:63px;}
.content-area div.image_c+h2{margin-top:63px;}
.content-area h2.t_black+p{margin-top:40px;}
.content-area h4+h4{margin-top:10px;}
.content-area p+h4{margin-top:50px;}
.content-area h4+p{margin-top:20px;}
.content-area h4+h5{margin-top:8px; margin-bottom:10px;}
.content-area h2+div.clearfix{margin-top:45px;}
.content-area h4+div.clearfix{margin-top:45px;}
.content-area p.link{
/*font-size: 15px;*/
font-size: 107.142%;
line-height: 10px;
border-bottom: 1px dotted #bdbdbd;
margin:62px 0 82px;
}

.content-area #product p.onlineshop{margin-top:50px;}

body.cat-news main header{margin-bottom:50px;}
body.single .content-area.news div.news_entries.clearfix article.hentry,
div.news_entries.clearfix article.hentry{
float:left;
width:31.333%;
margin:0 1%;
}
div.news_entries.clearfix article.hentry img{width:100%;}
div.news_entries.clearfix article.hentry .date{/*font-size:15px;*/font-size: 107.142%;padding-top:0;}
.content-area.news div.news_entries.clearfix article.hentry h2,
div.news_entries.clearfix article.hentry h2{/*font-size:21px;*/font-size:150%; color:#000; font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}
div.news_entries.clearfix article.hentry h2 span{display: none;}

div.news_entries.clearfix article.hentry .wp-post-image,
div.workshop article.hentry .wp-post-image{
margin-bottom:16px;
}
div.news_entries.clearfix article.hentry h3{display: none;}

.content-area #product p.onlineshop+h4{margin-top:75px;}
div.recommend_entries{
width:82%;
margin-left:auto;
margin-right:auto;
}
div.recommend_entries.clearfix article.hentry{
float:left;
width:23%;
margin:0 1%;
padding-top:30px;
}
div.recommend_entries.clearfix article.hentry h3{/*font-size:21px;*/font-size:120%; color:#000; font-weight: 400;padding-top:5px;text-transform: uppercase;}
@media (max-width:768px) {
	div.recommend_entries.clearfix article.hentry h3{
		font-size:108%;
	}
}
div.recommend_entries.clearfix article.hentry p.price{
margin: 0 0 1.0em;
}

.content-area section{margin-top:40px;}

p.link_detail a{/*font-size:12px;*/font-size:85.714%;text-decoration: underline;}

.right-sidebar .content-area{
width: 100%;
float: none;
margin-right: 0
}

.category_box {
border-bottom:1px solid #455A80;
width:82%;
margin:80px auto 50px;
padding-bottom:45px;
}
.category_box h4{
display: table;
text-align: center;
white-space: nowrap;
width:100%;
margin: 0 auto 30px;
}
.category_box h4:after, .category_box h4:before {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
color:#455A80;
}
.category_box h4:after {
border-left: 1em solid transparent;
}
.category_box h4:before {
border-right: 1em solid transparent;
}
.category_box .block01,
.category_box .block02,
.category_box .block03{
display: inline-block;
color:#455A80;
font-size:142.857%;
font-weight: 500;
vertical-align: top;
text-align: left;
margin: 0 40px;
}
.category_box a{
font-weight: 500;
color:#455A80;
}

article .link_our_cacao{
background:url(/images/airplane.png) no-repeat bottom center ;
background-size:90px auto;
padding-bottom:80px;
text-align: center
}
article .link_our_cacao a{text-decoration: underline}


/*concept_of_green*/
.content-area article.concept h4{/*font-size:28px;*/font-size:200%; font-weight: 500;}
.content-area article.concept div.keyword{margin-top:100px;margin-bottom:100px;}

/*what_is_bean_to_bar*/
.content-area article.whatis h2.box_green{
color:#000;
background-color: #95A995;
display: inline-block;
padding:5px 30px;
}
.content-area article.whatis #process{
margin-top:100px;
}
.content-area article.whatis #process ul li{
display: inline-block;
vertical-align: top;
width:30%;
padding-top:190px;
padding-bottom:20px;
position: relative;
}
.content-area article.whatis #process ul li:before{
content: '';
background:url('/images/what_is_bean_to_bar/processArrow.png') no-repeat center right;
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 100%;
}
.content-area article.whatis #process ul li.process03:before,
.content-area article.whatis #process ul li.process06:before,
.content-area article.whatis #process ul li.process09:before,
.content-area article.whatis #process ul li.process12:before,
.content-area article.whatis #process ul li.process14:before,
.content-area article.whatis #process ul li.process15:before{
background:none;
}
.content-area article.whatis #process ul li h3{/*font-size:18px;*/font-size:128.571%;}
.content-area article.whatis #process ul li h4{/*font-size:14px;*/font-size:100%;margin-top: 12px;}
.content-area article.whatis #process ul li p{/*font-size:14px;*/font-size:100%; line-height: 1.5; text-align:left;margin: 5px auto; width:62%;}
.content-area article.whatis #process ul li.process01{background:url('/images/what_is_bean_to_bar/illustration01.png') no-repeat top center;}
.content-area article.whatis #process ul li.process02{background:url('/images/what_is_bean_to_bar/illustration02.png') no-repeat top center;}
.content-area article.whatis #process ul li.process03{background:url('/images/what_is_bean_to_bar/illustration03.png') no-repeat top center;}
.content-area article.whatis #process ul li.process04{background:url('/images/what_is_bean_to_bar/illustration04.png') no-repeat top center;}
.content-area article.whatis #process ul li.process05{background:url('/images/what_is_bean_to_bar/illustration05.png') no-repeat top center;}
.content-area article.whatis #process ul li.process06{background:url('/images/what_is_bean_to_bar/illustration06.png') no-repeat top center;}
.content-area article.whatis #process ul li.process07{background:url('/images/what_is_bean_to_bar/illustration07.png') no-repeat top center;}
.content-area article.whatis #process ul li.process08{background:url('/images/what_is_bean_to_bar/illustration08.png') no-repeat top center;}
.content-area article.whatis #process ul li.process09{background:url('/images/what_is_bean_to_bar/illustration09.png') no-repeat top center;}
.content-area article.whatis #process ul li.process10{background:url('/images/what_is_bean_to_bar/illustration10.png') no-repeat top center;}
.content-area article.whatis #process ul li.process11{background:url('/images/what_is_bean_to_bar/illustration11.png') no-repeat top center;}
.content-area article.whatis #process ul li.process12{background:url('/images/what_is_bean_to_bar/illustration12.png') no-repeat top center;}
.content-area article.whatis #process ul li.process13{background:url('/images/what_is_bean_to_bar/illustration13.png') no-repeat top center;}
.content-area article.whatis #process ul li.process14{background:url('/images/what_is_bean_to_bar/illustration14.png') no-repeat top center;}

/*our_cacao / labo */
.content-area article.col2 .left{
width:29.166%;
float:left;
text-align: left;
}
.content-area article.col2 .right{
width:70.833%;
float:right;
text-align: left;
}

.content-area .right section:first-child{margin-top:0;}

.content-area article.col2 .right div.image{margin-top:60px;margin-bottom:60px;}
.content-area article.col2 .right #no1 div.image{margin-top:0px;}
.content-area article.col2 .right div.image img{max-width: 100%;}
.content-area article.col2 .right h2{/*font-size:30px;*/font-size: 214.285%; color:#000;}
.content-area article.col2 .right h3{/*font-size:22px;*/font-size: 157.142%; margin: 22px 0 16px; font-weight: 500;}
.content-area article.col2 .right h4{/*font-size:18px;*/font-size: 128.571%;font-weight: 500;}
.content-area article.col2 .right h3+h4{margin-top:30px;}

.content-area article.col2 .right p{/*font-size:15px;*/ font-size:107.142%;}
.content-area article.col2 .right h2+p{margin-top: 13px;}

.content-area article.col2 .left h1{/*font-size:21px;*/ font-size:150%; font-weight: 400; padding-top:10px; padding-bottom:10px;margin-left:10px;}
.content-area article.col2 .left nav{margin-left:10px;}
.content-area article.col2 .left nav li{/*font-size:21px;*/ font-size:150%; line-height: 1.4; margin-top:40px;}


.content-area article.col2.labo .left nav li{/*font-size:19px;*/font-size:1.357142857142857; margin-top:4px;}
.content-area article.col2.labo .movie{margin-top:64px; margin-bottom:64px;}

/*news_list*/
body.single .content-area.news div.news_entries.clearfix article.hentry,
.content-area.news_list div.news_entries.clearfix article.hentry{
margin-top:20px;
margin-bottom:30px;
/*margin-top:48px;*/
}

/*workshop , news*/
.content-area.workshop div.category_description {padding-bottom:55px;}
.content-area.workshop div.category_description p {margin-top:12px;margin-bottom:0; text-align: center;}

.content-area.news article,
.content-area.workshop article,
body.single .content-area.news .hentry.category-news,
body.single .content-area.news .hentry.category-news-en,
body.single .content-area.workshop .hentry.category-workshop,
body.single .content-area.workshop .hentry.category-workshop-en{width: 66.666%; margin-left:auto; margin-right:auto;}

body.single .content-area.news .recent_news{
	border-top:1px dotted #000;
	padding-top: 4em;
}

/*.content-area.news_list .hentry.category-news h2,*/
.content-area.news .hentry.category-news h2,
.content-area.news .hentry.category-news-en h2,
.content-area.workshop .hentry.category-workshop h2,
.content-area.workshop .hentry.category-workshop-en h2{color:#000;font-size:171.428%;font-weight: 400;margin-top: 0px;}

span.jto{display: none;}
.en span.jto{padding-bottom: 45px;color:#455A80; font-size: 125%; display: block;text-align: center;font-weight: 500;}

body.single .content-area.news .hentry.category-news p,
body.single .content-area.news .hentry.category-news-en p,
body.single .content-area.workshop .hentry.category-workshop p,
body.single .content-area.workshop .hentry.category-workshop-en p{text-align: left;font-size: 100%;}

body.single .hentry div.date{padding-top: 20px}

/*cafe*/
.content-area article.cafe .cafe_menu{
width:83.333%;
margin-right:auto;
margin-left:auto;
}
.content-area article.cafe .cafe_menu h3{
font-size:200%; /*28px*/
border-bottom:1px solid #455A80;
padding-bottom:25px;
margin-bottom:35px;
}
.content-area article.cafe .cafe_menu div{text-align: left;position:relative;}
.content-area article.cafe .cafe_menu .high{margin-top:30px;}
.content-area article.cafe .cafe_menu .col1,
.content-area article.cafe .cafe_menu .col2,
.content-area article.cafe .cafe_menu .col2_2,
.content-area article.cafe .cafe_menu .col3{
display: inline-block;
}
.content-area article.cafe .cafe_menu .col1{width:50%;}
.content-area article.cafe .cafe_menu .col3{position:absolute;right:0;text-align: right}
.content-area article.cafe .cafe_menu .col2 p,
.content-area article.cafe .cafe_menu .col2_2 p{font-size:107.142%  /*15px*/;}
.content-area article.cafe .cafe_menu p{margin-bottom:0em;}
.content-area article.cafe .cafe_menu .col1{width:50%;}
.content-area article.cafe .cafe_menu.menu02 .col2_2,
.content-area article.cafe .cafe_menu.menu03 .col2_2 {position:absolute;right:90px;bottom: 3px;text-align: right}
.content-area article.cafe .cafe_menu.menu03 .col2_2 p {font-size:85.714% /*12px*/;}

.content-area article.cafe section{
margin-top: 45px;
}
.content-area article.cafe h2+section{
margin-top: 80px;
}

/*access*/
.content-area article.access section{margin-top:60px;}
.content-area article.access section.fukuoka{margin-top:20px;}
.content-area article.access section .image{
float:left;
width:61.666%;
}
.content-area article.access section .info{
float:right;
width:34.75%;
text-align: left;
}
.content-area article.access section .info img{
max-width:100%;
}
.content-area article.access section .info h3{font-size:185.714%;/*font-size:26px;*/font-weight: 500;margin-bottom: 12px;}
.content-area article.access section .info h4{font-size:114.285%;/*font-size:16px;*/}
.content-area article.access section .info p{font-size:100%;margin-top: 12px;}
.content-area article.access section .info a{text-decoration: underline;}
.content-area article.access section .info p.t_link{font-size:85.714%;/*font-size:12px;*/}

/*privacypolicy*/
.content-area article.privacypolicy{
width:83.333%;
margin-right:auto;
margin-left:auto;
text-align:left;
}
.content-area article.privacypolicy h2{}
.content-area article.privacypolicy.col2 .left h1{/*font-size:18px;*/font-size:128.571%;padding-top: 3px;padding-bottom: 0px;margin-left: 0;}
.content-area article.privacypolicy.col2 .right h3{/*font-size:16px;*/font-size:114.285%;
text-decoration: underline;
margin: 35px 0 5px;}
.content-area article.privacypolicy.col2 .left,
.content-area article.privacypolicy.col2 .right{
display: inline-block;
float: none;
width: auto;
vertical-align: top;
}
.content-area article.privacypolicy.col2 .left{margin-right:44px;}
.content-area article.privacypolicy.col2 .right{width:730px;}
.content-area article.privacypolicy.col2 section.contact{margin-top:125px;}
@media (max-width: 1180px) {
  .content-area article.privacypolicy.col2 .right{width:auto;}
}

/*contact*/

.content-area article.contact div#formarea{width:56.666%;text-align:left;margin-left:auto;margin-right:auto;margin-top:60px;}
.content-area article.contact div#formarea p{font-size:114.285%;/*16px*/}
.content-area article.contact div#formarea span.index{width:22.8%;display: inline-block; vertical-align: top;}
.content-area article.contact div#formarea .wpcf7-form-control-wrap{width:77%;display: inline-block;}
.content-area article.contact div#formarea .wpcf7-form-control-wrap input{width: 100%; margin-bottom:5px;}
.content-area article.contact div#formarea .wpcf7-form-control-wrap .wpcf7-radio input{width: auto;}
.content-area article.contact div#formarea span.wpcf7-list-item{display: block;}
.content-area article.contact div#formarea .warning{margin-left:22.8%;}
.content-area article.contact div#formarea input.wpcf7-form-control.wpcf7-submit{
background-color: #465A80;
border-color: #465A80;
}
.content-area article.contact div#formarea input.wpcf7-form-control.wpcf7-submit.is-submit{
  pointer-events: none;
  opacity: 0.5;
}
div.wpcf7-validation-errors{
border: 2px solid #ff3333;
text-align: center;
color: #fff;
background-color: #ff3333;
font-weight: 500;
font-size:128.571%;/*18px*/
}



/*/////////////////////////////////////*/

body.home .content-area h2+h4{margin-top: 33px;}
body.home article#recommend{padding-top:30px}
article.hentry .image img.size-bar_thumbnail{height:270px;}
img.size-bar_thumbnail{width:auto;}


body.category div.recommend_entries.clearfix article.hentry{
float: none;
display: inline-block;
vertical-align: top;
}
body.category-product #bar div.recommend_entries.clearfix article.hentry,
body.category-product #bonbon div.recommend_entries.clearfix article.hentry,
body.category-product-en #bar div.recommend_entries.clearfix article.hentry,
body.category-product-en #bonbon div.recommend_entries.clearfix article.hentry,
body.category-chocolate_bar div.recommend_entries.clearfix article.hentry,
body.category-bonbon_chocolat div.recommend_entries.clearfix article.hentry,
body.category-chocolate_bar-en div.recommend_entries.clearfix article.hentry,
body.category-bonbon_chocolat-en div.recommend_entries.clearfix article.hentry{
float: left;
display: block;
}
/*body.category-product*/

body.category-product .content-area section,
body.category-product-en .content-area section{
padding-bottom:100px;
}


body.category-bonbon_chocolat div.recommend_entries.clearfix article.hentry,
body.category-product #bonbon div.recommend_entries.clearfix article.hentry,
body.category-bonbon_chocolat-en div.recommend_entries.clearfix article.hentry,
body.category-product-en #bonbon div.recommend_entries.clearfix article.hentry{
width: 18%;
}
body.category-bonbon_chocolat div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #bonbon div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-bonbon_chocolat-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #bonbon div.recommend_entries.clearfix article.hentry .wp-post-image{
height:115px;
width:auto;
}
body.category-bonbon_chocolat div.recommend_entries.clearfix article.hentry .tof,
body.category-bonbon_chocolat-en div.recommend_entries.clearfix article.hentry .tof{height: 35px;}


body.category-product #bonbon .chocolate_box,
body.category-product-en #bonbon .chocolate_box{
border-top:1px solid #000;
width: 80%;
margin-top:50px;
margin-left: auto;
margin-right: auto;
padding-top:65px;
}
body.category-bonbon_chocolat_box div.recommend_entries.clearfix article.hentry,
body.category-bonbon_chocolat_box-en div.recommend_entries.clearfix article.hentry{
	width: 25%;
	margin: 0 3%;
	float: none;
	display: inline-block;
	vertical-align: top;
	}
body.category-product #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry,
body.category-product-en #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry{
	width:35%;
	float: none;
	display: inline-block;
	vertical-align: top;
}
body.category-bonbon_chocolat_box div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-bonbon_chocolat_box-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry .wp-post-image{
	height:155px;
	width:auto;
	}

body.category-other_chocolate div.recommend_entries.clearfix article.hentry,
body.category-other_chocolate-en div.recommend_entries.clearfix article.hentry,
body.category-product #other_chocolate div.recommend_entries.clearfix article.hentry,
body.category-product-en #other_chocolate div.recommend_entries.clearfix article.hentry{
	width:22.5%;
}

body.category-other_chocolate div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-other_chocolate-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #other_chocolate div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #other_chocolate div.recommend_entries.clearfix article.hentry .wp-post-image{
	max-height: 155px;
	width:auto;
}

body.category-cake div.recommend_entries.clearfix article.hentry,
body.category-cake-en div.recommend_entries.clearfix article.hentry,
body.category-product #cake div.recommend_entries.clearfix article.hentry,
body.category-product-en #cake div.recommend_entries.clearfix article.hentry{
	width:22.5%;
}

body.category-cake div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-cake-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #cake div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #cake div.recommend_entries.clearfix article.hentry .wp-post-image{
	max-height: 155px;
	width:auto;
}

body.category-product #bread div.recommend_entries.clearfix article.hentry,
body.category-product-en #bread div.recommend_entries.clearfix article.hentry{
	width:22.5%;
}

body.category-baked_sweetsbread div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-baked_sweetsbread-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #bread div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #bread div.recommend_entries.clearfix article.hentry .wp-post-image{
	max-height: 155px;
	width:auto;
}

body.category-granola div.recommend_entries.clearfix article.hentry,
body.category-drink div.recommend_entries.clearfix article.hentry,
body.category-granola-en div.recommend_entries.clearfix article.hentry,
body.category-drink-en div.recommend_entries.clearfix article.hentry,
body.category-product #granola div.recommend_entries.clearfix article.hentry,
body.category-product #drink div.recommend_entries.clearfix article.hentry,
body.category-product-en #granola div.recommend_entries.clearfix article.hentry,
body.category-product-en #drink div.recommend_entries.clearfix article.hentry{
	width:26%;
}
body.category-product #granola div.recommend_entries.clearfix article.hentry p.price{
	font-size:100%;
}
body.category-granola div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-granola-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #granola div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #granola div.recommend_entries.clearfix article.hentry .wp-post-image{
	height:192px;
	width:auto;
}
body.category-drink div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-drink-en div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product #drink div.recommend_entries.clearfix article.hentry .wp-post-image,
body.category-product-en #drink div.recommend_entries.clearfix article.hentry .wp-post-image{
	height:160px;
	width:auto;
}


/*body.single.cat-product */

body.single.cat-product .post-product{width:80%; margin-left:auto; margin-right:auto;}
body.single.cat-product .clearfix .image{width:40%;float:left;}
body.single.cat-product .clearfix .text{width:60%;float:right;position: relative;}

body.single.cat-product .clearfix .image img{
	/*max-width: 60%*/
	max-width: 70%;
	max-height: 330px;
	width:auto;
	height:auto;
}

body.single.cat-chocolate_bar .clearfix .image img{max-height: 440px;}
body.single.cat-bonbon .clearfix .image img{max-width: 42%;}

body.single.cat-product .clearfix .text h2{font-size: 178.5% /*25px*/;font-weight: 400;}
body.single.cat-product .clearfix .text h3{font-size: 142.8% /*20px*/;padding-top: 5px;border-top:none; font-weight: 400;}
body.single.cat-product .clearfix .text .price{
	border-bottom:1px solid #000;
	display: inline-block;
	font-size:171.4% /* 24px*/;
	line-height:1.2;
	margin-top:16px;
}
body.single.cat-product .clearfix .text .price span{
	font-size:70%;
}

body.single.cat-product .post-product .our_cacao{
	margin-top:70px;
	border-top:1px solid #4C5A7F;
	padding-top:118px;
}
body.single.cat-product .post-product .our_cacao a{
	font-size:150% /*21px*/;
	text-decoration: underline;
}
body.single.cat-product.en .post-product .our_cacao{display: none;}
/*/////////////////////////////////////*/
/*.pagination*/

.pagination, .woocommerce-pagination {
	padding: 1em 0;
	border: none;
}

.pagination .page-numbers {
/*font-size:0;*/
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current,
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers{
	font-size:150%;/*font-size:21px;*/
	line-height: 1.0;
	background-color: transparent;
	color: #465A80;
	padding: 0 16px;
	border-right:1px solid #465A80;
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current{
	color: #667Aa0;
	font-weight: 600;
}
.pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.next{
	border-right:none;
}
.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev{font-size:0;}
.pagination .page-numbers li .page-numbers.next:before {font-size:150%;font-size:21px; content: ">";}
.pagination .page-numbers li .page-numbers.prev:before {font-size:150%;font-size:21px; content: "<";}
.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev{
	padding: 0 16px;
}
.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover{
	background-color: transparent;
}

/*/////////////////////////////////////*/
/*sidebar*/
.right-sidebar .widget-area{
	width: 100%;
	float: none;
	margin-right: 0
}

/*/////////////////////////////////////*/
/*footer*/

div#totop {text-align: center}
div#totop img{
margin:130px auto 100px;
display: inline-block;
}

.site-footer{
background-color: #385280;
color:#fff;
padding: 2.618em 0 3.706325903em;
}
.site-footer a:not(.button){
color:#fff;
text-decoration: underline;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6{
color:#fff;
font-weight: bold;
font-size: 16px;
/*font-size:20px;*/
margin-top: 0;
}
@media (max-width: 496px) {
  .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6{
    font-size: 12px;
  }
}
.site-footer .col-1 ,
.site-footer .col-2 {
display: inline-block;
vertical-align: top;
}
.site-footer .col-1 {
width:615px;
padding-left:12px;
}
.site-footer #company,
.site-footer #member{
font-size:128.571%;
/*font-size:18px;*/
}
.site-footer #company a{
display: inline-block;
margin-right:20px;
}
.site-footer #privacypolicy{
display: inline-block;
margin-right:20px;
}
.site-footer #newsletter{
display: inline-block;
}
.site-footer #allergy{
display: inline-block;
margin-right:20px;
}
@media (max-width:496px) {
  .site-footer{
    padding: 35px 0 15px;
  }

  .site-footer #privacypolicy{
    margin-right: 0;
  }
  .site-footer #newsletter{
  display: block;
  }
}
@media (max-width:1200px) {
  .site-footer #newsletter{
    display: block;
  }
}


/*/////////////////////////////////////*/
h1, h2, h3, h4, h5, h6{font-weight: 500; line-height: 1.3; margin: 0;letter-spacing: 0;}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {margin-bottom: 0;}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:0;}
img{/*max-width: inherit;*/border-radius: 0px}

.t_blue{color:#455A80 !important;}
.t_blue2{color:#002647 !important;}
.t_black{color:#000 !important;}
.t_red{color:#D11E00 !important;}
.t_blue.border{border-bottom:1px solid #455A80 !important;}

p.lh_s{line-height: 1.5;}
.t_s{font-size:100% !important;} /*14px*/
.t_m{font-size:114.8% !important;} /*16px*/

.site-search,
.storefront-primary-navigation{display: none;}
nav.woocommerce-breadcrumb{display: none;color:#bbb;}
nav.woocommerce-breadcrumb a{color:#bbb;}
.single-product .online nav.woocommerce-breadcrumb{display: block;}

body.single.cat-product nav.woocommerce-breadcrumb{
display: block;
padding-left: 42%;
padding-right: 0;
margin-left: auto;
margin-right:auto;
margin-bottom: 2.5em;
font-size: 100%;
}
body.single.cat-product .woocommerce-breadcrumb .breadcrumb-separator:after{
opacity: 1;
}
body.single.cat-product nav.woocommerce-breadcrumb a:nth-child(-n+3),
body.single.cat-product nav.woocommerce-breadcrumb span.breadcrumb-separator:nth-child(-n+4){display: none !important;}

/*notfound*/
.not-found {
width:86%;
margin:4em auto 0;
text-align: center;
}

.ib{display: inline-block !important;}

.tof {
overflow: hidden;
/*width: 92%;*/
height: 55px;
}

body.en .jp_text{display: none;}
body.jp .en_text{display: none;}

#new-container-page-header .cat-title {
	font-size: 214.285%;
	text-align: center;
}

#new-container {
	padding: 0 20px;
}

#new-container .page-title {
	padding: 0 10px;
}

#new-container .content-area section {
	margin-top: 0;
}

#new-container .jpn-container {
	overflow: hidden;
}

#new-container .hero {
	margin-top: 60px;
}

#new-container .new-container__contents-title {
	font-size: 24px;
	color: #131315;
	font-weight: normal;
	margin-top: 60px;
}


#new-container .new-container__text {
	margin: 30px 0;
}
#new-container .new-container__logo img {
  margin: 0 auto;
}

#new-container .jpn-img {
	margin-top: 60px;
}

#new-container .jpn-img:last-child {
	margin-bottom: 60px;
}

#new-container .contents-title{
	margin-bottom: 60px;
}

#new-container .adviser-aera {
	width: 800px;
	margin: 60px auto;
	display: flex;
}

#new-container .adviser-area__img {
	width: 250px;
	height: 300px;
}

#new-container .adviser-area__text h3 {
	font-size: 24px;
}

#new-container .adviser-area__text h4 {
	margin: 10px 0 30px;
	font-size: 16px;
}

#new-container .adviser-area__text p {
	font-size: 15px;
}


#new-container .adviser-area__text {
	text-align: left;
	width: 500px;
	margin-left: 50px;
}

#new-container .award-aera {
	width: 800px;
	margin: 60px auto;
}

#new-container .award-area__item:first-child {
	margin-top: 0;
}

#new-container .award-area__item{
	margin-top: 120px;
}

#new-container .award-area__item {
	text-align: left;
}

#new-container .award-area__item__title {
	font-size: 24px;
	margin-bottom: 30px;
}

#new-container .award-area__item__sub-title {
	font-size: 14px;
	font-weight: bold;
	margin:0 0 20px;
}

#new-container .award-area__item__text {
	font-size: 14px;
}

#new-container .award-area__item__figcap {
	margin: 20px 0 40px;
	font-size: 14px;
}

#new-container .award-area__item__figcap a {
	text-decoration: underline;
}

#new-container .award-area__item__img {
	margin-bottom: 40px;
}

#new-container .labolatory-aera {
	text-align: left;
}

#new-container .colabo-aera {
	text-align: left;
}

#new-container .labolatory-aera__item {
	padding: 60px 0;
}

#new-container .colabo-aera__item {
	padding: 60px 0;
}

#new-container .labolatory-aera__item__title {
	margin-top: 30px;
	font-size: 24px;
}

#new-container .clabo-area__item__date {
	margin: 30px 0 5px;
	font-size: 16px;
}

#new-container .colabo-aera__item__title {
	margin-top: 0;
	font-size: 24px;
}

#new-container .labolatory-aera__item__text {
	font-size: 14px;
	margin: 5px 0 0 0;
}

#new-container .colabo-aera__item__text {
	font-size: 14px;
	margin: 25px 0 0 ;
}

#new-container .labolatory-aera__item__more {
	font-size: 14px;
	color: #666;
}

#new-container .labolatory-aera__item__more a {
	color: #666;
	text-decoration: underline;
}

#new-container .labolatory-aera__item__more a:hover {
	color: #000;
	text-decoration: none;
}

#new-container .colabo-area__attention {
	font-size: 14px;
	margin: 60px 0;
}

#new-container .direct-container {
	width: 800px;
	margin: 0 auto;
}

#new-container .direct-item {
	margin: 50px 0;
	text-align: left;
}

#new-container .direct-item h3 {
	font-size: 18px;
	font-weight: bold;
}

#new-container .direct-item p {
	font-size: 16px;
	margin-top: 10px;
}

.online-button {
	background-color: #bc6469;
	display: block;
	float: none;
	padding: 4px 22.5px;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  border: 1px solid #bc6469;
}

.online-button::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 2.5px;
  background: url(/images/new/product/icon-cart.png) center center no-repeat / cover;
  content: "";
}

.online-button:hover {
  background-color: #fff;
  color: #bc6469;
}

.online-button:hover::after {
  background: url(/images/new/product/icon-cart-active.png) center center no-repeat / cover;
}

.shop-only-text {
	color: #535f70;
	margin-bottom: 10px;
}

.top-online-shop-icon {
	position: absolute;
	z-index: 100;
	width: 211px;
	height: 211px;
	bottom: 40px;
	left: 40px;
}

h2.t_blue span,
h3.tof span {
	font-size: 16px;
}

.product-list-post-title {
	font-size: 18px!important;
}

h2.t_blue span::after,
h3.tof span::after {
	content:"\a";white-space: pre;
}

.product-label {
	width: 290px;
	height: auto;
	margin-top: 30px;
}

.information-area {
	width: 800px;
	margin: 0 auto;
	margin-top: 80px;
	text-align: left;
}

.information-area dl {
	margin-top: 40px;
}

.information-area dt {
	font-size: 18px;
	margin-right: 30px;
	display: flex;
	margin: 0;
}

.information-area dd {
	font-size: 16px;
	display: flex;
	margin: 0;
}

.footer__inner__sns {
  margin-top: 70px;
}

.footer__inner__sns__inner {
  display: -webkit-box;
	display: flex;
}

.footer__inner__sns__icon {
	width: 35px;
	height: 35px;
}

.footer__inner__sns__icon:not(:first-child) {
	margin-left: 15px;
}

@media (max-width: 1024px) {
  .footer__inner__sns {
    margin-top: 25px;
  }

  .footer__inner__sns__icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width:767px) {
  .footer__inner__sns {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 -20px 0 0;
  }

  .footer__inner__sns__inner {
  }

  .footer__inner__sns__icon {
    margin: 0 5px;
    width: 40px;
    height: 40px;
  }

  .footer__inner__sns__icon:not(:first-child) {
    margin-left: 5px;
  }
}

.acount-atention-text {
	font-size: 11px!important;
	margin-top: -15px;
}

.award-image {
	margin-bottom: 60px;
}

@media (max-width:496px) {
  .online-button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

	.shop-only-text {
			position: absolute;
			left: 45%;
			top: 238px;
		}
}

@media (max-width:374px) {
  .online-button {
    font-size: 12px;
  }
}

@media (max-width:320px) {
	.shop-only-text {
		position: absolute;
		left: 141px;
		top: 238px;
	}
}



@media (max-width:768px) {

	.history-nav {
			width: 100%!important;
			font-size: 18px;
			margin: 20px auto 10px auto!important;
			text-align: center;
		}

	.history-nav ul{
			display: block!important;
			line-height: 200%;
		}

	.histoy-logo {
		margin: 40px 0 0;
		}

	.history-logo-text {
			text-align: left;
		}

	#new-container .hero {
		margin-top: 40px;
	}

	#new-container .new-container__contents-title {
		font-size: 18px;
		margin-top: 30px;
	}

	#new-container .new-container__text{
		margin: 0;
		padding: 10px 0;
	}

	#new-container .page-title{
		letter-spacing: 0.1px;
		font-size: 24px;
		text-align: center;
		margin: 0 20px;
		padding: 0;
	}

	#new-container .contents-title{
		margin-bottom: 20px;
		text-align: center;
	}

	#new-container .jpn-img {
		margin-top: 20px;
	}

	#new-container .adviser-aera {
		width: 100%;
		margin: 60px auto;
		display: block;
	}

	#new-container .adviser-area__img {
		width: 250px;
		height: 300px;
		margin: 0 auto 20px;
	}

	#new-container .adviser-area__text h3 {
		font-size: 18px;
		text-align: center;
	}

	#new-container .adviser-area__text h4 {
		margin: 0 0 10px;
		font-size: 14px;
		text-align: center;
	}

	#new-container .adviser-area__text p {
		font-size: 15px;
	}

	#new-container .adviser-area__text {
		text-align: left;
		width: 100%;
		margin-left: 0;
	}

	#new-container .award-aera {
		width: 100%;
		margin: 60px auto;
	}

	#new-container .award-area__item__title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	#new-container .award-area__item__text {
		font-size: 12px;
	}

	#new-container .award-area__item__sub-title {
		font-size: 12px;
		font-weight: bold;
		margin:　0 0 10px;
	}

	#new-container .award-area__item__figcap {
		margin: 10px 0 20px;
		font-size: 12px;
	}

	#new-container .award-area__item {
		margin-top: 40px;
	}

	#new-container .labolatory-aera__item {
		padding: 20px 0;
	}

	#new-container .colabo-aera__item {
		padding: 20px 0;
	}

	#new-container .labolatory-aera__item:first-child {
		padding-top: 40px;
	}

	#new-container .labolatory-aera__item__title {
		margin-top: 15px;
		font-size: 18px;
	}

	#new-container .colabo-aera__item__title {
		margin-top: 15px;
		font-size: 18px;
	}

	#new-container .colabo-aera__item__title {
		margin-top: 5px;
		font-size: 18px;
	}

	#new-container .colabo-aera__item__text {
		font-size: 14px;
		margin: 5px 0 0 ;
	}

	#new-container .colabo-area__attention {
		font-size: 14px;
		margin: 30px 0;
	}

	#new-container .clabo-area__item__date {
		margin: 15px 0 5px;
		font-size: 12px;
	}

	#new-container .direct-container {
		width: 100%;
	}

	#new-container .direct-item {
		margin: 20px 0;
		text-align: left;
	}

	#new-container .direct-item h3 {
		font-size: 14px;
	}

	#new-container .direct-item p {
		font-size: 12px;
		margin-top: 5px;
	}

	h2.t_blue span,
	h3.tof span {
		font-size: 12px!important;
	}

	.product-list-post-title {
		font-size: 14px!important;
	}

	.information-area {
		width: 100%;
		margin-top: 30px;
	}

	.information-area dl {
		margin-top: 20px;
	}

	.information-area dt {
		font-size: 14px;
	}

	.information-area dd {
		font-size: 14px;
	}

	.product-label {
		width: 264px;
		margin-top: 10px;
		margin-left: -10px;
	}

	.content-area h2 {
		text-align: center;
	}

	.top-online-shop-icon {
		width: 90px;
		height: 90px;
		bottom: 75px;
		left: 20px;
	}

}

@media (max-width: 635px) {
	.product-label {
		width: 117%;
	}
}

.history-nav {
	width: 640px;
	margin: 60px auto 100px auto;
	font-size: 22px;
}

.history-nav ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.history-nav li a{
	text-decoration: underline;
}

.histoy-logo {
	width: 150px;
	height: 39px;
	margin: 80px auto 0 auto;
}

.history-logo-text {
	font-size: 16px;
	margin-bottom: 60px;
}


/*/////////////////////////////////////*/
/*@media*/

.pc{display: block !important}
.pc2{display: inline-block !important}
.sp{display:none !important}
.sp2{display: none !important}

@media (max-width:1016px) {
	.category_box .block01,
	.category_box .block02,
	.category_box .block03{
		text-align: center;
		display: block;
	}
}

@media (min-width:768px) {
	.site-header{
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width:66.4989378333em) {
	.col-full {
		margin-left: auto;
		margin-right: auto;
		padding: 0
	}
}

@media (max-width:568px) {
	.col-full {
		margin-left: auto;
		margin-right: auto;
		padding: 0
	}
}

@media (max-width:496px) {

	body{max-width: 496px;line-height: 1.6; font-size:11px;}
	#page{
		max-width: 496px;
		width: 100% !important;
		min-width: inherit;
	}

	.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea{
		font-size:16px;
		max-width: 100%;
		padding:0.3em 0.5em;
	}

	body.home header.site-header h1{display: none;}

	header.site-header h1{padding: 25px 0 26px;}
	header.site-header h1 img{width:56%;max-width: 450px;}
	.hamburger{top:32px;    background-color: #fff;}
	.hamburger .box{top:7px;}

	nav#spnav .block .logo{padding: 25px 0;}
	nav#spnav .block .logo img{width:56%;max-width: 450px;}
	nav#spnav li.sns{margin-top: 25px;}
	nav#spnav .inner{max-width: 496px;}
	nav#spnav .block {
		font-size: 15px;
    line-height: 1.2;
		min-width: inherit;
		max-width: 496px!important;
		width:100%;
		left: 0%;
    padding: 0 25px 30px;
	}
	nav#spnav .block .col1,
	nav#spnav .block .col2,
	nav#spnav .block .col3,
	nav#spnav .block .col4{
		display: block;
		vertical-align: top;
		text-align: center;
		width: 100%;
	}
	nav#spnav .block .col2 .access {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee;
  }
	div.fade{height: 200vh!important;}

	.col-full{}

	.content-area #mainimage{
		position: relative;
	}
	.content-area h2{margin-top:10px;}
	.content-area h2+h3{margin-top: 5px;margin-bottom: 20px;}

	article,
	article.hentry{width:86%; margin-right:auto; margin-left:auto;}
	body.category-news main,
	body.cat-workshop main div.hentry{width:86%; margin-right:auto; margin-left:auto;}
	.site-footer .col-full{width:86%; margin-right:auto; margin-left:auto;}
	.content-area article.privacypolicy{width:86%;}
	.content-area article.privacypolicy.col2 .right{width:auto;}

	.content-area.news article,
	.content-area.workshop article,
	body.single .content-area.news .hentry.category-news,
	body.single .content-area.news .hentry.category-news-en,
	body.single .content-area.workshop .hentry.category-workshop,
	body.single .content-area.workshop .hentry.category-workshop-en{width:86%; margin-right:auto; margin-left:auto;}

	.content-area {text-align: left;}
	.content-area h2+p{margin-top: 30px;}
	.content-area h2.t_black+p{margin-top: 24px;}
	.content-area div.image_c+h2,
	.content-area p+div.image_c{margin-top: 30px;}
	.content-area h2+div.clearfix{margin-top: 20px;}
	.content-area h2+h4{margin-top: 24px;}

	div.news_entries.clearfix article.hentry h2{margin-top: 0px;}

	.content-area article.col2 .left{
		width: 100%;
		float: none;
		text-align: center;
	}
	.content-area article.col2 .right{
		width: 100%;
		float: none;
		padding-top:30px;
	}
	.content-area article.col2 .left h1{font-size:190%; font-weight: 500; padding-bottom: 20px;margin-left:0px;}
	.content-area article.col2 .left nav{margin-left:0px;}
	.content-area article.col2 .left nav li{margin-top: 15px;}
	.content-area article.col2 .right div.image{margin-bottom: 30px;}
	.content-area article.col2 .right h3{margin: 12px 0 16px;}

	div.recommend_entries{width:100%;}
	div.recommend_entries.clearfix article.hentry{
		width: 45% !important;
		margin: 0 2% !important;
		float:none !important;
		display: inline-block;
		text-align:center;
	}
	body.category-product #bonbon .chocolate_box,
	body.category-product-en #bonbon .chocolate_box{width:100%;}

	div#totop img{
		width: 70px;
		margin: 40px auto 50px;
	}
  @media (max-width: 496px) {
    div#totop img{
      margin: 70px auto 25px;
      max-width: 45px;
    }
  }

	/*top*/
	body.single .content-area.news div.news_entries.clearfix{
		width:86%; margin-right:auto; margin-left:auto;
	}
	body.single .content-area.news div.news_entries.clearfix article.hentry,
	div.news_entries.clearfix article.hentry{
		float: none;
		width: 100%;
		margin: 0 0 25px;
	}

	.category_box .block01,
	.category_box .block02,
	.category_box .block03{
		text-align: center;
		display: block;
	}

	.content-area #product p.onlineshop{text-align: center;}

	/*concept*/
	.content-area article.concept h4{
		margin-bottom:8px;
	}
	.content-area article.concept div.keyword{
		border-top:1px solid #BBB;
		border-bottom:1px solid #BBB;
		margin-top:60px;
		margin-bottom:60px;
		padding-top:20px;
		padding-bottom:40px;
	}
	.content-area .keyword section{
		position: relative;
	}
	.content-area .keyword section h4+h5{
		position: absolute;
		top: 0;
		right: 0;
	}

	/*whatis*/
	.content-area article.whatis #process ul{margin-left:-5%}
	.content-area article.whatis #process ul li{
		width: 43%;
		margin:10px 0 0 5%;
		text-align: left;
		/*padding-top: 0px;*/
		/*background-position: center 40px!important;*/
	}
	.content-area article.whatis #process ul li p{width:100%; margin-top:10px;}
	.content-area article.whatis #process ul li:before{background:none;}
	.content-area article.whatis #process ul li h4{/*padding-bottom: 190px;*/margin-top: 3px;}
	.content-area article.whatis #process ul li h3{font-size: 147.142%}


	/*product*/
	body.category-product .content-area section,
	body.category-product-en .content-area section{padding-bottom: 50px;}
	.content-area.product article section:not(#product){border-top:1px solid #bbb;padding-top:50px;padding-top:50px;margin-top: 0px;}
	body.category-product #bonbon .chocolate_box,
	body.category-product-en #bonbon .chocolate_box{border-top: 1px solid #bbb;padding-top:50px;}

	.content-area.product article section:not(#product) h2{text-align:center; color:#000; font-weight: 400;}

	article.hentry .wp-post-image{margin-bottom: 15px;}
	article.hentry .image img.size-bar_thumbnail{height: 215px; width:auto;}
	body.category-product #bonbon div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #bonbon div.recommend_entries.clearfix article.hentry .wp-post-image{height: 75px;}
	body.category-product #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #bonbon .chocolate_box div.recommend_entries.clearfix article.hentry .wp-post-image{height: 135px;}
	body.category-product #granola div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #granola div.recommend_entries.clearfix article.hentry .wp-post-image{height: 175px;}
	body.category-product #other_chocolate div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #other_chocolate div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product #cake div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #cake div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product #bread div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #bread div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product #drink div.recommend_entries.clearfix article.hentry .wp-post-image,
	body.category-product-en #drink div.recommend_entries.clearfix article.hentry .wp-post-image{height: 120px;}


	body.category-product #granola div.recommend_entries.clearfix article.hentry p.price{font-size: 128.571%;line-height:1.4;}
	body.single.cat-product .clearfix .text .price{border-bottom:none;}

	body.single.cat-product nav.woocommerce-breadcrumb{display: none;}
	body.single.cat-product .post-product{
		width: 86%;
		margin-top:12px;
	}
	body.single.cat-product .clearfix .image img{max-width: 84%}


	body.single.cat-product .clearfix .image{
		width: 50%;
	}
	body.single.cat-product .clearfix .text{
		width: 50%;
	}
	body.single.cat-product .clearfix .text.the_content{
		float: none;
		clear:both;
		width:100%;
    margin-top: 25px;
		padding-top: 25px;
    border-top: 1px solid #eee;
	}
	body.single.cat-product .clearfix .text h2{font-size: 157%}
	body.single.cat-product .clearfix .text h3{font-size: 102.8%}
	body.single.cat-product .clearfix .text .price{font-size: 135%;}

	body.single.cat-product .post-product .our_cacao{
		border-top: none;
		padding-top: 0px;
	}
	.content-area article.col2.our_cacao .right{margin-top:20px}

	.post-product div.onlineshop a.btn_onlineshop{
		font-size: 110%;
		padding: 4px 12px;
	}
	.post-product div.onlineshop{
		right: auto;
		top:auto;
		bottom:-18px;
		left:-3px;
	}

	/*news*/
	body.cat-news main header{text-align:center;margin-bottom:20px;}
	body.single-post .content-area.news header{margin-bottom:25px;}

	body.single .content-area.news .hentry.category-news p,
	body.single .content-area.news .hentry.category-news-en p,
	body.single .content-area.workshop .hentry.category-workshop p,
	body.single .content-area.workshop .hentry.category-workshop-en p{font-size: 105%;}

	/*workshop*/
	.content-area.workshop h2.page-title{text-align: center}

	.content-area.news_list .hentry.category-news h2,
	.content-area.news_list .hentry.category-news-en h2,
	.content-area.news .hentry.category-news h2,
	.content-area.news .hentry.category-news-en h2,
	.content-area.workshop .hentry.category-workshop h2,
	.content-area.workshop .hentry.category-workshop-en h2{font-size: 157%}

	.en span.jto{padding-bottom: 25px;color:#455A80; font-size: 125%; display: block;text-align: left;font-weight: 500;}

	/*labo*/
	article.labo.col2{width:100%;}
	article.labo.col2 div#labo,
	article.labo.col2 div#labo2{width:86%;margin-left:auto;margin-right:auto;}
	article.labo.col2 iframe#vimeo{height: 75vw;}
	.content-area article.labo.col2 .left{text-align: left;}
	.content-area article.labo.col2 .right{padding-top: 60px;}

	/*cafe*/

	.content-area article.cafe .cafe_menu{width:100%;}
	.content-area article.cafe h2+section{margin-top: 50px;}
	.content-area article.cafe .cafe_menu h3{padding-bottom: 20px;margin-bottom: 20px;}
	.content-area article.cafe .cafe_menu div.row{margin-bottom:12px;}
	.content-area article.cafe .cafe_menu .col1{width: 85%;}
	.content-area article.cafe .cafe_menu .col2{display: block;}
	.content-area article.cafe .cafe_menu .col1 p,
	.content-area article.cafe .cafe_menu .col2 p,
	.content-area article.cafe .cafe_menu .col3 p,
	.content-area article.cafe .cafe_menu .col2_2 p{line-height:1.2;}
	.content-area article.cafe .cafe_menu .col2_2 p{font-size:85.714%;/*font-size:12px;*/}
	.content-area article.cafe .cafe_menu .col3{top:0;}
	.content-area article.cafe .cafe_menu.menu02 .col2_2,
	.content-area article.cafe .cafe_menu.menu03 .col2_2{bottom:3px;right: 12%;}
	.content-area article.cafe .cafe_menu .high{margin-top:60px;}

	/*access*/
	article.access h2{text-align: center;}
	.content-area article.access section .image,
	.content-area article.access section .info{
		float: none;
		width: 100%;
	}
	.content-area article.access section .info{margin-top:20px;}
	.content-area article.access section{margin-top: 30px;}

	/*contact, copyright*/
	.content-area article.contact div#formarea,

	.content-area article.contact div#formarea span.index{
		width: auto;
		display: block;
		margin-bottom:5px;
	}
	.content-area article.contact div#formarea .wpcf7-form-control-wrap{
		width: 100%;
		display: block;
	}
	.content-area article.contact div#formarea .warning{
		margin-left: 0;
	}
	.content-area article.contact div#formarea p{font-size: 134.285%;}
	.content-area article.contact div#formarea input.wpcf7-form-control.wpcf7-submit{
		margin-left: 0;
	}

	/*footer*/
	footer#colophon.site-footer {font-size: 114.285%;/*font-size: 16px;*/}

	.site-footer .col-1{width:100%;padding-left: 0px;}
	.site-footer div.sns.sp{margin-top:20px;}
	.site-footer div.sns.sp h2{margin-bottom:15px;}
	.site-footer div.sns.sp img{width: 30px;display: inline-block; margin-right:10px;}
	.site-footer #company,
	.site-footer #contact,
	.site-footer #privacypolicy,
	.site-footer #newsletter,
	.site-footer #member{font-size:112.5%;}

	.site-footer #company{margin-top:120px;}
	.site-footer #copyright{margin-top:60px;}

  @media (max-width: 496px) {
    .site-footer #copyright {
      margin-top: 30px;
      font-size: 10px;
      text-align: center;
      font-family: "Montserrat", "Noto Sans Japanese", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
      font-weight: 400;
    }
  }

	/*notfound*/

	.not-found h1.page-title{font-size: 1.8em;}

	/*////*/
	.t_s{font-size: 118% !important;}
	p.lh_s{line-height:1.3;}
	.tof{height: 45px;}

	.pc{display: none !important}
	.pc2{display: none !important}
	.sp{display:block !important}
	.sp2{display: inline-block !important}
}

@media (max-width:350px) {
	.content-area article.cafe .cafe_menu.menu02 .col2_2,
	.content-area article.cafe .cafe_menu.menu03 .col2_2{
	display: block;
	position: relative;
	text-align: left;
	right: 0;
	bottom: auto;
	margin-top:5px;
	}
}

@media screen and (orientation:landscape) {
}