@charset "utf-8";
/*
Theme Name: tonkou
Theme URI: http://theme.o2gp.com/
Description: tonkou
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 170%;	font-size: 14px;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.text_black{color: #000000;}
.text_red{color: #FF1F55;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px;}
.font21{ font-size: 21px;}
.font22{ font-size: 22px;}
.font23{ font-size: 23px;}
.font24{ font-size: 24px;}
.font25{ font-size: 25px;}
.font26{ font-size: 26px;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.padding_b10{	padding-bottom: 10px;}
.padding_b20{	padding-bottom: 20px;}
.padding_b30{	padding-bottom: 30px;}
.padding_t10{	padding-top: 10px;}
.padding_t20{	padding-top: 20px;}
.padding_t30{	padding-top: 30px;}
.center {	text-align: center;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box960 {	max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box890 {	height: auto;	max-width: 890px;	width: 100%;	margin-left: 70px;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box700 {	height: auto;	max-width: 700px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box680 {	height: auto;	max-width: 680px;	width: 100%;	margin-right: auto;	margin-left: auto;}

.justify{text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;}

.pc{ display:block;} .sp{ display:none;}
@media screen and (max-width: 640px) {
.pc{ display:none;} .sp{ display:block;}
}
#link1 {margin-top:-80px;	padding-top:80px;}
#link2 {margin-top:-80px;	padding-top:80px;}
#link3 {margin-top:-80px;	padding-top:80px;}
#link4 {margin-top:-80px;	padding-top:80px;}
#link5 {margin-top:-80px;	padding-top:80px;}
#link6 {margin-top:-80px;	padding-top:80px;}
#link7 {margin-top:-80px;	padding-top:80px;}
#link8 {margin-top:-80px;	padding-top:80px;}
#link9 {margin-top:-80px;	padding-top:80px;}

/*************
全体
*************/


.fadein {
  animation: fadeIn 2.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein2 {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**スクロールフェードイン（横スクロールと親和性OK）**/
.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}
.js-fadeBottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeLeft {
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fade.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeBottom.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeTop.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.js-fadeLeft.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
.js-fadeRight.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
/**スクロールフェードイン（横スクロールと親和性OK）/////**/

header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
.head_inner{
	width:90%;
	max-width: 1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	z-index:10;
	position: relative;
}

.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:20px;
	margin-top:0px;
	padding-right:10px;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	background-color:#000000;
	color: #FFF;
	
}
#my-menu li{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li a{
	text-align: center;
}
#my-menu li.sub1{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li.sub2{
	background-color: #FFF;
	color: #000;
	text-align: center;
}	


#bg_black{
	width: 100%;
	height: auto;
	background-color: #000000;
	padding-bottom: 0;
}
#bg_black2{
	width: 100%;
	height: auto;
	background-color: #000000;
}
.top_bg1{
	width: 100%;
	max-width: 1125px;
	height: 1879px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg1.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}

.catch{
  width: 30%;
  max-width: 100px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;
	padding-bottom: 440px;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch1 1.5s ease-out forwards;
  animation-delay: 0.2s;
}
@keyframes leafArcIn_catch1 {
  0% {
    /* 左から右へ：Xのみ移動（-30px → 0） */
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.logo{
  width: 70%;
  max-width: 320px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 250px;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch2 1.5s ease-out forwards;
  animation-delay: 0.6s;
}
@keyframes leafArcIn_catch2 {
  0% {
    /* catch2は距離を少し大きめ（-50px → 0） */
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.scroll22{
  width: 80px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
}


.top_bg2{
	width: 100%;
	max-width: 1125px;
	height: 1683px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p1.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}

.t1{
	width: 85%;
	max-width: 513px;
	height: auto;
	padding-top: 720px;
	padding-left: 7%;
}

.top_p3{
  width: 100%;
  max-width: 1125px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
}

.top_bg4{
	width: 100%;
	max-width: 1125px;
	height: 2531px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p4.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}

.t2{
  width: 85%;
  max-width: 657px;
  height: auto;
	padding-left: 7%;
	padding-top: 20px;
}

.top_bg5{
	width: 100%;
	max-width: 1125px;
	height: 3186px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p5.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}

.t3{
  width: 85%;
  max-width: 712px;
  height: auto;
	padding-left: 7%;
	padding-top: 690px;
}

#bg_gray{
	width: 100%;
	height: auto;
	background-color: #2D2D2D;
}
.t_dinner{
	width: 50%;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-bottom: 60px;
}
.t4{
	width: 80%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.top_p6{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	
}
.topbox{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 140px;
	
}
.top_t5{
	width: 90%;
	max-width: 600px;
	height: auto;
	padding-left: 5%;
	padding-bottom: 50px;
}
.top_l1{
	width: 44%;
	float: left;
	padding-bottom: 0px;	
}
.top_r1{
	width: 47%;
	float: right;
	padding-bottom: 0px;
}



#bg_white{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.t_lunch{
	width: 50%;
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-bottom: 60px;
}
.t7{
	width: 80%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}

.top_p8{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	
}
.topbox2{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	
}


.line2{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 1px solid #000000;
	margin-bottom: 100px;
}
.top_l2{
	width: 50%;
	float: left;
	padding-bottom: 0px;	
}
.top_r2{
	width: 39%;
	float: right;
	padding-bottom: 0px;
}

.top_t10{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-bottom: 70px;
}
.top_p12{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
}

.t_access{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 50px;
}

.gbox{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 40px;
}
/* 埋め込みマップをモノクロに */
.map-gray iframe {
  filter: grayscale(100%) contrast(1.05);
  -webkit-filter: grayscale(100%) contrast(1.05);
}

.gmap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.access_t1{
	width: 90%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	font-size: 15px;
	line-height: 150%;
	margin-bottom: 50px;	
}
.access_tel{
	width:90%;
	max-width: 410px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 50px;	
	
}
.access_time{
	width: 90%;
	max-width: 200px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 50px;	
	
}
.access_yoyaku{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 100px;	
	
}


footer{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #000000;
}
.copyright{
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #FFF;
}









@media screen and (max-width: 800px) {

header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
.head_inner{
	width:100%;
	max-width: 1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	z-index:10;
	position: relative;
}

.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:0px;
	margin-top:0px;
	padding-right:0px;
	position: absolute;
	top: 25px;
	right: 16px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	background-color:#000000;
	color: #FFF;
	
}
#my-menu li{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li a{
	text-align: center;
}
#my-menu li.sub1{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li.sub2{
	background-color: #FFF;
	color: #000;
	text-align: center;
}	


#bg_black{
	width: 100%;
	height: auto;
	background-color: #000000;
	padding-bottom: 30%;
}
#bg_black2{
	width: 100%;
	height: auto;
	background-color: #000000;
}
.top_bg1{
	width: 100%;
	max-width: 1125px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	overflow: visible; /* 縦方向は隠さない */
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}
/* 背景画像のアスペクト比: 高さ/幅 × 100% を padding-top にする
   例: 1080/1920*100 = 56.25% */
.top_bg1::before{
  content: "";
  display: block;
  padding-top: 167%; /* ← p1.jpg の比率に合わせて計算 */
}
	

.catch{
  width: 12.5%;
  max-width: 140px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch1 1.5s ease-out forwards;
  animation-delay: 0.2s;
	position: absolute;
	left: 0;
	right: 0;
	top: 11.5%;
}

.logo{
  width: 30%;
  max-width: 340px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch2 1.5s ease-out forwards;
  animation-delay: 0.6s;
	position: absolute;
	left: 0;
	right: 0;
	top: 44%;
}
.scroll22{
  width: 50px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 80%;
}


.top_bg2{
	width: 100%;
	max-width: 1125px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	overflow: visible; /* 縦方向は隠さない */
	padding-bottom: 0%;
	z-index: 0;	
}

/* 背景画像のアスペクト比: 高さ/幅 × 100% を padding-top にする
   例: 1080/1920*100 = 56.25% */
.top_bg2::before{
  content: "";
  display: block;
  padding-top: 149.6%; /* ← p1.jpg の比率に合わせて計算 */
}
	
	
.t1{
	width: 56%;
	max-width: 604px;
	height: auto;
	padding-top: 0%;
	padding-left: 6%;
	position:absolute;
	top: 42%
}

.top_p3{
  width: 100%;
  max-width: 1125px;
  height: auto;
	margin-left: auto;
	margin-right: auto;
}

.top_bg4{
	width: 100%;
	max-width: 1125px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p4.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	overflow: visible; /* 縦方向は隠さない */
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}
/* 背景画像のアスペクト比: 高さ/幅 × 100% を padding-top にする
   例: 1080/1920*100 = 56.25% */
.top_bg4::before{
  content: "";
  display: block;
  padding-top: 224.9%; /* ← p1.jpg の比率に合わせて計算 */
}
	

.t2{
  width: 66%;
  max-width: 740px;
  height: auto;
	padding-left: 6%;
	padding-top: 0%;
	position:absolute;
	top: 1%
}

.top_bg5{
	width: 100%;
	max-width: 1125px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/p5.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	overflow: visible; /* 縦方向は隠さない */
	padding-bottom: 0%;
	position: relative;
	z-index: 0;	
}
/* 背景画像のアスペクト比: 高さ/幅 × 100% を padding-top にする
   例: 1080/1920*100 = 56.25% */
.top_bg5::before{
  content: "";
  display: block;
  padding-top: 283.2%; /* ← p1.jpg の比率に合わせて計算 */
}
	

.t3{
  width: 73%;
  max-width: 800px;
  height: auto;
	padding-left: 6%;
	padding-top: 0%;
	position:absolute;
	top: 21.5%
}

#bg_gray{
	width: 100%;
	height: auto;
	background-color: #2D2D2D;
}
.t_dinner{
	width: 29%;
	max-width: 310px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 35px;
}
.t4{
	width: 75%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}
.top_p6{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	
}
.topbox{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	
}
.top_t5{
	width: 70%;
	max-width: 670px;
	height: auto;
	padding-left: 5%;
	padding-bottom: 30px;
}
.top_l1{
	width: 44%;
	float: left;
	padding-bottom: 0px;	
}
.top_r1{
	width: 49%;
	float: right;
	padding-bottom: 0px;
}



#bg_white{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.t_lunch{
	width: 26%;
	max-width: 290px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 35px;
}
.t7{
	width: 75%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}

.top_p8{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	
}
.topbox2{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
	
}


.line2{
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 1px solid #000000;
	margin-bottom: 70px;
}
.top_l2{
	width: 48%;
	float: left;
	padding-bottom: 0px;	
}
.top_r2{
	width: 43%;
	float: right;
	padding-bottom: 0px;
}

.top_t10{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 35px;
}
.top_p12{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 35px;
}

.t_access{
	width: 16%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 40px;
}

.gbox{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 40px;
}
/* 埋め込みマップをモノクロに */
.map-gray iframe {
  filter: grayscale(100%) contrast(1.05);
  -webkit-filter: grayscale(100%) contrast(1.05);
}

.gmap{
position: relative;
width: 100%;
padding-top: 80%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.access_t1{
	width: 90%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	font-size: 15px;
	line-height: 180%;
	margin-bottom: 50px;	
}
.access_tel{
	width:45%;
	max-width: 750px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 50px;	
	
}
.access_time{
	width: 30%;
	max-width: 750px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 40px;	
	
}
.access_yoyaku{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-bottom: 70px;	
	
}

footer{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #000000;
}
.copyright{
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #FFF;
}



}