/*============INDEX============= */
.txt {
	padding-left: 4%;
	padding-right: 4%;
}
.shdow {
	margin: 0 9.3%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

#popup_tel{
	padding: 15px 0 25px;
	
}
#popup_tel li:first-child{
	padding: 15px 0 10px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	margin-bottom: 10px;
}

#popup_tel li{
	list-style: none;
	text-align: center;
}
#popup_tel li a{
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	display: block;
}

#index #lead ul li {
	float: left;
	width: 50%;
}
#index #sec1 {
	background: #040201;
	padding-bottom: 15%;
	color: #fff;
}
#index #sec1 p.txt {
	padding: 0 4% 6%;
}
#index #sec1 p.txt span {
	display: block;
	padding-top: 10px;
}
#index #sec1 .toggle {
	padding-bottom: 8%;
}
#index #sec1 .box {
	padding: 0 4%;
}
#index #sec1 .box p {
	padding-top: 10px;
}
#index #sec1 p.tt {
	padding-bottom: 20px;
	cursor: pointer;
}
#index #sec1 p.tt::after {
	position: absolute;
	content: "";
	top: auto;
	bottom: 5px;
	right: auto;
	left: 50%;
	background: url(../img/shared/arrow_down.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 16px;
	height: 11px;
	margin-top: 0;
	margin-left: -8px;
	transition: all 0.5s;
	transform: rotate(0);
}
#index #sec1 .tt.active::after {
	content: "" !important;
	transform: rotateX(180deg);
}
#index #sec2 {
	background: url(../img/index/s2_bg.jpg) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 15%;
}
#index #sec2 .txt {
	padding-bottom: 10px;
}
#index #sec2 p.photo {
	float: left;
	width: 100%;
	margin-top: -13%;
	margin-bottom: -4%;
}
#index #sec3 {
	background: url(../img/index/hline01.jpg) repeat-x top center;
	padding-top: 10px;
}
#index #sec3 .blk {
	padding: 8% 0 12%;
	color: #fff;
}
#index #sec3 .blk dl {
	padding-bottom: 8%;
}
#index #sec3 .blk dl dt {
	position: relative;
}
#index #sec3 .blk dl dd {
	padding: 0 4%;
}
#index #sec3 .blk dl dt .price {
    position: absolute;
    top: 8%;
    right: 4%;
    font-size: 3vw;
    width: 26%;
    text-align: center;
    line-height: 2.3;
	letter-spacing: 1px
}
#index #sec3 .blk dl dt .price span {
	font-size: 4vw;
}
#index #sec3 .blk01 {
	background: url(../img/index/s3_bg01.jpg) no-repeat top center;
	background-size: cover;
}
#index #sec3 .blk02 {
	background: url(../img/index/s3_bg02.jpg) no-repeat top center;
	background-size: cover;
}
#index #sec4 {
	padding: 12% 4% 15%;
	background: url(../img/index/s4_bg.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#index #feed .box {
	padding-top: 6%;
}
#index #feed dl {
	float: right;
	width: 55%;
}
#index #feed .pic {
	float: left;
	width: 40%;
}
#index #feed .pic span {
	width: 100% !important;
	height: 120px !important;
}
#index #feed dl .date {
	font-weight: bold;
}
#index #feed dl dd {
	line-height: 22px;
}
#index #feed dl .ttl {
	font-size: 15px;
}
#index #feed dl .text {
	font-size: 13px;
}
/*============CONCEPT============= */
#concept #sec1 {
	background: url(../img/concept/s1_bg.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 10%;
}
#concept #sec2 {
	background: url(../img/shared/bg02.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	color: #fff;
	padding-bottom: 12%;
}
#concept #sec2 p.note {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 5%;
}
#concept #sec2 .blk {
	padding: 6% 4%;
}
#concept #sec2 .blk dl {
	background: url(../img/concept/s2_light.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: 6%;
}
#concept #sec2 .blk dd.price {
	text-align: center;
	color: #e53c3c;
	font-size: 4.5vw;
	letter-spacing: 1px;
	padding-bottom: 3%;
}
#concept #sec2 .blk dd.price span {
	font-size: 6vw;
}
#concept #sec3 {
	position: relative;
}
#concept #sec3::before {
	content: "";
	background: url(../img/shared/f_hline.jpg) repeat-x top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
}
#concept #sec3 h2 {
	position: absolute;
	top: 36%;
}
#concept #sec3 p.btn {
	position: absolute;
	top: 57%;
}
/*============FOOD============= */
#food #sec1 {
	background: url(../img/food/s1_bg01.jpg) no-repeat bottom center;
	background-color: #16120e;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	color: #fff;
	padding-bottom: 15%;
}

#food #sec1 .btn-acc_bt::after {
	color: #fff;
}
#food #sec1 p span {
	display: block;
	padding-top: 10px;
}
#food #sec2 {
	padding-top: 6%;
}
#food #sec2 .note {
	text-align: center;
	padding-bottom: 5%;
}
#food #sec2 .box {
	padding: 4% 4% 6%;
	background: url(../img/food/s2_deco02.png) no-repeat 0 70%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#food #sec2 .box dl {
	padding-top: 5%;
	padding-bottom: 4%;
}
#food #sec2 .box dl dd {
	text-align: center;
	font-size: 4.5vw;
	line-height: 1.4;
	color: #ad0b09;
}
#food #sec2 .box dl dd span {
	font-size: 6vw;
}
#food #sec2 .box01 {
	background: url(../img/food/s2_deco01.png) no-repeat 0 70%;
	background-color: rgba(117, 49, 19, 0.21);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#food #sec2 .box03 {
	background: url(../img/food/s2_deco03.png) no-repeat 0 70%;
	background-color: rgba(117, 49, 19, 0.21);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#food #sec3 {
	padding: 15% 0;
}
#food #sec3 p.txt {
	padding-top: 5%;
	padding-bottom: 6%;
}
#food #sec3 dl {
	padding-top: 4%;
}
#food #sec3 dl dt {
	margin-bottom: -3%;
}
#food #sec3 dl dd.price {
	text-align: center;
	font-size: 4.5vw;
	line-height: 1.4;
	color: #ad0b09;
}
#food #sec3 dl dd.price span {
	font-size: 6vw;
}
#food #sec3 dl dd.des {
	padding: 3% 4% 0;
}
#food #sec4 {
	background: url(../img/food/s4_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 20% 0;
}
#food #sec4 h2 {
	margin-bottom: 4%;
}
#food #sec5 {
	background: url(../img/food/s5_bg.jpg) no-repeat bottom center;
	padding: 10% 0 12%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#food #sec6 {
	padding-bottom: 15%;
}
#food #sec7 {
	background: url(../img/food/s7_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 20% 0;
}
#food #sec7 h2 {
	margin-bottom: 4%;
}
.toggle_c h2.toggle-link {
	padding-bottom: 30px;
	cursor: pointer;
}
.toggle_c h2.toggle-link::after {
	position: absolute;
	content: "";
	top: auto;
	bottom: 5px;
	right: auto;
	left: 50%;
	background: url(../img/shared/arrow_down2.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 30px;
	height: 13px;
	margin-top: 0;
	margin-left: -15px;
	transition: all 0.5s;
	transform: rotate(0);
}
.toggle_c h2.active::after {
	content: "" !important;
	transform: rotateX(180deg);
}
.toggle_c p.note {
	padding: 10px 4% 0;
	margin-bottom: -3%;
	text-align: center;
}
.toggle_c p.note02 {
	padding: 10px 0 0;
}
.toggle_c .toggle {
	padding-top: 20px;
	margin: 0 4%;
}
.toggle_c .toggle h3 {
	background: url(../img/food/s6_deco.png), url(../img/food/s6_bg02.jpg);
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 8px 15px;
	color: #e5d3be;
	font-size: 16px;
	cursor: pointer;
}
.toggle_c .toggle h3::after {
	color: #e5d3be;
}
.toggle_c .mn-list {
	padding-top: 3px;
}
.toggle_c .mn-list dl {
	padding: 8px 0;
	border-bottom: 1px dotted #080100;
	position: relative;
}
.toggle_c .mn-list dl::after {
	content: "." !important;
	clear: both !important;
	display: block !important;
	height: 0 !important;
	visibility: hidden !important;
}
.toggle_c .mn-list dl dt {
	float: left;
}
.toggle_c .mn-list dl dd {
	float: right;
	text-align: right;
	color: #78201e;
}
/*============DRINK============= */
#drink #sec1 {
	background: url(../img/drink/s1_bg.jpg) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-color: #1b140e;
	color: #fff;
	padding-bottom: 25%;
}
#drink #sec1 h2 {
	margin-bottom: -3%;
}
#drink #sec2 {
	background: url(../img/drink/s2_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 5% 0 15%;
}
#drink #sec2 dl dd {
	padding: 0 4%;
}
#drink #sec2 dl dd span {
	display: block;
	padding: 5px 0;
}
#drink #sec2 dl + dl {
	padding-top: 10%;
}
#drink #sec3 {
	background: #2e1205;
}
#drink #sec3 .note {
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
}
#drink #sec3 .mark {
	background: url(../img/drink/s3_mark.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	line-height: 1.1;
	letter-spacing: 1px;
	padding: 3% 0 10%;
	margin-bottom: -10%;
	position: relative;
}
#drink #sec3 .mark .price {
	font-size: 3.5vw;
	padding-bottom: 2%;
}
#drink #sec3 .mark .price span {
	font-size: 5vw;
}
#drink #sec3 .menulist {
	background: url(../img/drink/s3_bg02.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 10% 4%;
}
#drink #sec3 .menulist dl {
	color: #2a1911;
	padding: 8px 0;
	position: relative;
	border-bottom: 1px dotted #000;
}
#drink #sec3 .menulist dl::after {
	content: "." !important;
	clear: both !important;
	display: block !important;
	height: 0 !important;
	visibility: hidden !important;
}
#drink #sec3 .menulist dl dt {
	float: left;
}
#drink #sec3 .menulist dl dt span {
	color: #b38129;
	font-size: 20px;
}
#drink #sec3 .menulist dl dt span.cl2 {
	color: #cf1d03;
}
#drink #sec3 .menulist dl dt span.cl3 {
	color: #bb6806;
}
#drink #sec3 .menulist dl dt span.cl4 {
	color: #3c5450;
}
#drink #sec3 .menulist dl dt span.cl5 {
	color: #2a1911;
}
#drink #sec3 .menulist dl dd {
	float: right;
	text-align: right;
	color: #78201e;
	font-size: 18px;
}
#drink #sec4 {
	background: url(../img/drink/s4_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 8% 0 10%;
}
#drink #sec4 .title {
	position: relative;
}
#drink #sec4 .title .price {
	font-size: 3.5vw;
	position: absolute;
	top: 9%;
	left: 8%;
	width: 62%;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
#drink #sec4 .title .price span {
	font-size: 5vw;
}
#drink #sec5 {
	padding-bottom: 15%;
}
#drink #sec5 h3 span {
	font-size: 11px;
	background: url(../img/drink/s5_mark.png) no-repeat center top;
	background-size: cover;
	padding: 7px 10px 23px 10px;
	position: absolute;
	top: -38px;
	right: 5px;
	color: #FFF;
	line-height: 1.5;
}
#drink #sec5 .blk {
	padding-top: 50px;
}
#drink #sec6 {
	background: url(../img/drink/s6_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 20% 0;
}
#drink #sec6 h2 {
	margin-bottom: 4%;
}
/*============COURSE============= */
#course footer, #course header #key {
	z-index: 2;
}
#course #sec1 {
	background: #14110e;
	padding-bottom: 15%;
	color: #fff;
	position: relative;
	z-index: 2;
}
#course #sec1 .btn-acc_bt::after {
	color: #fff;
}
#course #sec2 {
	background: url(../img/course/s2_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 10% 0 15%;
	position: relative;
	z-index: 2;
}
#course #sec2 h2 {
	margin-bottom: 1px;
}
#course #sec2 p.txt {
	padding-bottom: 6%;
}
#course #sec2 .blk01 {
	padding-bottom: 10%;
}
#course #sec2 .blk01 h3 {
	margin-bottom: -5%;
	position: relative;
	z-index: 2;
}
#course #sec2 .blk01 p.photo {
	margin: 0 4% 3%;
}
#course #sec2 .blk02 {
	padding-bottom: 4%;
}
#course #sec2 .blk03 {
	padding-bottom: 3%;
}
#course #sec2 .blk04 {
	background: url(../img/drink/s3_bg02.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 6%;
	position: relative;
	text-align: center;
	box-shadow: 1px 3px 27.84px 1.16px rgba(0, 0, 0, 0.23);
}
#course #sec2 .blk04::before {
	content: "";
	background: url(../img/course/s2_box_line01.jpg), url(../img/course/s2_box_line01.jpg), url(../img/course/s2_box_line02.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
}
#course #sec2 .blk04::after {
	content: "";
	background: url(../img/course/s2_logo.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
}
#course #sec2 .blk04 p {
	padding-top: 3%;
	font-size: 5vw;
	font-weight: bold;
	letter-spacing: 1px;
}
#course #sec2 .blk04 p span.f-40 {
	font-size: 5.5vw;
	color: #af1a17;
}
#course #sec2 .blk04 p span.f-48 {
	font-size: 6vw;
	color: #af1a17;
}
#course #sec2 .note03 {
	padding: 4% 4% 0;
	font-size: 11px;
}
#course #sec3 .title {
	position: relative;
	margin-bottom: -13%;
}
#course #sec3 .title dl dd {
	text-align: center;
	font-size: 4.5vw;
	font-weight: bold;
	color: #af1a17;
	position: absolute;
	top: 66%;
	right: 8%;
	width: 44%;
}
#course #sec3 .title dl dd span {
	font-size: 6.5vw;
}
#course #sec3 .title p {
	position: absolute;
	font-size: 4.5vw;
	text-align: center;
	width: 37%;
	top: 13%;
	left: 4%;
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.4;
}
#course #sec3 .box {
	background: url(../img/drink/s3_bg02.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 16% 4% 6%;
	margin: 0 4%;
	box-shadow: 1px 3px 27.84px 1.16px rgba(0, 0, 0, 0.23);
}
#course #sec3 .box ul {
	font-weight: bold;
}
#course #sec3 .box p.txt02 {
	padding-top: 10px;
}
#course #sec3 .parallax {
	padding-top: 80%;
	overflow: hidden;
	position: relative;
	z-index: 1 !important;
}
#course #sec3 .parallax p {
	z-index: 0;
}
#course #sec3 .parallax img {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	padding: 0;
	margin: 0;
	object-fit: cover;
	z-index: 0 !important;
}
#course #sec3 .blk {
	background: url(../img/shared/bg.jpg) center top;
	position: relative;
	z-index: 2;
	padding-top: 5%;
	padding-bottom: 15%;
}
#course #sec4 {
	background: url(../img/course/s4_bg.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 15% 0 10%;
	position: relative;
	z-index: 2;
}
#course #sec4 h2.toggle-link {
	cursor: pointer;
	margin: 0 4% 5%;
}
#course #sec4 h2.toggle-link::after {
	position: absolute;
	content: "";
	background: url(../img/course/s4_arrow.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	right: 5%;
	margin-top: -10px;
	transition: all 0.5s;
	transform: rotate(0);
}
#course #sec4 h2.active::after {
	content: "" !important;
	transform: rotateX(180deg);
}
#course #sec4 .box-in {
	background: url(../img/drink/s3_bg02.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 0 4% 4%;
	margin: 0 4%;
}
#course #sec4 p.note {
	padding: 10px 4% 0;
	margin-bottom: -3%;
	text-align: center;
}
#course #sec4 .toggle {
	padding-top: 20px;
}
#course #sec4 .toggle h3 {
	background: url(../img/food/s6_deco.png), url(../img/food/s6_bg02.jpg);
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 8px 15px;
	color: #e5d3be;
	font-size: 16px;
	cursor: pointer;
}
#course #sec4 .toggle h3::after {
	color: #e5d3be;
}
#course #sec4 .mnlist {
	padding-top: 6px;
}
#course #sec5 {
	background: url(../img/course/s5_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 20% 0;
	position: relative;
	z-index: 2;
}
#course #sec5 .tel a {
	position: absolute;
	width: 100%;
	height: 20%;
	display: block;
	text-indent: -9999px;
}
#course #sec5 .tel a.tel01 {
	top: 43%;
	right: 0;
}
#course #sec5 .tel a.tel02 {
	bottom: 28%;
	right: 0;
}
/*============ACCESS============= */
#access #sec1 {
	background: url(../img/access/s1_bg01.jpg) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 15% 0;
}
#access #sec1 .info {
	padding: 0 4% 8%;
}
#access #sec1 .info dl {
	padding: 5px 0;
}
#access #sec1 .info dl dd {
	padding-left: 10px;
}
#access #sec1 .info dl dd a {
	font-size: 18px;
}
#access #sec1 .access_btn {
	margin: 0 4%;
}
#access #gmap {
	height: 300px;
	overflow: hidden;
}
#access #sec2 {
	background: url(../img/access/s2_bg.jpg), url(../img/access/s2_bg02.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 15% 0;
	color: #fff;
}
#access #sec2 h2 {
	margin-bottom: 8%;
}
#access #sec2 ul.tab-link {
	padding-bottom: 5%;
}
#access #sec2 ul.tab-link li {
	float: left;
	width: 50%;
	cursor: pointer;
}
#access #sec2 p.tt {
	margin: 6% 4% -8%;
	position: relative;
	z-index: 2;
}
#access #sec2 p.photo {
	margin: 0 4%;
}
#access #sec2 p.txt02 {
	padding: 6% 4% 8%;
}
#access #sec2 .go_slide {
	margin: 0 4%;
}
#access #sec2 .go_slide h3 {
	margin-bottom: -6%;
	position: relative;
	z-index: 2;
}
#access #sec2 .go_slide p.txt03 {
	padding-top: 4%;
}
#access #sec2 .bx-controls-direction {
	top: 34%;
}
#access #sec3 {
	padding: 15% 0 15%;
}
#access #sec3 h2 {
	margin-bottom: 5%;
}
#access #sec3 p.note {
	padding: 2% 4% 3%;
}
#access #sec3 .sec3_mail {
	padding: 0 4%;
}
#access #sec3 .sec3_mail .caption {
	padding: 10px 0 5px;
	position: relative;
}
#access #sec3 .form-row {
	padding: 5px 0;
	border-bottom: 1px solid #000;
}
#access #sec3 .mark-require {
	background: #7c150f;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	letter-spacing: 0;
	padding: 0 15px;
}
#access #sec3 input[type="text"] {
	border: none;
	padding: 8px 10px;
	width: 100%;
}
#access #sec3 textarea {
	width: 100%;
	padding: 5%;
	min-height: 120px;
}
#access #sec3 .fuild {
	padding-top: 8%;
}
#access #sec3 .submit {
	text-align: center;
}
#access #sec3 .submit button {
	background: none;
	border: none;
	width: 250px;
}
#access #sec3 .submit .form-back {
	margin-top: 5%;
}
#access #sec3 .fc-form [class^='error'] {
	position: relative;
	top: 0;
	left: 0;
	padding-top: 5px;
}
#access #sec4 {
	position: relative;
	background: url(../img/access/s4_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 15% 0;
}
#access #sec4::before {
	content: "";
	background: url(../img/shared/f_hline.jpg) repeat-x top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
}

#access #sec4 .tel {
	position: relative;
}
#access #sec4 .tel a {
	position: absolute;
	width: 100%;
	height: 22%;
	display: block;
	text-indent: -9999px;
}
#access #sec4 .tel a.tel01 {
	top: 10%;
	right: 0;
}
#access #sec4 .tel a.tel02 {
	bottom: 30%;
	right: 0;
}

#thanks {
	padding: 12% 4%;
	font-size: 15px;
	position: relative;
}
#thanks::before {
	content: "";
	background: url(../img/shared/f_hline.jpg) repeat-x top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
}
@media only screen and (min-width: 375px) {
	#access #sec1 .info dl {
		display: table;
		width: 100%;
		text-align: left;
	}
	#access #sec1 .info dl dt {
		display: table-cell;
		width: 25%;
	}
	#access #sec1 .info dl dt span {
		display: block;
	}
	#access #sec1 .info dl dd {
		display: table-cell;
		text-align: left;
		width: 72%;
		padding-left: 0;
	}
}

.mail_add_note {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

.kakomi-box1 {
 margin: 10px auto 10px ;
 padding: 10px;
 width: 335px;
 border: 1px solid #ccc; /* 枠線 */
 background-color: #fff; /* 背景色 */
 box-shadow: 1px 1px 2px #ccc;
}

.kakomi-box2 {
 margin: 10px auto 10px ;
 padding: 10px;
 width: 335px;
color: #fff;
 border: 1px solid #fff; /* 枠線 */
 background-color: #7f1210; /* 背景色 */
 box-shadow: 1px 1px 2px #ccc;
}
.btn_fb {
	 width: 90%;
  margin: 40px auto;
}

.btn_fb a {
  display: block;
	padding: 20px 50px;
  background: #050895;
  color: #fff;
  font-size: 20px;
	text-align: center;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
  letter-spacing: 0.2em;
  line-height: 30px;
  box-sizing: border-box;
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.btn_fb a:hover {
  text-decoration: none;
  opacity: .8;
}
.btn_ig {
	 width: 90%;
  margin: 40px auto;
}

.btn_ig a {
  display: block;
	padding: 20px 50px;
  background: #BC4000;
  color: #fff;
  font-size: 20px;
	text-align: center;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
  letter-spacing: 0.2em;
  line-height: 30px;
  box-sizing: border-box;
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.btn_ig a:hover {
  text-decoration: none;
  opacity: .8;
}