@charset "utf-8";

/* --------------------------------------------
  basic setting
 -------------------------------------------- */
html {
	font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }

html,body{
     height:100%;
}

body  {
	background-color:#fff;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
	font-style:normal;
	font-size:1.6rem;
	color:#444;
	line-height: 1.4em;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
	}
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
body  {
	font-size:1.5rem;
}
}

#container  {
	font-size:1.6rem;
	letter-spacing: 1px;
	height:100%;
	padding: 100px 0 0 0;
	margin:0 auto;
	position:relative;
}
p {
	font-style:normal;
	color:#000;
	font-size:1.8rem;
	line-height: 1.6em;
	text-decoration: none;
	text-align: left;
	margin:0 0 1em 0;
 	box-sizing:border-box;
}
p.textHead {
	text-indent: -1em;
	margin-left: 1em;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
#container  {
	font-size:1.4rem;
	padding: 40px 0 0 0;
}
p  {
	font-size:1.6rem;
}
p {
	 line-height:1.4em;
 }
}


br.noPc {
	display:none;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
br.noPc {
	display: block;
}
br.noSmp {
	display:none;
}
br.smp {
	display:inline;
}
}

div.noPc,
p.noPc {
	display: none;	
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
div.noPc,
p.noPc {
	display: block;	
}
div.noSmp,
p.noSmp {
	display: none;
}
}

img{
	margin:0;
	padding:0;
	vertical-align: bottom;
}
img.wsize {
	width:100%;
}
.wsize img {
	width:100%;
}
.floatImgLeft {
	float: left;
	margin: 5px 0.5em 0.5em 0;
}
.floatImgRight {
	float: right;
	margin: 5px  0 0.5em 0.5em;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
img{
	width: 100%;
}
}

/* リンク部 */
a:link    {text-decoration: underline; color:#999;}
a:visited {text-decoration: underline; color:#999;}
a:hover   {text-decoration: underline; color:#000;}
a:active  {text-decoration: underline; color:#999;}

a.trans {transition: all .3s;}
a.trans:link    {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}
a.trans:visited {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}
a.trans:hover   {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=100); -moz-opacity:0.60; opacity:0.60; vertical-align: bottom;}
a.trans:active  {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}

a.btnTel:link    {text-decoration: none; color:#000; font-size: 2em; font-weight: bold; line-height: 1.6em;}
a.btnTel:visited {text-decoration: none; color:#000; font-size: 2em; font-weight: bold; line-height: 1.6em;}
a.btnTel:hover   {text-decoration: none; color:#000; font-size: 2em; font-weight: bold; line-height: 1.6em;}
a.btnTel:active  {text-decoration: none; color:#000; font-size: 2em; font-weight: bold; line-height: 1.6em;}
a.btnTel::before  {font-family: FontAwesome; content: "\f098"; margin: 0 0.3em 0 0;}

a.line {
position: relative;6
display: inline-block;
padding: .4em;
text-decoration: none;
}
a.line:hover {
}
a.line::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
a.line:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}


/* --------------------------------------------
float  setting
 -------------------------------------------- */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}


/* --------------------------------------------
header  setting
 -------------------------------------------- */
header {
	width:100%;

}
.headerWrapper {
	width:100%;
    background-color: #555;  
	z-index:999;
  	position: fixed;
  	top: 0px;
 	left:0px;
 	right:0px;
}
.headerContents {
	text-align: center;
	max-width:1200px;
	width:100%;
	height: 100px;
	padding:10px 0;
	margin:0 auto;
}

.headerContents h1 {
	float: left;
}
.headerContents h1 img {
	vertical-align: middle;
}
.headerContents nav {
	float: right;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.headerContents {
	display:none;
}
}


/* --------------------------------------------
gnav  setting
 -------------------------------------------- */
ul.snsnav {
	text-align: right;
	margin:0.5em 0 1em 0;
}
ul.snsnav li {
	font-size: 1.7em;
	display: inline-block;
	margin: 0 0.5em;
}
ul.snsnav li a:link    {text-decoration: none; color:#fff;}
ul.snsnav li a:visited {text-decoration: none; color:#fff;}
ul.snsnav li a:hover   {text-decoration: none; color:#ccc;}
ul.snsnav li a:active  {text-decoration: none; color:#fff;}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0.5em 0.4em;
  color: #fff;
  font-size: 1.45rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  text-align: center;
  padding: 0.5em 0.4em;
  border-top: 1px solid #999;
  background: #555;
  text-align: center;
}
.dropmenu li:hover > a{
	color: #ccc;
}
.dropmenu li a:hover{
	color: #ccc;
}

#gnav ul {
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#gnav li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}



#smpnav {
	display:none;
}
.smpnav,
.menu-btn{
	display:none;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.headerContents {
	display:none;
}
.smpnav,
.menu-btn {
	display:block;
	z-index:999;
  	position: fixed;
  	top: 0px;
 	left:0px;
 	right:0px;
}
}



/* --------------------------------------------
 footer setting
 -------------------------------------------- */
 
 footer {
	background: #555;
	width:100%;
	margin:0 auto;
	padding: 10px 0 0 0;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
 footer {
}
}

.footerContents {
	font-size: 1.8rem;
	text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	align-items: center;
	width:100%;
	max-width:1200px;
	padding:20px 0;
	margin:0 auto;
	box-sizing: border-box;
}
.footerContents .footerLogo {
	margin: 0 60px;
}
.footerContents .footerInfo {
	margin: 0 20px;
	box-sizing: border-box;
}
.footerContents .footerInfo p {
	color: #fff;
	font-size: 1.6rem;
	margin: 0 0 0.3em 0;
}
.footerContents .footerInfo p.footerTel {
	font-size: 2.0rem;
	font-weight: bold;
}
.footerContents .footerInfo p.footerTel::before {
	font-family: FontAwesome;
	content: "\f095";
	margin: 0 0.3em 0 0;
}
.footerContents .footerJppa {
	text-align: center;
    margin-left: auto;
}
.footerContents .footerJppa p {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.footerContents {
	flex-direction: column;
	justify-content: center;
	flex-direction: column-reverse; 
	width:100%;
}
.footerContents .footerLogo {
	display: none;
}
.footerContents .footerInfo p {
	text-align: center;
	margin: 0 auto;
}
.footerContents .footerJppa {
	margin: 0 auto 2em auto;
}
}


.footerShop {
	background: #999;
	width:100%;
	margin:0 auto;
	padding: 10px 0;
	box-sizing: border-box;
}

.footerShop ul {
	text-align: center;
	width:100%;
	max-width:1200px;
	padding:0;
	margin:0 auto;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
.footerShop ul li {
	color: :#000;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 18%;
	margin: 0 1%;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.footerShop ul li img {
	width: 100%;
}
.footerShop ul li h2 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.footerShop ul li p {
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
}
.footerShop ul li a {transition: all .3s; display: block;}
.footerShop ul li a:link    {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}
.footerShop ul li a:visited {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}
.footerShop ul li a:hover   {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=100); -moz-opacity:0.60; opacity:0.60; vertical-align: bottom;}
.footerShop ul li a:active  {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:1; opacity:1; vertical-align: bottom;}

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.footerShop {
	display: none;
}
}

ul.fnav {
	text-align: left;
	margin: 0 auto 30px auto;
}
ul.fnav li {
	display: inline-block;
	margin: 0 0.5em;
}
ul.fnav li:before {
	font-family: FontAwesome;
	content: "\f04e";
	color: #000;
	font-weight: normal;
	margin: 0 0.3em 0 0;
}
.footerContents a:link    {text-decoration: none; color:#fff;}
.footerContents a:visited {text-decoration: none; color:#fff;}
.footerContents a:hover   {text-decoration: none; color:#000;}
.footerContents a:active  {text-decoration: none; color:#fff;}

.copyright {
	background: #555;
	text-align:center;
	width:100%;
	padding:15px;
	margin:0 auto;
	box-sizing:border-box;
}
.copyright p {
	color: #fff;
	text-align:center;
	max-width:1200px;
	margin: 0 auto;
}



/* --------------------------------------------
 headTitle setting
 -------------------------------------------- */

h1.headImg {
	text-align: center;
	display: table;
	width:100%;
	height: 250px;
	padding:0;
	margin:0 auto;
}
h1.headImg.concept { background: url(/okachimachi/img/headimg_concept.jpg) center center no-repeat; }
h1.headImg.shop    { background: url(/okachimachi/img/headimg_shop.jpg) center center no-repeat; }
h1.headImg.price   { background: url(/okachimachi/img/headimg_price.jpg) center center no-repeat; }
h1.headImg.guide   { background: url(/okachimachi/img/headimg_guide.jpg) center center no-repeat; }
h1.headImg.faq     { background: url(/okachimachi/img/headimg_faq.jpg) center center no-repeat; }
h1.headImg.contact { background: url(/okachimachi/img/headimg_contact.jpg) center center no-repeat; }
h1.headImg .titleText {
	color: #fff;
	font-size: 4.6rem;
	font-weight: bold;
	background:rgba(0,0,0,0.4) url(/okachimachi/img/headImg_bg.png) center center no-repeat;
    display:table-cell;
    vertical-align:middle;
	text-align: center;
	height: 250px;
	margin: 0 auto;
	text-shadow: 0 0 10px #000;
}
h1.headImg .titleText span {
	font-size: 2rem;
	display: block;
	margin: 1em auto 0 auto;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
h1.headImg {
	background-size:auto 150px;
	height: 150px;
}
h1.headImg .titleText {
	font-size: 3rem;
	height: 150px;
}
h1.headImg .titleText span {
	font-size: 1.5rem;
}
}


ul.contentsnav {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #fff;
	letter-spacing: -.4em;
}
ul.contentsnav li {
	display: inline-block;
	width: 33%;
	letter-spacing: normal;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}
ul.contentsnav li:first-child {
	width: 34%;
	border-left: none;
}
ul.contentsnav li a {
  display: inline-block;
  width: 100%;
  height: 3em;
  text-align: center;
  text-decoration: none;
  line-height: 3em;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #555;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}
ul.contentsnav li a::before,
ul.contentsnav li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
ul.contentsnav li a,
ul.contentsnav li a::before,
ul.contentsnav li a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
ul.contentsnav li a:hover {
  color: #fff;
}
ul.contentsnav li a::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
ul.contentsnav li a:hover::after {
  top: 0;
  background-color: #000;
}

ul.contentsnav.cnav2 li {
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}
ul.contentsnav.cnav2 li:first-child {
	width: 50%;
	border-left: none;
}
ul.contentsnav.cnav5 li {
	display: inline-block;
	width: 20%;
	letter-spacing: normal;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}
ul.contentsnav.cnav5 li:first-child {
	width: 20%;
	border-left: none;
}


/* --------------------------------------------
 Contents setting
 -------------------------------------------- */
 
 #contents {
	max-width:1200px;
	width:100%;
	padding:20px 0;
	margin:0 auto 150px auto;
	box-sizing: border-box;
 }
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
 #contents {
	 width:96%;
	 margin: 0 auto 50px auto;
 }
}

 section {
 	margin: 0 auto 50px auto;
 }

.mainSide {
	float: left;
	width: 65%;
	padding: 5px 20px;
}
.subSide {
	float: right;
	width: 30%;
	padding: 5px 20px;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.mainSide {
	float: none;
	width: 100%;
}
.subSide {
	float: none;
	width: 100%;
}
}

.leftSide {
	width: 60%;
	float: left;
	box-sizing: border-box;
}
.rightSide {
	width: 35%;
	float: right;
	box-sizing: border-box;
}
.rightSide img {
	width: 100%;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.leftSide {
	float: none;
	width: 100%;
}
.rightSide {
	float: none;
	width: 100%;
}
}


.inner {
	background: #fff;
	width: 100%;
	padding:5px 30px;
	margin: 0 auto 150px auto;
    letter-spacing: -.4em;	
}
.innerBox1 {
    display:block;
	text-align: center;
    width:70%;
    padding:10px;
    margin:0 auto 10px auto;
    vertical-align:top;
    letter-spacing: normal;
}
.innerBox2 {
    display:inline-block;
    width:46%;
    padding:10px;
    margin:0 2% 10px 2%;
    vertical-align:top;
    letter-spacing: normal;
}
.innerBox3 {
    display:inline-block;
    width:30%;
    padding:10px;
    margin:0 1% 10px 2%;
    vertical-align:top;
    letter-spacing: normal;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.inner {
	padding:5px 10px;
}
.innerBox1 {
    width:100%;
    padding:5px;
}
.innerBox2 {
    display:block;
    width:100%;
    padding:5x;
    margin:0 auto 10px auto;
}
.innerBox3 {
    display:block;
    width:100%;
    padding:5x;
    margin:0 auto 10px auto;
}
}


.inner p {
	font-size: 1.6rem;
	line-height: 1.6em;
	text-align: left;
	margin: 0 0 1em 0;
}
.inner .textc p {
	text-align: center;
}
.inner p.lead {
	color:#666;
	font-size:2.4rem;
	font-weight:bold;
	line-height: 1.4;
}
.inner p strong {
	color:#000;
	font-weight:bold;
}
.inner p.iconIndent {
    padding-left: 1em;
    text-indent: -0.5em;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.inner p.lead {
	font-size:1.8rem;
}
}


.titlebg1 {
	color: #999;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.3em;
	margin: 3em auto 1.5em auto;
}
.titlebg1 span {
	color: #000;
	font-size: 2.8rem;
	letter-spacing: 0.3em;
	display: block;
	padding: 0 0 0.5em 0;
	margin: 0 auto 0.5em auto;
	border-bottom: 1px solid #ccc;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.titlebg1 {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}
.titlebg1 span {
	font-size: 2rem;
	letter-spacing: 0.1em;
}
}


.titlebg2 {
	color:#000;
    font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5em;
    text-align: left;
    width: 100%;
    padding: 0.3em 0 0.3em 0.5em;
    margin: 1em 0;
    letter-spacing: 1px;
    border-left: 5px solid #000;
}
.titlebg2 span {
	color: #999;
    font-size: 1.8rem;
	font-weight: normal;
    margin-left: 1em;
    letter-spacing: 0.03em;
}
.titlebg2 span::before  {
	font-family: FontAwesome;
	content: "-";
	margin: 0 1em 0 0;
}

.titlebg2.caution {
  color:#a00;
  border-left: 5px solid #a00;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.titlebg2 {
	line-height: 1em;
    padding: 0.3em 0 0.2em 0.5em;
}
.titlebg2 span {
	display: block;
    font-size: 1.8rem;
    margin:0.5em 0 0 0;
}
.titlebg2 span::before  {
	font-family: FontAwesome;
	content: "";
	margin: 0 0 0 0;
}
}


.btnBox {
	background: #888 url(/okachimachi/img/logo_boxbg.png) center center no-repeat;
	text-align: center;
	width: 90%;
	padding: 1.5em 2em;
	margin: 2em auto 4em auto;
	box-sizing: border-box;
}
.btnBoxLeft {
	float: left;
	width: 45%;
}
.btnBoxRight {
	float: right;
	width: 45%;
}
.btnBox p {
	font-weight: bold;
	text-align: center;
	margin: 0 auto 1em auto;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.btnBox {
	width: 95%;
	padding: 1em;
	margin: 2em auto;
	box-sizing: border-box;
}
.btnBoxLeft {
	float: none;
	width: 100%;
	margin:0 auto 2em auto; 
}
.btnBoxRight {
	float: none;
	width: 100%;
	margin:0 auto 2em auto; 
}
.btnBox p {
	text-align: center;
	margin: 0 auto;
}
}


a.btn1 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  line-height: 1.5em;
  padding: 0.5em 2em;
}
a.btn1::before,
a.btn1::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #000;
}
a.btn1,
a.btn1::before,
a.btn1::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.btn1:hover {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
a.btn1::before {
  top: 0;
}
a.btn1::after {
  bottom: 0;
}
a.btn1:hover::before,
a.btn1:hover::after {
  height: 0;
  background-color: #000;
}

a.btn1.red {
  background-color: #000;
  border: 1px solid #000;

}
a.btn1.red::before,
a.btn1.red::after {
  background-color: #000;
}
a.btn1.red {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
a.btn1.red:hover {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
a.btn1.red:hover::before,
a.btn1.red:hover::after {
  height: 0;
  background-color: #000;
}

a.btn1.yel {
  color: #000;
  background-color: #e00;
  border: 1px solid #e00;

}
a.btn1.yel::before,
a.btn1.yel::after {
  background-color: #e00;
}
a.btn1.yel {
  background-color: #e00;
  border: 1px solid #e00;
  color: #000;
}
a.btn1.yel:hover {
  background-color: #fff;
  border-color: #e00;
  color: #000;
}
a.btn1.yel:hover::before,
a.btn1.yel:hover::after {
  height: 0;
  background-color: #e00;
}

a.btn1 span::before {
	font-family: FontAwesome;
	content: "\f138";
	margin: 0 0.3em 0 0;
}
a.btn1.mail span::before {
	content: "\f003";
}
a.btn1.tel span::before {
	content: "\f095";
}
a.btn1.exclamation span::before {
	content: "\f071";
}
a.btn1.fb span::before {
	content: "\f230";
}

a.btn2 {
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #999;
  border: 1px solid #999;
  color: #fff;
  line-height: 1.5em;
  width: 60%;
  padding:25px;
  margin: 2em auto;
  overflow: hidden;
  box-sizing: border-box;
}
a.btn2::before,
a.btn2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.btn2,
a.btn2::before,
a.btn2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.btn2:hover {
  color: #fff;
}
a.btn2::after {
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
a.btn2:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #333;
}
a.btn2 span::before {
	font-family: FontAwesome;
	content: "\f138";
	margin: 0 0.3em 0 0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
a.btn2 {
  color: #fff;
  line-height: 1.5em;
  width: 80%;
  padding:10px;
  margin: 2em auto;
  box-sizing: border-box;
}
}

a.btn3 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5em;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0.5em auto;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0;
  background: #555;
}
a.btn-border:hover {
  color: #555;
  background: #fff;
}


ul.disc {
    list-style-position: outside;
	margin:0 0 0 24px;
}
ul.disc li {
	list-style-type: disc;
	margin: 0 0 1em 0;
}


ul.check {
    list-style-position: inside;
}
ul.check li {
	list-style:none;
    padding-left: 1.5em;
    text-indent: -1.5em;
	margin: 0 0 1em 0;
}
ul.check li:before {
	font-family: FontAwesome;
	content: "\f046";
	margin: 0 0.5em 0 0;
}

ul.tokuten {
    list-style-position: inside;
}
ul.tokuten li {
	list-style:none;
    padding-left: 5.5em;
    text-indent: -5.5em;
}
ul.tokuten li:before {
	font-family: FontAwesome;
	content: "\f06b";
	margin: 0 0.5em 0 0;
}

ul.arrow {
    list-style-position: inside;
}
ul.arrow li {
	list-style:none;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
ul.arrow li:before {
	font-family: FontAwesome;
	content: "\f152";
	margin: 0 0.5em 0 0;
}

ul li.caution:before {
	font-family:font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;;
	content: "※";
	font-weight: bold;
}

ul.icon {
  padding: 0;
}
ul.icon li {
  color: black;
  position:relative;
  background: #ddd;/*バーの色*/
  line-height: 1.5em;
  padding: 0.5em;
  margin-bottom: 4px;
  border-left : solid 35px #555;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}
ul.icon li:before {
  font-family: FontAwesome;
  content: "\f030";
  position: absolute;
  display: block;
  padding: 0.5em;
  width: 1.2em;
  color: white; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : -37px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.icon li img {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
ul.icon li img {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
}

ul.icon.plug li:before {
  content: "\f1e6";
}

ol {
    list-style-position: outside;
    margin: 0 0 0 24px;
    padding: 0;
}
ol li {
	list-style-type: decimal;
	margin: 0 0 0.5em 0;
}

ol.flow {
	text-align: center;
	list-style: none;
    margin: 0 auto;
    padding: 0;
}
ol.flow li {
	background: #999;
	list-style: none;
	text-align: center;
	margin: 0 auto 33px;
	width: 100%;
	padding: 0 0 0.5em 0;
	position: relative;
	color: #fff;
	font-size: 1.6rem;
	box-sizing: border-box;
}
ol.flow li:after {	
	border-top: 25px solid #999;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	content: "";
	position: absolute;
	bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
	left: 50%;/* 中央寄せに使用 */
	margin-left: -70px; /* 中央寄せに使用 */
	margin-top: 20px;
}
ol.flow li:last-child:after {
	border: none; /* 最後のボックスだけ三角形を表示しない */
}
ol.flow li .flowTitle {
	color: #fff;
	background: #666;
	text-align: center;
	padding: 0.5em;
	margin: 0 auto 0.5em auto;
}
ol.flow li p {
	text-align: center;
	padding: 0 1em;
	margin: 0 auto 0.5em auto;
}

dl.arrowBox {
    background: #efefef;
    display: inline-block;
    position: relative;
    margin: 2em 0 0 0;
    padding: 0.5em 1em;
    border: solid 1px #999;
}
dl.arrowBox dt {
	text-indent: 0;
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -1px;
    padding: 0 1em;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    background: #999;
    color: #fff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
dl.arrowBox dd {
	text-indent: 0;
    font-weight: bold;
    margin: 0; 
    padding: 0;
}

ul.imgbox {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	margin:0 auto;
}
ul.imgbox li {
	display: table-cell;
	padding:0 5px 10px 5px;
}
ul.imgbox li img {
	width:100%;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
ul.imgbox li {
	display:block;
	margin:0 0 10px 0;
}
}



table.type1 {
	text-align: center;
	border-collapse: collapse;
	line-height: 1.5;
	width: 100%;
	margin: 0 auto 1em auto;
}
table.type1 thead th {
	padding: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #000;
	border-bottom: 3px solid #000;
}
table.type1 td {
	padding: 10px 20px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #666;
}
table.type1 td.plan {
	color: #fff;
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #000;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
table.type1 {
    border: none;
  }
table.type1 thead {
    display: none;
  }
table.type1 tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
table.type1 td {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
table.type1 td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}

table.type2 {
	text-align: center;
	border-collapse: collapse;
	line-height: 1.5;
	width: 100%;
	margin: 0 auto 1em auto;
	box-sizing: border-box;
}
table.type2 thead th {
	padding: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #000;
	border-bottom: 3px solid #000;
}
table.type2 tbody th {
	color: #fff;
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #000;
}
table.type2 tbody td {
	padding: 10px 20px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #666;
}
table.type2 tbody td.noborder {
	border-bottom: none;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
table.type2 tbody th {
	padding: 5px;
}
table.type2 tbody td {
	padding: 5px;
}
}

table.contactForm {
	text-align: center;
	border-collapse: collapse;
	line-height: 1.8;
	width: 100%;
	margin: 0 auto 1em auto;
	box-sizing: border-box;
}
table.contactForm th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	background: #555;
	vertical-align: top;
	padding: 1em 1em 1em 2.3em;
	border-top: 1px solid #fdf;
	white-space: nowrap;
}
table.contactForm th.must {
	padding: 1em 1em 1em 1em;
}
table.contactForm th.must::before {
	color: #d00;
	content: "※";
	margin: 0 0.3em 0 0;
}
table.contactForm td {
	text-align: left;
	vertical-align: top;
	padding: 10px 20px;
	border-top: 1px solid #555;
}
table.contactForm td.noborder {
	border-top: none;
}
table.contactForm input[type="text"],
table.contactForm input[type="email"],
table.contactForm input[type="tel"]{
    max-width: 90%;
    height: 2em;
    padding: 0 2%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: #fafafa;
    -webkit-appearance: none;
    font-size: 100%;
    font-family: inherit;
    margin-top: 0;
}
table.contactForm textarea {
    display: block;
    width: 90%;
    max-width: 90%;
    padding: 2px 2%;
    resize: vertical;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: #fafafa;
    -webkit-appearance: none;
    font-size: 100%;
    font-family: inherit;
}
input[type="submit"],
input[type="button"]{
    padding: 1em 1.5em;
    vertical-align: middle;
    line-height: 1em;
    background: #eee;
    border: 1px solid #333;
    border-radius: 3px;
    color: #333;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover{
    background: #ccc;
}
.error_messe {
	color: #d00;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
table.contactForm th {
	display: block;
	padding: 0.3em 1em 0.3em 2.3em;
}
table.contactForm th.must {
	padding: 0.3em 1em 0.3em 1em;
}
table.contactForm td {
   display: block;
	padding: 1em 1em 1.5em 1em;
}
}
.input_box {
	width:70%;
}
.input_box2 {
	width:50%;
}
.textarea_box {
	width:100%;
	height:200px;
}
.asterisk{
	color: #000;
	line-height: 1.5;
	display:inline-block;
}
.asteriskBox{
	color: #f00;
	font-weight: bold;
	line-height: 1.5em;
	display:inline-block;
	padding: 0.5em;
	margin: 0.5em 0;
	border: 1px solid #f00;
}
.asteriskBox .btn1 {
	padding: 0.5em 0.5em;
}
.disabled-btn {
	margin: 2em auto 0 auto;
}
.asteriskBox2 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	background: #f00;
	display: inline-block;
	padding: 0.25em;
}
.business_day_box {
	margin: 2em 0 0.5em 0;
	border-bottom: #f00 solid 2px;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-device-width : 767px) {
.input_box,
.input_box2{
	width:100%;
}
}



/* --------------------------------------------
 top setting
 -------------------------------------------- */
.topImg{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1200px;
	height: 600px;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-device-width : 767px) {
.topImg{
	width: 100%;
	height: 200px !important;
}
.topImg img{
	width: 40%;
	height: auto;
}
}


.slider-container {
	width: 100%;
	margin: 0 auto;
}

.sliderInner {
height: 360px;
padding: 10px;
margin: 10px;
border: 1px solid #999;
position: relative;
box-sizing: border-box;
}
.sliderInner img {
width: 100%;
height: auto;
margin: 0 auto 10px auto;
}
.sliderInner h3 {
	color: #000;
	font-weight: bold;
}
.sliderInner p {
	color: #999;
	padding: 0 !important;
	margin: 0 !important;
}
.sliderInner p.date {
	text-align: center;
}
.sliderInner a {
display: block;
text-align: center;
margin: 0 auto;
position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.slider-container {
	width: 100%;
}
}


.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 150%;
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 400px !important;
}
@media only screen and (min-width: 768px) {
.googlecal {
	padding-bottom: 75%;
}
.googlecal iframe {
	height: 100% !important;
}
}

.topics {
	height: 540px;
	padding: 3px;
	margin: 0 auto;
	border: 1px solid #ccc;
	overflow: auto;
}
.topics dl {
	padding:20px;
	border-bottom:#B2B200 solid 1px;
}
.topics dl dt {
	font-weight: bold;
	color: #B2B200;
}
.topics dl dd {
	color: #000;
	margin:10px 0 0 0;
}
.topics dl dd strong {
	color:#000;
	font-size: 1.6rem;
	font-weight:bold;
}


/* --------------------------------------------
 shop setting
 -------------------------------------------- */
.staffPhotoLeft {
	float: left;
	width: 30%;
	padding: 0;
	margin:0;
}
.staffPhotoRight {
	float: right;
	width: 30%;
	padding: 0;
	margin:0;
}
.staffPhotoLeft img,
.staffPhotoRight img{
	width: 100%;
}
.staffcommentLeft {
	float: left;
	width: 65%;
	padding: 0;
	margin:0;
}
.staffcommentRight {
	float: right;
	width: 65%;
	padding: 0;
	margin:0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.staffPhotoLeft,
.staffPhotoRight{
	float: none;
	width: 100%;
}
.staffcommentLeft,
.staffcommentRight{
	float: none;
	width: 100%;
}
}

.infoMap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.infoMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --------------------------------------------
 PRICE setting
 -------------------------------------------- */
.priceContents {
	width: 100%;
	margin: 60px auto;
    letter-spacing: -.4em;
}

.priceContents p {
	color: #000;
	letter-spacing: normal;
	text-align: center;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #000;
}

.priceImg {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0 2%;
	letter-spacing: normal;
}
.priceImg img {
	width: 100%;
}

ul.priceList {
	display: inline-block;
	width: 44%;
	margin: 10px 1% 0 1%;
	overflow: auto;
	letter-spacing: normal;
}

ul.priceList li {
	width: 100%;
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	border-bottom: 2px solid #fff;
}
ul.priceList li h3{
	color: #fff;
	font-size: 2rem;
    background-color:#999;
	vertical-align: middle;
    width:50%;
    padding:0 0 0 0.5em;
    margin:0;
	display: flex;
	align-items: center;
	border-right: 1px solid #fff;
}
ul.priceList li ul.priceData {
    background-color:#ccc;
    width:50%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.priceList li ul.priceData li {
	padding: 0;
	margin: 0;
}
ul.priceList li ul.priceData li:last-child {
	border-bottom: none;
}
ul.priceList li ul.priceData li div {
	display: flex;
	font-size: 1.6rem;
}
ul.priceList li ul.priceData li .icon{
	justify-content: center;
	align-items: center;
	width: 20%;
	border-right: 1px solid #fff;
}
ul.priceList li ul.priceData li .ga{
	justify-content: center;
	align-items: center;
	width: 30%;
	border-right: 1px solid #fff;
}
ul.priceList li ul.priceData li .yen{
	justify-content: flex-end;
	align-items: center;
	width: 50%;
	padding: 0 1em 0 0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.priceImg {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}
ul.priceList {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
ul.priceList li h3{
	font-size: 1.6rem;
    padding:0 0 0 0.3em;
}
ul.priceList li ul.priceData li div {
	font-size: 1.4rem;
}
}


ul.jewelryList {
	display: block;
	text-align: center;
	margin: 1em auto;
    letter-spacing: -.4em;
}
ul.jewelryList li {
	background: #ccc;
	display: inline-block;
    letter-spacing: normal;
	vertical-align: top;
	width: 8.3%;
	min-height: 110px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
ul.jewelryList li img {
	padding: 5px 5px 0 5px;
	margin-bottom: 0.5em;
}
ul.jewelryList li p {
	color: #000;
	font-size: 1.6rem;
	line-height: 1.3em;
	text-align: center;
	padding: 0.3em 5px 5px 5px;
	margin: 0 auto;
	border-bottom: none;
	border-top: 1px solid #fff;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
ul.jewelryList {
	display: block;
	text-align: center;
	margin: 1em auto;
    letter-spacing: -.4em;
}
ul.jewelryList li {
	width: 16.6%;
	min-height: 110px;
}
ul.jewelryList li img {
	margin-bottom: 0.2em;
	padding: 3px 3px 0 3px;
}
ul.jewelryList li p {
	font-size: 1.2rem;
	padding: 0.2em 3px 0 3px;
}
}


/* --------------------------------------------
 access setting
 -------------------------------------------- */

ul.accessInfo {
	font-size: 1.8rem;
    list-style-position: inside;
}
ul.accessInfo li {
	list-style:none;
	vertical-align: top;
    text-indent: -1.5em;
    padding-left: 1.5em;
	padding-bottom: 1em;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}
ul.accessInfo li:last-child {
	border-bottom: none;
}
ul.accessInfo.parking li {
    text-indent: -2.5em;
    padding-left: 2.5em;
}
ul.accessInfo li:before {
	font-family: FontAwesome;
	content: "\f288";
	margin: 0 0.5em 0 0;
}
ul.accessInfo li.add:before {
	content: "\f041";
}
ul.accessInfo li.tel:before {
	content: "\f098";
}
ul.accessInfo li.train:before {
	content: "\f238";
}
ul.accessInfo li.parking1:before {
	content: "\f288""1";
	margin: 0 0.5em 0 0;
}
ul.accessInfo li.parking2:before {
	content: "\f288""2";
	margin: 0 0.5em 0 0;
}
ul.accessInfo li.parking3:before {
	content: "\f288""3";
	margin: 0 0.5em 0 0;
}
ul.accessInfo li.parking4:before {
	content: "\f288""4";
	margin: 0 0.5em 0 0;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* --------------------------------------------
 contact setting
 -------------------------------------------- */

.contactContents {
	width: 80%;
	margin: 100px auto 70px auto;
}

.contactContents p,
.contactContents ul li {
	font-size: 1.8rem !important;
	line-height: 1.5em !important;
}

.contactContents p {
	text-align: center;
}
.contactContents ul {
   float:left;
   position:relative;
   left:50%;
}
.contactContents li {
   position:relative;
   left:-50%;
}
.contactContents li span {
	font-weight: bold;
}

.tel_reserv {
	text-align: center;
	margin: 100px auto 250px auto;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
.contactContents {
	width: 90%;
	margin: 30px auto;
}
.contactContents ul {
   float:none;
   position: static;
   left:0;
}
.contactContents li {
   position:static;
   left:0;
}
.tel_reserv {
	width: 90%;
	margin: 80px auto 100px auto;
}
.tel_reserv img {
	width: 100%;
}
}



table.tableContact {
	 width: 60%;
	 padding: 0;
	 margin: 30px auto 10px auto;
	border-collapse: collapse;
}
table.tableContact th,
table.tableContact td {
	text-align: center;
	vertical-align: middle;
 	padding: 10px;
	border: 1px solid #999;
 }
table.tableContact th {
	color: #fff;
 	background: #000;
 }
table.tableContact td {
	color: #666;
 	background: #fff;
 }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
table.tableContact {
	 width: 90%;
}
}

/* --------------------------------------------
 pankuzu setting
 -------------------------------------------- */
 
ul#pankuzu {
	text-align:left;
    margin: 5px auto 30px 10px;
}
ul#pankuzu li {
	color:#333;
    display: inline-block;
}
ul#pankuzu li ~ li:before {
	font-family: FontAwesome;
	content: "\f101";
    margin: 0 5px;
}
ul#pankuzu a:link {
    text-decoration: none;
}
ul#pankuzu a:visited {
    text-decoration: none;
}
ul#pankuzu a:hover {
	color: #ccc;
}
ul#pankuzu li.home a:before {
	font-family: FontAwesome;
	content: "\f015";
	margin: 0 0.3em 0 0;
}

@media only screen and (max-width : 767px)  {
ul#pankuzu {
	display:none;
}
}

/* --------------------------------------------
backtotop  setting
 -------------------------------------------- */

#backtotop {
	width:80px;
	height:80px;
	position: fixed;
	right: 15px;
	bottom: 90px;
	z-index: 1500;
}

.backtotopSmp {
	display:none;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px) {
#backtotop {
	width:50px;
	height:50px;
	bottom: 80px;
}
.backtotopPc {
	display:none;
}
.backtotopSmp {
	display:block;
}
}

/* --------------------------------------------
 * Photo
 -------------------------------------------- */
 /*
@media only screen and (max-width : 767px) {
  .lg-sub-html p {
    display: none;
  }
}
*/