@charset "utf-8";
a:hover img{
	}

*{
	box-sizing: border-box;
}

body{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	color: #333;
	line-height: 1.5em;
	background: #f1f1f1;
	height: 100vh;
  width: 100%;
	}

img{
	max-width:100%;
	max-height: 100%;
	}

a{
	color: #333;
	}

a:hover{
	color: #000;
	}

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

.cb{
	clear: both;
	}

.cf{
   display: inline-block;
   min-height: 1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .cf{height:  1%;}
.cf{display:  block;}
/* for ie5,6*/

/*------------------------------------

#container

--------------------------------------*/

#container{
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
	}

/*------------------------------------

#side

--------------------------------------*/

#sp_menu{
	display:flex;
	width: 100%;
	height: 50px;
	background: #f1f1f1;
	justify-content: space-between;
	padding: 10px;
	z-index: 1000;
	position: fixed;
	top: 0;
}

#side_area{
	position: fixed;
	float: none;
	height: auto!important;
	background: #F1F1F1;
	z-index:1000;
	}

#side{
	width: 235px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -235px;
	background: #F1F1F1;
	transition: all 300ms 0s ease;
	}

#side .close{
	text-align:right;
	height:50px;
	font-size:25px;
	padding: 10px 20px;
}

.menu_btn{
	cursor:pointer;
}

.open{
	font-size:25px;
}

#side.active{
	right: 0;
}

#side.absolute{
	position: absolute;
	bottom: 0 !important;
	top: auto;
	}

#globalnavi{
	margin: 0 0 10px 0;
	}

#globalnavi li a{
	display: block;
	width: 235px;
	height: 50px;
	text-indent: -9999px;
	outline: none;
	}

/*------------------------------------

#side - #globalnavi

--------------------------------------*/

#globalnavi li.news a{ background: url(../images/news.png) no-repeat;}
#globalnavi li.about a{ background: url(../images/about.png) no-repeat;}
#globalnavi li.specialtycoffee a{ background: url(../images/specialtycoffee.png) no-repeat;}
#globalnavi li.farmers a{ background: url(../images/farmers.png) no-repeat;}
#globalnavi li.talkingabout a{ background: url(../images/talkingabout.png) no-repeat;}
#globalnavi li.inquiry a{ background: url(../images/inquiry.png) no-repeat;}
#globalnavi li.saiyou a{ background: url(../images/saiyou.png) no-repeat;}

#globalnavi li.news a:hover{ background: url(../images/news_h.png) no-repeat;}
#globalnavi li.about a:hover{ background: url(../images/about_h.png) no-repeat;}
#globalnavi li.specialtycoffee a:hover{ background: url(../images/specialtycoffee_h.png) no-repeat;}
#globalnavi li.farmers a:hover{ background: url(../images/farmers_h.png) no-repeat;}
#globalnavi li.talkingabout a:hover{ background: url(../images/talkingabout_h.png) no-repeat;}
#globalnavi li.inquiry a:hover{ background: url(../images/inquiry_h.png) no-repeat;}
#globalnavi li.saiyou a:hover{ background: url(../images/saiyou_h.png) no-repeat;}

#globalnavi li.news a.root{ background: url(../images/news_h.png) no-repeat;}
#globalnavi li.about a.root{ background: url(../images/about_h.png) no-repeat;}
#globalnavi li.specialtycoffee a.root{ background: url(../images/specialtycoffee_h.png) no-repeat;}
#globalnavi li.farmers a.root{ background: url(../images/farmers_h.png) no-repeat;}
#globalnavi li.talkingabout a.root{ background: url(../images/talkingabout_h.png) no-repeat;}
#globalnavi li.inquiry a.root{ background: url(../images/inquiry_h.png) no-repeat;}
#globalnavi li.saiyou a.root{ background: url(../images/saiyou_h.png) no-repeat;}

/*------------------------------------

#side - #side_banner

--------------------------------------*/

#side_banner{
	width: 201px;
	margin: 0 auto 10px auto;
	}

/*------------------------------------

#side - #side_trivia

--------------------------------------*/

#side_trivia{
	display: none;
	}

#side_trivia h2{
	display:none;
}

#side_trivia ul{
	padding: 10px 0;
	background: url(../images/back.png);
	}

#side_trivia li{
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	background: url(../images/dot.png) bottom center no-repeat;
	}

#side_trivia li.last{
	padding: 10px 0;
	font-size: 14px;
	background: none;
	}

#side_trivia li a{
	text-decoration: none;
	}

/*------------------------------------

#contents

--------------------------------------*/

#contents_area{
	float: none;
	width:100%!important;
	}

#contents{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}

#contents h2{
	margin: 0 0 80px 0;
	padding: 0;
	}

#contents h2.simple{
	text-align: center;
	font-size: 25px;
	padding: 53px 0 24px 0;
	background: url(../images/title.png) no-repeat bottom center;
	}

#contents .title_box{
	font-weight: bold;
	width: 100%;
	min-height: 110px;
	padding: 20px 20px 0 20px;
	margin: 0 auto 20px auto;
	background: url(../images/subtitle.png) no-repeat left top;
	}

#contents .title_box h4{
	font-size: 15px;
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#contents .title_box p{
	font-size: 22px;
	line-height: 1.5em;
	}

#contents_long{
	width: 100%;
	overflow: hidden;
	}

#contents_long .in_box{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}

#contents_long h2{
	margin: 0 0 80px 0;
	padding: 0;
	text-align: center;
	}

#contents_long .title_box{
	font-weight: bold;
	width: 100%;
	min-height: 110px;
	padding: 20px 20px 0 20px;
	margin: 0 auto 20px auto;
	background: url(../images/subtitle.png) no-repeat left top;
	}

#contents_long .title_box h4{
	font-size: 15px;
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#contents_long .title_box p{
	font-size: 22px;
	line-height: 1.5em;
	}

/*------------------------------------

#gotop_area

--------------------------------------*/

#gotop_area{
	text-align: right;
	/* padding: 50px 0 0 0; */
	margin: 10px 10px 10px 0;
	}


/*------------------------------------

#footer

--------------------------------------*/

#footer_area{
	clear: both;
	width: 100%;
	background: #000;
	padding: 28px 0;
	}

#footer{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding: 0 10px;
	box-sizing: border-box;
	}

#footer .comment{
	text-align: center;
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #494949;
	line-height: 1.7em;
	font-size: 13px;
	}

#footer .navi{
	border-bottom: #494949 1px solid;
	padding: 0 0 23px 0;
	margin: 0 0 17px 0;
	}

#footer .navi dl{
	float: left;
	margin: 0 13px 0 0;
	font-size: 12px;
	margin-bottom:20px;
	}

#footer .navi dl.last{
	margin: 0 0 0 0;
	}

#footer .navi dd a{
	color: #fff;
	}

#footer .navi dl.about{
	width: 135px; 
	}
	
#footer .navi dl.specialtycoffee{
	width: 178px;
	}
	
#footer .navi dl.drop{
	width: 167px;
	}

#footer .navi dl.talkingabout{
	width: 167px;
	}
	
#footer .navi dl.other{
	width: 145px; 
	}

#footer .navi dl.sns{
	width: 132px;
	}

#footer .navi dl.sns ul.sns{
	display: flex;
	}
	
#footer .navi dl.sns ul.sns li.fb{
	margin-right: 10px;
	}


#footer .navi dt{
	background: url(../images/title.png) no-repeat bottom left;
	text-indent: 16px;
	line-height: 1em;
	padding: 0 0 11px 0;
	margin: 0 0 10px 0;
	}

#footer .navi dd li{
	margin: 0 0 9px 1px;
	}

#footer .navi dd li.last{
	margin-bottom: 0;
	}

#footer .navi dd a{
	display: block;
	text-indent: 8px;
	text-decoration: none;
	line-height: 1em;
	background: url(../images/li.png) no-repeat center left;
	}

#footer .navi dd a:hover{
	text-decoration: underline;
	}

#footer .copyright{
	text-align: center;
	font-size: 13px;
	}


/*------------------------------------

各ページ

--------------------------------------*/

/* #index */

#index_contents_area{
	width: 100%;
	height: auto;
	float: none;
	position: relative;
	}
/*
#index_contents_area.bk1{
	background-image: url(../images/1.jpg);
	}

#index_contents_area.bk2{
	background-image: url(../images/2.jpg);
	}

#index_contents_area.bk3{
	background-image: url(../images/3.jpg);
	}
*/
#index_contents_area.wide{
	
	}

#index_contents_area .catch{
	width: 100%;
	text-align: center;
	padding: 50vw 0 50vw 0;
	}

#index_contents_h{
	position: inherit;
	top: 100%;
	width: 100%;
	display: none;
	}

#index_contents_h.bottom{
/*	bottom: 0;*/
	top: auto;
	}

#index_contents{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}

#index_contents .box{
	float: none;
	color: #fff;
	}
	
#index_contents .box .detail{
	padding: 10px;
	height: auto;
	background: url(../images/back.png);
	}

#index_contents .box a{
	text-decoration: none;
	color: #fff;
	}

#index_contents .box a:hover{
	text-decoration: underline;
	}

#index_news{
	width: 100%;
	margin: 0 35px 0 0;
	}

#index_news .article{
	overflow: hidden;
	margin: 0 0 30px 0;
	}

#index_news .article .category{
	width: 80px;
	padding: 3px 0;
	margin: 0 0 8px 0;
	text-align: center;
	line-height: 1em;
	font-size: 13px;
	background: #334C37;
	}

#index_news .article .category.auction{
	width: 150px;
	}

#index_news .article.last{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #fff;
	}

#index_news .img{
	float: left;
	width: 81px;
	height: 81px;
	margin: 0 13px 0 0;
	}

#index_news .img img{
	width: 100%;
	overflow: hidden;
	}

#index_news .article .honbun{
	float: left;
	width: 186px;
	}

#index_news .article .date{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	}

#index_news .article .text{
	line-height: 1.3em;
	}

#index_news .list{
	padding: 0 0 23px 0;
	margin: 0 0 9px 0;
	border-bottom: 1px solid #fff;
	}

#index_news .list li{
	margin: 0 0 15px 0;
	}

#index_news .list li.last{
	margin: 0;
	}

#index_news .list .date{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 10px 0;
	}

#index_news .list .text{
	line-height: 1.3em;
	}

#index_news .more{
	font-size: 12px;
	line-height: 1em;
	text-indent: 18px;
	background: url(../images/arrow.png) no-repeat left top;
	}

#index_specialtycoffee{
	width: 260px;
	margin: 0 35px 0 0;
	}

#index_specialtycoffee .article .img{
	line-height: 1em;
	padding: 4px;
	margin: 0 0 15px 0;
	border: 1px solid #fff;
	}

#index_specialtycoffee .article .img img{
	width: 230px;
	}

#index_specialtycoffee .article .honbun{
	}

#index_talkingabout{
	width: 260px;
	}

#index_talkingabout .article{
	margin: 0 0 23px 0;
	}

#index_talkingabout .img{
	line-height: 1em;
	padding: 4px;
	margin: 0 0 15px 0;
	border: 1px solid #fff;
	}

#index_talkingabout .img_h{
	height: 140px;
	overflow: hidden;
	}


#index_talkingabout .img img{
	width: 100%;
	}

#index_talkingabout .category{
	width: 130px;
	padding: 3px 0;
	margin: 0 0 9px 0;
	text-align: center;
	line-height: 1em;
	font-size: 13px;
	background: #334C37;
	}

#index_talkingabout .category.landscape{background: #5E2F00;}
#index_talkingabout .category.health{background: #003366;}
#index_talkingabout .category.trivia{background: #334C37;}

#index_talkingabout .date{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	}

#index_talkingabout .text{
	line-height: 1.3em;
	}


/* 下層共通 */

.pager{
	text-align: center;
	}

.pager ul{
	display: inline-block;
	}

.pager li{
	float: left;
	width: 28px;
	font-size: 18px;
	text-align: center;
	}

.pager li a{
	color: #33603D;
	text-decoration: underline !important;
	}

.pager .prev{
	width: 25px;
	margin: 0 18px 0 0;
	}

.pager .next{
	width: 25px;
	margin: 0 0 0 18px;
	}


/* news */

/* news -> list */

#news_list{
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	}

#news_list h3{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ededed;
	line-height: 1em;
	}

#news_list .list{
	margin: 0 0 25px 0;
	padding: 0 0 50px 0;
	border-bottom: 1px solid #ededed;

	}

#news_list .list li{
	margin: 0 0 20px 0;
	overflow: hidden;
	display: flex;
	}

#news_list a{
	text-decoration: none;
	}

#news_list a:hover{
	text-decoration: underline;
	}

#news_list .img{
	float: none;
	margin: 0 22px 0 0;
	width: 100px;
	height: 100px;
	}

#news_list .img img{
	width: 100%;
	}

#news_list .honbun{
	float: none;
	width: 100%;
	}

#news_list .date{
	float: left;
	width: 90px;
	font-weight: bold;
	}

#news_list .category{
	float: left;
	width: 80px;
	padding: 3px 0;
	margin: 0 0 10px 0;
	text-align: center;
	line-height: 1em;
	font-size: 13px;
	color: #FFF;
	background: #334C37;
	}

#news_list .category.auction{
	width: 150px;
	}

#news_list .text{
	clear: both;
	}

/* news -> detail */

#news_detail{
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	}

#news_detail .article{
	margin: 0 0 13px 0;
	border-bottom: 1px solid #ededed;
	}

#news_detail .article strong{
	font-weight: bold;
}

#news_detail .date{
	float: left;
	width: 100px;
	font-weight: bold;
	}

#news_detail .category{
	float: right;
	min-width: 80px;
	padding: 3px 10px;
	margin: 0 0 10px 0;
	text-align: center;
	line-height: 1em;
	font-size: 13px;
	color: #FFF;
	}

#news_detail .category.new{
	background: #334C37;
	}

#news_detail .title{
	clear: both;
	padding: 17px 0 0 0;
	margin: 0 0 50px 0;
	border-top: 1px solid #ededed;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
	}

#news_detail .article .text{
	margin: 0 0 50px 0;
	line-height: 1.9;
	}

#news_detail .img{
	text-align: center;
	margin: 30px 0 30px 0;
	}

#news_detail .img img{
	width: 400px;
	}

#news_detail .back{
	width: 80px;
	text-indent: 15px;
	font-size: 12px;
	background: url(../images/back.png) no-repeat 0 3px;
	float: right;
	overflow: hidden;
	}

#news_detail .back a{
	text-decoration: none;
	color: #335F3D;
	}

#news_detail .back a:hover{
	text-decoration: underline;
	}
	
/* specialtycoffee */

#specialtycoffee_explane{
	margin: 0 0 76px 0;
	}

#specialtycoffee_explane .explane{
	text-align: center;
	line-height: 1.8em;
	margin: 0 0 40px 0;
	padding: 0 20px;
	}

#specialtycoffee_explane ul{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	}

#specialtycoffee_explane li{
	float: none;
	margin: 0 30px 20px 25px;
	}

#specialtycoffee_explane li a{
	display: block;
	width: 306px;
	height: 206px;
	text-indent: -9999px;
	outline: none;
	}

#specialtycoffee_explane li.about a{
	background: url(../images/about.jpg) no-repeat;
	/* background-size: contain; */
	}

#specialtycoffee_explane li.contest a{
	background: url(../images/contest.jpg) no-repeat;
	}
	
#specialtycoffee_explane li.about a:hover{
	background: url(../images/about_h.jpg) no-repeat;
	}

#specialtycoffee_explane li.contest a:hover{
	background: url(../images/contest_h.jpg) no-repeat;
	}

#specialtycoffee_about{
	margin: 0 0 50px 0;
	}

#specialtycoffee_about h3{
	margin: 0 0 30px 0;
	width: 100%;
	height: 200px;
	text-align: center;
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}

#specialtycoffee_about h3 img{
	margin: 86px 0 0 0;
	}

#specialtycoffee_about .box{
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
	}

#specialtycoffee_about_explane{
	margin-bottom: 60px !important;
	width: 100%;
	}

#specialtycoffee_about_explane .text{
	width: 100%;
	float: none;
	margin: 0;
	line-height: 1.8em;
	margin-bottom: 20px;
	}

#specialtycoffee_about_explane .text p{
	text-indent: 1em;
	}

#specialtycoffee_about_explane img{
	float: right;
	}

#specialtycoffee_about_competition{
	border: 1px solid #b0b0b0;
	background: #f8f8f8;
	padding: 20px 13px;
	margin-bottom: 60px !important;
	width: 100%;
	overflow: hidden;
	text-align: center;
	}

#specialtycoffee_about_competition .title{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 23px 0;
	}

#specialtycoffee_about_competition .general{
	width: 100%;
	padding: 0 16px 0 0;
	border-right: none;
	float: none;
	margin-bottom: 50px;
	}

#specialtycoffee_about_competition .specialty{
	width: 100%;
	float: none;
	}

#specialtycoffee_about_competition .img{
	margin: 0 0 20px 0;
	}

#specialtycoffee_about_competition dl{
	text-align: center;
	clear: both;
	}

#specialtycoffee_about_competition dt{
	margin: 0 0 6px 0;
	padding: 4px 0;
	background: #33603D;
	font-size: 17px;
	line-height: 1em;
	color: #fff;
	}

#specialtycoffee_about_competition dd{
	font-size: 15px;
	}

#specialtycoffee_about_competition .left{
	width: 100%;
	float: none;
	}

#specialtycoffee_about_competition .right{
	width: 100%;
	float: none;
	}
	
#specialtycoffee_about_competition ol li{
	font-weight: bold;
	color: #31603B;
	line-height: 1.8em;
	}

#specialtycoffee_about_flow{
	width: 100%;
	margin-bottom: 10px !important;
	}

#specialtycoffee_about_flow li{
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
	}

#specialtycoffee_about_flow li.right{
	float: none;
	}

#specialtycoffee_about_flow li.text{
	padding: 20px 14px;
	width: 100%;
	height: auto;
	border: 1px solid #b0b0b0;
	}

#specialtycoffee_about_flow li.text dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#specialtycoffee_about_flow li.text dd{
	margin: 0 0 30px 0;
	line-height: 1.6em;
	}

#specialtycoffee_about_flow li.text dd.last{
	margin: 0;
	}

#specialtycoffee_about_text{
	width: 100%;
	margin-bottom: 50px !important;
	}

#specialtycoffee_about_text p{
	line-height: 1.8em;
	text-indent: 1em;
	padding: 0;
	}

#specialtycoffee_about_history{
	width: 100%;
	}

#specialtycoffee_about_history dt{
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	padding: 0 0 6px 0;
	margin: 0 0 18px 0;
	}

#specialtycoffee_about_history dd p{
	text-indent: 1em;
	line-height: 1.8em;
	}

#specialtycoffee_contest h3{
	margin: 0 0 30px 0;
	width: 100%;
	height: 200px;
	text-align: center;
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}

#specialtycoffee_contest h3 img{
	margin: 86px 0 0 0;
	}

#specialtycoffee_contest .box{
	margin:  0 20px 0 20px;
	/* padding: 0 20px; */
	}

#specialtycoffee_contest_explane{
	background: none;
	overflow: hidden;
	padding: 0;
	margin-bottom: 60px !important;
	}

#specialtycoffee_contest_explane .box_s{
	width:100%;
	margin: 0 auto;
	}

#specialtycoffee_contest_explane .img{
	float: none;
	margin: 10px 0 20px 0;
	text-align: center;
	}

#specialtycoffee_contest_explane .text{
	width: 100%;
	float: none;
	}

#specialtycoffee_contest_explane .text p{
	margin: 0 0 1em 0;
	line-height: 1.8em;
	text-indent: 1em;
	padding: 0 20px;
	}

#specialtycoffee_contest_explane .text .anno{
	font-size: 80%;
	vertical-align:0.1em;
	}

#specialtycoffee_contest_explane .text .annotext{
	text-align: left;
	text-indent: 0;
	}

#specialtycoffee_contest_ace{
	border: 1px solid #b0b0b0;
	overflow: hidden;
	margin-bottom: 60px !important;
	}

#specialtycoffee_contest_ace .text{
	width:100%;
	float: none;
	}

#specialtycoffee_contest_ace .text dl{
	padding: 20px;
	}

#specialtycoffee_contest_ace .text dt{
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	line-height: 1.7em;
	border-bottom: 1px solid #b0b0b0;
	}

#specialtycoffee_contest_ace .text dd{
	line-height: 1.8em;
	}

#specialtycoffee_contest_ace .img{
	float: none;
	}

#specialtycoffee_contest_flow{

	margin-bottom: 60px !important;
	}

#specialtycoffee_contest_flow li{
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
	}

#specialtycoffee_contest_flow li.right{
	float: none;
	}

#specialtycoffee_contest_flow li.text{
	padding: 20px 14px;
	width: 100%;
	height: auto;
	border: 1px solid #b0b0b0;
	}

#specialtycoffee_contest_flow li.text dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#specialtycoffee_contest_flow li.text dd{
	margin: 0 0 20px 0;
	line-height: 1.6em;
	}

#specialtycoffee_contest_flow li.text dd.last{
	margin: 0;
	}

#specialtycoffee_contest_text{
	width: 100%;
	margin-bottom: 50px !important;
	clear: both;
	}

#specialtycoffee_contest_text p{
	line-height: 1.8em;
	text-indent: 1em;
	padding: 0 30px 0 0;
	}

#specialtycoffee_contest_evaluation{
	background: none;
	}

#specialtycoffee_contest_evaluation .box_s{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 15px;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	position: relative;
	}

#specialtycoffee_contest_evaluation h5{
	padding: 16px 0 0 53px;
	margin: 0 0 18px 0;
	height: 33px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/icon.png) no-repeat left;
	}

#specialtycoffee_contest_evaluation .note{
	position: inherit;
	right: 0;
	top: 0;
	margin-bottom: 20px;
	}

#specialtycoffee_contest_evaluation .bts{
	overflow: hidden;
	width: 100%;
	margin: 0 auto 15px auto;
	}

#specialtycoffee_contest_evaluation .bts li{
	float: left;
	width: 168px;
	height: 168px;
	text-indent: -9999px;
	margin: 0 10px 10px 0;
	cursor: pointer;
	}

#specialtycoffee_contest_evaluation .bts li.last{
	margin: 0 0 16px 0;
	}

#specialtycoffee_contest_evaluation .bts li.fresh{
	background: url(../images/fresh.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.sweet{
	background: url(../images/sweet.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.sour{
	background: url(../images/sour.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.feel{
	background: url(../images/feel.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.taste{
	background: url(../images/taste.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.aftertaste{
	background: url(../images/aftertaste.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.balance{
	background: url(../images/balance.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.total{
	background: url(../images/total.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.fresh:hover{
	background: url(../images/fresh_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.sweet:hover{
	background: url(../images/sweet_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.sour:hover{
	background: url(../images/sour_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.feel:hover{
	background: url(../images/feel_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.taste:hover{
	background: url(../images/taste_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.aftertaste:hover{
	background: url(../images/aftertaste_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.balance:hover{
	background: url(../images/balance_h.png) no-repeat;
	}

#specialtycoffee_contest_evaluation .bts li.total:hover{
	background: url(../images/total_h.png) no-repeat;
	}
	

/* #quality */
div#quality_explane {
    padding: 0 20px;
}

#quality_explane .explane{
	width: 100%;
	margin: 0 auto 75px auto;
	line-height: 1.8em;
	text-indent: 1em;
	}

#quality_explane .navi{
	overflow:hidden;
	width: 100%;
	margin: 0 auto;
	}

#quality_explane .navi li{
	float: none;
	width: 100%;
	margin: 0 auto 20px;
	}

#quality_explane .navi li a{
	display: block;
	width: 100%;
	height: 225px;
	text-indent: -9999px;
	outline: none;
	}

#quality_explane .navi li.roast a{
	background: url(../images/roast.jpg) no-repeat center;
	}

#quality_explane .navi li.drip a{
	background: url(../images/drip.jpg) no-repeat center;
	}

#quality_explane .navi li.farmers a{
	background: url(../images/farmers.jpg) center no-repeat;
	}

#quality_explane .navi li.roast a:hover{
	background: url(../images/roast_h.jpg) no-repeat;
	}

#quality_explane .navi li.drip a:hover{
	background: url(../images/drip_h.jpg) no-repeat;
	}

#quality_explane .navi li.farmers a:hover{
	background: url(../images/farmers_h.jpg) no-repeat;
	}

#quality_explane .navi li.last{
	margin: 0;
	}

#quality_explane .navi li .img{
	margin: 0 0 19px 0;
	line-height: 1em;
	text-align: center;
	}

#quality_explane .navi li dt{
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	}

#quality_explane .navi li dd{
	line-height: 1.8em;
	text-align: center;
	}

/* #quality -> farmers */

#quality_farmers .box{
	margin: 0 auto;
	}

#quality_farmers_about{
	width: 100%;
	margin-bottom: 60px !important;
	}

#quality_farmers_about .explane{
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 0 20px;
	}

#quality_farmers_about .explane h5{
	padding: 0 0 5px 0;
	margin: 0 0 16px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#quality_farmers_about .explane .left{
	width: 100%;
	float: none;
	line-height: 1.8em;
	}

#quality_farmers_about .explane p{
	text-indent: 1em;
	}

#quality_farmers_about .explane ol{
	margin: 1em 0;
	}

#quality_farmers_about .explane li{
	text-indent: -2em;
	padding: 0 0 0 2em;
	}

#quality_farmers_about .explane .right{
	float: none;
	width: 100%;
	}

#quality_farmers_about .explane .img{
	margin: 0 0 30px 0;
	line-height: 1em;
	}

#quality_farmers_about .explane .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px 25px 20px 32px;
	line-height: 1.6em;
	background: url(../images/bar.png) no-repeat 14px 21px;
	}

#quality_farmers_about .flow .img{
	overflow: hidden;
	margin: 0 0 30px 0;
	}

#quality_farmers_about .flow .img ul{
	display:flex;
	padding: 0 20px;
	}

#quality_farmers_about .flow .img li{
	float: none;
	font-size: 0;
	margin: 0 2px 0 0;
	text-align: center;
	}

#quality_farmers_about .flow .img li.last{
	margin: 0;
	}

#quality_farmers_about .flow .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	line-height: 1.6em;
	overflow: hidden;
	margin: 0 20px;
	}

#quality_farmers_about .flow .box_s dl{
	width: 100%;
	float: none;
	margin: 0 35px 20px 0;
	}

#quality_farmers_about .flow .box_s dl.last{
	margin: 0;
	}

#quality_farmers_about .flow .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_farmers_about .flow .box_s dd{
	line-height: 1.8em;
	}
	
#quality_farmers_judgment{
	width: 100%;
	margin-bottom: 60px !important;
	}

#quality_farmers_judgment .explane{
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 0 20px;
	}

#quality_farmers_judgment .explane h5{
	padding: 0 0 5px 0;
	margin: 0 0 16px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2em;
	border-bottom: 1px solid #ededed;
	}

#quality_farmers_judgment .explane .left{
	width: 100%;
	float: none;
	line-height: 1.8em;
	}

#quality_farmers_judgment .explane p{
	text-indent: 1em;
	margin: 0 0 1em 0;
	}

#quality_farmers_judgment .explane .right{
	float: none;
	width: 100%;
	}

#quality_farmers_judgment .explane .img{
	margin: 0 0 30px 0;
	line-height: 1em;
	}

#quality_farmers_judgment .flow{
	margin: 0 0 60px 0;
	}
	
#quality_farmers_judgment .flow .img{
	overflow: hidden;
	margin: 0 0 30px 0;
	}

#quality_farmers_judgment .flow .img ul{
	display:flex;
	padding: 0 20px;
	}

#quality_farmers_judgment .flow .img li{
	float: none;
	}

#quality_farmers_judgment .flow .img li.right{
	float: none;
	}

#quality_farmers_judgment .flow .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	line-height: 1.6em;
	overflow: hidden;
	margin: 0 20px;
	}

#quality_farmers_judgment .flow .box_s dl{
	width: 100%;
	float: none;
	margin-bottom: 20px;
	}

#quality_farmers_judgment .flow .box_s dl.right{
	float: none;
	}

#quality_farmers_judgment .flow .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_farmers_judgment .flow .box_s dd{
	line-height: 1.8em;
	}

#quality_farmers_judgment .flow2 ul{
	overflow: hidden;
	}

#quality_farmers_judgment .flow2 li{
	float: none;
	width: 100%;
	margin: 0 0 29px 0;
	text-align: center;
	}

#quality_farmers_judgment .flow2 li.right{
	float: none;
	}

#quality_farmers_judgment .flow2 p{
	line-height: 1.8em;
	text-indent: 1em;
	padding: 0 10px 0 15px;
	text-align: left;
	}

#quality_farmers_judgment .flow2 .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	line-height: 1.6em;
	overflow: hidden;
	margin: 0 20px;
	}

#quality_farmers_judgment .flow2 .box_s dl{
	width: 100%;
	float: none;
	margin: 0 0 29px 0;
	}

#quality_farmers_judgment .flow2 .box_s dl.last{
	margin: 0;
	}

#quality_farmers_judgment .flow2 .box_s dl.right{
	float: none;
	}

#quality_farmers_judgment .flow2 .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_farmers_judgment .flow2 .box_s dd{
	line-height: 1.8em;
	}


/* #quality -> raost */

#quality_roast .box{
	margin: 0 auto;
	}

#quality_roast_about{
	width: 100%;
	margin-bottom: 60px !important;
	}

#quality_roast_about .explane{
	margin: 0 20px 53px 20px;
	overflow: hidden;
	}

#quality_roast_about .explane h5{
	padding: 0 0 5px 0;
	margin: 0 0 16px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#quality_roast_about .explane .left{
	width: 100%;
	float: none;
	line-height: 1.8em;
	}

#quality_roast_about .explane p{
	text-indent: 1em;
	}
	
#quality_roast_about .explane .p{
	margin: 0 0 1em 0;
	}

#quality_roast_about .explane .right{
	float: none;
	width: 100%;
	}

#quality_roast_about .explane .img{
	margin: 0 0 30px 0;
	line-height: 1em;
	}

#quality_roast_about .flow{
	margin: 0 0 60px 0;
	}

#quality_roast_about .flow .img{
	overflow: hidden;
	margin: 0 0 30px 0;
	}

#quality_roast_about .flow .img ul{
	display:flex;
}

#quality_roast_about .flow .img li{
	float: none;
	font-size: 0;
	margin: 0 2px 0 0;
	}

#quality_roast_about .flow .img li.last{
	margin: 0;
	}

#quality_roast_about .flow .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	margin: 0 20px 0 20px;
	overflow: hidden;
	}

#quality_roast_about .flow .box_s .left{
	float: left;
	/*width: 340px;*/
	}

#quality_roast_about .flow .box_s .right{
	float: right;
	/*width: 340px;*/
	}

#quality_roast_about .flow .box_s dl{
	margin: 0 0 30px 0;
	}

#quality_roast_about .flow .box_s dl.last{
	margin: 0;
	}

	#quality_roast_about .flow .box_s .right dl.right001{
		margin-top: 30px;
		}
			
#quality_roast_about .flow .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_roast_about .flow .box_s dd{
	line-height: 1.8em;
	}




#quality_roast_about .flow2 ul{
	overflow: hidden;
	margin: 0 0 0 20px;
	}

#quality_roast_about .flow2 li{
	float: left;
	margin: 0 0 20px 0;
	}

#quality_roast_about .flow2 li.right{
	float: right;
	margin: 0 20px 0 0;
	}

#quality_roast_about .flow2 p{
	line-height: 1.8em;
	text-indent: 1em;
	margin: 0 20px 0 10px;
	}

#quality_roast_about .flow2 .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	height: 308px;
	line-height: 1.6em;
	}

#quality_roast_about .flow2 .box_s dl{
	margin: 0 0 29px 0;
	}

#quality_roast_about .flow2 .box_s dl.last{
	margin: 0;
	}

#quality_roast_about .flow2 .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_roast_about .flow2 .box_s dd{
	line-height: 1.8em;
	}

/* #quality -> drip */

#quality_drip .box{
	margin: 0 auto;
	}

#quality_drip_about{
	width: 100%;
	margin-bottom: 60px !important;
	}

#quality_drip_about .explane{
	margin: 0 0 60px 0;
	overflow: hidden;
	padding: 0 20px;
	}

#quality_drip_about .explane h5{
	padding: 0 0 5px 0;
	margin: 0 0 16px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#quality_drip_about .explane .left{
	width: 100%;
	float: none;
	line-height: 1.8em;
	}

#quality_drip_about .explane p{
	text-indent: 1em;
	margin: 0 0 1em 0;
	}

#quality_drip_about .explane .bt{
	padding: 30px 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	}

#quality_drip_about .explane .bt a{
	display: block;
	text-indent: -9999px;
	outline: none;
	width: 280px;
	height: 80px;
	background: url(../images/bt.jpg) no-repeat;
	margin: 0 auto;
	}

#quality_drip_about .explane .bt a:hover{
	background: url(../images/bt_h.jpg) no-repeat;
	}

#quality_drip_about .explane .right{
	float: none;
	width: 100%;
	}

#quality_drip_about .explane .img{
	margin: 0 0 30px 0;
	line-height: 1em;
	}

#quality_drip_about .explane .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px 25px 20px 32px;
	line-height: 1.6em;
	background: url(../images/bar.png) no-repeat 14px 21px;
	}

#quality_drip_about .flow .img{
	overflow: hidden;
	margin: 0 0 30px 0;
	}

#quality_drip_about .flow .img ul{
	display:flex;
	padding:0 20px;
	}

#quality_drip_about .flow .img li{
	float: none;
	font-size: 0;
	margin: 0 2px 0 0;
	}

#quality_drip_about .flow .img li.last{
	margin: 0;
	}

#quality_drip_about .flow .box_s{
	border: 1px solid #b0b0b0;
	padding: 20px;
	line-height: 1.6em;
	overflow: hidden;
	margin: 0 20px;
	}

#quality_drip_about .flow .box_s dl{
	width: 100%;
	float: none;
	margin: 0 0 20px;
	}

#quality_drip_about .flow .box_s dl.last{
	margin: 0;
	}

#quality_drip_about .flow .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_drip_about .flow .box_s dd{
	line-height: 1.8em;
	}

/* #quality -> howtodrip */

#quality_howtodrip .box{
	margin: 0 auto;
	}

#quality_howtodrip_french h3{
	font-size: 15px;
	padding: 5px 0 8px 0;
	margin: 0 0 30px 0;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#quality_howtodrip_french{
	width: 770px;
	overflow: hidden;
	}

#quality_howtodrip_french ul{
	overflow: hidden;
	margin: 0 0 60px 0;
	}

#quality_howtodrip_french li{
	float: left;
	width: 370px;
	}

#quality_howtodrip_french li.right{
	float: right;
	}

#quality_howtodrip_french li.title{
	padding: 20px;
	width: 330px;
	background: #FFF829;
	}

#quality_howtodrip_french li.title .box_s{
	background: url(../images/bar.png) no-repeat 0 4px;
	line-height: 1.8em;
	padding: 0 0 0 10px;
	}

#quality_howtodrip_french li .img{
	margin: 0 0 28px 0;
	}

#quality_howtodrip_french .box_s dl{
	}

#quality_howtodrip_french .box_s dt{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	border-left: 4px solid #31613C;
	}

#quality_howtodrip_french .box_s dd{
	line-height: 1.8em;
	}

#quality_howtodrip_french .back{
	text-align: right;
	border-top: 1px solid #ededed;
	padding: 30px 0 0 0;
	}

#quality_howtodrip_french .back a{
	display: inline-block;
	color: #335F3D;
	text-decoration: none;
	font-size: 12px;
	background: url(../images/arrow.png) no-repeat;
	text-indent: 15px;
	line-height: 1.2;
	}

#quality_howtodrip_french .back a:hover{
	text-decoration: underline;
	}

/* talkingabout */

#talkingabout_detail{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}

#talkingabout_detail .main{
	width: 100%;
	float: none;
	padding: 0 20px;
	}

#talkingabout_detail .side{
	width: 100%;
	float: none;
	padding: 20px;
	}

#talkingabout_detail .article{
	padding: 0 0 55px 0;
	margin: 0 0 55px 0;
	border-bottom: 1px solid #ededed;
	}

#talkingabout_detail .article strong{
	font-weight: bold;
}

#talkingabout_detail .title_box{
	width: auto;
	position: relative;
	font-weight: bold;
	min-height: 120px;
	padding: 20px 0 0 20px;
	margin: 0 0 40px 0;
	background: url(../images/title.png) no-repeat left top;
	}

#talkingabout_detail .title_box .date{
	font-size: 15px;
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#talkingabout_detail .title_box h3{
	font-size: 22px;
	line-height: 1.5em;
	}

#talkingabout_detail .title_box .category{
	position: absolute;
	width: 130px;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #355F3E;
	padding: 5px 0;
	font-size: 13px;
	top: 0;
	right: 0;
	}

#talkingabout_detail .title_box .category.landscape{background: #5E2F00;}
#talkingabout_detail .title_box .category.health{background: #003366;}
#talkingabout_detail .title_box .category.trivia{background: #334C37;}

#talkingabout_detail .text{
	margin: 0 0 0 17px;
	line-height: 1.9em;
	}

#talkingabout_detail .img{
	text-align: center;
	margin: 30px 0 30px 0;
	}

#talkingabout_detail .img img{
	width: 400px;
	}

#talkingabout_detail .archive{
	margin: 0 0 46px 0;
	}

#talkingabout_detail .archive h3{
	background: url(../images/archive.png) no-repeat 2px 0;
	height: 19px;
	padding: 5px 0 14px 35px;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 4px dotted #9b9b9b;
	}

#talkingabout_detail .archive li{
	margin: 0 0 20px 13px;
	font-size: 12px;
	line-height: 1em;
	}

#talkingabout_detail .archive li a{
	text-decoration: none;
	}

#talkingabout_detail .archive li a:hover{
	text-decoration: underline;
	}


/* about */

#about .box{
	margin: 0 auto;
	padding: 0 20px;
	}

#about_works{
	width: 100%;
	margin-bottom: 75px !important;
	}

#about_works h3{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 0 0 25px 0;
	line-height: 1em;
	border-bottom: 1px solid #ededed;
	}

#about_works li{
	margin: 0 0 25px 0;
	line-height: 1.8em;
	padding: 0 0 0 0px;
	}

/*
#about_works .works1{
	background: url(../images/00.png) no-repeat 0 0;
	}

#about_works .works2{
	background: url(../images/00.png) no-repeat 0 0;
	}

#about_works .works3{
	background: url(../images/00.png) no-repeat 0 0;
	}

*/

#about_navi{
	overflow:hidden;
	width: 100%;
	margin: 0 auto 87px auto !important;
	}

#about_navi li{
	float: none;
	width: 100%;
	margin: 0 49px 0 0;
	text-align: center;
	line-height: 1em;
	margin-bottom: 20px;
	}

#about_navi li.last{
	margin: 0;
	}

#about_navi li a{
	text-decoration: none;
	outline: none;
	}

#about_navi li a .bold{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	}

#about_navi li a .img{
	display: block;
	text-indent: -9999px;
	margin: 0 0 15px 0;
	width: 224px;
	height: 224px;
	margin: 0 auto;
	margin-bottom: 10px;
	}

#about_navi li.about_philosophy a .img{
	background: url(../images/sp_philosophy.jpg) no-repeat;
	}

#about_navi li.company a .img{
	background: url(../images/sp_outline.jpg) no-repeat;
	}

#about_navi li.shop a .img{
	background: url(../images/sp_shop.jpg) no-repeat;
	}

#about_navi li.shoplist a .img{
		background: url(../images/sp_shoplist.jpg) no-repeat;
		}

#about_navi li.about_philosophy a:hover .img{
	background: url(../images/sp_philosophy_h.jpg) no-repeat;
	}

#about_navi li.company a:hover .img{
	background: url(../images/sp_outline_h.jpg) no-repeat;
	}

#about_navi li.shop a:hover .img{
	background: url(../images/sp_shop_h.jpg) no-repeat;
	}

#about_navi li.shoplist a:hover .img{
		background: url(../images/sp_shoplist_h.jpg) no-repeat;
		}

/* philosophy */

#philosophy .box{
	margin: 0 auto 60px auto;
	width: 100%;
	padding: 0 20px;
	}

#philosophy .box h3{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#philosophy_philosophy p{
	margin: 0 0 25px 0;
	line-height: 1.8em;
	}

#philosophy_philosophy .name{
	text-align: right;
	}

#philosophy_syaze .img{
	margin: 0 0 48px 0;
	text-align: center;
	}

#philosophy_syaze dl{
	margin: 0 0 70px 0;
	}

#philosophy_syaze dt{
	margin: 0 0 25px 0;
	text-align: center;
	line-height: 1em;
	}

#philosophy_syaze dd{
	margin: 0 0 40px 0;
	line-height: 1.8em;
	}

#philosophy_syaze .kakugen{
	text-align: center;
	}

#philosophy_history dl{
	line-height: 1.8em;
	margin: 0 0 60px 0;
	}

#philosophy_history dt{
	width: 130px;
	}

#philosophy_history dd{
	padding: 0 0 0 130px;
	margin: -1.8em 0 25px 0;
	}

#philosophy_history .komon{
	border: 1px solid #b0b0b0;
	padding: 26px 22px;
	}

#philosophy_history .komon h4{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px 0;
	}

#philosophy_history .komon .name{
	line-height: 1em;
	margin: 0 0 28px 0;
	}

#philosophy_history .komon li{
	line-height: 1.8em;
	}

/* company */

#company .box{
	margin: 0 auto 25px auto;
	width: 100%;
	padding: 0 20px;
	}

#company .box h3{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#company_outline table{
	line-height: 1.8em;
	}

#company_outline th{
	width: 155px;
	vertical-align: top;
	font-weight: bold;
	padding: 0 0 25px 0;
	}

#company_outline td{
	padding: 0 0 25px 0;
	}

#company_access .map_box{
	margin: 0 0 28px 0;
	}

#company_access h4{
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 13px 0;
	}

#company_access .map{
	width: 100%;
	height: 284px;
	}


/* shop list */

#shoplist .box{
	margin: 0 auto 25px auto;
	width: 100%;
	padding: 0 20px;
	}

#shoplist .box h3{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#shoplist .box img{
	padding: 0 0 6px 0;
}
	
#shop_outline dl{
	line-height: 1.8em;
	margin: 10px 0 14px 0;
	}

#shop_outline dl .shopdetail{
	display: flex;
	width: 100%;
}


#shop_outline dt{
	vertical-align: top;
	width: 5em;
	padding: 0 0 6px 0;
	}

#shop_outline dd{
	width: calc(100% - 5em);
	padding: 0 0 6px 0;
	}

#shop_outline dd .mgr-1em{
	margin-right : 1em;
}

#shop_outline dd .mgr-4em{
	margin-right : 4em;
}


#shop_outline .map_box{
	margin: 0 0 80px 0;
	}

#shop_outline .map{
	width: 100%;
	height: 284px;
	}

#shop_outline .mainstoreinfo{
	display: block;
	margin-top: -10px;
	margin-bottom: 20px;
}

#shop_outline .mainstoreinfo .sales{
	font-weight: bolder;
}

#shop_outline .mainstoreinfo .addition{
	font-size: smaller;
}




/* shop */

#shop .box{
	margin: 0 auto 25px auto;
	width: 100%;
	padding: 0 20px;
	}

#shop .box h3{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#shop_feature dt{
	font-weight: bold;
	margin: 0 0 20px 0;
	line-height: 1.8em;
	padding: 0 0 0 35px;
	}

#shop_feature .no1{
	background: url(../images/1.png) no-repeat 0 0;
	}

#shop_feature .no2{
	background: url(../images/2.png) no-repeat 0 0;
	}

#shop_feature .no3{
	background: url(../images/3.png) no-repeat 0 0;
	}

#shop_feature dd{
	margin: 0 0 45px 0;
	line-height: 1.8em;
	}

#shop_chokuei{
	overflow: hidden;
	}

#shop_chokuei .img{
	float: none;
	width: 100%;
	}

#shop_chokuei .img li{
	margin: 0 0 30px 0;
	text-align: center;
	}

#shop_chokuei .info{
	float: none;
	width: 100%;
	font-size: 13px;
	line-height: 1.8em;
	}

#shop_chokuei .contact_box{
	text-align: center;
	clear: both;
	}

#shop_chokuei .contact_box p{
	font-size: 13px;
	color: #33603D;
	margin: 0 0 28px 0;
	}

#shop_chokuei .contact_box .bt{
	width: 306px;
	margin: 0 auto;
	}

#shop_chokuei .contact_box .bt a{
	display: block;
	text-indent: -9999px;
	width:	306px;
	height: 76px;
	outline: none;
	background: url(../images/bt.png) no-repeat;
	}

#shop_chokuei .contact_box .bt a:hover{
	background: url(../images/bt_h.png) no-repeat;
	}

/* inquiry */

/* shop */

div#inquiry {
    padding: 0 20px;
}

#inquiry .box{
	margin: 0 auto;
	width: 100%;
	}

#inquiry .box .explane{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#inquiry .box table{
	width: 100%;
	display: block;
	}

#inquiry .box th{
	width: 100%;
	padding: 10px 0;
	vertical-align: top;
	font-size: 13px;
	display: block;
	}

#inquiry .box td{
	padding: 0 0 10px;
	display: block;
	}

#inquiry .box td input[type="text"]{
	padding: 3px 5px;
	}

#inquiry .box td textarea{
	padding: 3px 5px;
	width: 100%;
	height: 10em;
	}

#inquiry .box th span{
	color: #f00;
	}

#inquiry .bt{
	text-align: center;
	}

#inquiry .bt div{
	display: inline-block;
	cursor: pointer;
	}

#inquiry .finish{
	padding: 50px 10px;
	text-align: center;
	border: 10px solid #ededed;
	}

#inquiry .finish p{
	margin: 0 0 25px 0;
	}

#inquiry .finish .contact_box{
	}

#inquiry .tel{
	width: 4em;
	}

#inquiry #mail{
	width: 20em;
	}

#error_area.none{
	display: none;
	}

#error_area{
	margin: 0 0 25px 0;
	color: #f00;
	font-size: 14px;
	padding: 15px;
	background: #FFF2F2;
	}

#error_area li{
	list-style: none;
	padding: 0;

	margin: 0;
	line-height: 1.5em;
	}

#inquiry .noscript{
	margin: 0 0 25px 0;
	color: #f00;
	font-size: 14px;
	padding: 15px;
	background: #FFF2F2;
	}

#inquiry .error{
	border: 2px solid #f00;
	}

/* contact */

/* shop */

div#contact {
    padding: 0 20px;
}

#contact .box{
	margin: 0 auto;
	width: 100%;
	}

#contact .box .explane{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#contact .box table{
	width: 100%;
	display: block;
	}

#contact .box th{
	width: 100%;
	padding: 10px 0;
	vertical-align: top;
	font-size: 13px;
	display: block;
	}

#contact .box td{
	padding: 0 0 10px;
	display: block;
	}

#contact .box td input{
	padding: 3px 5px;
	width: 100%;
	}

#contact .box td textarea{
	padding: 3px 5px;
	width: 100%;
	height: 10em;
	}

#contact .box th span{
	color: #f00;
	}

#contact .bt{
	text-align: center;
	}

#contact .bt div{
	display: inline-block;
	cursor: pointer;
	}

#contact .bt{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px auto;
	width: 100%;
	}

#contact .bt div{
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 1em ;
	cursor: pointer;
	font-weight: bold;
	flex: 1;
	position: relative;
	overflow: hidden;
	}
#contact .bt div input {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 100%;
    height: 100%;
    color: #ffffff;
    }
	#contact .bt div:before {
		content: "";
		position: absolute;
		background: rgba(255, 255, 255, .3);
		width: 30px;
		height: 30px;
		left:-15px;
		top: -15px;
		transform: rotate(-45deg);
	}
	#contact .bt div:after {
		content: "";
		position: absolute;
		background: rgba(255, 255, 255, .3);
		width: 30px;
		height: 30px;
		right:-15px;
		bottom: -15px;
		transform: rotate(-45deg);
	}
	#contact .bt #go_confirm_bt{
	background: #75a1cc;
	}
#contact .bt #back_input_bt{
	background: #ff6666;
	margin-right: 20px;
	}
#contact .bt #go_send_bt{
	background: #75a1cc;
	}
#contact .cap {
    display: flex;
    margin: 0 auto 30px;
    justify-content: center;
    flex-wrap: wrap;
	}
#contact .cap .comme {
    width: 100%;
    text-align: center;
	}
#contact .cap span {
    width: 100px;
    display: block;
	}
#contact .cap #capinput {
    width: 100%;
	}


#contact .finish{
	padding: 50px 10px;
	text-align: center;
	border: 10px solid #ededed;
	}

#contact .finish p{
	margin: 0 0 25px 0;
	}

#contact .finish .contact_box{
	}

#contact .tel{
	width: 4em;
	}

#contact #mail{
	width: 20em;
	}

#error_area.none{
	display: none;
	}

#error_area{
	margin: 0 0 25px 0;
	color: #f00;
	font-size: 14px;
	padding: 15px;
	background: #FFF2F2;
	}

#error_area li{
	list-style: none;
	padding: 0;

	margin: 0;
	line-height: 1.5em;
	}

#contact .noscript{
	margin: 0 0 25px 0;
	color: #f00;
	font-size: 14px;
	padding: 15px;
	background: #FFF2F2;
	}

#contact .error{
	border: 2px solid #f00;
	}
.wpcf7-response-output {
	text-align: center;
	background: #000000;
	display: block;
	color: #ffffff;
	padding: .5em
}
	.wpcf7-display-none {
		display: none;
	}
.screen-reader-response {
	display: none;
}


/* privacypolicy */

#privacypolicy .box{
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
	}

#privacypolicy .box h3{
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
	}

#privacypolicy_detail .explane{
	margin: 0 0 34px 0;
}

#privacypolicy_detail dl{
	line-height: 1.8;
}

#privacypolicy_detail dt{
	font-weight: bold;
}

#privacypolicy_detail dd{
	margin: 0 0 30px 0;
}


/* saiyo */

#saiyo{
	padding:0 20px;
}

#saiyo h2{
	font-size: 24px;
	font-weight: bold;
	margin: 50px 0;
	color: #365a3d;
}

#saiyo h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

#saiyo p {
    line-height: 30px;
    margin-bottom: 20px;
}

#saiyo table {
    width: 100%;
    border: 1px solid;
}

#saiyo tr {
    border-bottom: 1px solid #000;
}

#saiyo th {
    border-right: 1px solid #000;
    padding: 10px 20px;
    text-align: center;
    background-color: #f1f1f1;
    font-weight: bold;
}

#saiyo td {
    padding: 10px 20px;
}

#saiyo .block {
    margin-bottom: 50px;
}

#saiyo strong {
    font-weight: bold;
}

#saiyo p.contact_info {
    margin-bottom: 0;
}

.philosophy {
    background: #FFF;
}