@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1.0;
	-webkit-text-size-adjust: none;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/* icon用font */
@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot?83678375');
	src: url('../font/fontello.eot?83678375#iefix') format('embedded-opentype'), url('../font/fontello.woff?83678375') format('woff'), url('../font/fontello.ttf?83678375') format('truetype'), url('../font/fontello.svg?83678375#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
[class^="icon_after-"]:after, [class*=" icon_after-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	letter-spacing: -1px;
	transition: all 0.5s ease;
}

.icon-location:before { content: '\e800'; } /* '' */
.icon-location-circled:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-phone-outline:before { content: '\e803'; } /* '' */
.icon-phone-1:before { content: '\e804'; } /* '' */
.icon-popup:before { content: '\e805'; } /* '' */
.icon-globe:before { content: '\e806'; } /* '' */
.icon-gplus-1:before { content: '\e807'; } /* '' */
.icon-down-open:before { content: '\e808'; } /* '' */
.icon-left-open:before { content: '\e809'; } /* '' */
.icon-right-open:before { content: '\e80a'; } /* '' */
.icon-up-open:before { content: '\e80b'; } /* '' */
.icon-music:before { content: '\e80c'; } /* '' */
.icon-search:before { content: '\e80d'; } /* '' */
.icon-mail:before { content: '\e80e'; } /* '' */
.icon-spin3:before { content: '\e832'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */

.icon_after-angle-up:after { content: '\f106'; } /* '' */
.icon_after-angle-down:after { content: '\f107'; } /* '' */

.rotate:after {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}


/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


img {
	border: 0;
	vertical-align: middle;
}
ul, ol {
	list-style: none;
}
table {
	border-spacing: 5;
	empty-cells: show;
	color: #333;
}
/*=============================================*/
/*                 マージン            */
/*=============================================*/

.txt_white {
	color: #fff;
}
.box_center {
	text-align: center;
}
.t_pickup {
	font-size: 20px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 3px #999;
	border-bottom: 1px solid #3e210d;
}
p.txt_c {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 3px 0px 3px;
}
p.txt_c2 {
	text-align: center;
	padding: 0px 3px 0px 3px;
}
.block * {
	box-sizing: border-box;
}
/*Common -------------------------------
----------------------------------------*/
.clearfix::after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.pt0  { padding-top:  0px !important; } 		.mt0  { margin-top:  0px !important; }
.pt1  { padding-top:  1px !important; } 		.mt1  { margin-top:  1px !important; }
.pt2  { padding-top:  2px !important; } 		.mt2  { margin-top:  2px !important; }
.pt5  { padding-top:  5px !important; } 		.mt5  { margin-top:  5px !important; }
.pt10 { padding-top: 10px !important; } 		.mt10 { margin-top: 10px !important; }
.pt15 { padding-top: 15px !important; } 		.mt15 { margin-top: 15px !important; }
.pt20 { padding-top: 20px !important; } 		.mt20 { margin-top: 20px !important; }
.pt23 { padding-top: 23px !important; } 		.mt23 { margin-top: 23px !important; }
.pt25 { padding-top: 25px !important; } 		.mt25 { margin-top: 25px !important; }
.pt30 { padding-top: 30px !important; } 		.mt30 { margin-top: 30px !important; }
.pt35 { padding-top: 35px !important; } 		.mt35 { margin-top: 35px !important; }
.pt40 { padding-top: 40px !important; } 		.mt40 { margin-top: 40px !important; }
.pt45 { padding-top: 45px !important; } 		.mt45 { margin-top: 45px !important; }
.pt50 { padding-top: 50px !important; } 		.mt50 { margin-top: 50px !important; }
.pt55 { padding-top: 55px !important; } 		.mt55 { margin-top: 55px !important; }
.pt60 { padding-top: 60px !important; } 		.mt60 { margin-top: 60px !important; }
.pt65 { padding-top: 65px !important; } 		.mt65 { margin-top: 65px !important; }
.pt70 { padding-top: 70px !important; } 		.mt70 { margin-top: 70px !important; }
.pt75 { padding-top: 75px !important; } 		.mt75 { margin-top: 75px !important; }
.pt80 { padding-top: 80px !important; } 		.mt80 { margin-top: 80px !important; }
.pt85 { padding-top: 85px !important; } 		.mt85 { margin-top: 85px !important; }
.pt90 { padding-top: 90px !important; } 		.mt90 { margin-top: 90px !important; }
.pt95 { padding-top: 95px !important; } 		.mt95 { margin-top: 95px !important; }
.pt100 { padding-top: 100px !important; } 		.mt100 { margin-top: 100px !important; }

.pb0  { padding-bottom:  0px !important; } 		.mb0  { margin-bottom:  0px !important; }
.pb2  { padding-bottom:  2px !important; } 		.mb2  { margin-bottom:  2px !important; }
.pb3  { padding-bottom:  3px !important; } 		.mb3  { margin-bottom:  3px !important; }
.pb5  { padding-bottom:  5px !important; } 		.mb5  { margin-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; } 		.mb10 { margin-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; } 		.mb15 { margin-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; } 		.mb20 { margin-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; } 		.mb25 { margin-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; } 		.mb30 { margin-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; } 		.mb35 { margin-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; } 		.mb40 { margin-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; } 		.mb45 { margin-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; } 		.mb50 { margin-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; } 		.mb55 { margin-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; } 		.mb60 { margin-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; } 		.mb65 { margin-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; } 		.mb70 { margin-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; } 		.mb75 { margin-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; } 		.mb80 { margin-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; } 		.mb85 { margin-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; } 		.mb90 { margin-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; } 		.mb95 { margin-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; } 	.mb100 { margin-bottom: 100px !important; }

.ptb0  { padding-top:  0px !important; padding-bottom:  0px !important; } 	.mtb0  { margin-top: 0px !important;  margin-bottom:  0px !important; }
.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; } 	.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.ptb15 { padding-top: 15px !important; padding-bottom: 15px !important; } 	.mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; } 	.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.ptb25 { padding-top: 25px !important; padding-bottom: 25px !important; } 	.mtb25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; } 	.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.ptb25 { padding-top: 35px !important; padding-bottom: 35px !important; } 	.mtb35 { margin-top: 35px !important; margin-bottom: 35px !important; }


.pl0  { padding-left:  0px !important; } 		.ml0  { margin-left:  0px !important; }
.pl5  { padding-left:  5px !important; } 		.ml5  { margin-left:  5px !important; }
.pl10 { padding-left: 10px !important; } 		.ml10 { margin-left: 10px !important; }
.pl15 { padding-left: 15px !important; } 		.ml15 { margin-left: 15px !important; }
.pl20 { padding-left: 20px !important; } 		.ml20 { margin-left: 20px !important; }
.pl25 { padding-left: 25px !important; } 		.ml25 { margin-left: 25px !important; }
.pl30 { padding-left: 30px !important; } 		.ml30 { margin-left: 30px !important; }
.pl35 { padding-left: 35px !important; } 		.ml35 { margin-left: 35px !important; }
.pl40 { padding-left: 40px !important; } 		.ml40 { margin-left: 40px !important; }
.pl50 { padding-left: 50px !important; } 		.ml50 { margin-left: 50px !important; }
.pl55 { padding-left: 55px !important; } 		.ml55 { margin-left: 55px !important; }
.pl60 { padding-left: 60px !important; } 		.ml60 { margin-left: 60px !important; }
.pl65 { padding-left: 65px !important; } 		.ml65 { margin-left: 65px !important; }
.pl70 { padding-left: 70px !important; } 		.ml70 { margin-left: 70px !important; }
.pl75 { padding-left: 75px !important; } 		.ml75 { margin-left: 75px !important; }
.pl80 { padding-left: 80px !important; } 		.ml80 { margin-left: 80px !important; }
.pl85 { padding-left: 85px !important; } 		.ml85 { margin-left: 85px !important; }
.pl90 { padding-left: 90px !important; } 		.ml90 { margin-left: 90px !important; }
.pl95 { padding-left: 95px !important; } 		.ml95 { margin-left: 95px !important; }
.pl100 { padding-left: 100px !important; } 		.ml100 { margin-left: 100px !important; }
.pl150 { padding-left: 150px !important; } 		.ml150 { margin-left: 150px !important; }
.pl230 { padding-left: 230px !important; } 		.ml230 { margin-left: 230px !important; }

.pr0  { padding-right:  0px !important; } 		.mr0  { margin-right:  0px !important; }
.pr5  { padding-right:  5px !important; } 		.mr5  { margin-right:  5px !important; }
.pr10 { padding-right: 10px !important; } 		.mr10 { margin-right: 10px !important; }
.pr15 { padding-right: 15px !important; } 		.mr15 { margin-right: 15px !important; }
.pr20 { padding-right: 20px !important; } 		.mr20 { margin-right: 20px !important; }
.pr25 { padding-right: 25px !important; } 		.mr25 { margin-right: 25px !important; }
.pr30 { padding-right: 30px !important; } 		.mr30 { margin-right: 30px !important; }
.pr35 { padding-right: 35px !important; } 		.mr35 { margin-right: 35px !important; }
.pr40 { padding-right: 40px !important; } 		.mr40 { margin-right: 40px !important; }
.pr45 { padding-right: 45px !important; } 		.mr45 { margin-right: 45px !important; }
.pr50 { padding-right: 50px !important; } 		.mr50 { margin-right: 50px !important; }
.pr55 { padding-right: 55px !important; } 		.mr55 { margin-right: 55px !important; }
.pr60 { padding-right: 60px !important; } 		.mr60 { margin-right: 60px !important; }
.pr65 { padding-right: 65px !important; } 		.mr65 { margin-right: 65px !important; }
.pr70 { padding-right: 70px !important; } 		.mr70 { margin-right: 70px !important; }
.pr75 { padding-right: 75px !important; } 		.mr75 { margin-right: 75px !important; }
.pr80 { padding-right: 80px !important; } 		.mr80 { margin-right: 80px !important; }
.pr85 { padding-right: 85px !important; } 		.mr85 { margin-right: 85px !important; }
.pr90 { padding-right: 90px !important; } 		.mr90 { margin-right: 90px !important; }
.pr95 { padding-right: 95px !important; } 		.mr95 { margin-right: 95px !important; }
.pr100 { padding-right: 100px !important; } 	.mr100 { margin-right: 100px !important; }

.plr0  { padding-left:  0px !important; padding-right:  0px !important; } 		.mlr0  { margin-left:  0px !important; margin-right:  0px !important; }
.plr10 { padding-left: 10px !important; padding-right: 10px !important; } 		.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.plr15 { padding-left: 15px !important; padding-right: 15px !important; } 		.mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
.plr19 { padding-left: 19px !important; padding-right: 19px !important; } 		.mlr19 { margin-left: 19px !important; margin-right: 19px !important; }
.plr20 { padding-left: 20px !important; padding-right: 20px !important; } 		.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.plr25 { padding-left: 25px !important; padding-right: 25px !important; } 		.mlr25 { margin-left: 25px !important; margin-right: 25px !important; }
.plr39 { padding-left: 39px !important; padding-right: 39px !important; } 		.mlr39 { margin-left: 39px !important; margin-right: 39px !important; }
.plr60 { padding-left: 60px !important; padding-right: 60px !important; } 		.mlr60 { margin-left: 60px !important; margin-right: 60px !important; }
.plr165 { padding-left: 165px !important; padding-right: 165px !important; } 	.mlr165 { margin-left: 165px !important; margin-right: 165px !important; }


.pad0  { padding:  0px !important; }			.mar0  { margin:  0px !important; }
.pad5  { padding:  5px !important; }			.mar5  { margin:  5px !important; }
.pad10 { padding: 10px !important; } 			.mar10 { margin: 10px !important; }
.pad15 { padding: 15px !important; } 			.mar15 { margin: 15px !important; }
.pad20 { padding: 20px !important; } 			.mar20 { margin: 20px !important; }
.pad23 { padding: 23px !important; } 			.mar23 { margin: 23px !important; }
.pad25 { padding: 25px !important; } 			.mar25 { margin: 25px !important; }
.pad30 { padding: 30px !important; } 			.mar30 { margin: 30px !important; }
.pad35 { padding: 35px !important; } 			.mar35 { margin: 35px !important; }
.pad40 { padding: 40px !important; } 			.mar40 { margin: 40px !important; }
.pad45 { padding: 45px !important; } 			.mar45 { margin: 45px !important; }
.pad50 { padding: 50px !important; } 			.mar50 { margin: 50px !important; }
.pad55 { padding: 55px !important; } 			.mar55 { margin: 55px !important; }
.pad60 { padding: 60px !important; } 			.mar60 { margin: 60px !important; }
.pad65 { padding: 65px !important; } 			.mar65 { margin: 65px !important; }
.pad70 { padding: 70px !important; } 			.mar70 { margin: 70px !important; }
.pad75 { padding: 75px !important; } 			.mar75 { margin: 75px !important; }
.pad80 { padding: 80px !important; } 			.mar80 { margin: 80px !important; }
.pad85 { padding: 85px !important; } 			.mar85 { margin: 85px !important; }
.pad90 { padding: 90px !important; } 			.mar90 { margin: 90px !important; }
.pad95 { padding: 95px !important; } 			.mar95 { margin: 95px !important; }
.pad100 { padding: 100px !important; } 			.mar100 { margin: 100px !important; }


.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.contCenter { margin: 0 auto; }

.borderAll { border: 1px solid #e0e0e7;}
.borderNone { border: 0 !important; }

.wAuto { width: auto !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w28 { width: 28% !important; }
.w30 { width: 30% !important; }
.w32 { width: 32% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w58 { width: 58% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w68 { width: 68% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w88 { width: 88% !important; }
.w90 { width: 90% !important; }
.w92 { width: 92% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }

.bgBlack { background-color: #000; }
.bgWhite { background-color: #fff; }
.bgGray { background-color: #e0e0e7;}
.bgLGray { background-color: #f0f0f2;}
.bgSLGray { background-color: #f9f9fa;}

.fs11px { font-size: 11px; }
.fs12px { font-size: 12px; }
.fs13px { font-size: 13px; }
.fs14px { font-size: 14px; }
.fs15px { font-size: 15px; }
.fs16px { font-size: 16px; }

@media only screen and (max-width: 374px) {
.fs12px_320 {	font-size: 12px; }
.fs13px_320 {	font-size: 13px; }
}

span.bold {
	font-weight: bold;
}

.br320, .br360, .br375, .br425, .br640 {
	display: none;
}
@media only screen and (max-width: 359px) {
	.br320 {
		display: block;
	}
}
@media only screen and (max-width: 374px) {
	.br360 {
		display: block;
	}
}
@media only screen and (max-width: 424px) {
	.br375 {
		display: block;
	}
}
@media only screen and (max-width: 639px) {
	.br425 {
		display: block;
	}
}
@media only screen and (min-width: 640px) {
	.br640 {
		display: block;
	}
}


/*---------------------------------------
----------------------------End Common*/


/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */
* { box-sizing: border-box; }
body {
	text-align:left;
	color: #000;
	cursor: auto;
    font-family: "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 28px;
	word-spacing:normal;
  	-webkit-text-size-adjust: 100%;
}
.mincho {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.hari {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;
}
.f_eng {
	font-family: Georgia, "Times New Roman", Times, serif
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited, a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.ToTopBtn {
	position: fixed;
	top: 70%;
	z-index: 101;
	margin: 0;
	right: -85px;
	opacity: 0.8;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.ToTopBtn.active {
	right: 5px;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}



/*----------------------nav---------------------------------*/

#nav-icon1 {
    width: 37px;
    height: 26px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
	background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 5px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top: 21px;
}

#nav-icon1.open span:nth-child(1) {
  top: 13px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 13px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



/*=============================================*/
/*           　フッター箇所　　　　　          */
/*=============================================*/

.global-header {
    position: fixed;
    width: 100%;
	background:url(../img/shared/header_bg.png) repeat;
	z-index:1000;
	padding-bottom: 5px;
	
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.global-header:after {
	display: block;
	clear: both;
	content: '';
}
.global-header h1 {
    text-align: left;
    line-height: 2;
    font-size: 10px;
    font-weight: normal;
	letter-spacing: 0;
    color: #000;
    margin-bottom: 5px;
	position: absolute;
    top: 43px;
    left: 13px;
}
.global-header p {
	margin: 0;
	line-height: 1.3;
    color: #000;
    font-weight: bold;
    font-size: 11px;
}
.global-header p#menu_btn {
	position: absolute;
    top: 8.5px;
    line-height: 1;
	letter-spacing: 0;
	text-align: center;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#logo {
    width: 134px;
    display: block;
    float: left;
    margin: 3px 0 0 7px;
	position:relative;
	z-index: 1000;
}
#htel {
}
.h-btn:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
	height: 0;
}
.h-btn {
	float: right;
    margin-top: 7px;
}
.h-btn li {
    float: left;
    padding: 0px 8px 0px;
    text-align: center;
}
.h-btn li.button-toggle {
	position: relative;
	z-index: 1000;
}
.h-btn li span.icon-phone {
	color: #000;
}
.h-btn li a, .h-btn li p {
}
p {
	margin-bottom: 1em;
}
.key {
	position: relative;
	width: 100%;
	height: 100vh;
}
.key_text {
	position: absolute;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	margin: 0;
}
.key:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #2a2a2b;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.key.faded:after {
	opacity: 0.8;
}

.rel {
	position: relative;
}

.global-footer {
	text-align: center;
	padding: 30px 0px 0;
	color:#000;
	font-size: 12px;
	line-height: 1.5;
	background: url(../img/shared/footer_bg01.png) left top repeat-x,  url(../img/shared/body.jpg);
	font-family: "メイリオ", "Meiryo", "ヒラギノ明朝体 Pro", "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.global-footer p {
	margin-bottom: 15px;
}
.global-footer p#address {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
	color: #000;
	padding: 10px 0;
    margin: 0px;
}


.global-footer p#address a{
 color: #000;
 display: block;
 text-decoration: none;
}


.global-footer .footer_logo {
	width: 200px;
}

.global-footer .ttl {
	font-size: 14px;
    font-family: "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
    display: block;
}
.global-footer .footer_tel {
	font-size: 27px;
	position: relative;
	font-weight: bold;
}
.global-footer .footer_fax {
	font-size: 27px;
	position: relative;
	font-weight: bold;
}
.global-footer .footer_tel .icon-phone:before {
    font-size: 22px;
    bottom: 2px;
    left: -3px;
    position: relative;
}

.global-footer .icon-desktop:before {
	padding-right: 7px;
}
.pc-site a:nth-child(n) {
    width: 80%;
    margin: 0 auto;
    padding: 4px 0;
    display: block;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    border-radius: 40px;
    border: 1px solid #fff;
    margin-bottom: 10px;
    background-color: rgba(0,0,0,0.1);
}

.social {
}
.social p {
}

#socialbuttons {
	display: table;
    margin: 20px auto 10px;
}
#socialbuttons > div {
    float: left;
    margin-right: 10px;
}
#socialbuttons div.twitter {
	width: 80px;
}
#socialbuttons div.fb {
	width: 102px;
}
#socialbuttons div.google {
	width: 60px;
    margin-right: 0px;
	overflow: hidden;
}

/*=============================================*/
/*               menubtm                       */
/*=============================================*/

.menu_toggle {
	position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
	height: 100vh;
	background-color: #fff;
	color: #999;
	overflow: hidden;
	border: 1px rgba(255,255,255,0.5) solid;
	z-index: 999;
	box-sizing:border-box;
	padding-top: 70px;
	background: url(../img/shared/menu_toggle_bg.jpg) left top;
	
}
.navi_btt {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
/*
.dark_bg {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
}
.global-header.active {
	opacity: 0;
}
*/

.menu_toggle ul {
	padding: 0;
    list-style-type: none;
    list-style-position: outside;
    width: 100%;
    max-height: 65%;
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    overflow-y: scroll;
}

.menu_toggle li {
	position: relative;
}

.menu_toggle a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 0;
	/*border-bottom: 1px solid rgba(0,0,0,0.5);*/
	line-height: 1.2;
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ Ｐ明朝", "MS PMincho";
	text-align: center;
	font-weight: bold;
}

/*.menu_toggle a:after {
	content: "\f105";
	font-family: "fontello";
	float:right;
}*/


.menu_toggle li.close-bt {
	font-size: 14px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ Ｐ明朝", "MS PMincho";
	color: #fff;
	text-align:center;
	padding:15px 0;
	display:block;
	cursor:pointer;
}
/*
.menu_toggle li.close-bt:after {
	content: "v";
	font-family: "fontello";
	margin-left: 10px;
}
*/



/*----------------------under---------------------------------*/
.accContainer {}
.accBtn {}
.accBlock {}

h2 {
	position: relative;
	margin-bottom: 20px;
}
h3 {
	position: relative;
	margin-bottom: 15px;
}
.line {
	background:url(../img/shared/line.png) repeat-x;
	height: 5px;
	position:relative;
	margin: 0 5px;
}
.line2 {
	background:url(../img/shared/line02.jpg) repeat;
	height: 3px;
	position:relative;
	margin-bottom: 0;
}
.button {
    display: block;
    margin: 0 auto;
}


.rss {
	padding: 20px 0;
}
#feed .box {
	width: 80%;
	padding: 0;
	margin: 0 auto;
}
#feed dt {
	float: left;
	width: 40%;
	margin-right: 5%;
	text-align: right;
}
#feed dd {
	float: left;
	width: 55%;
}

.main_content {
	background: url(../img/shared/body.jpg);
	position: relative;
	width: 100%;
}

.parallax_container {
}
.parallax {
	position: fixed;
	top: 0;
	z-index: -1;
	width: 100%;
    height: 100%;
}

.img_left {
	float: left;
}
.img_right {
	float: right;
}

/*----------------------index---------------------------------*/
#index .key .parallax {
	background:url(../img/index/key_01.png) center bottom no-repeat;
	background-size: cover;
}

.index01 {
	padding: 20px 0;
}
.index02 {
	padding: 20px 0;
}
.index03 {
	padding: 20px 0;
}
.index04 {
	padding: 20px 0;
}
.index05 {
	padding: 20px 0;
}
.index06 {
	padding: 20px 0;
}
.side_bg {
	float: left;
	background: url(../img/shared/side_bg.png) left top;
	background-size: cover;
	top: 0;
	width: 20px;
	height: 100vh;
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}
.side_bg.fixed {
	position: fixed;
}
.right_content {
	/*margin-left: 20px;
	box-shadow: -2px -1px 8px 0px #292929;*/
    position: relative;
	overflow-x: hidden;
}

.index02 p.txt01 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.index03 .txt01 {
	padding: 0 10px;
}
.index03 .btn01 {
	padding-left: 16%;
	display: block;
	width: 96%;
}
.index04 .img_right {
	-webkit-shape-outside: circle(48%);
    shape-outside: circle(48%);
}

.txt_link{
	font-size:120%;
	padding-left:10px;
	font-weight:bold;
	text-decoration:underline;
}


/*----------------------drink---------------------------------*/
#drink .key .parallax {
	background:url(../img/drink/key_01.jpg) center bottom no-repeat;
	background-size: cover;
}
.drink01 {
	padding: 0px 0 20px;
}
.drink02 {
	background:url(../img/drink/sec02_bg_001.png) left bottom 20px no-repeat;
	background-size: contain;
	padding: 20px 0;
}
.drink03 {
	padding: 20px 0;
}
.drink04 {
	padding: 20px 0;
}
.drink05 {
	padding: 20px 0;
}

.remodal-overlay {
	background-color: transparent;
}
.remodal {
	background: rgba(0, 0, 0, 0.84);
	color: #fff;
}
.remodal-close {
	color: #fff;
}
.remodal .inner {
    padding: 0px 0px 10px;
    height: 350px !important;
    overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}


/*----------------------Shinjyo---------------------------------*/
#shinjyo_okoshi .key .parallax {
	background:url(../img/shinjyo_okoshi/key_01.jpg) center bottom no-repeat;
	background-size: cover;
}
#shinjyo_okoshi .lead {
	padding: 20px 0;
	background: url(../img/shinjyo_okoshi/lead_bg01.png) center bottom no-repeat;
	background-size: contain;
}
.shinjyo01 {
	background: url(../img/shinjyo_okoshi/sec01_bg01.png) center center, url(../img/shinjyo_okoshi/sec01_bg02.png) center bottom 23%, url(../img/shinjyo_okoshi/sec01_bg03.png) center top 3%;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 20px 0;
}
.shinjyo02 {
	background: url(../img/shinjyo_okoshi/sec02_bg01.png) center top no-repeat, url(../img/shinjyo_okoshi/sec3.jpg) repeat center top;
	background-size: contain, auto;
	padding: 0px 0 20px;
}
.shinjyo03 {
	padding: 0px 0 30px;
}
.shinjyo04 {
	padding: 20px 0;
}
.shinjyo05 {
	padding: 20px 0;
}
.lh1 {
	line-height: 1;
}

#feed .blk{
	background:url(../img/index/line_doc.png) no-repeat right top;
	padding: 0 10px 10px;
}
#feed dd a {
	font-size: 14px;
    padding-left: 14px;
    display: block;
}
#feed .date {
    font-size: 13px;
    letter-spacing: -0.5px;
    padding-left: 33px;
}
#feed dd {
	letter-spacing: 0.5px;
}
#feed .des {
    font-size: 13px;
    width: 100%;
    line-height: 21px;
    padding-left: 12px;
    margin-top: -2px;
	overflow-x: scroll;
}
#feed .pic {
    width: 265px;
    height: 183px;
    padding-left: 30px;
    padding-top: 27px;
}
#feed dl {
	margin-right: 10px;
}
#feed .line {
	margin: 0 17px;
	padding-top: 15px;
	background: url(../img/shared/line.png) repeat-x;
    background-size: auto 1px;
}
.shinjyo01 .navi_bnr {
	position: relative;
}
.shinjyo01 .navi_bnr:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    top: -190px;
    background: url(../img/shinjyo_okoshi/sec01_bg04.png) left 10% bottom no-repeat;
    background-size: 245px auto;
}
.above {
	position: relative;
	z-index:10;
}
.shinjyo03 .img_left {
	width: 71.56%;
}
.shinjyo03 .img_right {
	width: 28.44%;
}
.shinjyo03 .bx-wrapper .bx-pager,
.shinjyo04 .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(255,255,255,0.4);
    padding: 4px 0;
}
.shinjyo03 .black_box {
    background: url(../img/shinjyo_okoshi/sec5_box.png) repeat-y center top;
	color: #fff;
	margin: 0 10px;
	padding-bottom: 20px;
}
.shinjyo03 .text {
	padding: 0 10px;
	margin-top: -25px;
}
.shinjyo03 .black_box h3 {
	margin: 0 -10px;
}


/* ---------------------------
    V CUSTOM
-----------------------------*/
.color_white {
  color: #fff !important; }
.box_over {
    background-color: rgba(0,0,0,0.5)
}
#access .width200,
#personal .width200,
#store .width200,
#tourism .width200 {
  width: 200px; }

#access .width50_percen,
#personal .width50_percen,
#store .width50_percen,
#tourism .width50_percen {
  width: 50%; }

#access .mr_auto,
#personal .mr_auto,
#store .mr_auto,
#tourism .mr_auto {
  margin: 0 auto; }

#access .width_auto,
#personal .width_auto,
#store .width_auto,
#tourism .width_auto {
  width: auto !important; }

#access img,
#personal img,
#store img,
#tourism img {
  max-width: 100%; }

#access section,
#personal section,
#store section,
#tourism section {
  padding-top: 20px;
  padding-bottom: 30px; }

#access .center,
#personal .center,
#store .center,
#tourism .center {
  text-align: center; }

#access .box,
#personal .box,
#store .box,
#tourism .box {
  padding-left: 10px;
  padding-right: 10px; }

#access .vtb,
#personal .vtb,
#store .vtb,
#tourism .vtb {
  display: inline-table;
  width: 100%; }
  #access .vtb .vcell,
  #personal .vtb .vcell,
  #store .vtb .vcell,
  #tourism .vtb .vcell {
    display: table-cell;
    vertical-align: top; }
  #access .vtb .ver-align-mid,
  #personal .vtb .ver-align-mid,
  #store .vtb .ver-align-mid,
  #tourism .vtb .ver-align-mid {
    vertical-align: middle; }

#access .bxslider,
#personal .bxslider,
#store .bxslider,
#tourism .bxslider {
  position: relative;
  z-index: 100; }

#access .bx-wrapper .bx-viewport,
#personal .bx-wrapper .bx-viewport,
#store .bx-wrapper .bx-viewport,
#tourism .bx-wrapper .bx-viewport {
  left: 0;
  border: 0;
  background: transparent;
  -moz-box-shadow: 0 0 5px transparent;
  -webkit-box-shadow: 0 0 5px transparent;
  box-shadow: 0 0 5px transparent; }

#access .bx-wrapper .bx-pager,
#personal .bx-wrapper .bx-pager,
#store .bx-wrapper .bx-pager,
#tourism .bx-wrapper .bx-pager {
  bottom: -40px; }

#access .bx-wrapper .bx-pager.bx-default-pager a,
#personal .bx-wrapper .bx-pager.bx-default-pager a,
#store .bx-wrapper .bx-pager.bx-default-pager a,
#tourism .bx-wrapper .bx-pager.bx-default-pager a {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid black;
  background-color: transparent; }

#access .bx-wrapper .bx-pager.bx-default-pager a.active,
#personal .bx-wrapper .bx-pager.bx-default-pager a.active,
#store .bx-wrapper .bx-pager.bx-default-pager a.active,
#tourism .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: black; }

#access .bx-wrapper .bx-controls-direction a,
#personal .bx-wrapper .bx-controls-direction a,
#store .bx-wrapper .bx-controls-direction a,
#tourism .bx-wrapper .bx-controls-direction a {
  height: 50px;
  width: 50px; }

#access .bx-wrapper .bx-next, #access .bx-wrapper .bx-prev,
#personal .bx-wrapper .bx-next,
#personal .bx-wrapper .bx-prev,
#store .bx-wrapper .bx-next,
#store .bx-wrapper .bx-prev,
#tourism .bx-wrapper .bx-next,
#tourism .bx-wrapper .bx-prev {
  background-size: 50px 50px; }

#access .bx-wrapper .bx-next,
#personal .bx-wrapper .bx-next,
#store .bx-wrapper .bx-next,
#tourism .bx-wrapper .bx-next {
  background-image: url(../img/shared/slider_btn_next.png);
  background-repeat: no-repeat;
  right: 0; }

#access .bx-wrapper .bx-prev,
#personal .bx-wrapper .bx-prev,
#store .bx-wrapper .bx-prev,
#tourism .bx-wrapper .bx-prev {
  background-image: url(../img/shared/slider_btn_back.png);
  background-repeat: no-repeat;
  left: 0; }

.br320 {
  display: none; }
.txt_underline {
    text-decoration: underline
}

@media (max-width: 320px) {
  .br320 {
    display: block; } }

@media (min-width: 321px) and (max-width: 375px) {
  .br375 {
    display: block; } }

/* ---------------------------
    ACCESS
-----------------------------*/
#access .key .parallax {
  background: url(../img/access/key.png) left 66% bottom no-repeat;
  background-size: cover; }

#access .key .txt1 {
  position: absolute;
  z-index: 10;
  left: 20%;
  width: auto;
  height: auto; }

#access .key .txt2 {
  position: absolute;
  z-index: 10;
  right: 20%;
  width: auto;
  height: auto; }

@media (max-width: 320px) {
  #access .key .txt1 {
    top: -35%; }
  #access .key .txt2 {
    bottom: 25%; } }

@media (min-width: 321px) {
  #access .key .txt1 {
    top: -25%; }
  #access .key .txt2 {
    bottom: 30%; } }

#access .color_black {
  color: black !important; }

#access .bx-wrapper .bx-viewport {
  left: 0;
  border: 0;
  background: transparent;
  -moz-box-shadow: 0 0 5px transparent;
  -webkit-box-shadow: 0 0 5px transparent;
  box-shadow: 0 0 5px transparent; }

#access .bx-wrapper .bx-pager {
  bottom: -40px; }

#access .bx-wrapper .bx-pager.bx-default-pager a {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid black;
  background-color: transparent; }

#access .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: black; }

#access .bx-wrapper .bx-controls-direction a {
  height: 50px;
  width: 50px; }

#access .bx-wrapper .bx-next, #access .bx-wrapper .bx-prev {
  background-size: 50px 50px; }

#access .bx-wrapper .bx-next {
  background-image: url(../img/shared/slider_btn_next.png);
  background-repeat: no-repeat;
  right: 0; }

#access .bx-wrapper .bx-prev {
  background-image: url(../img/shared/slider_btn_back.png);
  background-repeat: no-repeat;
  left: 0; }

#access .bxslider2 .bx-viewport {
  border: 5px solid black; }

#access .bxslider2 .bx-next {
  background-image: url(../img/shared/slider_btn_white_next.png); }

#access .bxslider2 .bx-prev {
  background-image: url(../img/shared/slider_btn_white_back.png); }

#access #sec1 {
  padding: 30px 0;
  background-image: url(../img/access/sec1_bg_1.png), url(../img/access/sec1_bg_2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
  background-size: 100%, 100%; }
  #access #sec1 .menu {
    color: black; }
    #access #sec1 .menu a {
      color: black; }
    #access #sec1 .menu dl {
      background: url(../img/shared/line_all.png) no-repeat center bottom;
      line-height: 1.5;
      padding: 20px 0; }
    #access #sec1 .menu dt {
      padding-left: 15px;
      width: 30%;
      float: left; }
    #access #sec1 .menu dd {
      float: left;
      width: 70%; }
    #access #sec1 .menu .size {
      font-weight: bold;
      font-size: 22px;
      line-height: 1; }

#access #sec2 {
  border-top: 5px solid black;
  border-bottom: 5px solid black;
  position: relative;
  z-index: 20; }
  #access #sec2 #map {
    height: 300px; }

#access #sec3 {
  position: relative;
  padding: 10px 0;
  padding-top: 20px;
  background-image: url(../img/access/sec1_bg_1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 250px auto; }
  #access #sec3 p {
    color: black; }
  #access #sec3 .box {
    position: relative;
    z-index: 10; }
  #access #sec3:after {
    content: '';
    background-image: url(../img/access/sec3_bg_1.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 150px auto;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 30px;
    z-index: 0; }
  #access #sec3:before {
    content: '';
    background-image: url(../img/access/sec3_bg_2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 150px auto;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: -50px;
    z-index: 0; }


/* ---------------------------
    personal
-----------------------------*/
#personal .bx-wrapper .bx-controls-direction .bx-prev, #personal .bx-wrapper .bx-controls-direction .bx-next {
  opacity: 0.5; }

#personal .key .parallax {
  background: url(../img/personal/key.png) center bottom no-repeat;
  background-size: cover;
  position: relative; }

#personal .key .key_text {
  right: 10px;
  top: -20%; }

#personal #key_btn {
  padding-top: 10px;
  padding-bottom: 10px; }

#personal #sec1 {
  padding-top: 20px;
  background-image: url(../img/personal/sec1_bg_1.png), url(../img/personal/sec1_bg_2.png), url(../img/personal/sec1_bg_3.png), url(../img/personal/sec1_bg_4.png);
  background-position: bottom right, bottom left, right top, left top, left center;
  background-repeat: no-repeat, no-repeat,  no-repeat, no-repeat;
  background-size: 50% auto, 50% auto, auto, 50%; }

#personal #sec2 {
  padding-top: 30px;
  padding-bottom: 0px; }
  #personal #sec2 .img_sec2 {
    width: 200px; }
  #personal #sec2 .bg {
    background-image: url(../img/personal/sec2_bg_5.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%; }
  #personal #sec2 h2 {
    position: relative;
    z-index: 50; }
    #personal #sec2 h2:before {
      content: '';
      position: absolute;
      width: 53%;
      height: 53%;
      top: 30%;
      left: 0;
      background-image: url(../img/personal/sec2_bg_4.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
  #personal #sec2 .sec2_img {
    position: relative;
    z-index: 20; }
    #personal #sec2 .sec2_img:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: -50px;
      z-index: 0;
      background-image: url(../img/personal/sec2_bg_1.png), url(../img/personal/sec2_bg_2.png);
      background-repeat: no-repeat, no-repeat;
      background-size: 80%, 30%;
      background-position: top left, bottom right; }
    #personal #sec2 .sec2_img:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      z-index: 0;
      background-image: url(../img/personal/sec2_bg_2.png);
      background-size: 100%;
      background-position: bottom right; }
    #personal #sec2 .sec2_img img {
      position: relative;
      z-index: 20; }
  #personal #sec2 .vtb {
    display: inherit; }

#personal #sec3 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url(../img/personal/sec3_line.png), url(../img/personal/sec3_bg_1.png), url(../img/personal/sec3_bg_2.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 100%, 60%, 60%;
  background-position: top center, right bottom, left bottom; }
  #personal #sec3 p {
    margin-bottom: 0; }
  #personal #sec3 .vtb .vcell:first-child {
    padding-right: 5px; }
  #personal #sec3 .vtb .vcell:last-child {
    padding-left: 5px; }

#personal #sec4 {
  margin-top: -20px; }

#personal #sec5 {
  background-image: url(../img/personal/sec5_bg_all.png);
  padding-top: 70px;
  margin-top: -70px;
  padding-bottom: 50px; }
  #personal #sec5 .bxslider {
    position: relative; }
    #personal #sec5 .bxslider:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      bot: 0;
      left: 0;
      background-image: url(../img/personal/sec5_bg_2.png);
      background-repeat: no-repeat;
      background-size: 70%;
      background-position: top right;
      z-index: -1; }
    #personal #sec5 .bxslider:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      background-image: url(../img/personal/sec5_bg_1.png);
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: bottom left;
      z-index: -1; }

#personal #sec6 {
  margin-top: -50px;
  padding-bottom: 0px; }
#personal #sec7 {
    background-image: url(../img/personal/sec7_bg_all.png);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -55px;
}
#personal #sec7 .btn_accordion {
  position: relative;
  cursor: pointer; }
  #personal #sec7 .btn_accordion:after {
    content: '';
    position: absolute;
    bottom: -50%;
    transform: translateY(-50%);
    height: 14px;
    width: 15px;
    background-image: url("../img/personal/sec7_icon.png");
    background-repeat: no-repeat;
    background-size: 15px 10px;
    right: 3%; }

#personal #sec7 .btn_accordion.close:after {
  transition: all 1s; }

#personal #sec7 .btn_accordion.open:after {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg) translateY(70%);
  transition: all 1s; }

#personal #sec7 .bxslider {
  background-image: url(../img/personal/sec7_bg_2.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%; }

#personal #sec7 .scrollbox {
  background-image: url(../img/personal/sec7_accordion_content.png), url(../img/personal/sec7_bg_1.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, left top;
  background-size: 100%, 100%;
  padding-bottom: 20px; }
  #personal #sec7 .scrollbox .vtb {
    margin: 0 10%;
    display: inherit; }
    #personal #sec7 .scrollbox .vtb .vcell {
      padding: 0; }

#personal #sec8 {
  padding: 10px 0; margin-top: -35px;}

#personal #sec9 {
  background-image: url(../img/personal/sec9_bg_all.png);
  background-repeat: repeat;
  padding-top: 80px;
  margin-top: -80px;
  padding-bottom: 60px; }
  #personal #sec9 .bxslider {
    position: relative; }
    #personal #sec9 .bxslider:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../img/personal/sec9_bg_1.png);
      background-repeat: no-repeat;
      background-position: top left;
      background-size: 80%;
      z-index: -1; }
    #personal #sec9 .bxslider:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../img/personal/sec9_bg_2.png);
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: 40%;
      z-index: -1; }

#personal #sec10 {
  margin-top: -50px;
  padding-bottom: 0; }

#personal #sec11 {
  background-image: url(../img/personal/sec7_bg_all.png);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -55px;
}
  #personal #sec11 .bxslider {
    position: relative; }
    #personal #sec11 .bxslider:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../img/personal/sec11_bg_1.png);
      background-repeat: no-repeat;
      background-position: top left;
      background-size: 80%;
      z-index: -1; }
    #personal #sec11 .bxslider:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../img/personal/sec11_bg_2.png);
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: 40%;
      z-index: -1; }

#personal #sec12 {
  background-image: url(../img/personal/sec12_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  padding-top: 20px; }

#personal .sec02_bg {
	background: url(../img/personal/sec02_bg.png);
	padding-bottom: 20px;
}
#personal #sec2 .vtb {
	position: relative;
}
#personal #sec2 .vtb:after {
	content: "";
	background: url(../img/personal/sec02_bg.png);
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	left:0;
}
#personal #sec2 .vtb .img_sec2 {
	width: 100%;
	position:relative;
}


/* ---------------------------
    store
-----------------------------*/
#store .key .parallax {
  background: url(../img/store/key.png) center bottom no-repeat;
  background-size: cover;
  position: relative; }

#store #sec1 {
  padding-top: 30px;
  background-image: url(../img/store/sec1_bg_1.png), url(../img/store/sec1_bg_4.png), url(../img/store/sec1_bg_5.png), url(../img/store/frame.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: auto, 80%, 90%, auto;
  background-position: top left, center right, left bottom, bottom center; }

#store #sec2 {
  padding-top: 30px; }
  #store #sec2 .box_content {
    background-image: url(../img/store/sec2_bg_box.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 10px;
    padding: 10px 20px; }
    #store #sec2 .box_content h3 {
      padding: 15px 15px 15px 0;
      margin: 0; }
    #store #sec2 .box_content .btn {
      padding: 15px 0; }
    #store #sec2 .box_content p {
      color: #fff; }
    #store #sec2 .box_content a {
      color: #fff; }

#store #sec3 {
  background-image: url(../img/store/sec3_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right top; }
  #store #sec3 .bxslider {
    position: relative;
    z-index: 1; }
  #store #sec3 .box_content {
    background-image: url(../img/store/sec3_bg_box.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 10px;
    padding: 10px 20px;
    position: relative;
    z-index: 10; }
    #store #sec3 .box_content h3 {
      padding: 15px 15px 15px 0;
      margin: 0; }
    #store #sec3 .box_content .btn {
      padding: 15px 0; }
    #store #sec3 .box_content p {
      color: #fff; }
    #store #sec3 .box_content a {
      color: #fff; }
  #store #sec3 .box_txt {
    position: relative;
    z-index: 0; }
    #store #sec3 .box_txt:before {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 300%;
      bottom: -150%;
      right: 0;
      background-image: url(../img/store/store_bg.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: right center; }

#store #sec4 {
  background-image: url(../img/store/sec4_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px 0;
  position: relative;
  z-index: 10; }
  #store #sec4 p {
    color: #fff; }

#store #sec5 {
  padding: 10px 0;
  padding-bottom: 20px;
  background-image: url(../img/store/sec5_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%; }
#store .bx-wrapper a {top:20% !important}
#store .bx-wrapper .bx-prev {background-image: url(../img/shared/slider_btn_white_back.png);}
#store .bx-wrapper .bx-next {background-image: url(../img/shared/slider_btn_white_next.png);}
/* ---------------------------
    tourism
-----------------------------*/
#tourism .width50_percen {
  width: 50%; }

#tourism .key .parallax {
  background: url(../img/tourism/key.png) center bottom no-repeat;
  background-size: cover;
  position: relative; }

#tourism .key .key_text {
  text-align: center;
  width: 100%; }

#tourism .btn_accordion {
  position: relative; }
  #tourism .btn_accordion:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	height: 7px;
    width: 16px;
    background-image: url(../img/tourism/icon.png);
    background-repeat: no-repeat;
    background-size: 16px 8px;
    right: 5%;
    margin-top: 0; }

#tourism .btn_accordion.close:after {
  transition: all 1s; }

#tourism .btn_accordion.open:after {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg) translateY(50%);
  transition: all 1s; }

#tourism #sec1 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(../img/tourism/sec1_bg_2.png), url(../img/shared/line.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 70%, 100%;
  background-position: bottom right, bottom center; }
  #tourism #sec1 .txt {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    margin-left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  #tourism #sec1 h2 {
    background-image: url(../img/tourism/sec1_bg_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

#tourism #sec2 {
  background-image: url(../img/shared/line.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center; }
  #tourism #sec2 .txt {
    position: relative; }
    #tourism #sec2 .txt:before {
      content: '';
      position: absolute;
      height: 175%;
      width: 100%;
      top: -20%;
      left: 0;
      background-image: url(../img/tourism/sec2_bg_1.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: left center;
      z-index: 0; }
  #tourism #sec2 .img_pos {
    position: relative;
    z-index: 10; }
  #tourism #sec2 .vbtn {
    position: relative;
    z-index: 10; }
    #tourism #sec2 .vbtn:before {
      content: '';
      z-index: -1;
      position: absolute;
      height: 300px;
      width: 100%;
      top: -100px;
      left: 0;
      background-image: url(../img/tourism/sec2_bg_2.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: left center; }

#tourism #sec5 {
  padding-top: 10px;
  padding-bottom: 30px; }
  #tourism #sec5 .vtb .vcell {
    width: 50%; }
  #tourism #sec5 .item {
    position: relative;
    background-image: url(../img/tourism/sec5_bg_box.png);
    border: 3px solid #19120d;
    min-height: 120px; }
    #tourism #sec5 .item .icon {
      position: absolute;
      z-index: 5;
      width: 35px;
      height: 35px;
      top: -10px;
      left: -6px;
      background-image: url(../img/tourism/sec5_icon_box.png);
      background-repeat: no-repeat;
      background-size: 100%; }
      #tourism #sec5 .item .icon span {
        position: absolute;
        width: 90%;
        height: 20px;
        text-align: center;
        color: #fff;
        z-index: 20;
        display: table-cell;
        vertical-align: middle;
        margin-top: 0px;
        font-size: 100%;
        font-weight: 700; }
    #tourism #sec5 .item p {
      margin: 0;
      padding: 0 0 0 25px;
      text-align: left; }


.seasoning_bnr{
	display:block;
	width:95%;
	margin:20px auto 0;
}

/*# sourceMappingURL=iphone.css.map */