@charset "utf-8";
/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	min-width: inherit;
	max-height: 100%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ明朝体 Pro", "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	line-height: 33px;
	font-size: 15px;
	cursor: auto;
	letter-spacing: 1.6px;
	word-spacing: normal;
	background: url(../img/shared/bg.jpg) top center repeat;
}

.bg_8 {
	background: url(../img/shared/bg.jpg) top center repeat;
}

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.block::after {
	clear: both;
	content: "";
	display: block;
}
/*=============================================
 * header
 *=============================================*/

header .logo {
	position: absolute;
	top: 2%;
	width: 40%;
}
header #belt {
	position: fixed;
	left: 0;
	top: 0;
	color: #fff;
	width: 100%;
	z-index: 9999;
		background:url(../img/shared/bg_header.png);
}
header #hd_top {
	padding-top: 16px;
	background-size:cover;
	position: relative;
	box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	z-index: 99;
}
header h1 {
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	font-weight: normal;
	position:absolute;
	top:-1000px;
}
/*====================== nav ====================== */

header .topnavi {
	height: 60px;
	width:100%;

}
header .topnavi li {
	float:left;
	position: relative;
	width: 50%;
	vertical-align: top;
	height:60px;
	padding-top:8px;
	border-right: 1px dotted rgba(255, 255, 255, 0.5);
}

header .topnavi li:last-child {
	border:none;
}

header .topnavi li a {
	color: #fff;
	font-size: 11px;
	line-height: 23px;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	border-right: 1px rgba(255,255,255,.4) ;
}


header .topnavi li a:hover {
	text-decoration: none;
}
header .topnavi li a[class^="icon-"]:before {
	display: block;
	width: 100%;
	padding-bottom: 3px;
	font-size: 23px;
	font-weight: normal;
}

header .menu_toggle.nav-style01 {
	top: 75px;
	right: -100%;
	display: block;
	transition: all 0.5s ease 0s;
}
.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}
/*====================== end nav ====================== */

/*====================== header key ====================== */


header #key {
	position: relative;
	z-index: 500;
	overflow: hidden;
	margin-top: 75px;
}
.bx-wrapper {
	position: relative;
}
.bx-wrapper .bx-pager {
	color: #ffee00;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	line-height: 10px;
	bottom: 5%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 999;
}
.bx-controls-direction {
	left: 0;
	position: absolute;	
	top: 33vw;
	margin-top: -20px;
	width: 100%;
	z-index: 999;
}
.bx-wrapper .bx-controls-direction a {
    color: #fff;
    font-family: "fontello";
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 0%;
    width: 26px;
    z-index: 99;	
}
.bx-prev::after {
    content: "";
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
}
 .bx-next::after {
    content: "";
    right: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
}
.bx-prev {
	position: absolute;
	top: 0;
	left: 0;
}
 .bx-next {
	position: absolute;
	top: 0;
	right: 0;
}
.bx-wrapper .bx-pager .bx-pager-item,  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #fff;	
	border-radius: 8px;
	display: block;
	height: 10px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000 none repeat scroll 0 0;
}
/*====================== end nav ====================== */

#line .box .inner {
  width: 100%;
  height: 160px;
  margin: 15px auto;
  text-align: center;
  color: #fff;
}

#line .box .inner:before {
  width: 90%;
  margin: 0 auto;
  content: '';
  border: 4px solid #880524;
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
}

#line .box .inner p {
	padding-top: 35px;
	font-size: 18px;
	font-weight: bold;
}

#line .box .txt {
	text-align: center;
}
/*=============================================*/
/*                   　footer　　　　　          */
/*=============================================*/


footer {
	background:url(../img/shared/line-footer.png) top left repeat-x,url(../img/shared/bg_footer.jpg) repeat;
	overflow: hidden;
	font-size: 13px;
	line-height: 28px;
	color:#fff;
    margin-bottom: 50px;
}



footer .banner li {
	float: left;
	width: 32%;
	padding: 0 0.5%;
}
footer .link {
	margin: 0 auto 0;
	text-align: center;
	width: 100%;
	font-weight: normal;
}
footer .link p {
	width: 70%;
	margin: 10px auto;
	padding: 0 6px;
	line-height: 30px;
}
footer .link p a {
	
	border: solid 1px #fff;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 13px;
	letter-spacing: 0;
	padding: 3px 20px;
	text-align: center;
	text-decoration: none;
	box-shadow: inset 0 0 1px #a8a398;
}
footer .link .link-pc a::before {
	margin-right: 9px;
}
footer address {
	background: url(../img/index/bg_menu.png) repeat;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}


#index .slide_thm li{float: left;width: 33.33%;}
/*=============================================*/
/*                   　index　　　　　          */
/*=============================================*/

#index #takeout {
  background: url(../img/index/takeout_bg.jpg) 0 top repeat;
  position: relative;
  min-height: 900px;
  color: #fff;
}

#index #takeout .takeout_img{
  background: url(../img/index/takeout_img.jpg) no-repeat center 0;
  background-size: cover;
  height: 400px;
  width:100vw;
}
#index #takeout .takeout_col{
  position: relative;
  height:480px;
  background: url(../img/index/takeout_bg2.png) no-repeat left 0;
  background-size: cover;
  width:100vw;
}
#index #takeout .col{
  position: relative;
  z-index: 5;
  border:5px solid #1f1b16;
  margin:3% 2%;
  width:96%;
  height:480px;
  padding:5% ;
}
#index #takeout .col h2{
  font-size:8vw;
  font-weight:bold;
  padding:5px 0 20px;
}
#index #takeout .col .btn{
  padding:20px 0 0 0;
	width:80vw;

}
#index #takeout .col .btn img{
	width:100%;
	height:auto;
}



/*=============================================*/
/*                 マージン            */
/*=============================================*/

.m_b0 {
	margin-bottom: 0;
}
.m_b05 {
	margin-bottom: 5px;
}
.m_b10 {
	margin-bottom: 10px;
}
.m_b15 {
	margin-bottom: 15px;
}
.m_b20 {
	margin-bottom: 20px;
}
.m_b25 {
	margin-bottom: 25px;
}
.m_b30 {
	margin-bottom: 30px;
}
.m_t05 {
	margin-top: 5px;
}
.m_t10 {
	margin-top: 10px;
}
.m_t15 {
	margin-top: 15px;
}
.m_t20 {
	margin-top: 20px;
}
.m_t25 {
	margin-top: 25px;
}
.m_t30 {
	margin-top: 30px;
}
.m_l20 {
	margin-left: 20px;
}
.m_r20 {
	margin-right: 20px;
}
.p_l05 {
	padding-left: 5px;
}
.p_l10 {
	padding-left: 10px;
}
.p_l15 {
	padding-left: 15px;
}
.p_l20 {
	padding-left: 20px;
}
.p_l25 {
	padding-left: 25px;
}
.p_l30 {
	padding-left: 30px;
}
.p_l40 {
	padding-left: 30px;
}
.p_l50 {
	padding-left: 50px;
}
.p_l65 {
	padding-left: 65px;
}
.p_r05 {
	padding-right: 5px;
}
.p_r10 {
	padding-right: 10px;
}
.p_r15 {
	padding-right: 15px;
}
.p_r20 {
	padding-right: 20px;
}
.p_r25 {
	padding-right: 25px;
}
.p_r30 {
	padding-right: 30px;
}
.p_r40 {
	padding-right: 40px;
}
.p_r50 {
	padding-right: 50px;
}
.p_t10 {
	padding-top: 10px;
}
.p_t20 {
	padding-top: 20px;
}
.p_t30 {
	padding-top: 30px;
}
.p_40 {
	padding-top: 40px;
}
.p_t50 {
	padding-top: 50px;
}
.pa_box5 {
	padding: 5px;
}
.pa_box10 {
	padding: 10px;
}
.pa_box15 {
	padding: 15px;
}
.pa_box20 {
	padding: 20px;
}
.p_txt {
	padding-left: 10px;
	padding-right: 10px;
}
.txt_red {
	color: #990000;
}
.txt_white {
	color: #fff !important;
}
.txt_c {
	text-align: center;
}
.txt_r {
	text-align: right;
}

* {
	box-sizing: border-box;
}

.fl {
	float: left;
}
.fr {
	float: right;
}



/*----------------------Phan dung chung---------------------------------*/


/*======================== khac ===========================*/

a:hover{
	text-decoration:none !important;
}

#gmap{
	height:350px;
}

.p_b20{
	padding-bottom:20px;	
}

/*------------Hieu chinh body---------------- */

.bd {
	padding:7% 3%;
}

.bd_0 {
	padding:0 3% 7% 3%;
}

.bd_b0 {
	padding:7% 3% 0 3%;
}

.bd_lr {
	padding:0 3%;
}

.bd_tb {
	padding:7% 0%;
}

.clearfix, .clearfix:after {
	display:block;
	content:"";
	clear:both;	
}

.r_mb{
	margin-bottom:0;	
}

/* phan slide full screen va logo center */

.key_slide {
	width: 100%;
	overflow: hidden;
	position:relative;
}
.key_slide li, .key_slide #concept_key,.key_slide #access_key, .key_slide #drink_key, .key_slide #menu_key, .key_slide #party_key{
	height: 100vh;
	width: auto;
}

.key_slide li#bg_slide1 {
	background: url(../img/index/key1.png) no-repeat;
	background-size: cover;
}
.key_slide li#bg_slide2 {
	background: url(../img/index/key2.png) no-repeat;
	background-size: cover;
}
.key_slide li#bg_slide3 {
	background: url(../img/index/key3.png) no-repeat;
	background-size: cover;
}
.key_slide li#bg_slide4 {
	background: url(../img/index/key4.png) no-repeat;
	background-size: cover;
}

.key_slide #logo a {
	width:130px;
	display:block;
	margin:0 auto;		
}

.key_slide #logo {
	text-align:center;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);	
	z-index:60;
}
#bnr_takeout{
	text-align: center;
	width:90%;
	margin:5% 5% 0;
}
#bnr_takeout img{
	width:100%;
	height:auto;
}
/* key page con */
#concept_key {
	background:url(../img/concept/key.png) no-repeat;
	background-size:cover;	
}

#access_key {
	background:url(../img/access/key.png) no-repeat;
	background-size:cover;	
}

#drink_key {
	background:url(../img/drink/key.png) no-repeat;
	background-size:cover	
}

#menu_key {
	background:url(../img/menu/key.png) no-repeat;
	background-size:cover;	
}

#party_key {
	background: url(../img/party/key.png) no-repeat;
	background-size:cover;	
}


/* phan slide full screen va logo center */

/* set nut scroll down */


.key_slide .scrolldown {
	text-align:center;
	width:100%;
	position:absolute;
	bottom:0;
	transform:translateY(-50%);	
	z-index:60;	
}
.scrolldown a{
	width:55px;
	display:block;
	margin:0 auto;	
}

/* ket thuc set nut scroll */

/* khu vuc danh cho background */

.bg_2 {

}

.bg_3{
	background:url(../img/index/bg_paralax.png)left top no-repeat;
	background-size: cover;
	color:#fff;
}

.bg_4{
	background:url(../img/shared/sec5_bg2.jpg) repeat;
	background-size: 100%;
	color:#fff;
}

.bg_deco{
	background:url(../img/party/sec2_bg.png)top right no-repeat,url(../img/shared/sec5_bg2.jpg) repeat;
	background-size: 100%;
	color:#fff;
}

.hide_logo {
	margin-top:-43px;
	transition:ease-in-out 0.3s;		
}

.box_logo {
	background:url(../img/shared/logo.png) center center no-repeat;
	background-size:contain;
	height:43px;
	display:block;
}

/* end show/hide logo */

/*======================================== index ====================================================*/

/* border top */
.bor_top {
	position: relative;
}

.bor_top:after {
	position: absolute;
	content: "";
	display: block;
	top:0;
	left: 0;
	background: #f00;
	height: 8px;
	width: 100%;
}

.youtube_box{
	padding-bottom: 15px;
}
.video{
  position:relative;
  width:100%;
  height: 100%;
  padding-top:16.25%;
}
.youtube_txt{
	margin-top: 3%
}
.video iframe{
  position:absolute;
  top:20px;
  right:0;
  width:100%;
  height:100%;
}

/* ================= acco new ====================== */

.toggle-link_acc {
	position: relative;
}
.toggle-link_acc.rotate::after {
	transform: translateX(-50%) rotateX(180deg);
}
.toggle-link_acc::after {
	content: '\f13a';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	position: absolute;
	line-height: 20px;
	margin-top: -10px;
	color: #FFF;
	font-size: 13px;	
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 110%;
	transition: all 0.3s ease-in-out;
}

.bor_acco {
	border: 1px solid #000;
	padding: 5px 0 15px 0;
	line-height: 30px;
}

/*===================== menu dang 2 ========================= */

.menu2 .topnavi{
	width: 140px !important;
	float: right;
}

.menu2 .head_lg {
	width: 112px;
	height: 60px;
	display: block;
	float: left;
}


.f_logo a{
	width: 210px;
	margin: 0 auto;
	display: block;
}

.f_tel a{
	width: 260px;
	margin: 0 auto;
	display: block;
}


/*=========================================================== index ====================================================================== */

.index_box1 {
	background: url(../img/index/box1_bg.png) no-repeat top left;
	background-size: cover;
}
.index_box1 p{ 
	background: rgba(0,0,0,.5);
	padding: 15px;
	color:#fff;
}

.txt_jus {
	text-align: justify;
}

.box_red {
	width: 90%;
	background: url(../img/index/bg_3.jpg)repeat;
	padding: 10px;
	color:#fff;
	font-size: 14px;
	position: relative;
	z-index: 100;
}
.box_red .box_black{ 
	border:2px solid #000;
	padding: 15px;
}

.box_black2 {
	width: 90%;
	background: url(../img/index/bg_black.png)repeat;
	padding: 10px;
	color:#fff;
	font-size: 14px;
	position: relative;
	z-index: 100;
}
.box_black2 .box_red2{ 
	border:2px solid #940617;
	padding: 15px;
}

.m_at10 {
	margin-top: -10%;
}


.box_blog {
	border:4px solid #181511;
	padding: 20px 10px 10px 10px;
}

.box_blog h2 {
	width: 230px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../img/shared/sec5_bg2.jpg) repeat;
	margin-top: -55px;
}
.youtube_box{
    width: 90%;
    margin: 10px;
}


/*=========================================================== howto ====================================================================== */
.bg_brown {
	background: url(../img/howto/bg_brown.png) repeat;
	color:#fff;
}

.bg_5 {
	background: url(../img/shared/bg1.jpg) repeat;
	color: #fff;
}

.bg_6 {
	background: url(../img/howto/box2_bg.png) center bottom no-repeat;
	background-size: 100%;
}

.m_at20 {
	margin-top: -20vh;
}

.bd_2 {
	padding: 25% 3%;	
}

.bg_7 {
	background: url(../img/howto/box7_bg.png) no-repeat;
	background-size: cover;
}

.howto_box {
	background: url(../img/index/bg_3.jpg) repeat;
	padding: 10px;
	color:#fff;
}
.howto_box .bor_y {
	border:4px solid #dda11b;
	padding: 15px;
}

/*=========================================================== party ====================================================================== */




.box_black3 {
	background: url(../img/shared/bg1.jpg) repeat;
	width: 80%;
	padding: 20% 10px 10px 10px;
	color:#fff;
	text-align: justify;
	float: right;
	margin-top: -20%;
	margin-right: 3%;
}

.m_ab07 {
	margin-bottom: -7%;
}

.p10{
	padding: 10px;
}

.fix_acco1 .toggle-link_acc:after{
	top:88%;	
}

.txt_price1 {
	font-size: 20px;
	font-weight: bold;
}
.txt_price1 span{
	font-size: 23px;
}

.party_ul li{
	padding: 5px 0;
	border-bottom: 1px dashed #fff;
}

/*=========================================================== menu ====================================================================== */

.title_key {
	position: absolute;
	width: 100%;
	top:0;
	left: 0;
	z-index: 100;
}

.menu_box {
	width: 100%;	
	padding: 13% 15px;
	position: relative;
}

.menu_deco1 {
	position: absolute;
	top:-24px;
	left: -8px;
	max-width: 100px;
}

.menu_deco2 {
	position: absolute;
	bottom: -40px;
	left: -10px;
	max-width: 100px;
}

.menu_deco3 {
	position: absolute;
	bottom:-24px;
	right: -8px;
	max-width: 140px;
}

.bg_9 {
	background: url(../img/menu/sec1_bg.jpg)no-repeat;
	background-size: cover;
}

.txt_r {text-align: right;}

.fix_slide1 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	width: 65%;
}
.fix_slide1,.text_price,.text_price2,.text_price3,.text_price4, .text_price5 {
	position: relative;
}
.fix_slide1 .slide_price {
	position: absolute;
	right:11%;
	top:35%;
	font-size: 5vw;
	font-weight: bold;
}

.text_price p {
	position: absolute;
	font-weight: bold;
	top:47%;
	left: 15%;
	font-size: 5vw;	
}

.text_price2 p {
	position: absolute;
	font-weight: bold;
	top:68%;
	left: 20%;
	font-size: 5vw;	
}

.menu_box2 {
	background: url(../img/shared/sec3_bg.jpg) repeat;
	border: 2px solid #d29619;
	padding: 15px;
}

.fix_slide2 .bx-controls-direction{
	top:51vw;
}

.slide_pad {
	padding: 0 12px 35px 12px;
}

.text_price3 p {
	position: absolute;
	font-weight: bold;
	top:30%;
	right: 12%;
	font-size: 5vw;	
	color:#fff;
}

.text_price4 p {
	position: absolute;
	font-weight: bold;
	top:45%;
	left: 12%;
	font-size: 5vw;	
	color:#fff;
}

.bg_10 {
	background: url(../img/shared/sec5_bg2.jpg) repeat;
	color:#fff;
}


.text_price5 p {
	position: absolute;
	font-weight: bold;
	top:67%;
	right: 2%;
	font-size: 5vw;	
	color:#fff;	
	text-align: center;
	line-height: 24px;
}
.text_price5 p span{
	font-size: 12px;
	display: block;
}

.m_at03 {
	margin-top: -3%;
	position: relative;
	z-index: 100;
}

.m_ab03 {
	margin-bottom: -3%;
}

.txt_r {
	text-align: right;
}

.fix_acco2 .toggle-link_acc::after{
	top:71%;
}


.menu_acco h3 {
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #9a0718;
	padding: 10px 0;
	font-size: 20px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-top: 20px;
}

.menu_acco dl {
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}

.menu_acco dl dt {
	width: 53%;
	float: left;	
}

.menu_acco dl dd {
	width: 47%;
	float: left;
	text-align: right;
}


/*=========================================================== drink ====================================================================== */
.drink01 {
	background: url(../img/drink/sec1_bg1.png) right top no-repeat, url(../img/drink/bg2.jpg) repeat;
	background-size: auto, auto;
	padding: 20px 0 40px;
	color: #fff;
}
.drink02 {
	background: url(../img/drink/bg1.jpg);
	padding: 0px 0 40px;
	color: #fff;
}
.drink03 {
	padding: 0px 0 40px;
	color: #fff;
}


.f_left {
	float: left;
}
.f_right {
	float: right;
}
.w50 {
	width: 50% !important;
}
.ml10 {
	margin-left: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}


.drink03 .block01 {
	background: url(../img/drink/sec03_img01.png) center top no-repeat;
	background-size: 100% auto;
    padding: 5vw 0;
    margin: 0 0 30px auto;
    min-height: 46vw;
    max-width: 457px;
}
.drink03 .block01 p {
	padding: 0 46% 0 10px;
}
.drink03 .block02 figure {
	max-width: 250px;
}

.drink03 .toggle-link_acc::after {
	left: auto;
    right: 11%;
    top: calc(50% );
}
.drink03 .box {
    background: #0000003b;
    padding: 0 10px;
}
.drink03 .box h3 {
  padding: 11px 0 0px 0;
  border-bottom: 2px solid #9a0718;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.drink03 .box dl {
  border-bottom: 1px solid #fff;
  padding: 8px 0;
}

.drink03 .box dl dt {
  float: left;
}

.drink03 .box dl dd {
  float: right;
}

.drink03 .box .note {
  text-align: right;
  padding-top: 28px;
}

/*=========================================================== access ====================================================================== */

.spain {
	background:url(../img/access/flag_spain.png)top right no-repeat,url(../img/shared/sec3_bg.jpg) repeat;
	background-size: 110px,auto;
	padding: 30px 15px 30px 15px;
	color:#fff;
}

.spain dl{
	border-bottom: 1px dashed #fff;
	padding: 10px 0;
}
.spain dl dt {
	width: 30%;
	float: left
}

.spain dl dd {
	width: 70%;
	float: left
}

.access_btn {
	background: url(../img/index/bg_menu.png) repeat;
	color:#fff;
	text-align: center;
	padding: 8px 0;
	margin-top: 20px;
	font-size: 16px;
}

.access_box {
	padding: 10px;
	background: url(../img/shared/sec3_bg1.jpg) repeat;
}

.access_box .access_br {
	border: 3px solid #940617;
	padding: 15px;
}

.bor_dot {
	border-bottom: 1px dashed #000;
}

.access_acco {
	border: 3px solid #940617;
	background: url(../img/shared/sec3_bg2.jpg) repeat;
}

.p_b15 {
	padding-bottom: 15px;
}

.access_acco .toggle-link_acc:after {
	color:#000;
	top:80%;
}

.access_acco .toggle_acc dl{
	padding: 10px 0;
	border-bottom: 1px dashed #000;
}
.access_acco .toggle_acc dl dt{ 
	width: 25%;
	float: left;
}
.access_acco .toggle_acc dl dd{ 
	width: 75%;
	float: left;
	padding-left: 10px;
}

.bor_none {
	border: none !important;
}
.access_tel {
	position: relative;
}
.access_tel span{
	color:#fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:5%;
}

.po_rel {
	position: relative;
	z-index: 100;
}


.bor_y .img{
	text-align: center;
}
#news_box {
    background: #fff;
    margin: 10px;
    line-height: 1.8;
    padding-bottom: 9px;
}
#news_box .ttl {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

#news_box .txt {
    padding: 10px;
    text-align: left;
}

.fix_reserve a{
    width: 100%;
    position: fixed;
    bottom: 0;
	font-size: 18px;
	display: block;
	background-color: #d69d1a;
	padding: 10px 0;
	color: #fff;
	letter-spacing: 3px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
    z-index: 998;
}