@charset "UTF-8";

/*
TABLE OF CONTENTS
	01 GENERAL
	02 LAYOUT
		02-1 CONTAINER-Layout
	03 HEADER
	04 NAVIGATION
	05 BREADCRUMB
	06 CONTAINER (Global & Top)
		06-1 Slider 
		06-2 Pick-up
		06-3 Element	Common
		06-4 Bottom
	07 CONTAINER (others)
		07-1 Article-Main
		07-2 Article-Sub
		07-3 Category
	08 CONTAINER (sidebar)
		08-1 Ranking Common
		08-2 Column Common
		08-3 Recommended
		08-4 Advertisement
	09 CONTAINER (database)
		09-1 DB-Single
		09-2 DB-Element
		09-3 DB-Side
	10 FOOTER
		10-1 FOOTER-Link
		10-2 FOOTER-info
		10-3 FOOTER-Alliance & Copy
	11 OTHERS
		11-1 Facebook & Twitter
		11-2 Page-Top
		11-3 Pagenation
		11-4 Sub-page
*/

/*
	----------------------------
	01 GENERAL
	____________________________
*/


body { 
	width: 100%;
	line-height: 22px;
	font-size: 14px;
	font-family:  'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo','ＭＳ Ｐゴシック','sans-serif';
	color:#333;
	font-weight: 400;
	margin: 0; 
	padding: 0; 
	text-align: left;
    height: 100%;
	overflow-x: hidden; /* prevents horizontal scroll bars */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
	background: #fff;
	background-size: cover;
}

a{
	text-decoration: none; 
	padding: 0;
	color:#333;
}

a:link,a:visited,a:hover,a:active{
	text-decoration: none; 
}

a:hover{
	text-decoration: none;
}

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

.left{
	float: left;
}

.no-display{
	display: none;
}

/*
	----------------------------
	02 LAYOUT
	____________________________
*/

header{
	width: 100%;
	border: none;
	padding: 15px 0 60px;
}

nav{
	width: 100%;
	height: auto;
	height: 46px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 137px;
}


#slider{
	width: 100%;
	height: 400px;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
}

#container{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	margin-bottom: 30px;
}

footer{
	border-top: 1px solid #ddd;
	background: #f8f8f8;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
}

.inner{
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: auto;
}

#container .inner{
	background: #fff;
	max-width: 1040px;
	padding: 30px 20px 20px;
	position: relative;
	z-index: 100;
}

#container .inner.top{
	padding: 20px;
}

#container .inner.top article{
	min-height: 1000px;
}
/*
	----------------------------
	03 HEADER
	____________________________
*/

#logo{
	width: auto;
	height: auto;
	margin:  0 0 5px;
	padding: 0;
	float: left;
}

#logo h1, #logo p.logo{
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 10px;
	color: #666;
}

#logo a img{
	width: auto;
	height: 85px;
	display: inline;
}


#header-info{
	float:right;
	width: auto;
	margin: 0;
	padding: 0;
}

#header-info ul.options{
	margin: 20px 0 0 0;
	text-align: right;
	font-size: 13px;
}

#header-info ul.options li{
	display: inline;
	line-height: 24px;
	margin: 0 0 0 10px;
} 

#header-info ul.options li a:hover{
	text-decoration: underline;
}

#header-info .search{
	margin: 25px 0 0;
    padding: 0px;
	position: relative;
	width: 260px;
	height: 30px;
	float: right;
}

#header-info input#search{
	margin: 0;
	padding: 0;
	display: block;
	-webkit-appearance: none;
	color: #888;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3) inset;
	border-radius: 5px;
	height: 28px;
	font-size: 13px;
	line-height: 30px;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	vertical-align: bottom;
}

#header-info .search .fa.fa-search{
	display: block;
	height: 24px;
	width: 24px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 5px 0;
	background: #c42927;
	padding: 5px 3px 1px;
	position: absolute;
	top:0;
	right: 0;
	z-index: 2;
	opacity: 1.0;
}

#header-info .search .fa.fa-search:hover{
	opacity: 1.0;
}
/*
	----------------------------
	04 NAVIGATION & SLIDER
	____________________________
*/

#slider h2{
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 75px;
}

#slider h2 img{
	width: 600px;
	margin: 0 auto;
}

/*
	----------------------------
	05 BREADCRUMB
	____________________________
*/

#breadcrumb{
	width:100%;
	margin: 0px 0 -320px;
	padding: 0px 0 320px;
	color: #fff;
	position: relative;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
	overflow: hidden;
	z-index: 0;
}

#breadcrumb.shop{
}

#breadcrumb img{
	position: absolute;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	z-index: -1;
}

#breadcrumb ul.inner{
	position: relative;
	z-index: 3;
	text-shadow: 0 1px 1px rgba(0,0,0,0.6);
  	padding: 10px 0;
}

#breadcrumb ul.inner li{
	font-size: 12px;
	line-height: 25px;
	padding:  0;
	margin: 0 5px 0 0;
	display: inline-block;
}

#breadcrumb ul.inner li a{
	color: #fff;
	text-decoration: underline;
	margin: 0;
	font-weight: normal;
	display: inline-block;
}

#breadcrumb ul.inner a:hover{
	color: #c42927;
	font-weight: bold;
}

#breadcrumb ul.inner li a span{
}


#breadcrumb ul.inner li:before{
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 10px;
	margin: 0 6px 0 0;
}

#breadcrumb ul.inner li:first-child:before{
	content: none;
    margin: 0;
}



/*
	----------------------------
	06 CONTAINER (Global & Top)
	____________________________
*/


/*	06-1 CONTAINER-Layout */

#container article{
	width: 100%;
	max-width: 690px;
	float: left;
	margin: 0;
}

#container article.top{
	float: right;
}

#container article.search{
	width: 100%;
	max-width: 100%;
}

#container .side{
	width: 300px;	
	margin: 0px;
}

#container #side-top{
	float: right;
}

#container #side-top.top{
	float: left;
}

#container #side-bottom{
	float: right;
}

#container #side-bottom.top{
	float: left;
}

#container .side section{
	padding: 0 0 20px 0;
}

#container section{
	margin: 0 0 60px 0;
}

#container section.border{
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 3px dashed #eee;
}

/*	06-2 CONTAINER-Global */


#container section p.more{
	text-align: right;
}



#container section p.more a{
	color: #0072ab;
	display: inline-block;
	padding: 0px 10px;
	position: relative;
	z-index: 3;
}


#container section p.more a:hover{
	text-decoration: underline;
}

#container section p.more a::after{
  content: "\f061";
  font-family: 'FontAwesome';
  margin: 0 0px 0 0px;
  padding-left: 5px;
}

#container #main p.more{
	text-align: left;	
}

#container #main p.more a{
	font-size: 12px;
	text-align: left;
	display: inline-block;
	text-align: center;
	background: #342011;
	border-radius: 15px;
	padding: 3px 0px;
	width: 160px;
	color:#fff;
}

#container #main p.more a:after{
  content: "\f101";
  font-family: 'FontAwesome';
  margin: 0 0px 0 5px;
}


#container article div.recommend{
	margin: 30px 0 0;
	padding: 30px 0 0;
	border-top: 2px dashed #eee;
} 

#container article div.recommend h3, #container article section.recent-post h3 {
    font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin: 1px;
	padding: 0px 0px;
	margin: 0 0 10px;
	color: #522f15;
}

#container article div.recommend h3 .fa, #container article section.recent-post h3 .fa {
	display: inline-block;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #522f15;
	color: #fff;
	line-height: 24px;
	text-align: center;
	margin: 0 6px 0 0;
}

#container article .recommend ul{

}

#container article .recommend li{
	width: 23.5%;
	margin: 0 2% 0 0;
	float: left;
}

#container article .recommend li:last-child{
	margin: 0 0 0 0;
}

#container article .recommend li img{
	width: 100%;
	height: auto;
}

#container article .recommend li span.location{
	text-align: right;
	display: block;
    font-weight: 300;
	color: #888;
	font-size: 11px;
	line-height: 11px;
	margin: 5px 0 0 0;
}

#container article .recommend li span.location:before{
  content: "\f041";
  margin: 0 3px 0 0;
  font-family: 'FontAwesome';
}

#container article .recommend li a.image{
	display: block;
	position: relative;
}

#container article .recommend li a.image span.food-category{
	margin:-17px 0 5px -16px;
	padding:2px 10px 2px 10px;
	color:#FFF;
	border-radius: 0px 0 5px 0;
	font-size: 11px;
	position:absolute;
	bottom: -5px;
	left: 10px;
	display: block;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

#container article .recommend li span.food-category:before {
   content: "\f0f5";
  font-family: 'FontAwesome';
  margin: 0 5px 5px 0;
 }

#container article .recommend li span.food-category:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	left: -15px;
	bottom: -15px;
	background: transparent;
	border-color: transparent #666 transparent transparent;
	border-style:solid;
	border-width:15px;
}
#container article .recommend li .sub-inner{
	padding: 5px;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

#container article .recommend li p.title{
	margin: 5px 0 2px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
}

#container article .recommend li p.title a{
	color: #522f15;
}

#container article .recommend li p.description{
	font-size: 12px;
	line-height: 16px;
	height: 48px;
	overflow: hidden;
}

/*	06-3 CONTAINER-Side */

#container .side section{
	margin: 0 0 30px 0;
	padding: 0;
}

#container .side section h3{
	border-bottom: solid 3px #522f15;
    font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	margin: 1px;
	padding: 0px 0px 3px 0px;
	color: #522f15;
}

#container .side section h3 .fa{
	display: inline-block;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #522f15;
	color: #fff;
	line-height: 24px;
	text-align: center;
	margin: 0 6px 0 0;
}

#container .side section.jcb{
	padding: 15px;
	background: #221e1f;
	width: auto;
}

#container .side section.jcb h3{
	max-width: 160px;
	margin: 0 auto 10px;
}

#container .side section.jcb p.title{
	font-weight: bold;
	color: #fff;
	margin: 5px 0;
	text-align: center;
}

#container .side section.jcb p.jcb-promo{
	color: #fff;
	font-size: 12px;
	margin: 5px 0 5px;
}
#container .side section.jcb h3{
	border: none;
}
#container .side section.jcb img{
	width: 100%;
	border: none;
}

#container .side section.jcb a.more{
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
	color: #f4d7b5;
}

#container .side section.jcb a.more:after{
  content: "\f101";
  font-family: 'FontAwesome';
  margin: 0 0px 0 5px;
}

#promotion_mobile{
	display: none;
}

#container .side section.promotion ul{
	border: 3px solid #eee;
	width: auto;
}
#container .side section.promotion.recommend ul{
	margin: 0;
}

#container .side section.promotion h3, #container .side section.menu h3{
	border: 3px solid #eee;
	border-bottom: solid 0px #ddd;
	background: none;
	border-radius: 0;
	padding: 6px 0px 6px 10px;
	margin: 0;
}

#container .side section.promotion ul li{
	border-top: dashed 2px #eee;	
	padding: 10px;
}

#container .side section.promotion ul li:first-child{
	border-top: none;
}

#container .side section.promotion ul li a.image{
	float: left;
	display: block;
	width: 33%;
	height: auto;
	overflow: hidden;
}

#container .side section.promotion ul li a.image img{
	width: 100%;
	height: auto;
}

#container .side section.promotion ul li a.info{
	margin: 0 0 0 3%;
	float: left;
	width: 64%;
	font-weight: bold;
	line-height: 18px;
	font-size: 13px;
}

#container .side section.promotion ul li a.info span{
	margin: 0 0 0 5px;
	color: #7d5537;
	font-size: 11px;
}

#container .side section.promotion a.more{
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
	color: #c42927;
}

#container .side section.promotion a.more:after{
  content: "\f101";
  font-family: 'FontAwesome';
  margin: 0 0px 0 5px;
}

#container .side section.promotion .sub-inner, #container .side section.menu .sub-inner{
	padding: 5px 10px;
	border: 3px solid #eee;
}

#container .side section.menu .sub-inner a{
	display: block;
}

#container .side section.menu .sub-inner a img{
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}

#container .side section.menu .sub-inner p.title{
	margin: 5px 0 0 0;
	padding: 0;
	width: auto;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	color: #522f15;
	background: #fafafa;
}

#container .side section.promotion .sub-inner div.image{
	width: auto;
	max-width: 280px;
	height: auto;
	margin: 0 auto 5px;
	overflow: hidden;
	position: relative;
	display: block;
}

#container .side section.promotion .sub-inner div.image:after{
	position: absolute;
	content: 'PROMOTION';
	width: auto;
	height: auto;
	padding: 0px 50px;
	z-index: 10;
	top: 15px;
	left: -43px;
	color:#fff;
	font-size: 13px;
	line-height: 30px;
	background: #c42927;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

#container .side section.promotion .sub-inner div.image p.title{
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	margin: 5%;
	padding: 12% 6%;
	width: 78%;
	height: auto;
	color:#522f15;
	font-weight: bold;
	background: rgba(255,255,255,0.7);
}

#container .side section.promotion .sub-inner div.image p.title span{
	font-size: 17px;
	line-height: 26px;
	overflow: hidden;
	height: 52px;
	margin: 10px 0;
	padding: 0;
	display: block;
}


#container .side section.promotion .sub-inner p{
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 5px;
}

#container .side section.promotion.related ul{
	background: #f8f8f8;
}

#container .side section.promotion.related h3{
	background: #f8f8f8;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 0px 6px 10px;
}

#container .side section.promotion.related ul li p.info{
	margin: 0 0 0 3%;
	float: left;
	width: 64%;	
	font-weight: bold;
	line-height: 18px;
	font-size: 13px;
}

#container .side section.promotion.related ul li p.info span.date{
	font-family: 'raleway';
	display: block;
	font-weight: 600;
	font-size: 13px;
	color: #522f15;
}

#container .side section.promotion.related ul li p.info span.date:before{
  content: "\f017";
  font-family: 'FontAwesome';
  font-size: 11px;
	margin: 0 3px;
 }

#container .side section ul.cat{
	margin: 3px 0 0 0;
}

#container .side section ul.cat li{
	width: 50%;
	float: left;
	font-size: 13px;
}

#container .side section ul.cat li a{
	display: block;
	margin: 0px;
	padding: 0 0px 0 10px;
	line-height: 32px;
	text-align: left;
	border-bottom: dashed 2px #eee;

}

#container .side section ul.cat li a:before{
  content: "\f061";
  font-family: 'FontAwesome';
  margin: 0 5px 0 0px;
	color: #c42927;
	color: #522f15;
  font-size: 10px;
	line-height: 32px;
}

#container .side section ul.cat li a:hover::before{
	color: #fff;
}

#container .side section ul.cat li a:hover{
	background: #522f15;
	color: #fff;
}

#container .side section ul.cat.blog li{
	width: 100%;
}

#container .side section ul.social li{
	float: left;
	margin: 0 15px 0 0;
}

#container .side section ul.social li:last-child{
	margin: 0;
}

#container .side section ul.tag{
	margin: 3px 0 0 0;
}

#container .side section ul.tag li{
	width: 100%;
	float: left;
	font-size: 13px;
}

#container .side section ul.tag li.feature{
	width: 50%;
}
#container .side section ul.tag li a{
	display: block;
	margin: 0px;
	padding: 0 0px 0 15px;
	line-height: 32px;
	text-align: left;
	border-bottom: dashed 2px #eee;
}

#container .side section ul.tag li a:before{
  font-family: 'FontAwesome';
  margin: 0 7px 0 0px;
  color: #522f15;
  font-size: 12px;
	line-height: 32px;
}

#container .side section ul.tag li.cat a:before{
  content: "\f0f5";
}

#container .side section ul.tag li.area a:before{
  content: "\f041";
}

#container .side section ul.tag li.situation a:before{
  content: "\f007";
}

#container .side section ul.tag li.feature a:before{
  content: "\f02b";
}

#container .side section ul.tag li a:hover::before{
	color: #fff;
}

#container .side section ul.tag li a:hover{
	background: #522f15;
	color: #fff;
}

#container .side section ul.rank li{
	padding: 10px 0;
	border-bottom: dashed 2px #eee;
}

#container .side section ul.rank li a.image{
	position: relative;
	width: 25%;
	float: left;
	display: block;
}

#container .side section ul.rank li a.image img{
	width: 100%;
	height: auto;
}

#container .side section ul.rank li p{
	width: 72%;
	float: right;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}

#container .side section ul.rank li span.blog-cat{
	display: block;
	text-align: right;
	margin: 5px 0 0 0;
	color: #7d5537;
	font-size: 12px;
	line-height: 16px;
}
#container .side section ul.rank li span.blog-cat:before{
  content: "\f040";
  margin: 0 2px 0 0;
  font-family: 'FontAwesome';
}

#container .side section ul.rank li a.image span{
    font-weight:bold;
    position: absolute;
    padding: 5px;
    background: #b8b8b8;
    line-height: 16px;
    font-size: 10px;
    top: -1px;
    left: 5px;
    border-radius: 0px;
    color: #fff;
    font-family: 'times',serif;
background: #B1997B;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

#container .side section ul.rank li a.image span:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 13px 5px;
    border-style: solid;
    border-color: #B1997B;
    border-right-color: transparent;
}

#container .side section ul.rank li a.image span em{
	display: block;
    font-weight: 100;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	margin: 0 0 0 5px;
    font-size: 18px;
}

#container .side section ul.rank li a.image span.rank01{
background: #BEA428;
}
#container .side section ul.rank li a.image span.rank01:after {
    border-color: #BEA428;
    border-right-color: transparent;
}

#container .side section ul.rank li a.image span.rank02{
background: #878787;
}
#container .side section ul.rank li a.image span.rank02:after {
    border-color: #878787;
    border-right-color: transparent;
}

#container .side section ul.rank li a.image span.rank03{
background: #AC7E4B;
}
#container .side section ul.rank li a.image span.rank03:after {
    border-color: #AC7E4B;
    border-right-color: transparent;
}

#container .side section.ad a{
	display: block;
	margin: 0 0 10px 0;
}

#container .side section.ad a:last-child{
	margin: 0 0 0 0;
}

#container .side section.ad img{
	width: 100%;
	height: auto;
}

#container section ul.recent{
	margin: 3px 0 0 0;
}

#container section ul.recent li{
	float: left;
	font-size: 13px;
	padding: 10px 0;
	line-height: 20px;
}

#container section ul.recent li a{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#container section ul.recent li span.date{
	margin: 0 7px 0 0;
	font-family: 'raleway';
	font-weight: 600;
	font-size: 13px;
	color: #522f15;
}

#container section ul.recent li span.date:before{
  content: "\f017";
  font-family: 'FontAwesome';
  font-size: 11px;
	margin: 0 3px;
 }
/*	06-4 CONTAINER-TopPage */

#container article ul.post{

}

#container article ul.post li{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dashed #ddd;
}

#container article ul.post li .image{
	width: 42%;
	float: left;
	display: block;
}

#container article ul.post li .image img{
	width: 100%;
	height: auto;
}

#container article ul.post li .info{
	width: 55%;
	float: right;
}

#container article ul.post li .info span.date{
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 20px;
	line-height: 20px;
	display: block;
	margin: 0;
	float: left;
}

#container article ul.post li .info span.cat{
	float: right;
	display: block;
	position: relative;
	padding: 3px 10px 3px 15px;
	border-radius: 10px;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

#container article ul.post li .info span.cat:before{
	position: absolute;
	top: 8px;
	left:6px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	line-height: 4px;
	content: "";
	background: #fff;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1) inset;
}

#container article ul.post li .info h3{
	font-size: 20px;
	line-height: 26px;
	margin: 15px 0 8px 0;
}

#container article ul.post li .info ul.social{
	margin: 10px 0 0 0;
	float: right;
}

#container article ul.post li .info ul.social li{
	border: none;
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}

#container article ul.post li .info ul.social li .fa{
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #555;
	border-radius: 50%;
	color: #fff;
}

#container section .carousel{
	padding: 0px;
}

#container section #carousel li{
	background: #fff;
	padding-bottom: 5px;
}

#container section #carousel li a:hover{
	text-decoration: underline;
}

#container section #carousel li .sub-inner{
	padding: 5px 10px;
	background: #f8f8f8;
	border-bottom: solid 1px #ddd;
}

#container section #carousel li h3{
	font-size: 15px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-weight: bold;
	margin: 0 0 5px;
	text-align: center;
}

#container section #carousel li h3 a{
	color:#522f15;
}

#container section #carousel li span.location{
	float: right;
	display: block;
    font-weight: 300;
	color: #888;
	font-size: 11px;
}

#container section #carousel li span.location:before{
  content: "\f041";
  margin: 0 3px 0 0;
  font-family: 'FontAwesome';
}

#container section #carousel li span.food-category{
	margin:-17px 0 5px -16px;
	float: left;
	padding:2px 10px 2px 10px;
	color:#FFF;
	border-radius: 0px 0 5px 0;
	font-size: 11px;
	position:relative;
	display: block;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

#container section #carousel li span.food-category:before {
   content: "\f0f5";
  font-family: 'FontAwesome';
  margin: 0 5px 5px 0;
 }

#container section #carousel li span.food-category:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	left: -15px;
	bottom: -15px;
	background: transparent;
	border-color: transparent #666 transparent transparent;
	border-style:solid;
	border-width:15px;
}


/*	06-6 CONTAINER-Shop*/

#container section.headline{

}

#container section.headline .shop-name{
	margin: 0px 0 30px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	padding: 0 0 0px;
	width: 100%;
}

#container section.headline .shop-name h1{
	font-size: 28px;
	line-height: 40px;
	float: left;
	margin: 0;
	padding: 0;
}

#container section.headline .shop-name p.food-category{
	margin:0px 20px 0px 0px;
	padding:15px 10px 10px 10px;
	color:#FFF;
	border-radius: 5px 5px 0 0px;
	font-size: 15px;
	line-height: 16px;
	position:relative;
	display: block;
	float: left;
	}

#container section.headline .shop-name p.food-category:before {
   content: "\f0f5";
  font-family: 'FontAwesome';
  margin: 0 5px 5px 0;
 }

#container section.headline .shop-name span{
	display: block;
	font-size: 12px;
}

#container section.headline .shop-name p.tel{
	float: right;
	color: #888;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	font-weight: bold;
	text-align: right;
	padding: 0;
}

#container section.headline .shop-name p.tel:before{
  content: "\f095";
	font-family: 'FontAwesome';
	margin: 0 5px 0 0;
}

#container section.headline div.intro{
	width: 55%;
	height: auto;
	float: right;
	position: relative;
}

#container section.headline div.intro h2{
	font-size: 18px;
	line-height: 25px;
	margin: 0 0 15px;
	font-weight: bold;
}

#container section.headline div.intro p{
	margin: 0 0 10px;
}
#container section.headline div.image{
	width: 42%;
	height: auto;
	float: left;
}

#container section.headline img{
	width: 100%;
	height: auto;
	border: 3px double #ccc;
}

#container article.shop h3{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1px 0;	
	padding: 5px 0 5px 10px;
	border-radius: 10px 10px 0 0;
	/*border-bottom: 1px solid #ddd;*/
}

#container article.shop h3 em{
	border-left: 5px solid #fff;
	padding: 0px 0 0px 10px;
}


#container article section.strength{
	background: #f8f8f8;
	padding: 15px 25px 0;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

#container article section.strength ul li{
	float: left;
	width: 31%;
	margin: 0 3.5% 30px 0;
	font-size: 13px;
}

#container article section.strength ul li:nth-child(3n){
	margin: 0 0 30px 0;
}

#container article section.strength ul li span.first{
	display: block;
	float: left;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background: #522f15;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	padding: 0;
	margin: 5px 5px 5px 0;
}

#container article section.strength ul li a{
	border: 3px double #ddd;
	display: block;
	position: relative;
}

#container article section.strength ul li img{
	width: 100%;
	height: auto;

}

#container article section.strength ul li p{
	font-weight: bold;
	color: #522f15;
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	background: rgba(82,47,21,0.7);
}

#container article section.strength ul li p span{
	padding: 5px;
	display: block;
}

#boxer.inline {
  padding: 20px;
  width: auto;
  height: auto;
  width: 280px;
  min-height: 300px;
  min-width: 280px;
  color:#fff;
}

#boxer.inline .inline_content {
  width: 100%;
  height: 100%;
  min-width: 280px;
  overflow: auto;
  margin: 0px;
  padding: 0px;
}

#boxer.inline .inline_content img{
	width: 100%;
	height: auto;
}

#boxer.inline .inline_content p.title{
	font-weight: bold;
	margin: 5px 0;
}

#container article section#look{

}

#container article section#look #grid{
  width: 100%;
  margin: 5px 0 0 0;
}

#container article section#look #grid .grid-sizer { 
	width: 19%; 
	margin: 0 0.5% 5px;
}

#container article section#look #grid .item{
	float: left;
	width: 19%;
	height: auto;
	margin: 0 0.5% 5px;
	padding: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

#container article section#look #grid .item.wide{
	width: 19%;
}

#container article section#look #grid .item a{
	position: relative;
	display: block;
}

#container article section#look #grid .item img{
	width: 100%;
	height: auto;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

#container article section#look #grid .item a p{
	font-weight: bold;
	color: #522f15;
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	background: rgba(82,47,21,0.7);
}

#container article section#look #grid .item a p span{
	padding: 5px;
	display: block;
}

#container article section.basic{
	background: #f8f8f8;
	padding: 15px 25px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

#container article section.basic table {
	width: 100%;
}

#container article section.basic table th, 
#container article section.basic table td{
	vertical-align: middle;
	padding: 8px 0px;
}

#container article section.basic table th{
	width: 20%;
	padding: 8px 10px 0 0;
}

#container article section.basic table td{
	width: 80%;
}

#googleMap{
	width: 100%;
	height: 400px;
	margin: 0 0 10px;
}

/*	06-6 CONTAINER-Single*/
#container article .single span.date{
	font-family: 'raleway';
	font-size: 24px;
	display: block;
	float: left;
	font-weight: 200;
}

#container article .single span.blog-cat{
	float: right;
	display: block;
	position: relative;
	padding: 5px 15px 5px 20px;
	border-radius: 12px;
	color: #fff;
	line-height: 14px;
	font-size: 14px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

#container article .single span.blog-cat:before{
	position: absolute;
	top: 8px;
	left:6px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	line-height: 4px;
	content: "";
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1) inset;
}


#container article .single h1{
	font-size: 28px;
	line-height: 36px;
	margin: 20px 0 30px;
}

#container article .single img.featured{
	width: 100%;
	height: auto;
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 2px dashed #eee;
}

#container article .single .social{
	margin: 0 0 40px;
	padding: 0 0 20px;
	border-bottom: 2px dashed #eee;
}

#container article .single .social li{
	float: left;
	margin: 0 15px 0 0;
}

#container article .single .content{
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 40px;
}

#container article .single .content h2{
	padding: 0 0 5px 15px;
	margin: 50px 0 20px;
	font-size: 20px;
	line-height: 24px;
	border-left: 10px solid #c42927;
	border-bottom: 1px solid #c42927;
	color: #2d1706;
}

#container article .single .content h2 {
	color: #2d1706;
}

#container article .single .content p{
	margin: 0 0 20px;
}

#container article .single .content .iframe-content {
    position: relative;
    width: 100%;
    height: 800px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding: 75% 0 0 0;
    margin: 0 0;
	display: inline-block;
}
#container article .single .content .iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin: 0 0 200px;
	padding: 0;
	display:block;
}

#container article .single .content span{
}

#container article .single .content img{
	margin: 30px auto;
	width: auto;
	max-width: 100%;
	text-align: center;
}

#container article .single .content blockquote{
	position: relative;
	display: block;
	margin: 15px 0 0px 0;
	display: block;
	text-align: left;
	font-size: 18px;
	color:#2f678a;
	quotes: "“" "”" "‘" "’";
}

#container article .single .content blockquote::before{
	content: open-quote;
	font-size:50px;
	line-height:20px;
	padding: 0;
	color:#2E6689;
	text-align: left;
	display: block;
	margin:0px 0 -10px;
}

#container article .single .content blockquote::after{
	content: close-quote;
	font-size:50px;
	line-height:20px;
	color:#2E6689;
	text-align: right;
	display: block;
	margin: 10px 0 0;
}


/*	06-6 CONTAINER-Category-Blog*/

#container h2.blog-cat{
	margin: 0 0px 20px;
	font-size: 24px;
	line-height: 28px;
	color:#512f15;
	padding: 0 0 15px;
	border-bottom: 3px dashed #eee; 
}

#container h2.blog-cat .fa{
	margin: 0 10px 0 0;
}

/*	06-7 CONTAINER-Category-Shop*/
#container .shop-cat{
	padding: 0;
	margin: 0 5px 20px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #ddd;
	height: auto;
}

#container .shop-cat .cat-info{
	margin: 0 0px 20px;
	padding: 0 0 15px;
	border-bottom: 3px dashed #eee; 
}

#container .shop-cat .cat-info h1{
	font-size: 28px;
	line-height: 28px;
	color:#522f15;
	float: left;
	margin: 0 20px 0 0;
}

#container .shop-cat .cat-info .introduction{
	font-size: 15px;
	color: #777;
	line-height: 28px;
}

#container .shop-cat h1 .fa{
	margin: 0 10px 0 0;
}

#container .shop-cat .bonenkai{
	margin: 0 0px 20px;
	padding: 0;
}

#container .shop-cat .bonenkai .left{
	width: 43%;
	margin: 0;
	padding: 0;
}

#container .shop-cat .bonenkai .left img{
	width: 100%;
	margin: 0;
	padding: 0;
}

#container .shop-cat .bonenkai .right{
	width: 55%;
	margin: 0;
	padding: 0;
}

#container #bonenkai-search{
	float: left;
	width: 100%;
	margin: 0 0px 20px;
	padding: 0 0 25px;
	border-bottom: 3px dashed #eee; 
}
#container #bonenkai-search #uwpqsf_id{
	border: none;
	background: #f8f8f8;
}

#container #bonenkai-search #uwpqsf_id form{
	text-align: center;
	padding: 10px;
}

#container #bonenkai-search #uwpqsf_id form .uwpqsf_class{
	display: inline-block;
	width: 24%;
	margin: 0 2% 0 0;
	padding: 0;
}
/*
#container #bonenkai-search #uwpqsf_id form #tax-select-0.uwpqsf_class{
	display: none;
}
*/
#container #bonenkai-search #uwpqsf_id form #uwpqsf_btn.uwpqsf_class{
	width: 22%;
	margin: 0;
	padding: 0;
	color: #fff;
}

#container #bonenkai-search #uwpqsf_id form #uwpqsf_btn.uwpqsf_class input{
	background: #c42927;
	height: 36px;
	width: 100%;
	display: block;
	color: #fff;
	border-radius: 5px;
}

#container #bonenkai-search #uwpqsf_id form .uwpqsf_class select{
	background: #fff;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 5px;	
}

#container .shop-cat ul a:hover{
	text-decoration: underline;
}

#container .shop-cat li{
	width: 22.75%;
	height: auto;
	margin: 0 3% 30px 0;
	padding: 0;
	float: left;
}
#container .single-shop-cat ul li{
	width: 47.5%!important;
	height: auto;
	margin: 0 5% 30px 0;
	padding: 0;
	float: left;
}

#container .shop-cat li:nth-child(4n){
	margin: 0 0 30px;
}

#container .single-shop-cat ul li:nth-child(2n){
	margin: 0 0% 30px 0;
}


#container .shop-cat.promotion li a.tag{
	overflow: hidden;
	position: relative;
	display: block;
}

#container .shop-cat.promotion li a.tag:after{
	position: absolute;
	content: 'PROMOTION';
	width: auto;
	height: auto;
	padding: 5px 50px;
	z-index: 10;
	top: 12px;
	left: -50px;
	color:#fff;
	font-size: 11px;
	line-height: 15px;
	background: #c42927;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

#container .shop-cat.promotion li a.tag div.promoTitle{
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	margin: 5%;
	padding: 10% 6%;
	width: 78%;
	height: auto;
	color:#522f15;
	font-weight: bold;
	background: rgba(255,255,255,0.7);
}

#container .shop-cat.promotion li a.tag div.promoTitle p{
	font-size: 15px;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	margin: 10px 0;
	padding: 0;
}

#container .shop-cat li img{
	width: 100%;
	height: auto;
}

#container .shop-cat li .sub-inner{
	padding: 5px 10px;
	background: #f8f8f8;
	border-bottom: solid 1px #ddd;
	max-width: auto;
	width: auto;
}

#container .shop-cat li h3{
	font-size: 15px;
	line-height: 20px;
	/*height: 20px;
	overflow: hidden;*/
	font-weight: bold;
	margin: 0 0 5px;
	text-align: center;
}

#container .shop-cat li h3 a{
	color:#522f15;
}

#container .shop-cat li .sub-inner p:last-child{
	font-size: 12px;
	line-height: 16px;
	height: 64px;
	overflow: hidden;
	margin: 0 0 10px;
}

#container .shop-cat li p.clr{
	position: relative;
}

#container .shop-cat li span.location{
	float: right;
	display: block;
    font-weight: 300;
	color: #888;
	font-size: 11px;
}

#container .shop-cat li span.location:before{
  content: "\f041";
  margin: 0 3px 0 0;
  font-family: 'FontAwesome';
}

#container .shop-cat li span.food-category{
	margin:-17px 0 5px -16px;
	position: absolute;
	left: 0;
	top: 0;
	padding:2px 10px 2px 10px;
	color:#FFF;
	border-radius: 0px 0 5px 0;
	font-size: 11px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

#container .shop-cat li span.food-category:before {
   content: "\f0f5";
  font-family: 'FontAwesome';
  margin: 0 5px 5px 0;
 }
 
#container .shop-cat li span.food-category:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	left: -15px;
	bottom: -15px;
	background: transparent;
	border-color: transparent #666 transparent transparent;
	border-style:solid;
	border-width:15px;
}

/*	06-7 CONTAINER-Search*/

#container article.search h2.blog-cat span{
	font-size: 14px;
	margin: 0 0 0 20px;
	color: #888888;
}

#container article.search ul.post{

}

#container article.search ul.post li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
}

#container article.search ul.post li .image{
	width: 18%;
	float: left;
	display: block;
}

#container article.searchul.post li .image img{
	width: 100%;
	height: auto;
}

#container article.search ul.post li .info{
	width: 79%;
	float: right;
}

#container article.search ul.post li .info span.date{
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 20px;
	line-height: 20px;
	display: block;
	margin: 0;
	float: left;
}

#container article.search ul.post li .info p span.cat{
	float: right;
	display: block;
	position: relative;
	padding: 3px 10px 3px 15px;
	border-radius: 10px;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

#container article.search ul.post li .info p span.cat:before{
	position: absolute;
	top: 8px;
	left:6px;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	line-height: 4px;
	content: "";
	background: #fff;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1) inset;
}

#container article.search ul.post li .info h3{
	font-size: 20px;
	margin: 15px 0 8px 0;
}


/*	06-8 CONTAINER-Sub-Page*/

#container article .sub-page h1, #container .sub-page h1{
	font-size: 28px;
	line-height: 30px;
	margin: 0px 0 40px;
	padding: 0 0 0 15px;
	border-left: 8px solid #444;
}

#container article .sub-page .intro{
	margin: 0px 0 30px;	
}

#container article .sub-page .intro p{
	margin: 0 0 10px;
}

#container article .sub-page img{
	max-width: 100%;
	height: auto;
}

#container article .sub-page ul.sub-content{
	width: 100%;
}

#container article .sub-page ul.sub-content li{
	margin: 0 0 25px 0;	
}

#container article .sub-page ul.sub-content li p{
	font-size: 18px;
	font-weight: 600;
	color: #522f15;
	margin: 0px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #522f15;
}

#container article .sub-page ul.sub-content li ol{
	list-style: decimal;
	margin-left: 10px;
	list-style-position: inside;
}

#container article .sub-page ul.sub-content li ol li{
	margin: 5px 0 5px 0;	
}

#container article .sub-page ul.sub-content li ol li ol{
	list-style: lower-roman;
	margin-left: 10px;
	list-style-position: inside;
}

#container article .sub-page ul.sub-content li ul.sitemap{
	margin: 0 0 50px;
}

#container article .sub-page ul.sub-content li ul.sitemap li{
	width: 32%;
	margin: 0 2% 10px 0;
	float: left;
}

#container article .sub-page ul.sub-content li ul.sitemap li:nth-child(3n){
	margin: 0 0% 10px 0;
}

#container article .sub-page ul.sub-content li ul.sitemap li a{
	display: block;
	text-align: center;
	padding: 10px 0;
	text-align: 24px;
	background: #f8f8f8;
	border: 1px solid #eee;
}

#container article .sub-page ul.sub-content li ul.sitemap li a:hover{
	background: #522f15;
	color: #fff;
}

#contact .form{
	width: 100%;
	float: left;
}

#contact .form table{
	padding: 0px;
	margin: 0 0 0px 0;
	width: 100%;
	overflow: hidden;
	border-radius: 15px;
}


#contact .form table tr th.head{
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	background: #c42927;
}

#contact .form table tr td, #contact .form table tr th{
	text-align: center;
	padding: 10px 20px;
	background-color: #fafafa;
	vertical-align: middle;
	width: 22%;
}

#contact .form table tr td{
	width: 78%;
}

#contact .form table tr td input{
	height: 30px;
	line-height: 25px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #eee;
}

#contact .form table tr td select{
	height: 25px;
	line-height: 15px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #eee;
}

#contact .form table tr td textarea{
	line-height: 25px;
	font-size: 14px;
	height: 380px;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #eee;
}

#contact .form .caution{
	display: block;
	margin: 5px 0 10px 0;
	font-size: 11px;
	color: #888;
	text-align: center;
}

#contact .form .submit{
	margin: 5px auto 20px;
	width: 200px;
	/*background: #c42927;*/
	display: block;
	border-radius: 5px;
}

#contact .form .submit input{
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 8px;
	box-shadow: none;
	background: none;
	cursor: pointer;
}

#contact .form .submit input[type=submit]{ 
	background: #c42927;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	height: auto;
	padding: 0px 8px;
	box-shadow: none;
	cursor: pointer; 
}
#contact .form .submit input[type=submit]:hover{background:#522f15;}

#contact .form .submit:hover{
	/*background:#522f15;*/
}

/*
	----------------------------
	07 FOOTER
	____________________________
*/
footer .inner {
	padding: 30px 0 0;
}

footer .inner .sub-navi{
	/*float: left;*/
	margin: 0 3% 30px 0;
}
#main .sub-navi{
	width: 60%;
	margin: 50px auto;
}

footer .inner .sub-navi h3,
#main .sub-navi h3{
	width: 100%;
	margin: 0 0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color:#444;
}

footer .inner .sub-navi h3 .fa,
#main .sub-navi h3 .fa{
	margin: 0 8px 0 0;	
}

footer .inner .sub-navi ul li{
	margin: 0 0 3px 0;
}

footer .inner .sub-navi ul li a{
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	padding: 6px 0;
}

footer .inner .sub-navi ul li:before{
  font-family: 'FontAwesome';
  content: "\f0da";
  margin: 0 5px 0 0;
	font-size: 10px;
}
.grand_child li a:before{
  font-family: 'FontAwesome';
  content: "\f0da";
  margin: 0 5px 0 20px;
  font-size: 10px;
}
.no_before .grand_child li a {
    padding-left: 20px!important;
}
.no_before:before,
.no_before ul li:before{
	content: none!important;
}
/*
footer .inner .sub-navi ul li.title{
	font-size: 14px;
	font-weight: bold;
}

footer .inner .sub-navi ul li.title:before{
  content: "\f0a9";
  content: "";
  margin:  0;
}
*/

.FlexBox{ display: flex; justify-content: space-between; width: 100%;}

footer .inner .sub-navi.about{
	/*width: 15%;width: 33.33%;*/ 
}

footer .inner .sub-navi.food{
	/*width: 24%;  width: 33.33%;*/
}

footer .inner .sub-navi.food2{
	/*width: 24%;*/ /* 26% */
}
footer .inner .sub-navi.food .left2{ margin-left: 100px;}

footer .inner .sub-navi.food ul{
	/*width: 50%;
	float: left;*/
}

footer .inner .sub-navi.blog{
	/*width: 25%;  width: 33.33%;*/
}

footer .inner .form{
	width: 22%;
	float: left;
	margin: 0 0 30px 0;
}

footer .inner .form p,
#main .sub-navi p{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 5px;
}
#main .sub-navi p{
	margin: 15px 0;
}

footer .inner .form input,
footer .inner .form textarea,
#main .form input{
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	margin: 0 0 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
	color: #aaa;
	font-size: 14px;
}
#main .form input{
	font-size: 12px;
}

footer .inner .form textarea{
	height: 160px;
}

footer .inner .form input.submit,
#main .form input.submit{
	color: #fff;
	background: #666;
	cursor: pointer;
	margin-top: 20px;
}
footer .inner .form .wpcf7-checkbox .wpcf7-list-item{ display: block!important;}
footer .inner .form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ padding-left: 5px!important;}
footer .inner .form .wpcf7 form .wpcf7-response-output{ margin: 0em 0.5em 1em!important; }
.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

footer .copy{
	padding: 7px 0;
	color: #fff;
	margin: 0 auto;
	background: #000;
	background: #342011;
}

footer .copy p{
	text-align: center;
	font-size: 12px;
}

/*
	----------------------------
	11 Others
	----------------------------
*/

/*	11-0 Category Color */
.cat01{
	background: #462661;
}

.cat02{
	background: #697543;
}

.cat03{
	background: #CB9225;
}

.cat04{
	background: #993234;
}

.cat05{
	background: #354e33;
}

.cat06{
	background: #CE5915;
}

.cat07{
	background: #674270;
}

.cat08{
	background: #E24B74;
}

.cat09{
	background: #6A3E1C;
}

.col01{
	color: #462661;
}
.col02{
	color: #697543;
}

.col03{
	color: #CB9225;
}

.col04{
	color: #993234;
}

.col05{
	color: #354e33;
}

.col06{
	color: #CE5915;
}

.col07{
	color: #674270;
}

.col08{
	color: #E24B74;
}

.col09{
	color: #6A3E1C;
}

.bord01{
	border-color: #462661;
}
.bord02{
	border-color: #697543;
}

.bord03{
	border-color: #CB9225;
}

.bord04{
	border-color: #993234;
}

.bord05{
	border-color: #354e33;
}

.bord06{
	border-color: #CE5915;
}

.bord07{
	border-color: #674270;
}

.bord08{
	border-color: #E24B74;
}

.bord09{
	border-color: #6A3E1C;
}


.blog01{
	background: #f1c103;
	background: #f1ab03;
}

.blog02{
	background: #3993d4;
	background: #0093AD;
}

.blog03{
	background: #c42927;
}

.grand_child li a{
	padding-left: 30px!important; 
}

/*	11-1 Facebook & Twitter */

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }
.twitter-timeline{
    width: 100% !important;
}

/*	11-2 Pagenation */

#pagenation{
	text-align: left;
	margin: 30px 0 0px 0;
}

#container .inner #pagenation li{
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 0;
	width: auto;
}

#container .inner #pagenation li a{
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #ccc;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	border-radius: 50%;
}

#container .inner #pagenation li a:hover, #container .inner #pagenation li a.active{
	background: #522f15;
	background: #342011;
	color: #fff;
	text-decoration: none;
}


/*	11-3 Framework */
.col { 
	display: block;
	float: left;
}
	
	.gutters .span_1 { width: 4.5%; }
	.gutters .span_2 { width: 13.0%; }
	.gutters .span_3 { width: 21.5%; }
	.gutters .span_4 { width: 30.0%; }
	.gutters .span_5 { width: 38.5%; }
	.gutters .span_6 { width: 47.0%; }
	.gutters .span_7 { width: 55.5%; }
	.gutters .span_8 { width: 64.0%; }
	.gutters .span_9 { width: 72.5%; }
	.gutters .span_10 { width: 81.0%; }
	.gutters .span_11 { width: 89.5%; }
	.gutters .span_12 { width: 100%; }

	.gutters .col {
		margin-left: 4%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}

	.gutters .col img{
		width: auto;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
		display: block;
	}


/*	11-4 Sub-Page */
.sub-page .about-circle{
	margin: -20px 0 20px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

.sub-page .circle-navi{
	margin: 30px 0 20px;
}

.sub-page .circle-navi li{
	display: inline-block;
	margin: 0 5px 0 0;
}

.sub-page .circle-navi li a{
	padding: 5px 15px;
	display: block;
	line-height: 30px;
	background: #eee;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
.sub-page .circle-navi li:first-child a,
.sub-page .circle-navi li:first-child a.active, 
.sub-page .circle-navi li:first-child a:hover{
	background:#008bbd;
	color: #fff;
}
.sub-page .circle-navi li:nth-child(2) a,
.sub-page .circle-navi li:nth-child(2) a.active, 
.sub-page .circle-navi li:nth-child(2) a:hover{
	background:#2b6d49;
	color: #fff;
}

.sub-page .circle li{
	width: 49%;
	float: left;
	margin: 0 2% 20px 0;
}

.sub-page .circle li:nth-child(2n){
	margin: 0 0 20px 0;
}

.sub-page .circle li .sub-inner{
	padding: 10px;
	border: 1px solid #008bbd;
}

.sub-page .circle.kenjinkai li .sub-inner{
	border: 1px solid #2b6d49;
}

.sub-page .circle li .sub-inner .left{
	width: 55%;
	float: left;
}

.sub-page .circle li .sub-inner .right{
	width: 40%;
	float: right;
	font-size: 11px;
	color: #008bbd;
}

.sub-page .circle.kenjinkai li .sub-inner .right{
	color: #2b6d49;
}

.sub-page .circle li .sub-inner .left .intro{
	display: inline-block;
	position: relative;
	padding: 5px 15px 5px 20px;
	margin: 0 0 10px;
	border-radius: 12px;
	color: #fff;
	background: #008bbd;
	line-height: 14px;
	font-size: 14px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

.sub-page .circle.kenjinkai li .sub-inner .left .intro{
	background: #2b6d49;
}

.sub-page .circle li .sub-inner .left .intro:before{
	position: absolute;
	top: 8px;
	left:6px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	line-height: 4px;
	content: "";
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1) inset;
}

.sub-page .circle li .sub-inner .left h2{
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 10px;
}

.sub-page .circle li .sub-inner .left h3{
	color: #008bbd;
}

.sub-page .circle.kenjinkai li .sub-inner .left h3{
	color: #2b6d49;;
}

.sub-page .circle li .sub-inner .left .description{
	margin: 0 0 10px;
}

.sub-page .circle li .sub-inner .left ul li{
	margin: 0 5px 0 0;
	padding: 0;
	float: none;
	display: inline;
	font-size: 12px;
	line-height: 13px;
}

.sub-page .circle li .sub-inner .left ul li .fa{
	margin: 0 3px 0 0;
}

.sub-page .circle li .sub-inner .right img{
	width: 100%;
	margin: 0 0 10px;
}

.sub-page .circle li .sub-inner .right table th, 
.sub-page .circle li .sub-inner .right table td{
	line-height: 16px;
	padding: 0 0 5px;
}

.sub-page .circle li .sub-inner .right table th{
	width: 20%;
}



.sub-page .about p{
	margin: 0 0 30px;
}

.sub-page .about img{
	margin: 0 auto 30px;
	text-align: center;
}

.sub-page .about ul li{
	margin: 10px 0;
	list-style: disc;
	list-style-position: inside;
}

.sub-page table.outline{
	width: 100%;
}

.sub-page table.outline tr th{
	width: 25%;
	padding: 10px 0;
} 

.sub-page table.outline tr td{

	padding: 10px 0;
}

.sub-page table.outline tr td em{
	font-weight: bold;
}

.img-responsive {
	width: 100%;
	height: auto;
}

.recent-post ul.recent li {
	margin: 5px 0;
}

.recent-post ul.recent li div:first-child {
	margin-right: 10px;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
	width: 25%;
}

.recent-post ul.recent li div:last-child {
	margin: 0 0 0 2%;
	float: left;
	width: 65%;
	line-height: 18px;
	font-size: 13px;
	text-align: left;
	width: 69%;
}

#fb-ad{
	position: fixed;
	display: none;
	bottom: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	z-index: 9999;
}

#fb-ad ul{
	padding: 10px 5px 5px;
	height: 28px;
	width: 100%;
	background: #522f15;
	margin: 0;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
	position: absolute;
	bottom: 0;
}

#fb-ad li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: middle;
	height: 22px;
}

#fb-ad li:first-child{
	margin: -3px 0 0 0;
}