@charset "UTF-8";

/* 基本設定
=============================================== */

html {
	overflow-y:scroll;
	overflow-x: hidden;
}
html,body {

	font-size: 62.5%;
}
body {
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Times New Roman", "ＭＳ Ｐ明朝", serif, "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	color: #461b08;
	-webkit-text-size-adjust: none;
	font-size: 14px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1100px;
}
img {
	vertical-align: bottom;
}
a {
	color: #635245;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav li {
  margin: 0;
  padding: 0;
}
::selection {
    background: #3b1b0d;
    color: #fff;
}


/* コンテンツ
=============================================== */

#container {

}
#contents {
	margin: 0px auto;
	width: 1000px;
}
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main {
	float: left;
	margin: 0px;
	overflow: hidden;
	width: 700px;
	padding: 0px;
}
#sub {
	width: 240px;
	float: right;
}


/* 共通パーツ
=============================================== */


.btnL {
	display: inline-block;
	border-radius: 3px;
	padding: 15px 0px;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	font-size: 12px;
	background: #fff;
	line-height: 1;
	border: solid 1px #e8e8e8;
	width:200px
}
.btnL:hover  {
	background: #e8e8e8;
	text-decoration: none;
}
.btn  {
	display: inline-block;
	border-radius: 3px;
	padding: 12px 15px;
	text-decoration: none;
	color: #FFFFFF!important;
	text-align: center;
	margin: 0px;
	font-size: 12px;
	background: #a5cd3c;
	line-height: 1;
	min-width:150px;
}
.btn:hover {
	background: #9CC532;
	color: #FFF;
	text-decoration: none;
}
.btn span {
	margin-left: 5px;
}
.meta:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.pageNav .pageNav_inner ul {
	display: table;
	table-layout: fixed;
	width: 800px;
	border-top: none;
	border-collapse: collapse;
	margin: 0px auto 80px;
}
.pageNav .pageNav_inner ul li {
	float: none;
	display: table-cell;
	width: 100%;
	border-bottom: none;
	border: 1px solid #ece8e6;
	text-align: center;
	line-height: 60px;
	font-size: 12px;
}
/* ヘッダー
=============================================== */

#gHeader {
	background: #fff;
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 10000;
	line-height:1;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
#gHeader #gHeadeInner {
	height: 100px;
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
#gHeader h1 {
	margin: 0px;
	padding: 0px;
}
#gHeader.fixed {
	position: fixed;
	left: 0;
	height: 100px;
}
#gHeader #gNav {
	position: absolute;
	right: 0px;
	top: 37px;
	font-size: 13px;
}
#gHeader #gNav li {
	text-align:center;
	float: left;
	border-left: solid 1px;
	border-color: #dad1ce;
}
#gHeader #gNav li span {
	display:block;
	font-size:9px;
	margin-top:10px;
}
#gHeader #gNav li+li {
	margin-left: 20px;
}
#gHeader #gNav a {
	display:block;
	color: #461b08;
	text-decoration: none;
	padding: 0 10px 0 25px;
}
#gHeader #gNav .snsNav img{
	width: 28px;
}
#gHeader #gNav .insta {
	border: none;
	margin:0;
}
#gHeader #gNav .insta a {
	padding:0;
}
#gHeader #gNav a span {
	color: #E0C163;
}
#gHeader #gNav a:hover {
	color: #f57d8e;
}
#gHeader #gNav label,
#gHeader #gNav #button {
	display:none;
}


/* フッター
=============================================== */

#footer {
	font-size: 12px;
	line-height: 1.6;
	background: #3b1b0d;
	color: #FFFFFF;
	margin-top: 150px;
	clear: both;
}
#footer {
	margin-top: 0px;
}
#footerInner {
	margin: 0px auto;
	width: 1000px;
	position: relative;
	padding: 60px 0px;
}
#footer h1 {
	position: absolute;
	right: 0;
	top: 60px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #fNav {
	margin-bottom:20px;
	float: right;
}
#footer #fNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer #fNav li {
	display:inline;
	margin-right:15px;
}
#footer #copyright {
	font-size:10px;
}
#footer #pagetop {
	position: absolute;
	margin-left:-25px;
	top: -25px;
	left: 50%;
}
#footer #pagetop img{
	width: 60%;
}
#footer #pagetop a:hover{
	background: url(../../images/footer_pagetop_on.png)
}

/* 共通タイトル
=============================================== */

#cTitle {
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 85px 0px 75px;
}
#cTitle h2 {
	margin: 0;
	text-align: center;
	font: normal 38px/1 centurygothic;
	margin-bottom: 15px;
	font-family: "Times New Roman","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif, "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#cTitle p {
	font-size: 12px;
	margin: 0;
}
h3.ttl {
	margin: 40px 0px 20px;
	clear: both;
}
h3.ttl:before {
	content: "━";
	display: block;
	float: left;
	margin-right:5px;
	width: 1em;
	text-align: center;
	transform: scale( 0.6 , 1 );
}


/* 共通ビジュアル
=============================================== */

#visual {
	margin-bottom:60px;
}


/* ページ送り
=============================================== */

#pager {
	clear: both;
	height: 40px;
	font-size: 11px;
	border-top: 1px solid #F0F0F0;
	padding-top: 40px;
}
#pager .page-numbers,
#pager a {
	height: 20px;
	padding: 10px 25px;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 20px;
	margin: 0px 1px 1px 0px;
}
#pager span {
	background: #635245;
}
#pager .dots {
	background: #f8f8f8;
	color: #635245;
}
#pager a {
	color: #fff;
	background: #a5cd3c;
}
#pager a:hover {
	background: #635245;
	text-decoration: none;
}


/* 次の記事
=============================================== */

#nextLink {
	border-top: solid 1px #DEDDDB;
	padding: 40px 5px 0px 0px;
	clear:both;
	font-size: 12px;
	overflow:hidden;
}
#nextLink .prev {
	float:left;
}
#nextLink .next {
	float:right;
}


/* コンテンツ用ナビゲーション
=============================================== */

#cNav ul {
	display: table;
	table-layout: fixed;
	width: 800px;
	border-top: none;
	border-collapse: collapse;
	margin: 0px auto 80px;
}
#cNav li {
	float: none;
	display: table-cell;
	width: 100%;
	border-bottom: none;
	border: 1px solid #ece8e6;
	text-align: center;
	line-height: 60px;
	font-size: 12px;
}
#cNav a {
	display: block;
	color: #635245;
	text-decoration: none;
}
#cNav a:hover,
#cNav .current-cat a {
	color: #635245;
	background: #ece8e6;
}



/* 共通テーブル
=============================================== */


.tbl {
	border-collapse: collapse;
	background: #FFF;
	width: 100%;
	font-size: 13px;
}
.tbl caption {
	background: #E5E1D1;
	padding: 15px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;

}
.tbl th{
	padding: 25px;
	background: #f8f8f8;
	width: 200px;
	text-align: left;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-weight: normal;
}
.tbl td{
	padding: 25px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.tbl ul{
	padding-left: 1.5em;
}



/* SALON
=============================================== */


#salon #detailsWrap {
	width: 920px;
	padding-left: 500%;
	padding-right: 500%;
	overflow: hidden;
	margin: 0 -500% 150px;
	clear: both;
}
#salon #details {
	width: 450px;
	float: left;
	clear: both;
	overflow: hidden;
}
#salon #details #btn {
	overflow: hidden;
	margin-bottom:30px;
}
#salon #details #btn li {
	display:inline;
}
#salon #details  h2 {
	font-size: 16px;
	margin: 0px 0px 20px;
	border-bottom: solid 3px #461b08;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#salon #details  h2 span {
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
}
#salon #details p {
	margin: 0px;
	font-size: 13px;
}
#salon #details figure {
	margin: 0px 0px 25px 20px;
}
#salon #details figure img{
	max-width:440px;
}
#salon #details table {
	margin: 0;
	font-size: 13px;
	text-align:left;
}
#salon #details tr {
	border-bottom: solid 1px #ece8e6;
}
#salon #details th {
	width: 30%;
}
#salon #details td {
	width: 70%;
}
#salon #accessMap {
	width: 450px;
	float: right;
}
#salon #details .meta {
	margin: 20px 10px 0px 0px;
	color: #ffffff;
	padding: 8px 25px;
	border-radius: .25em;
	text-align: center;
	float: left;
	background: #dbb650;
}
#salon #details .meta a {
	color: #ffffff;
	text-decoration: none;
}


/* MENU
=============================================== */

#menu #contents {
	margin-bottom: 150px;
}
#menu #price {
	overflow: hidden;
	margin: 0 auto;
	width: 920px;
}
#menu #price h3 {
	border-bottom: solid 3px #461b08;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#menu #price h3 span {
	margin-left: 30px;
	font-size: 12px;
	font-weight: normal;
}
#menu #price ul {
	list-style: none;
	margin: 5px 0 0 -40px;
}
#menu #price .menuList {
	width: 70%;
	float: left;
	padding: 10px 0;
	border-bottom: solid 1px #ece8e6;
}
#menu #price .priceList {
	width: 30%;
	text-align: right;
	float: right;
	padding: 10px 0;
	border-bottom: solid 1px #ece8e6;
}
#menu #price #color {
	margin-top: 190px;
}
#menu #price #color .menuList {
	margin-top: 0;
}
#menu #price #color .priceList {
	margin-top: 0;
}
#menu #price .colorSample {
	margin: 90px auto 100px;
	padding: 0px;
	list-style: none;
	width: 920px;
}
#menu #price .colorSample li {
	float: left;
	width: 200px;
}
#menu #price .colorSample li img {
	width: 200px;
	border: solid #e8daae;
	border-radius: .5em;
	padding: 5px;
}
#menu #price .colorSample li+li {
	margin-left: 35px;
}
#menu #price #body {
	margin-top: 100px;
}
#menu #price #removal {
	margin-top: 440px;
}
#menu #price #sample01 {
	margin: 20px 0;
}
#menu #price #sample02 {
	margin: 20px 0 20px;
}
#menu #price #jewely p {
	border-top: solid 1px #ece8e6;
	padding-top: 20px;
	margin-bottom: 20px;
}
#menu #price #jewely .meta {
	margin: 10px 10px 0px 0px;
	color: #ffffff;
	padding: 8px 25px;
	border-radius: .25em;
	text-align: center;
	float: left;
}
#menu #price #jewely .meta a {
	color: #ffffff;
	text-decoration: none;
}
#menu #price #jewely #jewelyBlog {
	background: #73c379;
	margin-right: 30px;
}
#menu #price #jewely #jewelyInsta {
	background: #f7a0ac;
}

/* STAFF
=============================================== */

#staff #contents {
	margin-bottom: 150px;
}
#staff #visual {
	margin-left: 40px;
}
#staff #staffList {
	margin: 0 auto;
	width: 920px;
}
#staff #staffList h3 {
	border-bottom: solid 3px #461b08;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#staff #staffList h3 span {
	margin-left: 10px;
}
#staff #staffList ul {
	overflow: hidden;
	margin: 0 0 50px;
	padding: 0px;
}
#staff #staffList li {
	padding: 0px;
	margin: 0 0 20px;
	display:table;
	background: #f6f3ee;
	width:100%;
}
#staff #staffList li p {
	font-size: 12px;
}
#staff #staffList figure {
	margin: 0px;
	display: table-cell;
	width:180px;
}
#staff #staffList figure img {
	width: 250px;
}
#staff #staffList .text {
	margin: 0px;
	font-size: 14px;
	padding: 10px 40px;
	display: table-cell;
	vertical-align: middle;
}
#staff #staffList .name {
	font-size: 20px;
	margin:0;
}
#staff #staffList .name span {
	font-size: 14px;
	margin-left: 10px;
}
#staff #staffList li+li {
	margin-top: 30px;
}
#staff #staffList #recruit .meta {
	margin: 10px 10px 0px 0px;
	color: #ffffff;
	padding: 8px 25px;
	border-radius: .25em;
	text-align: center;
	float: left;
	background: #dbb650;
}
#staff #staffList #recruit a {
	color: #ffffff;
	text-decoration: none;
}

/* RECRUIT
=============================================== */

#recruit #contents {
	margin-bottom: 150px;
}
#recruit #cTitle {
	padding-bottom: 30px;
}
#recruit #recruitBox p {
	text-align: center;
	margin-bottom: 60px;
}
#recruit #recruitBox table {
	border: solid 1px #ece8e6;
	width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
}
#recruit #recruitBox table th {
	width: 100px;
	border: solid 1px #d7d5d4;
	text-align: left;
	padding: 10px 20px;
	background: #ece8e6;
}
#recruit #recruitBox table td {
	border: solid 1px #d7d5d4;
	padding: 10px 20px;
}


/* Q&A
=============================================== */

#faq #faqList {
	margin: 0 auto;
	width: 860px;
}
#faq #faqList ul {
	overflow: hidden;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#faq #faqList li {
	padding: 0px;
	margin: 0px;
}
#faq #faqList h3 {
	margin: 0 0 20;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
}
#faq #faqList h3:before {
	content: "Q";
	display:inline;
	margin-right: 8px;
	font: normal 30px centurygothic;
	color: #d0a31c;
	font-family: "Times New Roman","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif, "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#faq #faqList .answer {
	margin: 0;
	background: #f6f3ee;
	padding: 20px 40px;
	font-size: 14px;
	position: relative;
}
#faq #faqList li+li {
	margin-top:40px;
}
#faq #faqList .answer:after {
	content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #F6F3EE;
    bottom: 100%;
    left: 30px;
}


/* インフォメーション
=============================================== */

#information #informationList ul{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 1000px;
	display: table;
}
#information #informationList li{
	background: #FEF6E6;
	height: 120px;
}
#information #informationList li+li{
	margin-top:20px;
}
#information #informationList li .text{
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	overflow:hidden;
	padding:0 25px;
}
#information #informationList li figure{
	height: 120px;
	width: 120px;
	float: left;
}
#information #informationList li img{
	width: 120px;
	height: 120px;
}
#information #informationList li p{
	margin: 0px;
	vertical-align: middle;
	max-height: 3em;
	overflow: hidden;
}
#information #informationList li .meta{
	font-size: 12px;
	display: block;
	margin-bottom: 2px;
}


/* ブログ
=============================================== */


#main .entry {
	margin-bottom: 60px;
}
#main .entry .title {
	margin: 0px 0px 20px;
	height: 80px;
	border-top: 2px solid #a5cd3c;
	border-bottom: 1px solid #e8e8e8;
	display: table;
	width: 100%;
}
#main .entry .title h2 {
	font-size: 18px;
	color: #635245;
	font-weight: normal;
	display: table-cell;
	width: 600px;
	padding-right: 20px;
	vertical-align: middle;
	margin: 0px;
}
#main .entry .title .meta{
	font-size: 12px;
	color: #666;
	display:table-cell;
	vertical-align:middle;
}
#main .entry .title span{
	border-left: 1px solid #e8e8e8;
	display: block;
	padding: 10px 20px;
	font-size: 11px;
}
#main .entry .entrybody img{
	margin:20px auto;
}
#main .entry .entrybody{
	clear: both;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 20px;
}
#main .entry .category {
	padding-top: 15px;
	font-size: 12px;
}
#sub #sidemenu {
	font-size: 12px;
}
#sub #sidemenu nav {
	padding-top: 30px;
	margin: 0px 0px 40px 0px;
	border-top: 1px solid #e8e8e8;
}
#sub #sidemenu h3 {
	margin: 0px 0px 20px;
	font-size: 15px;
}
#sub #sidemenu h3:before {
	content: "━";
	display: block;
	float: left;
	margin-right:5px;
	width: 1em;
	text-align: center;
	transform: scale( 0.6 , 1 );
}

#sub #sidemenu ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
}
#sub #sidemenu li {
	margin: 0px 0px 5px;
	padding: 0px;
	list-style: none;
	text-indent: -15px;
}

#sub #sidemenu li:before {
	content: "・";
	width: 10px;
	height: 10px;
	margin: 0px 5px 0 0;
	float: left;
}
#sub #sidemenu li ul {
	margin: 5px 0px 10px 15px;
}
#sub #sidemenu li ul li{
	font-size: 12px;
	border-bottom: none;
	padding: 0px;
	margin-bottom:3px;
}


/* COMMENTS */
#comments {
	border-top: 1px solid #e7e7e7;
	clear: both;
	padding: 40px 20px;
}
#comments ul {
	list-style: none;
}
#comments h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}

h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body {
	padding: 20px;
	background: #FAFAFA;
	margin-bottom: 10px;
	font-size:13px;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 5px;
}
.comment-author {
	margin-bottom:5px;
}
.comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment-meta {
	font-size: 11px;
	margin: 0 0 15px;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.reply {
	font-size: 12px;
	padding: 0;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* トップページ
=============================================== */

.stripes {
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
}
.vertical {
	background-color: #FFE4E8;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
#home .btn {
	display: inline-block;
	border-radius: 4px;
	padding: 15px 0px;
	text-decoration: none;
	width: 280px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 10px;
	background-color: #EE7606;
}
#home .btn:hover {
	background-color:#635245;
}
#home #mainSlide{ 
	position:relative;
	height:493px
}

#home #mainSlide h1{
	margin:0;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	margin-top: -100px;
	top: 50%;
	z-index: 1000;
}
#home .images{
	position:relative;
	width:100%;
	height:493px;
}
#home #mainSlide ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#home #menuBox{
	padding: 80px 0px;
	overflow: hidden;
}
#home #menuBox ul{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 980px;
}
#home #menuBox li{
	float: left;
	width: 220px;
	text-align: center;
}
#home #menuBox li+li{
	margin-left:30px;
}
#home #menuBox li img{
	width: 100%;
}

#home #infoBox{
	padding: 50px 0px;
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	display:table;
}
#home #infoBox h2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#home #infoBox dl {
	width: 500px;
	display:table-cell;
	font-size: 13px;
}
#home #infoBox dt {
	clear: both;
	float: left;
	width: 100px;
	padding: 5px 0px;
}
#home #infoBox dd {
	margin-left: 100px;
	padding: 5px 0px;
}
#home #salonBox{
	padding: 90px 0px 50px;
	overflow: hidden;
}
#home #salonBox h2{
	text-align: center;
	margin: 0px 0px 50px;
}
#home #salonBox ul{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 1000px;
}
#home #salonBox li{
	float: left;
	width: 480px;
	overflow: hidden;
	margin-bottom: 50px;
}
#home #salonBox li:nth-child(odd){
	margin-right:40px;
}
#home #salonBox li figure{
	float: left;
	width: 260px;
	margin: 0px;
}
#home #salonBox li figure img{
	width: 260px;
}
#home #salonBox li .text{
	float: right;
	width: 195px;
}
#home #salonBox li h3{
	font-size: 20px;
	margin: 16px 0px 0px;
}
#home #salonBox li h4{
	margin: -3px 0px 20px;
	font-size: 11px;
	font-weight: normal;
}
#home #salonBox li p{
	margin: 0px;
	font-size: 12px;
}
#home #salonBox li .meta{
	margin: 10px 10px 0px 0px;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 12px;
	border-radius: .25em;
	text-align: center;
	float: left;
}
#home #salonBox li .store{
	background: #f797a5;
}
#home #salonBox li .staff{
	background: #dbb650;
}
#home #salonBox li a {
	margin: 10px 0px 0px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#home #postsBox {
	padding: 90px 0px;
	overflow: hidden;
	background: #FFF;
}
#home #postsBox h2 {
	text-align: center;
	font: normal 30px centurygothic;
	margin: 0px 0px 50px;
}
#home #postsBox h3 {
float: left;
}
#home #postsBox ul {
	margin: 0px auto 40px;
	padding: 0px;
	list-style: none;
	width: 980px;
}
#home #postsBox .posts li {
	float: left;
	width: 200px;
}
#home #postsBox .posts li img {
	width: 214px;
	border: solid #e8daae;
	border-radius: .5em;
	padding: 5px;
}
#home #postsBox li+li {
	margin-left: 50px;
}
#home #postsBox .snsLink {
	margin: 0 auto;
	max-width: 200px;
}
#home #postsBox .snsLink .fb {
	float: left;
	margin: 10px 0 0 30px;
}
#home #postsBox .snsLink .fb img{
	width: 70%;
}
#home #postsBox .snsLink .insta {
	float: left;
	margin: 10px 0 0 0;
}
#home #postsBox .snsLink .insta img{
	width: 70%;
}
#home #bnrBox {
	margin: -65px auto 0;
	max-width: 980px;
}
#home #bnrBox ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 1000px;
}
#home #bnrBox li {
	float: left;
	width: 480px;
	text-align: center;
}
#home #bnrBox li+li {
	margin-left: 20px;
}
#home #bnrBox li img {
	width: 480px;
}


/* コンバージョンエリア
=============================================== */

#cvrArea {
	margin: 50px auto 0;
	padding: 60px 0px;
	text-align: center;
}
#cvrArea h2 {
	text-align: center;
	font: normal 30px centurygothic;
	margin: 0px 0px 20px;
}
#cvrArea .infoBox {
	max-width: 560px;
	margin: 30px auto 50px;
}
#cvrArea .infoBox .nagoya {
	float: left;
}
#cvrArea .infoBox .nagoya .meta {
	background: #c8a3e1;
}
#cvrArea .infoBox .nagoya ul {
	padding: 0 0 10px 10px;
	border-left: 6px solid #c8a3e1;
	height: 32px;
	border-radius: 3px;
}
#cvrArea .infoBox .kuwana {
	float: right;
}
#cvrArea .infoBox .kuwana .meta{
	background: #7ccfd9;
}
#cvrArea .infoBox .kuwana ul {
	padding: 0 0 10px 10px;
	border-left: 5px solid #7ccfd9;
	height: 32px;
	border-radius: 3px;
}
#cvrArea .infoBox .store{
	font-size: 15px;
	text-align: left;
}
#cvrArea .infoBox .info{
	font-size: 12px;
	text-align: left;
}
#cvrArea .infoBox .meta{
	font-size: 20px;
	margin: 15px 10px 0px 0px;
	color: #ffffff;
	padding: 10px 35px;
	border-radius: .25em;
	text-align: center;
	float: left;
}
#cvrArea .infoBox .meta:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#cvrArea ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 250px;
}
#cvrArea li {
	float: left;
	width: 250px;
	text-align: center;
}


/* Webフォント
=============================================== */

/* font-awasome */
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px 5px 0px 0px;
}