@charset "utf-8";
/* CSS Document */

/* layout.css */

body { width:100%;}


#container {text-align:center;width:870px;margin:0 auto;}


#main {color:#4b4848;margin:0 auto;}

header,#content,footer {max-width:100%;margin:0 auto;}

header {}

/************************************************************************************
font メインフォント設定
*************************************************************************************/

body {
	font-size: 13px;
	color:#4b4848;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	border-top:solid 5px #b81c22;
}

#container {
	line-height:1.5;
}


/************************************************************************************
link リンクカラー設定
*************************************************************************************/
a:link {text-decoration:none; color:#111;}
a:visited {text-decoration:none; color:#111;}
a:hover {text-decoration:none; color:#999;}

a.link_orange {text-decoration:none; color:#F39700; font-weight:bold;}
a.link_orange:visited {text-decoration:none; color:#F39700;}
a.link_orange:hover {text-decoration:none; color:#585756;}



/************************************************************************************
header ヘッダー
*************************************************************************************/

#header {}
#heading {position:relative;width:870px;margin:0 auto;}

#logo {margin:30px 0;width:235px;float:left;}
#logo a {width:231px;height:48px;overflow:hidden;display:block;text-indent:-9998px;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:top center;background-size:231px 48px;}
#logo a:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;}

#header_sub_nav {position:absolute;width:300px;top:5px;right:0;font-size:10px;}
#header_sub_nav ul {text-align:right;border-right:solid 1px #999;}
#header_sub_nav li {display:inline-block;padding:1px 3px;border-left:solid 1px #999;}

/************************************************************************************
nav 各種ナビゲーション
*************************************************************************************/

#sticker { position:relative;z-index:9999;background:#fff;}

#nav {width:869px; margin:10px 0;border-left:dashed 1px #666;}

#nav li {float:left;}
#nav li a {height:60px;overflow:hidden;display:block;text-indent:-9998px;background-repeat:no-repeat;background-positon:top left;background-size:82px 90px;border-right:dashed 1px #666;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;

}
#nav li:hover,#nav li.current {

}
#nav li a:hover,#nav li.current a {background-position:bottom left;}
#nav li.nav1 a {background-image: url(../images/nav1.png);width:150px;background-size:150px 120px;}
#nav li.nav2 a {background-image: url(../images/nav2.png);width:150px;background-size:150px 120px;}
#nav li.nav3 a {background-image: url(../images/nav3.png);width:139px;background-size:139px 120px;}
#nav li.nav4 a {background-image: url(../images/nav4.png);width:139px;background-size:139px 120px;}
#nav li.nav5 a {background-image: url(../images/nav5.png);width:167px;background-size:167px 120px;}
#nav li.nav6 a {background-image: url(../images/nav6.png);width:117px;background-size:117px 120px;}

#m_nav {display:none;}

#sub_page #nav_toggle {display:none;}

#m_nav_home {display:none;}
#m_nav_toggle {display:none;}
#sub_page_m_nav {display:none;}

#category_nav_toggle {display:none;}
#category_nav {padding:20px 0;}



/************************************************************************************
sub_page サブページ共通
*************************************************************************************/

#sub_page_header {position: relative;height:60px;border-bottom: 1px solid #aaa;}

#sub_page_header ul {float:left;font-size:12px;border-left:solid 1px #666;line-height:20px;text-align:left;}
#sub_page_header ul li { display:inline-block; border-right:solid 1px #666; padding:1px 9px 0 8px ;}
#sub_page_header ul li a { color:#111;}
#sub_page_header ul li a:hover,
#sub_page_header ul li.current a,
#sub_page_header ul li.current-page-item a,
#sub_page_header ul li.current-menu-item a { color:#00b0a0;}

#sub_page_header h2 {float:left;color: #595959;font-size:1.23em; font-weight:bold;height: 25px;padding: 1em 0.5em 1em 0;}
.sub_page_content_wrapper {text-align:left;color:#221814;text-align: justify;}
.sub_page_content_wrapper h3 {font-size:1.5em;font-weight:normal;padding:0.5em;color:#fff;background:#00b0a0;margin:20px 0;}
.sub_page_content_wrapper h3 span {float:right; font-size:0.6em;padding-top:0.5em;}
.sub_page_content_wrapper h4 {font-size:1.1em;font-weight:bold;padding:0 0.5em 0 1.2em;;color:#fff;background:#00b0a0;margin:20px 0;}
.sub_page_content_wrapper h4 span {padding:0.1em 0.5em;color:#00b0a0;background:#fff;}

#filter {}

#btn_online {float:right;margin-top:30px;text-align:left;}
#btn_online a {display:block;position:relative;width:156px;height:28px;border:solid 1px #942529;background:#942529; color:#fff;font-weight: bold;padding: 10px 14px;font-size: 1.1em;line-height: 1.1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
#btn_online a:after {content:"▶";float: right;position: absolute;top: 17px;right: 7px;}

#btn_online a span.en {display: block;font-size: 0.8em;font-weight: normal;}

#btn_online a:hover {border:solid 1px #942529;background:#fff; color:#942529;}


.sub_page_container {text-align:left;}

.sub_page_nav {height:85px;width:867px;margin-top:10px;border-left:solid 3px #942529;background:#f2dfd5;}

.sub_page_nav h1 {float:left;width:205px;height:63px;padding:22px 0 0 15px;font-size: 1.2em;color:#444;}
.sub_page_nav h1 span.en {display:block;font-size: 0.8em;color:#888;text-transform: capitalize;}

.sub_page_nav ul {float:left;height:85px;padding:0 20px;border-left:solid 1px #fff;font-weight:bold;font-size:11px;}
.sub_page_nav ul li {display:inline-block;padding-left:12px;margin-right:20px;background:url(../images/ico_tri.gif) no-repeat center left;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sub_page_nav ul li a:visited {color:#444;}
.sub_page_nav ul li a:hover {color:#942529;}
.sub_page_nav ul li a:link {color:#444;}


.sub_page_sub_nav {width:867px;margin-top:20px;border-left:solid 3px #ef845c;border-bottom:dashed 1px #999;}

.sub_page_sub_nav h2 {float:left;padding:8px 0 8px 15px;font-size: 1.2em;color:#444;line-height:1.2;}

.sub_page_sub_nav ul {float:right;width:645px;line-height:1.2;}
.sub_page_sub_nav ul li {float:left;margin:1px 0 1px -1px;padding-left:20px;padding-right:20px;border-right:solid 1px #444;border-left:solid 1px #444;}



/************************************************************************************
.top_slide トップスライド
*************************************************************************************/

#top_slide {margin:20px 0 30px;}
.top_slide_wrapper {width:650px;float:left;}
.top_slide_side {width:210px;float:right;}

.top_bnr_online,.top_bnr_cafesupport {width:210px;height:94px;margin-bottom:4px;}
.top_bnr_47club {width:210px;height:94px;}

/************************************************************************************
.top_carousel_pickup トップピックアップスライド
*************************************************************************************/

#top_carousel_pickup {min-height: 68px;margin:10px 0 30px;padding:10px 30px;border:solid 1px #ccc;
background: -moz-linear-gradient(top, rgba(211,211,211,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(211,211,211,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(211,211,211,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d3d3d3', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


/************************************************************************************
top_news_wrapper トップページ ニュース＆トピックス
*************************************************************************************/

.top_news_wrapper {text-align:left;font-size: 0.85em;margin-bottom: 5em;}
.top_news_heading {border-bottom:solid 1px #ccc;position:relative;padding-bottom:0.2em;margin-bottom:1em;}
.top_news_box1 ul {width:870px; text-align:center; border-top-color:#aaa; border-top-style:solid; border-top-width:1px;border-left-color:#aaa; border-left-style:solid; border-left-width:1px;}
.top_news_box1 ul li {float:left;border-bottom-color:#aaa; border-bottom-style:solid; border-bottom-width:1px;border-right-color:#aaa; border-right-style:solid; border-right-width:1px;}
.top_news_box1 ul li a {height:1.5em;display:block;padding: 1em 0; color:#00b0a0;font-size:1.2em;font-weight:bold;letter-spacing: 0.2em;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.top_news_box1 ul li a:hover {background:#00b0a0;color:#fff;}
.top_news_box1 p {padding:1px;}

.top_news_box1 table { width:870px;border-collapse:separate; border-spacing:0;}
.top_news_box1 tr { }
.top_news_box1 th { vertical-align:top;padding:0.5em;width:80px;border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:#666;}
.top_news_box1 td { vertical-align:top;padding:0.5em;border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:#666;}

.top_news_ttl img {height:30px;}

.top_news_ico {float:left;padding-right:0.5em;}
.top_news_ico span {display:block;background-color:#F0855D;color:#fff;font-size:10px;padding:3px 5px;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
}

.top_news_ico img {height:20px;}

.top_news_desc {float:left;}

.scrollBox01 {overflow: hidden;max-height:200px;}


/************************************************************************************
top_product_wrapper トップページ プロダクト
*************************************************************************************/

#top_product {}

.top_product_wrapper {text-align:left;font-size: 0.85em;margin-bottom: 5em;}
.top_product_heading {position:relative;padding-bottom:0.2em;margin-bottom:1em;}
.top_product_ttl img {height:30px;}

#top_product ul {border-left:dotted 1px #666;}
#top_product ul li {float:left;}
#top_product ul li a {display:block;}
#top_product ul li a img {height:75px;}
#top_product ul li a span img {height:30px;text-align:center;display:block;margin:0 auto;}

li.top_product_li1 {width:133px;border-right:dotted 1px #666;}
li.top_product_li2 {width:239px;border-right:dotted 1px #666;}
li.top_product_li3 {width:259px;border-right:dotted 1px #666;}
li.top_product_li4 {width:234px;border-right:dotted 1px #666;}


/************************************************************************************
top_content_wrapper トップページ コンテンツ
*************************************************************************************/

#top_contents {}

.top_contents_wrapper {width:894px;margin-right:-24px;}
.top_contents_box {width:274px;margin-right:24px;margin-bottom:36px;border-top:solid 5px #942529 ;float:left;text-align:left;}


.top_contents_box h4 {margin-top:10px;margin-bottom:5px;}
.top_contents_box h4 img {height:30px;text-align:left;}

.top_contents_box h4:after {content:"▶";color:#942529;float:right;}

.top_contents_box ul li img {width:274px;margin-bottom:2px;vertical-align:bottom;}

.top_contents_box p {margin-top:0.8em;}


#top_contents2 {}

.top_contents2_wrapper {width:900px;margin-right:-30px;}
.top_contents2_box {width:420px;margin-right:30px;margin-bottom:36px;;float:left;text-align:left;}
.top_contents2_box h4 {text-align:center;}
.top_contents2_box h4 img {height:34px;margin-top:10px;margin-bottom:5px;}


/************************************************************************************
footer フッター
*************************************************************************************/

#footer { width:100%; text-align:left;  margin-top:1em; padding-top:20px; color:#c9c9ca; background-color:#942529;}
.footer_content_inner {max-width:870px;margin:1em auto 0; padding:2em 0 0;}

.footer_bnr {margin-bottom:1em;}
.footer_bnr li {float:left;margin-right:15px;}
.footer_bnr li a img {width:107px;}

.footer_link_wrapper {margin-bottom:30px;}
.footer_link_wrapper ul {float:left;margin-right:2em;}
.footer_link_wrapper ul ul li:before {content:"・";}
.footer_link {font-size:0.8em;margin-bottom:0.5em;}
.footer_link li { padding:0 1em 0.5em 0 ;}
.footer_link li a {color:#c9c9ca;}
.footer_link li a:hover {color:#fff;}
.footer_outlink li {width: 190px;background-image:url(../images/ico_outlink.png); background-repeat:no-repeat; background-position:0 1px; padding-left:1.2em;line-height: 1.2;}

copyright {font-size:0.8em;padding:1em 0 60px;display:block;}

/************************************************************************************
back to top button トップに戻るボタン
*************************************************************************************/

.backtotop {
    position: fixed;
    right: 50%;
    bottom: 20px;
    z-index: 9000;
    display: none;
	margin-right:-480px;
	text-align:center;
}    

.backtotop a {
    display: block;
	width:36px;
}

.backtotop a img {width:36px;}
.backtotop a:hover {}




/************************************************************************************
shop 店舗のご紹介
*************************************************************************************/


.shop_content {margin:20px 0 40px;border-bottom:dashed 1px #ccc;}

.shop_content_area {float:left;width:205px;font-size: 1.3em;color:#ef845c;line-height:1;}
.shop_content_area h3 {float:left;}
.shop_content_area h4 {float:left;margin-left:1em;}
.shop_content_area h4 span.en {font-size: 0.7em;font-weight:normal;}

.shop_box_container {float:left;width:650px;margin-left:15px;}

.shop_box {margin-bottom:20px;padding-bottom:20px;border-bottom:dashed 1px #ccc;}
.shop_box:last-child {border-bottom:none;}

.shop_box_desc {float:left;width:400px;margin-right:20px;}

.shop_box_desc h5 {font-size:1.6em;color:#444;}
.shop_box_ico {}
.shop_box_ico img {height:20px;margin-right:3px;}

.shop_box_url {font-weight:bold;}

a.shop_box_googlemap,a.btn_googlemap {display:block;width:80px;padding:3px 4px;margin:10px 0;text-align:center; background:#942529;border:solid 1px #942529;color:#fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
a.shop_box_googlemap:hover,a.btn_googlemap:hover {display:block; background:#fff;border:solid 1px #942529;color:#942529;}

.shop_box_photo {float:right;width:230px;}
.shop_box_photo img {width:230px;margin-bottom:5px; vertical-align:bottom;}

.ico_shop_check {display:inline-block;background-color:#9FA0A0;color:#fff;font-size:10px;padding:3px 5px;margin: 5px 0;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
}

.shop_desc,.shop_desc p {
    margin: 1em 0;
}

.shop_map iframe {border:none;}


/************************************************************************************
product 商品のご紹介
*************************************************************************************/

.product_container {text-align:left;}

.product_content img.ico {height:20px;margin:5px 0;}

.product_nav {height:85px;width:867px;margin-top:10px;border-left:solid 3px #942529;background:#f2dfd5;}


.product_nav h1 {float:left;width:205px;height:63px;padding:22px 0 0 15px;font-size: 1.2em;color:#444;}
.product_nav h1 span.en {display:block;font-size: 0.8em;color:#888;}

.product_nav ul {float:left;height:85px;padding:0;}
.product_nav ul li {float:left;text-indent:-9998px;}
.product_nav ul li a {display:block;height:85px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

.product_nav ul li:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

li.product_nav_keiryo   {width:105px;height:85px;background:url(../images/product_nav_keiryo.gif) no-repeat top left;background-size: 100%;}
li.product_nav_package  {width:169px;height:85px;background:url(../images/product_nav_package.gif) no-repeat top left;background-size: 100%;}
li.product_nav_gift     {width:180px;height:85px;background:url(../images/product_nav_gift.gif) no-repeat top left;background-size: 100%;}
li.product_nav_other    {width:193px;height:85px;background:url(../images/product_nav_other.gif) no-repeat top left;background-size: 100%;}



.product_sub_nav {width:867px;margin-top:20px;border-left:solid 3px #ef845c;border-bottom:dashed 1px #999;}

.product_sub_nav h2 {float:left;padding:8px 0 8px 50px;font-size: 1.2em;color:#444;line-height:1.2;background-repeat:no-repeat;background-size:35px;background-position:5px 5px; }
.product_sub_nav h2 span.en {font-size: 0.7em;font-weight:normal;}

.product_sub_nav h2.keiryo  { background-image: url(../images/product_icon_a01_keiryo.jpg);}
.product_sub_nav h2.package { background-image: url(../images/product_icon_a02_package.jpg);}
.product_sub_nav h2.gift    { background-image: url(../images/product_icon_a03_gift.jpg);}
.product_sub_nav h2.other   { background-image: url(../images/product_icon_a04_other.jpg);}

.product_sub_nav ul {float:right;width:645px;line-height:1.2;margin:6px 0;}
.product_sub_nav ul li {float:left;margin:3px 0 3px -1px;padding-left:20px;padding-right:20px;border-right:solid 1px #444;border-left:solid 1px #444;}

.product_content {margin:20px 0 40px;border-bottom:dashed 1px #ccc;}

.product_content_type {float:left;width:180px;padding-right:40px;}
.product_content_type h3 {margin-bottom:1.5em;color:#ef845c;font-size: 1.2em;}
.product_content_type h3 span.en {font-size: 0.7em;font-weight:normal;}

.product_content_type p {margin-bottom:1.5em;}
.product_content_type p strong {color:#ef845c;}

.product_box_container {float:left;width:690px;margin-right:-40px;}

.product_box {display:inline-block;width:190px;margin-right:36px;margin-bottom: 20px;padding-bottom:20px;vertical-align:text-top;}

.product_box h5 {text-align:center; border-bottom:solid 1px #666;margin-bottom:0.8em;padding-bottom:0.8em;}
.product_box h5 span.en {text-align:center;font-size:0.8em;color:#666;}

.ico_nama {display:inline-block;background-color:#76C496;color:#fff;font-size:10px;padding:3px 5px;margin: 5px 0;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
}

/************************************************************************************
company 会社概要
*************************************************************************************/


.company_content {margin:20px 0 40px;}

.company_content_side {float:left;width:230px;}

.company_box_container {float:left;width:600px;margin-left:40px;}
.entry_box_container {width:600px; margin:0 auto;}

.company_box {margin-bottom:20px;padding-bottom:20px;}

.company_box h3 {color:#942529;font-size:1.7em;margin:0 0 1em;line-height:1.3;}
.company_box h3 span.en {color:#888;font-size:0.7em;}
.company_box h3 span.small {font-size:0.7em;}

#company_table {text-align:left;}
#company_table tr {border-bottom:solid 1px #ccc;}
#company_table th, #company_table td {padding:1em 0;}
#company_table th {color:#ef845c;}

.company_content_facility {border-bottom:solid 1px #ccc;padding-bottom:20px;margin-bottom:25px;}
.company_content_facility_img {float:left;width:330px;margin-right:40px;}
.company_content_facility_desc {float:left;width:500px;}
.company_content_facility_desc h4 {color:#ef845c;margin-bottom:1em;}


.btn_entry a {
	width:170px;
	text-align:center;
	cursor:pointer;
    padding: 15px 30px;
    font-size: 1.2em;
    background-color: #ef845c;
    color: #fff;
    border: solid 1px #ef845c;
	font-weight: bold;
	margin: 20px auto;
	display:block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.btn_entry a:hover {
	color:#ef845c;
	background:#fff;
}

/************************************************************************************
instructor コーヒーインストラクター
*************************************************************************************/


.instructor_content {margin:20px 0 40px;}

.instructor_content_side {float:left;width:230px;}

.instructor_box_container {float:left;width:600px;margin-left:40px;}

.instructor_box {margin-bottom:20px;padding-bottom:20px;}

.instructor_box h3 {color:#942529;font-size:1.7em;padding-bottom:0.5em;line-height:1.5;letter-spacing: 0.1em;}
.instructor_box h3 span.en {color:#888;font-size:0.7em;}

.instructor_box h4 {font-size:18px;color:#fff;background:#942529;margin:1em 0;padding:0.5em 1em;letter-spacing: 0.1em;}

.instructor_format1 {border-bottom:solid 1px #ccc;margin:1.5em 0;padding-bottom:1em;}
.instructor_format1_box1 {float:left;width:200px;}
.instructor_format1_box2 {float:right;width:380px;margin-left:20px;}

.instructor_format1_box1 p {font-size:11px;}
.instructor_format1_box1 figure {margin:0;float:left;}
.instructor_format1_box1 figcaption {text-align:center;}
.instructor_format1_box1 figure img {width:100%;}


.instructor_format1_table {text-align:justify;}
.instructor_format1_table tr {border-bottom:solid 1px #ccc;}
.instructor_format1_table tr:last-child {border-bottom:none;}
.instructor_format1_table th, .instructor_format1_table td {padding:1em 0;}
.instructor_format1_table th {color:#ef845c;width:20%;}

.instructor_format1_table td p.name1 {font-weight:bold;font-size:22px;}
.instructor_format1_table td p.name1 span.en {font-weight:normal;font-size:14px;padding-left:1em;}
.instructor_format1_table td p.name2 {}

.instructor_format1_table td p.license {font-weight:bold;}

.instructor_format1_table td ul.license_list {font-weight:bold;}
.instructor_format1_table td ul.license_list li {font-weight:bold;border-bottom:solid 1px #ccc;padding:0.5em 0.2em;}
.instructor_format1_table td ul.license_list li strong {color:#ef845c;}
.instructor_format1_table td ul.license_list li:last-child {border-bottom:none;}


.instructor_format2 {border-bottom:solid 1px #ccc;margin:1.5em 0;padding-bottom:1em;}
.instructor_format2_box1 {float:left;width:120px;}
.instructor_format2_box2 {float:right;width:460px;margin-left:20px;}

.instructor_format2_box1 p {font-size:11px;}


.instructor_format2_table {text-align:justify;}
.instructor_format2_table tr {border-bottom:solid 1px #ccc;}
.instructor_format2_table tr:last-child {border-bottom:none;}
.instructor_format2_table th, .instructor_format2_table td {padding:1em 0;}
.instructor_format2_table th {color:#ef845c;width:20%;}

.instructor_format2_table td p.name1 {font-weight:bold;font-size:22px;}
.instructor_format2_table td p.name1 span.en {font-weight:normal;font-size:14px;padding-left:1em;}
.instructor_format2_table td p.name2 {}

.instructor_format2_table td p.license {font-weight:bold;}

.instructor_format2_table td ul.license_list {font-weight:bold;}
.instructor_format2_table td ul.license_list li {font-weight:bold;border-bottom:solid 1px #ccc;padding:0.5em 0.2em;}
.instructor_format2_table td ul.license_list li strong {color:#ef845c;}
.instructor_format2_table td ul.license_list li:last-child {border-bottom:none;}

.instructor_format3    {margin:40px 0;line-height:2;border-bottom:solid 1px #ccc;}
.instructor_format3 h5 {font-size:16px;color:#ef845c;border-bottom:solid 1px #ccc;padding:0.2em 0;}
.instructor_format3 p {margin:1em 0;}
.instructor_format3 strong {font-size:16px;font-weight:bold;}


/************************************************************************************
support カフェサポート
*************************************************************************************/

.support_nav {}
.support_nav h1 {font-size:1.1em;padding-top:15px;}
.support_nav ul {padding:0;}
.support_nav ul li { width:213px;float:left;display:inherit;text-align:center;background:none;height:85px;border-right:solid 1px #fff;margin:0;padding-left:0;}
.support_nav ul li:last-child {border-right:none;}
.support_nav li a {height:65px;display:block;vertical-align:middle;padding:13px;}

.support_content {margin:20px 0 40px;}

.support_content_side {float:left;width:230px;}

.support_box_container {float:left;width:600px;margin-left:40px;}

.support_box {margin-bottom:20px;padding-bottom:20px;}

.support_box h3 {color:#942529;font-size:30px;margin:0 0 1em;padding-bottom:1em;line-height:1.3; background-image:url(../uploads/support_img1.gif); background-repeat:no-repeat; background-position:right 0; background-size:34%;border-bottom:dashed 1px #999;}
.support_box h3 span.small {font-size:22px;}

.support_box h4 {font-size:18px;margin:1em 0;padding:0.5em 1em;letter-spacing: 0.1em; background:#fbe3d6;border-bottom:solid 2px #595757;}

#support_table {text-align:left;}
#support_table tr {border-bottom:solid 1px #ccc;}
#support_table th, #support_table td {padding:1em 0;}
#support_table th {color:#ef845c;}

.support_content_shop {border-bottom:solid 1px #ccc;padding-bottom:20px;margin-bottom:25px;}
.support_content_shop_img {float:left;width:330px;margin-right:40px;}
.support_content_shop_desc {float:left;width:500px;}
.support_content_shop_desc h4 {color:#ef845c;margin-bottom:1em;}

.support_content_contact {border-bottom:solid 1px #ccc;padding-bottom:20px;margin-bottom:25px;}
.support_content_contact_img {float:left;width:230px;margin-left:40px;}
.support_content_contact_desc {float:left;width:600px;}
.support_content_contact_desc h3 {font-size:2em;color:#942529;margin-bottom:1em;}
.support_content_contact_desc p {margin:0.5em 0;}
.support_content_contact_desc p.telfax {font-size:1.1em;font-weight:bold;}
.support_content_contact_desc p.telfax strong {font-size:1.4em;font-weight:bold;}
.support_content_contact_desc h4 {font-size:1.1em;color:#ef845c;margin-bottom:0.5em;}

.support_box_inner {margin:20px 0 40px;padding-bottom:40px;border-bottom:dashed 1px #999;}
.support_box_inner h5 {float:left;text-align:center;font-size:14px;font-weight:normal;font-style:italic;width:90px;height:70px;padding-top:20px;background:#f7c5ab;font-family: "Times New Roman", Times, serif;
border-radius:45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;
}
.support_box_inner h5 span.number {font-style:normal;display:block;font-size:40px;line-height:30px;}

.support_box_inner1 {float:right;width:490px;margin-left:20px;}
.support_box_inner1 h6 {font-size:16px;margin-bottom:1em;padding-bottom:1em;color:#942529;border-bottom:solid 1px #ccc;}
.support_box_inner1 ul {margin:1em 0; list-style-type:disc;list-style-position: inside;}
.support_box_inner1 ul li {padding:0.1em 0;}

.support_box_inner2 { background:#fbe3d6;padding:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;margin:20px 0;}

.support_box_inner2_1 {width:340px;float:left;}
.support_box_inner2_1 p {margin-bottom:1em;}
.support_box_inner2_1 strong {font-size:16px;color:#942529;}
.support_box_inner2_2 {width:100px;float:right;margin-left:10px;}

.support_box_inner2_3 {width:240px;float:left;}
.support_box_inner2_3 img {width:;float:left;margin-right:10px;height:110px;}
.support_box_inner2_4 {width:210px;float:right;font-size:11px;padding-top:10px;}



/************************************************************************************
blog キョーワズ珈琲の指定農園
*************************************************************************************/




.btn_coffeebelt {float:right;margin-bottom:4px;text-align:left;}
.btn_coffeebelt a {display:block;position:relative;width:267px;border:solid 1px #ef845c;background:#fff; color:#ef845c;font-weight: bold;padding: 10px 20px;font-size: 1.1em;line-height: 1.1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.btn_coffeebelt a:after {content:"▶";float: right;position: absolute;top: 11px;right: 7px;}

.btn_coffeebelt a span.en {display: block;font-size: 0.8em;font-weight: normal;}

.btn_coffeebelt a:hover {border:solid 1px #ef845c;background:#ef845c; color:#fff;}

.content_coffeebelt {margin:1em 0;}
.content_coffeebelt p {margin:3em 0;}


.blog_content {width:100%;overflow:hidden;}
.blog_content:after {display:table;clear:both;content:" ";}
.blog_content_main {float:left;width:520px;padding-top:40px;margin-right:40px;box-sizing:border-box;}
.blog_content_side {float:right;width:309px;padding-top:40px;padding-left:39px;border-left:solid 1px #ccc;box-sizing:border-box;padding-bottom:32768px;margin-bottom:-32768px;}

.blog_content_post_box {padding-bottom:40px;margin-bottom:40px;border-bottom:dashed 1px #ccc;}

.blog_content .ico_cat {line-height:13px;}
.blog_content .ico_cat a {display:inline-block;background-color:#F0855D;color:#fff;font-size:10px;padding:3px 5px;border:solid 1px #F0855D;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.blog_content .ico_cat a:hover {background-color:#fff;color:#F0855D;font-size:10px;padding:3px 5px;border:solid 1px #F0855D;}



.blog_content .ico_cat img {display:inline-block;height:20px;margin:0 3px 0 0;}

.blog_content_post_box h3 {color:#942529;font-size:1.2em;margin:0.5em 0;}
.blog_content_post_box h3 a {color:#942529;}
.blog_content_post_box h3 a:visited {color:#942529;}
.blog_content_post_box h3 a:hover {color:#ef845c;}

.blog_content_post_thumb {float:left;width:190px;margin-right:20px;}
.blog_content_post_thumb img {width:190px;}
.blog_content_post_desc  {float:right;width:310px;text-align:justify;}


.blog_content_side .side_box {margin-bottom:40px;}
.blog_content_side .side_box h4 {color:#ef845c;font-size:1.2em;margin-bottom:1em;}
.blog_content_side .side_box h4 span.jp {font-size:0.8em;padding-left:1em;}
.blog_content_side .side_box ul.cat {}
.blog_content_side .side_box ul.cat li {position:relative;padding-left:1.5em;margin:0.5em 0;}
.blog_content_side .side_box ul.cat li:before {content:"▶";float:left;position: absolute;top: 0;left: 0;color:#ef845c;}

.blog_content_side .side_box ul.rec {}
.blog_content_side .side_box ul.rec li {padding-bottom:20px;margin-bottom:20px;border-bottom:dashed 1px #ccc;}
.blog_content_side .side_box ul.rec li .thumb {width:270px;}

#sidebar .sidebar_box {margin-bottom:40px;}
.sidebar_box .sidebar_heading h3 {color:#ef845c;font-size:1.2em;margin-bottom:1em;}
.sidebar_box .sidebar_heading h3 span.jp {font-size:0.8em;padding-left:1em;}
.sidebar_box ul.menu {}
.sidebar_box ul.menu li {position:relative;padding-left:1.5em;margin:0.5em 0;}
.sidebar_box ul.menu li:before {content:"▶";float:left;position: absolute;top: 0;left: 0;color:#ef845c;}

.blog_content_side .side_box ul.rec {}
.blog_content_side .side_box ul.rec li {padding-bottom:20px;margin-bottom:20px;border-bottom:dashed 1px #ccc;}
.blog_content_side .side_box ul.rec li .thumb {width:270px;}


.blog_content_entry_box {
    width: 520px;
    text-align: justify;
	line-height:1.7;
}
.blog_content_entry_wrapper img {}

.blog_content_entry_box h1 {font-size:1.7em;color:#942529;border-bottom:dotted 1px #666;padding:1em 0;margin-bottom:1.5em;}
.blog_content_entry_box h2 {font-size:1.3em;color:#fff;background:#942529;padding:0.5em 1em;margin:1.5em 0;}
.blog_content_entry_box h3 {font-size:1.3em;border-left:solid 4px #942529;padding:0.2em 0 0.2em 1em;margin:1.5em 0;}
.blog_content_entry_box h4 {font-size:1.2em;color:#ef845c;margin:1.5em 0;}

.blog_content_entry_box hr {border-top:dashed 1px #ccc; border-bottom:none;}

.blog_content_entry_box p {margin:1.5em 0;}


#sidebar #s {
    border: 1px solid #CCC;
	border-right:none;
    padding: 6px;
    width: 208px;
    color: #666;
	height:17px;
}

#sidebar #searchsubmit {
	cursor:pointer;
    padding: 5px;
	border:solid 1px #ef845c;
    background-color: #ef845c;
    color: #fff;
    font-size: 12px;
	float: right;
    width: 48px;
    height: 31px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
#sidebar #searchsubmit:hover {
	color:#ef845c;
	background:#fff;
}

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

/************************************************************************************
privacy プライバシーポリシー
*************************************************************************************/

.content_privacy,.content_sitemap,.content_404 {width:510px; line-height:2;}

.content_privacy h3,.content_sitemap h3,.content_404 h3 { font-size:14px; font-weight:bold;}

.content_sitemap h3,.content_404 h3 {border-bottom:solid 1px #333333}

.content_privacy ul,.content_sitemap ul,.content_404 ul { padding:1.5em 1.5em 4em 1.5em; list-style-type:disc; list-style-position: inherit;}
.content_privacy ul h4 {font-weight:bold; padding-top:0.5em;}
.content_privacy ul li ol { padding:0.5em 1.8em;list-style:decimal;}
.content_privacy ul li ol li ul{list-style:none; padding:0;}
.font_blue {color:#003399; font-weight:bold; padding:2em 0;}
.content_privacy_pdf,.content_404_box {width:80%; padding:1em; margin:2em auto; border:dotted 1px #CCCCCC;}
.content_404_box {margin-bottom:5em;}

.content_privacy_pdf div,.content_404_box div { padding:1em;}
.content_privacy table { width:250px; margin-bottom:50px;font-size: 0.9em;}
.content_privacy table th {font-weight:bold;}
.content_privacy table tr {text-align:left;}

/************************************************************************************
contact お問い合せ
*************************************************************************************/


.contact_header {position:relative; border-bottom:solid 1px #aaa;height:60px;}
.contact_header h2 {float:left;font-size:1.2em; font-weight:bold;height: 25px;padding: 1em 0.5em 1em 0;}

#contact_content_wrapper {text-align:left;color:#221814;text-align: justify;}
#contact_content_wrapper h3 {font-size:1.5em;font-weight:normal;padding:0.5em;color:#fff;background:#00b0a0;margin:1em 0;}
#contact_content_wrapper h3 span {float:right; font-size:0.6em;padding-top:0.5em;}


.contact_content {margin:25px 0;padding-top:24px;}

.contact_form_box1 {float:left;width:400px;}
.contact_form_box2 {float:right;width:400px;margin-left:16px;}

.contact_form_table {text-align:left;font-size:0.8em;}
.contact_form_table th {width:84px;}
.contact_form_table td {}
.contact_form_table th,
.contact_form_table td {padding:0.3em 0 0.3em 0;vertical-align:top;}
.contact_form_table th span {color:#00b0a0;}

.contact_form_table .form-width,
.contact_form_table .form-width1,
.contact_form_table .form-width2,
.contact_form_table .form-width3 {padding:9px;border:solid 1px #aaa;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
}

.contact_form_table .form-width1 {width:316px;}
.contact_form_table .form-width2 {width:122px;margin-left:10px;}
.contact_form_table .form-width3 {width:253px;margin-left:10px;}


.contact_form_box textarea {
	property:value;
	height:393px;
	resize:none;
}


.wpcf7-submit {
	cursor:pointer;
    padding: 5px 70px;
    font-size: 1.2em;
    background-color: #ef845c;
    color: #fff;
    border: solid 1px #ef845c;
	font-weight: bold;
	margin: 10px auto;
	display:block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.wpcf7-submit:hover {
	color:#ef845c;
	background:#fff;
}

.contact_footer_box {font-size:0.78em;margin-top:5em;padding-bottom:1em;border-bottom:solid 1px #aaa;}
.contact_footer_box1 {float:left;width:390px;}
.contact_footer_box2 {float:right;width:390px;}

.contact_footer_box1 p {padding-left: 1em;text-indent: -1em;}

.contact_footer_box1 ul li {padding-left: 1em;text-indent: -1em;}
.contact_footer_box1 ul li:before {content:"・";}

/* 新卒採用 */

.recruit_tbl {text-align:left;border-top:solid 1px #5c060b;border-left:solid 1px #5c060b;border-right:solid 1px #5c060b;}
.recruit_tbl table th {padding:10px 0 10px 5px;background:#fbe4df;color:#5c060b;text-align:left;border-bottom:solid 1px #5c060b;}
.recruit_tbl table td {padding:10px 0 10px 5px;text-align:left;border-bottom:solid 1px #5c060b;}

.recruit_h3 {height:25px;padding:12px 0 5px 5px;background:#fbe4df;color:#5c060b;font-size:16px;font-weight:bold;border-top:solid 1px #523b32;}
.recruit_catch {padding:10px 0px 10px 0px;color:#ea5404;font-size:16px;font-weight:bold;line-height:1.2;}

table.recruit_form_body { border-collapse:collapse;}
table.recruit_form_body tr {border:solid 1px #ccc;}
table.recruit_form_body td {padding:5px 10px;}
th.form_title {background:#eeefef;vertical-align: middle;text-align:left;padding: 0 5px;}

.form_style {
	border: solid 1px #ccc;
	margin: 10px;
	padding: 5px;
	line-height:1.4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.form_textarea {width: 350px;} 

.name_kanji,.name_kanji2,.name_kana,.name_kana2 {width:100px;}


/************************************************************************************
single,archive ブログ、ニュース＆トピックス関連
*************************************************************************************/


#main_content_wrapper {margin-top:20px;}

/* 左側メインコンテンツ */
#main_content {text-align:left;float:left;width:550px;padding-right:36px;padding-bottom: 1em;border-right:solid 1px #aaa;}


/* アーカイブ */
.archive_header {}
.archive_title {}
.archive_footer {}
.archive_pager {}

.archive_pager ol {}
.archive_pager ol li {}


/* 記事一覧 */
#post_list {}
.post_list {}
.post_list_heading {font-size:0.8em;}
.post_list_date {display:inline-block;padding:0 1.5em;font-weight:bold;color:#fff;background:#ef845c;height: 20px;line-height: 20px;}
.post_list_category {display:inline-block;}
.post_list_category a {display:inline-block;padding:0 1.5em;color:#00b0a0;border:solid 1px #ef845c;height: 18px;line-height: 18px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.post_list_category a:hover {color:#fff;background:#00b0a0;}
.post_list_title {font-size:1.1em;font-weight:bold;color:#ef845c;padding:0.5em 0;}
.post_list_title a {color:#00b0a0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.post_list_title a:hover {color:#EC6C00;}
.post_list_eyecatch {float:left;width:180px;padding:0.25em 2em 0.25em 0;}
.post_list_disc {font-size:0.9em;overflow:auto; zoom:1;}
.post_list_detail {margin:1.5em auto;text-align:center;clear:both;}
.post_list_detail a {color:#ef845c;padding:0.3em 3em;border:solid 1px #ef845c;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.post_list_detail a:hover {color:#fff;background:#00b0a0;}



/* 記事詳細 */
.entry_date {font-weight:bold;color:#fff;background:#00b0a0;font-size:1.1em;padding:0.1em 0.5em;margin-bottom:1.5em;}
.entry_title {font-weight:bold;color:#00b0a0;font-size:1.2em;margin-bottom:0.5em;}
.entry_meta {margin-bottom:2em;}
.entry_category {display:inline-block;font-size:0.8em;}
.entry_category a {display:inline-block;padding:0.1em 3em;margin-right:1em;color:#00b0a0;border:solid 1px #00b0a0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.entry_category a:hover {color:#fff;background:#00b0a0;}

.post-categories li {
    display: inline-block;
}

.entry_content {text-align:justify;}
.entry_content p {margin-bottom:0.5em;}

.entry_footer {}
.entry_footer .tag_box {font-size: 0.8em;background:#f2dfd5;margin:1.5em auto;padding:0.5em 1em;border-left: solid 3px #942529;}
.entry_footer .tag_box a {margin-right:1em 0 0;}
.entry_footer .tag_box a:before {content:"・";}


/* ページャー */
.pager {text-align:center; margin:1em auto 0;}
.pager .pager_list,
.pager .previous,
.pager .next {display:inline-block;text-align:center;}
.pager .pager_list li {display: inline-block;bacground:#e0f0eb;font-size:0.8em;margin:0 0.5em;border:solid 1px #aaa;}
.pager .pager_list li a {display: block;padding: 0.5em 0.5em 0.35em;}
.pager .previous span,
.pager .next span {font-size:0.8em;font-weight:bold;padding: 0.5em 0.5em 0.35em;margin:1em 0.5em;border:solid 1px #aaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
.pager .previous span {margin-left:1em;}
.pager .next span {margin-right:1em;}
.pager .pager_list li.current {font-weight:bold;color:#fff;background:#00b0a0;padding: 0.5em 0.5em 0.35em;border:solid 1px #00b0a0;}
.pager a {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.pager a:hover {color:#00b0a0;}
.pager .pager_list li:hover {border:solid 1px #00b0a0;}
.pager .previous:hover span,
.pager .next:hover span {border:solid 1px #00b0a0;}




/************************************************************************************
その他　改行 マージン
*************************************************************************************/


.hidden {}

.mb2em {margin-bottom:2em;}

.m_vissible {display:none;}

br.br_m {} /*スマホで改行削除*/
br.mbr {display:none;}


.font_green {color:#00b0a0;}
.font_orange {color:;}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

.clear { clear:both;}