/*  ’ÖàÛàè/ƒXƒ}ƒz
--------------------------------------------------------------------------*/
/*  http://
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body { font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}
body { position:
ul, ol,  relative;}
ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
form{margin:0px;}
input{margin:0px;}


.mincho { font-family:"Ÿà–¾’©","YuMincho","ƒqƒ‰ƒMƒm–¾’© ProN W3","HiraMinProN-W3","HG–¾’©E",serif;}


/*  ”wŒiŠÖ˜A
--------------------------------------------------------------------------*/
.bg01 { background:rgba(255,255,255,1.0);padding: 10px 5px 10px;margin: 0px 0px 0px;}
.bg02 { background:rgba(244,244,244,1.0);padding: 10px 5px 10px;margin: 0px 0px 0px;}
.bg03 { background:rgba(244,244,244,0.2);padding: 10px 10px 10px;margin: 0px 0px 0px;}


/*  ƒ^ƒCƒgƒ‹ŠÖ˜A
--------------------------------------------------------------------------*/
h1{ margin: 0px 0px 0px;padding: 0px 0px 0px 10px;line-height: 40px;}
h1{ font-weight: normal;font-size: 10px;color: #222;letter-spacing:0px;}

h2 { margin: 0px 0px 0px ;padding: 20px 0px 10px ;}
h2 span { padding: 3px 0px 0px;font-size: 12px;color: #ea89a0;font-weight: 500;letter-spacing:0px;display: block;text-align: center;}

h3 { margin: 0px 0px 0px;padding: 0px 0px 0px;}
.clear { display: none;}


/*  ‚Öƒbƒ_�[
--------------------------------------------------------------------------*/
.header { width: 100%;height: 70px;margin: 0px 0px 10px;padding: 0px;}
.header { position: relative;z-index: 9999;}
.head_logo { max-width: 100%; position:absolute; top:15px;left:10px;}

.global_menu{ font-size: 20px;color: fff;z-index: 9999;}
.global_menu a { display:block;cursor:pointer;z-index: 9999;position: absolute;z-index:999;top: 15px;right: 10px;}
.global_menu img { width:28px;}

/*  ƒTƒCƒhƒ�ƒjƒ…�[
--------------------------------------------------------------------------*/
.sidr { display:none;position:fixed;top:0;height:100%;z-index:99999; background-color: rgba(255,255,255,1);width:100%;overflow-x:none;overflow-y:auto; }
ul.side_menu { margin: 5px 5px 5px;padding: 10px 0px 10px;z-index:99999;}
ul.side_menu { background-color: rgba(255,255,255,1);}
ul.side_menu:after {content: "";display: block;clear: both;}
ul.side_menu li { list-style: none;height: 40px;line-height: 40px;margin: 0px 10px 0px;border-bottom: 1px dotted #c9c9c9;}
ul.side_menu li a { display: block;height: 40px;font-size: 13px;color: #222;font-weight: normal;letter-spacing:0px;text-align: left;}

.list_close { background-color: rgba(0,0,0,1);line-height: 44px;}
.list_close { margin: 20px 5px 0px;display:block;text-align: center;}
.list_close { color:#f785b6;font-size:13px;font-weight:500;text-decoration: none;cursor:pointer;}
.list_close a { color:#fff;font-size:13px;font-weight:500;text-decoration: none;cursor:pointer;}

/*  MAIN
--------------------------------------------------------------------------*/
.main { padding: 10px 10px 10px;margin: 0px 0px 0px;min-height: 400px;}
#mainvisual{ }
.top_main { width:100%;position: relative;}
.top_copy { z-index:9999;position: fixed;bottom: 30px;right: 30px;}

.copy { margin: 0px;padding: 50px 20px 40px;text-align: right; }
.copy img { }
.copy  a:hover img{ opacity: 0.6; filter: alpha(opacity=60);}

.page_top { margin:30px 10px 0px;line-height: 1.5;border-top: 1px solid #e3e5e7;position:relative;}
.page_top { letter-spacing: 0px;padding: 20px 0px 20px;font-size: 12px;font-family: Tahoma,arial,sans; color: #333;text-align: left;}
.page_top a { color: #333;text-decoration: none;}
.page_top a:hover { color: #222;text-decoration: none;}


/*  NEWS
--------------------------------------------------------------------------*/
ul.news_list { padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.news_list { width: 100%;background-color:#;display:inline-block;}
ul.news_list li { margin: 3px 5px 3px;border-bottom:1px solid #f5f4f4;position:relative;}
ul.news_list li a { font-size: 15px;color: #222;text-align: left;padding: 10px 5px 10px ;}
ul.news_list li a { display:block;}
ul.news_list li a:hover { background-color:#fff;text-decoration: none;display:block;}
ul.news_list li span { font-size: 12px;color: #666;padding: 0px 0px 5px;display: block;}

.news_day { padding: 30px 0px 0px ;font-size: 13px; color: #333;letter-spacing: 0px;text-align: left;}
.news_title { padding: 10px 0px 0px ;font-size: 17px; color: #333;letter-spacing: 0px;text-decoration: underline;text-align: left;}
.news_comme { margin: 0px;padding: 20px 0px 0px;text-align: left;}
.news_comme { font-size: 16px;color: #222;letter-spacing:0px;line-height: 1.6;}

/*  BIOGRAPHY
--------------------------------------------------------------------------*/
#biography_title { padding: 35px 0px 0px;margin: 0px 0px 0px;position:relative;}
#biography_title { font-size: 20px;color: #222;font-weight: 500;line-height: 1.5;text-decoration: underline;letter-spacing:0px;text-align: left;}
.biography_comme { margin: 0px 0px 0px;padding: 10px 0px 5px ;font-size: 16px;letter-spacing:1px;line-height: 1.6;color: #222;text-align: left;}

ul.biography01 { padding: 10px 0px 50px;margin: 0px 0px 0px;}
ul.biography01 li { text-align: left;position:relative; }
ul.biography01 li { font-size: 15px;color: #222;line-height: 1.5;text-decoration: none;padding: 5px 0px 5px ;}
ul.biography01 li span { padding: 0px 10px 0px 0px;}

.products_title01 { padding: 35px 0px 0px;margin: 0px 0px 0px;position:relative;}
.products_title01 { font-size: 22px;color: #222;font-weight: 500;line-height: 1.5;letter-spacing:0px;text-align: left;}
.products_title02 { padding: 15px 0px 0px;margin: 0px 0px 0px;position:relative;}
.products_title02 { font-size: 19px;color: #222;font-weight: 500;line-height: 1.5;letter-spacing:0px;text-align: left;}
.products_comme { margin: 0px;padding: 10px 0px 5px ;font-size: 14px;letter-spacing:1px;line-height: 1.67;color: #222;text-align: left;}
.roast_img { margin: 10px 0px 35px ;width: 85%;}




/*  ‰ïŽÐŠT—v
--------------------------------------------------------------------------*/
table.company { width: 100%;margin: 30px 0px 30px ;border-collapse: collapse;border-spacing: 0px;text-align: left;line-height: 1.5;}
table.company th { width: 100px;padding: 10px 0px 10px;vertical-align: middle;border-bottom: 1px solid #dadada;text-align: left;}
table.company th { font-size: 14px;color: #333;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.company td { padding: 10px 0px 10px;vertical-align: middle;border-bottom: 1px solid #dadada;text-align: left;}
table.company td { font-size: 14px;color: #333;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

/*  MEDIA
--------------------------------------------------------------------------*/
ul.media_list { padding: 20px 0px 20px;margin:0px;position:relative;}
ul.media_list li { padding: 20px 0px 20px;margin: 0px;text-align:left;}
.media_category { padding:3px 0px 5px;font-size: 16px;color: #222;letter-spacing:1px;line-height: 1.6;}
.media_day { padding: 3px 0px 0px;font-size: 12px;color: #222;letter-spacing:0px;line-height: 1.5;}
.media_title { padding:3px 0px 10px;font-size: 17px;color: #222;letter-spacing:0px;line-height: 1.6;}
.media_comme { padding:3px 0px 10px;font-size: 16px;color: #222;letter-spacing:0px;line-height: 1.5;}


/*  WORKS
--------------------------------------------------------------------------*/
ul.works_menu { margin: 5px 0px 5px;padding: 10px 0px 10px;z-index:99999;}
ul.works_menu { background-color: rgba(255,255,255,1);}
ul.works_menu:after {content: "";display: block;clear: both;}
ul.works_menu li { list-style: none;height: 40px;line-height: 40px;margin: 0px 0px 0px;border-bottom: 1px dotted #c9c9c9;}
ul.works_menu li { background: url('../img/menu_arrow.png') no-repeat scroll;background-position : right 2px bottom 15px;}
ul.works_menu li a { display: block;height: 40px;font-size: 13px;color: #222;font-weight: normal;letter-spacing:0px;text-align: left;}

ul.works_list { padding: 50px 0px 50px;margin:0px;position:relative;}
ul.works_list li { padding: 20px 0px 20px;margin: 0px;text-align:left;}
ul.works_list li img { max-width:100%;max-height:100%;}
ul.works_list li span { padding: 10px 0px 0px;display:block;font-size: 14px;color: #222;letter-spacing:0px;}
ul.works_list li div { padding: 15px 0px 0px;display:block;font-size: 13px;color: #222;letter-spacing:0px;}
ul.works_list li div a { color: #222;letter-spacing:0px;text-decoration: underline;}


/*  FORM
--------------------------------------------------------------------------*/
.contact_comme { margin: 5px 0px 0px;padding: 10px 0px 5px ;font-size: 15px;letter-spacing:1px;line-height: 1.7;color: #222;text-align: left;}
.contact_comme span{ padding: 0px 5px 0px 0px;color: #dc0000;font-weight: 600;}

.contact01 { margin: 0px;padding: 15px 0px 0px;font-size: 16px;letter-spacing:0px;color: #222;text-align: left;}
.contact01 span { color: #fe0000;padding-left: 5px;}

input{ width:100%;font-size:120%; color:#222;padding: 12px 0px 12px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #fff;-webkit-appearance: none;}

textarea{ width:100%; font-size:120%; padding: 5px 0px 5px;margin: 8px 0px 8px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #fff;}

select { width:100%;font-size:100%; color: #222;padding: 10px 8px 10px 8px;margin: 8px 0px 8px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select02 { width:44%; margin: 5px 0px 5px 0px;}
.sche_select{ width:98%; margin: 15px 0px 8px ; border: 2px solid #e6ecdc;border-radius: 10px;background-color: #fff;color: #222;-webkit-appearance: none;}

input.button { width:100%;border-radius: 0px;padding: 18px 0px 18px ;margin: 8px 0px 15px ;}
input.button { text-align: center;font-size: 16px;color: #fff;font-weight: normal;line-height: 100%;letter-spacing: 0px;}
input.button { background-color: #000;-webkit-appearance: none;}


/* PAGER
--------------------------------------------------------------------------*/
.pager_width { padding: 30px 0px 30px 0px;}
* {margin: 0;padding: 0;font-style: normal;list-style: none;}
.pager, .pager li { margin: 0px; padding: 0px; list-style: none outside none; }
.pager li { display: inline-block; text-align: center; line-height: 28px; margin:0px 0px 0px 0px;}
.pager li a, .pager li span { display: block; background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(220, 220, 220); padding: 0px 5px; min-width: 25px; width: auto ! important; height: 28px; font-size: 13px; }
.pager li span { background: none repeat scroll 0% 0% rgb(140, 140, 140); border: 1px solid rgb(161, 161, 161); color: rgb(255, 255, 255); }
.pager li a:link, .pager li a:visited, .pager li a:active, .pager li a:hover { text-decoration: none; color: rgb(0, 0, 0); }
.pager li a:hover { background: none repeat scroll 0% 0% rgb(220, 220, 220); }