@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a{
    background-color:transparent;
    -webkit-touch-callout:none;
				-webkit-tap-highlight-color:rgba(255,1255,102,0.40);
}
.touchstyle { background-color:rgba(255	,255,102,0.40);}
.notouchstyle { background-color:transparent;}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
h1,h2,h3,h4,h5{
  line-height:1;
	font-size: 14px;
}
p,ul,dl ,address{
	line-height: 1;
	font-size: 14px;
}
ul ul ,
ul ol ,
dl ul,
dl ol{
  line-height:1;
		font-size:14px;
}
table {
    border-collapse:collapse;
    border-spacing:0;
		font-size:14px;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul {
    list-style: none;
}
iframe{
	width: 100%!important;
}

/* ===================
clearfix
===================*/
.clearfix:after {
visibility:hidden;
height:0;
display: block;
font-size: 0;
content: " ";
clear: both;
}
* html .clearfix   { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */

/* ===================
リンク
===================*/
a {
	outline: none;
}
a:link {
	text-decoration: none;
	color: #826432;
}
a:visited {
	text-decoration: none;
	color: #826432;
}
a:hover {
	text-decoration: underline;
	color: #826432;
}
a:active {
	text-decoration: none;
	color: #826432;
}

a:hover img{
  opacity: 0.7;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.gNavList-pc a:hover img{
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.gNavList-pc .gNav-logo-pc a:hover img{
  opacity: 0.7;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.main a:link {
	text-decoration: underline;
	color: #EF0000;
}
.main a:visited {
	text-decoration: underline;
	color: #EF0000;
}
.main a:hover {
	text-decoration: none;
	color: #EF0000;
}
.main a:active {
	text-decoration: underline;
	color: #EF0000;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
      pointer-events: none;
      cursor: default;
  }
}
@media (min-width: 768px) {
  a.tel-txt {
    text-decoration: none!important;
    color: #D23967!important;
  }
}


/*==========================================
 body
===========================================*/
body {
	width: 100%;
	background: url(../images/common/bg_body.png) repeat;
	font-family: "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		 Osaka,
			"ＭＳ Ｐゴシック",
			"MS PGothic",
			sans-serif;
	color: #826432;
	/*padding-top: 100px;*/
}


/*==========================================
 header
===========================================*/
.header {
	background: url(../images/common/bg_header.png) repeat-x center top;
	position: relative;
}
.logo {
	/*position: absolute;
	left: 35%;
	top:56px;*/
}



/*==========================================
 contents
===========================================*/
.content {
	padding-top: 20px;
	/*margin-bottom: 50px;*/
}
.content p{
/*font-size:88%;*/
	margin-bottom: 16px;
	line-height: 1.6;
}
.content_inner-top {
		padding-bottom: 50px;
}


/*==========================================
main
===========================================*/
.main {
	/*overflow:hidden;*/
	/*margin-bottom: 20px;*/
}
.main p{
	/*font-size:87.5%;*/
}
.whiteWrap {
	background: #FFF;
	padding: 26px;
}
.whiteWrap p:last-child {
		margin-bottom:0px;
}

/* letterWrap */
.letterWrap {
	background: #FFF;
	padding: 26px;
 margin-bottom: 20px;
}
.letterWrap h3 {
 font-size: 102.5%;
	font-weight: 600;
 margin-bottom: 16px;
}
.letterWrap ul {
 margin-left: 1em;
 list-style-type: disc!important;
}
.letterWrap ul li {
 margin-bottom: 6px;
 line-height: 1.6;
}
.letterWrap ul li:last-child {
		margin-bottom:0px;
}



/* read */
.readVisual {
	margin-bottom:30px;
}
.readVisualTxt {
	display:block;
	margin-bottom:20px;
}
p.readTxt,
.readTxt  {
	font-weight: bold;
	font-size:125%;
	text-align:center;
	line-height:1.8;
}

/* anchorPage */
/*
.anchorPage {
	clear:both;
	padding-top:14px;
}
*/

/* title */
.ctgTitle,
p.ctgTitle {
	margin-bottom:40px;
	font-size: 2.0em;
}
.pageTitle {
	background: url(../images/common/bg_title-index.png) no-repeat 0px 0px;
	line-height: 36px;
	/*font-size: 218%;*/
	font-size:30px;
	font-weight: bold;
	color: #D23967;
	padding-left: 150px;
	margin-bottom: 30px;
	/*letter-spacing: 0.05em;*/
}
.indexTitle {
	font-size: 18px;
	font-weight: bold;
	clear: both;
	padding: 10px 20px 7px;
	margin: 50px 0px 20px;
	border-radius: 4px;
	border: 1px solid #C7A469;
		/*background: url(../img/common/title_index.png) no-repeat;
	background-size: 100% auto;*/
	background: #FFF;
	color: #826432!important;
}
.indexSubTitle {
	font-size:20px;
	font-weight: bold;
	color: #D23967;
	margin-bottom: 30px;
}

.subTitle {
	padding: 0px 0px 14px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
	clear: both;
	/*border-top: 1px dotted #999;*/
 border-bottom: 1px dotted #999;
	line-height:1.2;
}
.sub2Title {
	line-height: 38px;
	font-size: 18px;
	padding: 24px 15px 24px 24px;
	font-weight: bold;
	margin-bottom: 14px;
	margin-top: 30px;
}
.sub2Title-w {
	width: 88px;
	text-align:center;
	padding: 24px 0;
}
.iconYellow {
		background: url(../images/common/bg_title-sub2_y.png) no-repeat 0px 50%;
}
.iconPink {
		background: url(../images/common/bg_title-sub2_p.png) no-repeat 0px 50%;
}
.iconGreen {
		background: url(../images/common/bg_title-sub2_g.png) no-repeat 0px 50%;
}
.iconBlue {
		background: url(../images/common/bg_title-sub2_b.png) no-repeat 0px 50%;
}

.atTxt {
	font-weight: bold;
	margin-left: 0.5em;
	color: #CC0000;
}
.boldTxt {
	font-weight: 600;
}
.colorTxt {
	color: #D23967;
}
.lgText {
	font-size: 120%;
  line-height: 1.4;
}
.smText {
	font-size: 80%;
}

/* TopicPath */
.TopicPath{
	margin-bottom: 26px;
}
.TopicPath li {
	float: left;
	margin-right: 5px;
	line-height: 1.4;
}
.TopicPath li a {
	text-decoration: underline;
}
.TopicPath li a:hover {
	text-decoration: none;
}
.TopicPath li:before {
	margin-right: 5px;
	content: "\003e";
}
.TopicPath li:first-child:before  {
	margin-right: 0px;
}

.TopicPath li:first-child:before {
	content:" ";
}

/* adjustment */
.ajt-left {
	padding-left:0;
}
.ajt-right {
	padding-right:0;
}

/* margin */
.ml10 {
	margin-left:10px;
}
.mt0 {
	margin-top:0px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}

.mb0 {
	margin-bottom:0px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb80 {
	margin-bottom:80px;
}

.txtCenter {
	text-align:center;
}
.txtRight {
	text-align:right;
}
.txtBold {
	font-weight: bold;
}

/* img */
.fLeft-img {
	float:left;
	margin-right:20px;
}
.imgBox-full {
	margin-bottom:50px;
}
.captionTxt-center {
		text-align:center;
		font-size:12px;
}
.captionTxt-left {
		text-align:left;
		font-size:12px;
}

.Img-inBox {
 text-align: center;
}
.Img-inBox li{
 display: inline-block;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 10px;
}



/* table */
.dfTable   {
	width: 100%;
	margin-bottom: 20px;
background: #FFF;
/*	background: #fffcf7;*/
}
.dfTable th,
.dfTable td  {
	padding: 10px 20px;
	line-height: 1.4;
}

.lineTable   {
  border-collapse: collapse;
  border-spacing: 0;
}
.lineTable th,
.lineTable td  {
	border-top: 1px dotted #C7A469;
}
.lineTable tr:first-child th,
.lineTable tr:first-child td {
	border-top: none;
}

/* table-th-15 */
@media (min-width: 768px)  {
  .table-th-15 th  {
    width: 15%;
  }
}

/* list */
.markList {
	list-style: disc;
	margin-left:2em;
}
.markList li {
	line-height: 1.8;
}

.nonMarkList {
	margin-left:0em;
	margin-bottom:24px;
}
.nonMarkList li {
	line-height: 1.8;
}

.dfDL {
	margin-bottom:20px;
	background: #FFF;
}
.dfDL  dt {
	padding: 10px 20px;
	float: left;
	background: #F06;
	text-align: center;
	border-top: 1px dashed #C7A469;
}
.dfDL  dd {
	border-top: 1px dashed #C7A469;
}

/* hr */
.line {
   border:dashed #C7A469;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

/* pagenation */
.pagenation{
	text-align:center;
}
.pagenation a:link,
.pagenation a:visited{
	color:#826432;
	font-size:14px;
}

/* guideCon-Box */
.guideCon-Box {
	margin-top:20px;
}
.guideCon-List {
color:#D23967;
margin-bottom:30px;
}
.guideCon-List li{
	margin-bottom:10px;
	line-height:1.3;
	margin-left:1em;
	text-indent:-1em;
}
.guideCon-Add {
	color:#D23967;
		font-weight: bold;
}
.guideCon-Add strong {
	font-size:20px;
}


/*==========================================
side
===========================================*/
.sider {
	margin-bottom: 30px;
}
p.title-sider {
	margin-bottom: 0px;
}
.sNavList li a {
	display: block;
	/*width: 100%;*/
	width: 225px;
	/*height: 56px;*/
 padding-top: 23px;
 padding-bottom: 5px;
	text-align: center;
	font-weight: 600;
	background-size:100% auto;
 margin-left: auto;
 margin-right: auto;
}
.sNavList li a:hover {
	text-decoration: none;
}
.sNavList li:nth-child(odd) a {
	background-image: url("../images/common/sub-odd.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}
.sNavList li:nth-child(odd) a:hover,
.sNavList li:nth-child(odd) a.current{
	background-image: url("../images/common/sub-odd_on.png");
	background-repeat: no-repeat;
}
.sNavList li:nth-child(even) a {
	background-image: url("../images/common/sub-even.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}
.sNavList li:nth-child(even) a:hover,
.sNavList li:nth-child(even) a.current {
	background-image: url("../images/common/sub-even_on.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

@media (min-width: 768px) and (max-width:992px) {
	.sNavList li a {
		padding-top: 23px;
		padding-bottom: 5px;
		font-size: 12px;
 	width: 100%;
	}
}
@media (min-width:993px) {
	.sNavList li a {
		padding-top: 26px;
		padding-bottom: 7px;
		font-size: 15px;
	}
}

.sNavList li a.sText {
	font-size: 12px;
}

.wpSide{
	margin-top: 20px;
	list-style: square;
	margin-left: 20%;
}

.wpSide li{
	margin-bottom: 10px;
}

.wpSide li a{
	text-decoration: underline;
}

/* siderBox */
.siderBox{
	margin-bottom:40px;
	padding:0px;
}


/*==========================================
footer
===========================================*/
/* btn_more */
.btn_more {
  margin-bottom: 10px!important;
  text-align: center;
}
.btn_more a{
	padding: 8px 18px;
	border: 1px #826432 solid;
	border-radius: 6px;
	/*width: 200px;*/
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	position: relative;
	color: #826432;
	text-decoration: none;
	font-size: 14px;
  background-color: rgb(255, 255, 255, 0.6);
}
.btn_more a::before,
.btn_more a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
/*
.btn_more a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 3px solid ##826432;
	border-right: 3px solid ##826432;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/
.btn_more a:hover {
	opacity: 0.7;
}



/* fNav */
.fNavBox {
		margin-bottom:14px;
}
.fNavList {
	margin-bottom:14px;
	padding: 0;
}
.fNavList li{
	font-size:12px;
	line-height:1.2;
}
.fNavList li a{
	display:block;
}
.fNav-title {
	display: block;
	font-weight: bold;
	background: url(../images/common/icon01.png) no-repeat 0px 50%;
	padding-left:1em;
}
.fNav-title a{
			padding: 6px 0;
}
.fNavMenu {
	margin-left: 1em;
}
.fNavMenu a{
		padding: 5px 0;
}
.fNav-title-other {
		margin-bottom:10px;
}

.f-address {
	text-align:center;
}
.f-logo {
	display:block;
	font-size:20px;
	margin-bottom:4px;
}
.f-add {
	line-height:1.4;
	margin-bottom:10px;
}
.copyright {
	clear:both;
	text-align:center;
}
.copyright small {
	font-size:12px;
}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index:99;
}
.pagetop a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px;
}

.pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
    padding:10px;
}

/* relationNav */
.relationNav {
	clear: both;
	position: relative;
  overflow: hidden;
}
.relationNav ul {
position: relative;
  left: 50%;
  float: left;
}
.relationNav li{
	float:left;
	padding: 8px 0px;
	font-size:12px;
	position: relative;
  left: -50%;
  float: left;
}
.relationNav li:before {
	content:"|";
}
.relationNav li:last-child:after {
		content: "|";
}
.relationNav li a{
		padding:10px;
}


/*==========================================
sp
===========================================*/
@media (max-width: 767px) {
body {
	color: #333;
}
.main h2,
.main h3,
.main h4{
	line-height: 2.4;
}
.main p,
.main ul li,
.main dl dt,
.main dl dd,
.main table th,
.main table td,
.main address{
	line-height: 2.4;
}


	/* common -----------------------------------*/
.content {
	margin-bottom: 0px;
}
.TopicPath{
	margin-left: 15px;
}
.main {
	margin-bottom: 20px;
}
.pageTitle {
	background: url(../images/common/bg_title-index.png) no-repeat 0px 4px;
	background-size:auto 20px;
	line-height: 1.2;
	font-size: 24px;
	padding-left: 80px;
	margin-bottom: 20px;
}
p.readTxt {
	font-weight: bold;
	font-size:14px;
	margin-bottom:50px;
}

/* table */
.dfTable {
	margin: 0px;
border-top: none;
margin-bottom:20px;
}
.dfTable th,
.dfTable td{
	width: 100%;
	display: block;
	border-top: none;
	padding: 8px 1em  0 ;
}
.dfTable td {
	margin-bottom: 16px;
	/*border-style: none;*/
}

.lineTable th  {
	border-top: 1px dashed #C7A469;
}


/* header  -----------------------------------*/
.headerWrap-sp {
	position: relative;
}
.hNav-Instagram-sp {
	position: absolute;
	left: 15px;
	top: 22px;
}

	/* gNav */
.gNavbarWrap-sp {
	clear: both;
}
.logo {
	width:50%;
	height:auto;
	text-align:center;
	margin:10px auto;
}

/* sp-nav icon */
.gNav-ic {
		padding-left: 28px;
	margin-left: -30px;
	font-weight: normal;
	padding-top:2px;
	padding-bottom:2px;
}
.gNav-top-ic {
	background: url(../images/common/icon-gnav_top.png) no-repeat 0em 50%;
	background-size: 18px auto;
	}
.gNav-about-ic {
	background: url(../images/common/icon-gnav_about.png) no-repeat 0em 50%;
	background-size:20px auto;
	}
.gNav-flow-ic {
	background: url(../images/common/icon-gnav_flow.png) no-repeat 0em 50%;
	background-size:18px auto;
}
.gNav-guide-ic {
	background: url(../images/common/icon-gnav_guide.png) no-repeat 0em 50%;
	background-size:18px auto;
}
.gNav-support-ic {
	background: url(../images/common/icon-gnav_support.png) no-repeat 0em 50%;
	background-size:22px auto;
}
.gNav-blog-ic {
	background: url(../images/common/icon-gnav_blog.png) no-repeat 0em 50%;
	background-size:22px auto;
	}
.gNav-news-ic {
	background: url(../images/common/icon-gnav_news.png) no-repeat 0em 50%;
	background-size:22px auto;
	}
.gNav-contact-ic {
	background: url(../images/common/icon-gnav_contact.png) no-repeat 0em 50%;
	background-size:20px auto;
	}
.gNav-instagram-ic {
	background: url(../images/common/ico_instagram.png) no-repeat 0em 50%;
	background-size:20px auto;
	}

/*  */
.hNavTel-sp {
	/*display: block;
	text-align: center;
	clear: both;
	margin: 50px auto 10px;
	font-size: 100%;*/
}


	/* sider  -----------------------------------*/
.sider {
	width:100%;
}
.sNavList {
	position:static;
	margin-bottom: 0px;
}

	/* footer  -----------------------------------*/
	footer {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	background: #C2DF72;
}
.fNav-title {
	clear: both;
	background: #816331;
	border: 1px solid #816331;
	border-radius: 2px;
	margin-bottom:5px;
}
.fNav-title a{
	color: #FFF;
}
.fNavMenu {
		margin-left:0em;
}
.fNavMenuBox li {
	list-style: disc;
	margin-left:2em;
}

/* relationNav */
.relationNav {
	margin-top:20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.relationNav ul {
position: relative;
  left: 0%;
  float:none;
}
.relationNav li{
	clear: both;
	background: #88AD27;
	border: 1px solid #88AD27;
	border-radius: 2px;
	margin-bottom: 5px;
	float: none;
  left: 0%;
}
.relationNav li:before {
	content:"";
}
.relationNav li:last-child {
		content: "";
}
.relationNav li:last-child:after {
		content: "";
}
.relationNav li a{
	color:#FFF;
	padding:10px;
}
}

/*==========================================
pc
===========================================*/
@media print, screen and (min-width: 768px) {
	/* header -----------------------------------*/
.navbar-header {
	float: none!important;
}
.headerWrap-pc {
	position: relative;
}
	/* hNavList  */
.hNav {
	margin-top: 8px;
	position: absolute;
	/*left: 0px;*/
	left: -0.2em;
	top: 0px;
}
.hNavList li{
	float: left;
	margin-left:1.5em;
}
.hTel  {
	position: absolute;
	right: 15px;
	top: 40px;
	font-size:166.66%;
}
.hNav-Instagram {
	margin-top: 24px;
	margin-right:0.4em!important;
}
.hNav-Instagram img{
	margin-right:0.5em!important;
}
.hNav-Instagram a {
	display: inline-block;
}

/* gNav */
.gNavbarWrap-pc {
	clear: both;
	padding-top:50px;
	text-align: center;
}
.NodropNav,
.dropNav_box{
	border-left: 1px dashed #816331;
	margin-top:47px;
	width: 132px;
}
.dropNav_box{
	border-left: 1px dashed #816331;
 }
.dropNav_box.gNav-flow-pc,
.dropNav_box:last-child{
	border-right: 1px dashed #816331;
 }

.dropNav_box img{
	margin: 0 auto;
}
	/*
.gNav-flow-pc,
.gNav-blog-pc {
		border-right: 1px dashed #816331;
}
	*/

.logoBox {
	/*margin:0 3.12%;*/
	margin:0 7.5%
}
.gNavList-pc {
	/*position: relative;*/
	display: block;
	text-align: center;
	font-size: 0;
}
.gNavList-pc li {
	/*float: left; */
	position: relative;
	display: inline-block;
}
.gNavList-pc ul {
display: none;
position: absolute;
top: 80px;
left: -5px;
}
.gNavList-pc ul li {
	 float: none;
}
.gNavList-pc ul {
	/*width: 120px;*/
	width: 150px;
}
.gNavList-pc ul a {
	filter: alpha(opacity=1);
}

.gNavList-pc li.hover  {
	background: url(../images/common/bg_gnav-white.png) no-repeat center bottom;
}
li.gNav-logo-pc.hover  {
	background: url(none);
}
li.NodropNav.hover  {
	background: url(none);
}
.dropNavList li.hover  {
	background: url(none);
}
.gNavList-pc ul ul {
	top: 0;
	left: 121px;
}


	/* sider  -----------------------------------*/
.sider {
	padding-left:0;
}
.main {
padding-left:0;
padding-right:0;
}

	/* footer  -----------------------------------*/
footer {
	background: url(../images/common/bg_footer.png) repeat-x center bottom;
/*	padding-top: 360px;
	padding-bottom: 40px;
	margin-top: -50px;*/
}
/* fNav */
.fNavBoxInner {
	padding: 0;
}
}


/*==========================================
wide
===========================================*/
@media (min-width: 993px) {
		/* common -----------------------------------*/
.container {
	width: 960px;
}
}


/*==========================================
other
===========================================*/
@media (min-width:481px) and ( max-width:767px) {
/* header  -----------------------------------*/
	.logo {
	width: 30%;
}
}
@media (min-width:768px) and ( max-width:991px) {
	/* header  -----------------------------------*/
	.logoBox {
	/*margin:0 1%;*/
	width:25%;
	margin:0 2%;
	text-align:center;
}
.NodropNav,
.dropNav_box{
	width: 11.835%;
	margin-top:32px;
}

.gNavList-pc ul {
top: 65px;
left: -10px;
}
.gNavList-pc ul {
	width: 100px;
}

.hTel  {
	font-size:125%;
}

.hNav {
	margin-left:-10px;
}
.hNav li {
	width: 80px;
}
.hNav li img{
	width:100%;
}
.hNav li.hNav-Instagram {
	margin-left: 15px;
	margin-right: 0;
	width: auto;
}
.hNav li.hNav-Instagram img {
	width:30px;
}

/* footer  -----------------------------------*/
	/*footer {
		background-size: contain;
		padding-bottom:10px;
		margin-top:-150px;
	}*/
	.fNavBox {
		margin-bottom:0px;
	}
}

@media (min-width:768px) and (max-width:992px) {
	/* footer  -----------------------------------*/
	footer {
		background-position: center top;
		background-size:100% auto;
		padding-top: 220px;
		padding-bottom: 40px;
		margin-top: 0px;
	}
}
@media (min-width:993px) and (max-width:1280px) {
	/* footer  -----------------------------------*/
	footer {
		background-position: center top;
		background-size:100% auto;
		padding-top: 300px;
		padding-bottom: 40px;
		margin-top: 0px;
	}
}
@media (min-width:1281px) {
	/* footer  -----------------------------------*/
	footer {
		background-position: center top;
		background-size:auto auto;
		padding-top: 360px;
		padding-bottom: 40px;
		margin-top: 0px;
	}
}
