/* my css */

html{
	overflow: hidden;
	overflow-y: scroll;
}

body{
	background-color: #fff;
	line-height: 1.4;
	color: #333;
	font-family: source-han-sans-japanese, sans-serif,メイリオ,Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-size: 12pt;
	margin:0;
	
	
  animation-name:fade-in2;
  animation-duration:1.5s; //アニメーション時間
  animation-timing-function: ease-out; //アニメーションさせるイージング
  animation-delay:1s; //アニメーション開始させる時間
  animation-iteration-count:1; //繰り返し回数
  animation-direction:normal; //往復処理をするかどうか
  animation-fill-mode: forwards; //アニメーション後のスタイルをどうするか
}

@keyframes fade-in2 {
  0% {opacity: 0; transform: translate3d(0,-10px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

a {
	text-decoration: none;
	color:#333;
}

h1{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

.container{
}

#wrapper{
	width:100%;
	height:auto;
	background-color:#f8f03e;
	overflow: hidden;
}

.bg-slider {
  width:100%;
  padding-top:calc(800 / 1200 * 100%);
  background-position:center center;
  background-size: cover;
  position:relative;
}

#header{
	position: relative;
    	z-index: 100;
}

.img_inner{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	width:26.6%;
}

.header_logo{
	max-width:100%;
	height:auto;
	display: block;
    	margin: auto;
}

.header_text{
	position:absolute;
	width:50%;
	top:64.4%;
	left:0;
	right:0;
	margin:auto;
}

.bg-slider h1{
	color:#efefef;
	font-size:1.5vw;
	text-align:center;
}

.header-line{
	position:absolute;
	width:0.1%;
	top:69%;
	left:0;
	right:0;
	margin:auto;
	padding-bottom:8.7%;
    	background-color:#efefef;
}

.takeout_button{
	background:url("img/takeout_button.png")no-repeat;
	width:425px;
	height:60px;
	position: absolute;
    	right: 2%;
    	bottom: 25%;
}

.takeout_button:hover{
	background:url("img/takeout_buttonHover.png")no-repeat;
	width:425px;
	height:60px;
	position: absolute;
    	right: 2%;
    	bottom: 25%;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#summary{
	width:100%;
	height:auto;
	background-image: url("img/BG_design2.png");
	background-repeat:repeat repeat;
	margin-top:-210px;
	background-position: top center;
}

.content_summary{
	width: 1140px;
	height:auto;
	padding:280px 0 315px 0;
	margin:0 auto;
}

.summary_food{
    	width:400px;
    	height:auto;
    	margin-right: auto;
	padding-bottom:80px;
	position:relative;
	padding-left:20px;
}

.summary_drink{
    	width:400px;
    	height:auto;
    	margin-left: auto;
    	position: relative;
    	padding-top:100px;
	padding-right: 20px;
}

.content_summary .content_img{
	width:206px;
	height:auto;
	display: block;
    	margin: auto;
}

.summary_food h1,.summary_drink h1{
	padding:51px 0;
	font-size:26pt;
	font-family: vdl-logojr, sans-serif;
}

.summary_food p,.summary_drink p{
	font-size:16pt;
	padding-bottom:56px;
	font-weight: 300;
}


.summary_image01{
    	position: absolute;
    	top: 0;
    	left: 570px;
}

.summary_image02{
    	position: absolute;
    	top: 125px;
    	right: 580px;
	z-index: 1;
}

.menu_button{
	width:100%;
	height:auto;
	position: relative;
    	z-index: 2;
}

/*.section01{
	position: relative;
    	bottom: 100px;
    	margin-bottom: -100px;
}*/

/*------------------------shop------------------------*/

#shop{
	width:100%;
	height:auto;
	position: relative;
    	z-index: 2;
    	background-color: #0d1b39;
    	padding:50px 0;
    	background-image:url("img/background_dot.png");
}

.shop_inner{
	margin:0 auto;
	width: 1050px;
	height:auto;
}

#shop .content_img{
	width:206px;
	height:auto;
	display: block;
    	margin: auto;
    	padding-bottom:15px;
}

.shop_text{
	font-size:16pt;
	color:#fff;
	text-align: center;
    	padding-bottom: 65px;
	font-weight: 300;
}

.shop_text p{
	display:inline-block;
}

/*------------------------info------------------------*/

#info{
	width:100%;
	height:auto;
	padding:150px 0;
}

#info .content_img{
	padding-bottom:50px;
	width:206px;
	height:auto;
	display: block;
    	margin: auto;
}

.info_inner{
	width:1140px;
	height:auto;
	margin:0 auto;
	font-size:14pt;
	font-weight: 300;
}

.info_t_l,.info_t_r{
	border-spacing: 0px;
}

tr.info_content{
	position:relative;
	width:500px;
	border-bottom: solid 1.5px #1398c9; 
	display: block;
	height:92px;
}

tr.info_content td:first-child{
	position:absolute;
	left:0;
	font-weight: 400;
}

tr.info_content td:last-child{
	position:absolute;
	right:0;
}

td.seki{
	position:absolute;
	right:35%;
}

td.sekisu{
	font-size:11pt;
	padding-top: 18px !important;
}

.info_t_l td,.info_t_r td{
	color:#000;
	padding:50px 0 10px 0;
}

.info_t_l{
	float: left;
    	padding-right: 140px;
}

table p.st{
	font-size: 8pt;
    	display: inline;
    	padding-left: 10px;
    	}

/*------------------------line------------------------*/

#line{
	width:100%;
	height:auto;
	background-image: url("img/BG_design2.png");
	background-repeat:repeat repeat;
	background-position: top center;
	padding:150px 0 200px 0;
	position:relative;

}

.line_content{
	width:100%;
	background-color:#00d000;
}

.line_content_inner{
	width:1140px;
	margin:0 auto;
	position:relative;
	height:410px;
}

.seesaa{
	position:absolute;
	bottom:0;
	left:-133px;
}
.line_button{
	display:none;
}

#footer{
	width:100%;
	height:auto;
	margin-top: -135px;
	color:#f5f5f5;
}

.footer_wave{
	width:100%;
	height:0;
	background-image: url("img/footer_bg.png");
	padding-top:calc(136 / 1200 * 100%);
	background-position:center center;
	background-size: cover;
	position:relative;
}

.footer_container{
	width:100%;
	height:auto;
	background-color:#0d1b39;
	position: relative;
}

.footer_content_inner{
    	width: 575px;
    	height: auto;
    	margin: 0 auto;
}

.footer_content img{
	width:250px;
	display:inline-block;
}

.footer_content{
    	position: relative;
    	padding-bottom:40px;
}

.footer_contact{
	position: absolute;
    	top: 60px;
    	right: 0;
    	width: 250px;
    	height: auto;
    	text-align:center;
}

.footer_contact img{
	width: 20px;
	position: absolute;
	top:0;
	left:25px;
}

.footer_yoyaku{
	font-size:10pt;
	font-weight: 200;
}

.footer_tel{
	font-size:24pt;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.cr{
	text-align:center;
	padding-bottom:50px;
	font-size:8pt;
}

.cr p{
	display:inline-block;
}

.contract,.contract_nav{
	display:none;
}

#topback a{
	background:url("img/topback_button.png")no-repeat;
	background-size: cover;
	display:block;
	position: fixed;
	width:50px;
	height:50px;
	right:30px;
	bottom: -100px;
	z-index: 999;
	text-indent: -9999px;
	transition: bottom 0.6s ease-in,transition,background 0.2s ease-in;
        -webkit-transition: bottom 0.6s ease-in,background 0.2s ease-in;
        -moz-transition: bottom 0.6s ease-in,background 0.2s ease-in;

}

#topback.fixedup a{
	bottom:15px;
	transition: bottom 0.6s ease-in,transition,background 0.2s ease-in;
        -webkit-transition: bottom 0.6s ease-in,background 0.2s ease-in;
        -moz-transition: bottom 0.6s ease-in,background 0.2s ease-in;

}

#topback.fixedup a:hover{
	background:url("img/topback_button_over.png")no-repeat;
	width:50px;
	height:50px;
	background-size: cover;

}

img[src$="img/map_icon.png"]{
	width: 150px !important;
    	height: 112px !important;
}

/*------------------------ナビゲーションメニュー------------------------*/

.nav_inner1{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.nav_inner2{
  width:1200px;
  margin: 0 auto;
  position: relative;
}
 
.nav_inner1:after,.nav_inner2:after{
  content:"";
  clear: both;
  display: block;
}

/*--header--*/
 
#nav-head1{
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  line-height: 1;
  z-index: 999;
}

#nav-head2{
  position: fixed;
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  background-color:rgba(240,240,240,0.9);
  height:90px;
  box-shadow: 0px 6px 4px rgba(128,128,128,0.5);
}
 
#nav-head1 a,
#nav-head1{
	color: #f6f6f6;
	text-decoration: none;
	font-family: vdl-logojr, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#nav-head2 a,
#nav-head2{
	color: #0a0a0a;
	text-decoration: none;
	font-family: vdl-logojr, sans-serif;
	font-weight: 400;
	font-style: normal;
}
 
#nav-head1 .nav_inner1,
#nav-head2 .nav_inner2{
    position: relative;
}

#nav-head1 .logo,
#nav-head2 .logo{
    float: left;
    position: relative;
    height: 50px;
    padding-top:10px;
}

#nav-head1 .logo a {
  position: absolute;
  background:url(img/logo.png) no-repeat;
  width:95px;
  height: 70px;
  background-size:cover;
}

#nav-head2 .logo a{
  	position: absolute;
	background:url(img/logo_black.png) no-repeat;
	width:95px;
	height:70px;
	padding:0;
	background-size:contain;
	top: 10px;
}

#nav-head2 .logo a:hover{
	background:url("img/logo_hover.png")no-repeat;
  	width:95px;
  	height: 70px;
	background-size:contain;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#global-nav ul {
    list-style: none;
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 18pt;
}

.nav_color ul li a{
	color:#0a0a0a ;
}

#global-nav ul li {
    float: left;
    padding:0 20px;
}
#global-nav ul li a {
    padding: 5px 5px 10px 5px;
    position: relative;
    display: inline-block;
}


 
#global-nav ul li a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #1f99bf;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

#global-nav ul li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
 
nav span{
    background:#666;
    height:2px;
    display:block;
    position:relative;
    width:50px;
    left:0;
}


 
 
/*--固定化されたときのCSS--*/
 
#nav-head1.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding: 25px 0 25px 0;
    background: #fff;
    background: rgba(0,0,0,.5);
    transition: top 0.6s ease-in;
    -webkit-transition: top 0.6s ease-in;
    -moz-transition: top 0.6s ease-in;
}
 
#nav-head1.fixed .logo {
    position: relative;
    font-size: 24px;
    color: #333;
    margin-top:-20px;
    margin-bottom: 8px;
}

#nav-head1.fixed #global-nav ul{
	top:5px;
}

#nav-head1.fixed .logo img{
	position:absolute;
	top:5px;
}
 
#nav-head1.fixed .logo a {
  position: absolute;
  background:url(img/logo.png) no-repeat;
  width:95px;
  height:70px;
  background-size:cover;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#nav-head1.fixed .logo a:hover{
   background:url(img/logo_hover2.png) no-repeat;
    width:95px;
    height:70px;
    background-size:cover;
}

#nav-head1.fixed #global-nav ul li a {
    color: #f4f4f4;
    padding-bottom: 10px;
}
 
 
 
/*--スマホのトグルボタンのCSS--*/
 
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #f4f4f4;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
 
 .current1 a{
	color:#f8f03e !important;
}

 .yoyaku a{
	color:#e82727 !important;
}

#global-nav ul li.current2 a{
	color:#00a0d2 !important;
}

/*--gnav sp--*/
@media screen and (max-width: 767px) {

    #nav-head2 a{
	color:#f4f4f4;
}
    .head-inner {
      display: none;
    }
 
    .slick-next {
      right: 0;
    }
    
    #nav-head2{
	background:none;
	height:0;
	z-index:999;
	margin:100px auto 0;
}
 
    #nav-head1
    .nav_inner1,
    #nav-head2 .nav_inner2{
        width: 100%;
        padding: 0;
    }
    
    #nav-head2 .logo{
    	background:url(img/logo.png) no-repeat;
    	background-size:contain;
    	}

#nav-head1.fixed .logo{
	margin-top: 0px;
}
    
    #nav-head1,
    #nav-head2{
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    
    /* Fixed reset */
    #nav-head1.fixed ,#nav-head2.fixed{
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        /*height: 56px;*/
        z-index: 999;
        position: relative;
    }
    #nav-head1.fixed .logo,
    #nav-head1 .logo ,
    #nav-head2 .logo{
        z-index: 999;
        position:fixed !important;
    	left:20px;
    	top:10px;
    	padding:0;
        /*display: none;*/
    }
    
    #nav-head1.fixed .logo img {
	position:fixed !important;
    	left:20px;
    	top:10px;
}

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: 100px;
        width: 100%;
        text-align: center;
        z-index:9999;
        opacity: 0;
	visibility: hidden;
        -webkit-transition: .1s ease-in-out;
        -moz-transition: .1s ease-in-out;
        transition: .1s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        display: block;
        border-bottom: 1px solid #fff;
    }

    #nav-head1 #global-nav ul li a,
    #nav-head1.fixed #global-nav ul li a,
    #nav-head2 #global-nav ul li a,
    #nav-head2.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color:#f4f4f;
        padding: 18px 0 13px 5px;
        font-size: 13pt ;
    	text-align: left;
    }
    #nav-toggle {
        display: block;
    }
    
    .nav_bg{
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100vw;
	  height: 100vh;
	  z-index: 100;
	  background-color: #00a0d2;
	  opacity: 0;
	  visibility: hidden;
	  cursor: pointer;
	      transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
}

.nav_color ul li a{
	color:#f4f4f4;
}

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        	    opacity: 1;
	  visibility: visible;
        /*-moz-transform: translateY(560px);
        -webkit-transform: translateY(560px);
        transform: translateY(560px);*/
    }

  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg);
  }

  .open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%;
  }

  .open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg);
  }

  /* #global-nav スライドアニメーション */
  .open #global-nav {
      /* #global-nav top + #mobile-head height */
      	    opacity: 1;
	  visibility: visible;
	      transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;

      /*-moz-transform: translateY(560px);
      -webkit-transform: translateY(560px);
      transform: translateY(560px);*/
  }
  
  .open .nav_bg{
	    opacity: 1;
	  visibility: visible;
	      transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
  }


.info_link{
}

.map_link{
}

#global-nav ul li.current2 a{
	color:#f8f03e !important;
}

}


/*footer nav*/

nav.footer_nav{
	text-align: center;
	padding:50px 0 20px 0;
}

nav ul{
	margin: 0 ;
	padding: 0 ;
}
nav ul li{
	list-style: none;
	display: inline-block;
	padding:0 20px;
	font-size:16pt;
}
nav ul li a{
	text-decoration: none;
	color:#f5f5f5;
}
nav ul li.current a{
}
nav ul li a:hover{
	color: #E7DA66;
}


.menu_content_f{
	width:100%;
	height:auto;
	padding:220px 0 150px 0;
	position:relative;
}

.menu_content_f_inner{
	width:1200px;
	margin:0 auto;
}

.menu_content_f_inner .content_img{
	display: block;
    	margin: 0 auto;
    	padding-bottom:55px;
    	width:206px;
	height:auto;

}

/*------------------------menu_page------------------------*/

.section2-1{
	padding-bottom:150px;
}

#other_footer{
	width:100%;
	height:auto;
	color:#f5f5f5;
	margin:0;
	background-color: #08122a;
}

.footer_content1,.footer_content2{
	position: relative;
}

.other_cr{
	padding:20px 0;
	text-align: center;
    	font-size: 8pt;
}

/*tabs*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	width:1000px;
	height:auto;
	margin:0 auto;
}

.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}

.cp_tab .cp_tabpanel {
	display: none;
}

.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-bottom: 0;
}

.cp_tab > label:hover,
.cp_tab > input:focus + label {
	/*color: #0066cc;*/
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	/*border-color: #cccccc;*/
	border-bottom: 2px solid #1f99bf;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	/*border-top: 1px solid #cccccc;*/
}

.cp_tab label{
	color:#0a0a0a;
	font-size:32pt;
	margin:0 99px;
	font-family: vdl-logojr, sans-serif;
	font-weight: 400;
}

.cp_tabpanels{
	padding-top:55px;
}

/*.cp_tab label::after{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #1f99bf;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.cp_tab label:hover::after{
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);}*/

#first_tab01,#second_tab01,#third_tab01{
	overflow: hidden;
}

.food_img,.course_img{
	float:left;
	padding-right:50px;
}

.food_img img,.course_img img{
	vertical-align: bottom;
}

.drink_area{
	overflow: hidden;
}

.corse_g{
	clear: both;
        padding-top: 50px;
}

.drink_area_l{
	float:left;
}

.drink_area_r{
	float:right;
}

.food_content{
	position:relative;
	width:550px;
	margin-left:auto;
}

.course_content{
	position:relative;
	width:450px;
	margin-left:auto;
}

.drink_content{
	position:relative;
	width:450px;
}

p.food_title,p.drink_title,p.course_title{
	font-size:23pt;
	padding-bottom:9px;
	border-bottom : 2px dotted #0b0b0b;
	font-weight: 500;
}

p.drink_title_small{
	font-size:19pt;
}

.suigyu{
	position:absolute;
	top:0;
	right:0;
}

.food_name_parent,.drink_name_parent,.course_item_parent{
	padding-top:20px;
}

.course_item_top{
	position:relative;
	font-size:12pt;
	padding-bottom:25px;
}

.food_name,.drink_name,.course_item_top{
	position:relative;
	font-size:12pt;
	padding-bottom:25px;
}

.food_name_kai{
	display:none;

}

.food_name p:first-child,.drink_name p:first-child{
	position: absolute;
	left:0;
}

.food_name p:last-child,.drink_name p:last-child{
	position: absolute;
	right:0;
}


.course_item p:first-child,.course_item_top p:first-child{
	position:absolute;
	left:0;
	font-weight:bold;
}

.course_item_top p:last-child{
	position:absolute;
	left:200px;
}

.course_item p:nth-child(n + 2){
	position:relative;
	left:200px;
	width:250px;
}

.food_top,.drink_top,.course_top{
	clear:both;
	padding-top:50px;
}

p.middle{
position: absolute;
    left: 145px;
}

p.middle_after{
	display:none;
}

.subject{
	padding-top:20px;
}

.special_content{
	clear: both;
    	padding-top: 50px;
}

/*pankuzu*/

.breadcrumb {
  position:absolute;
  padding-left:0;
  margin-left:0;
  top: 100px;
  padding:0;
  font-size:10pt;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: 500;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/*------------------------recruit_page------------------------*/

.recruit_inner{
	width:1200px;
	margin:0 auto;
	padding:220px 0 150px 0;
}

.recruit_t{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  width: 1140px;
}
.recruit_t th,
.recruit_t td{
  border: 2px solid #1f99bf;
}
.recruit_t th{
  background: #08122a;
  width:140px;
  color:#f5f5f5;
  text-align: center;
  padding: 1em 1em;
}

.recruit_t td{
  background: #f5f5f5;
  padding:1em 0 1em 40px;
}

.recruit_inner .content_img{
	display: block;
    	margin: 0 auto;
    	padding-bottom: 55px;
    	width:206px;
	height:auto;
}

.recruit_text,.cr_text{
	display:inline-block;
}

.recruit_text_hosoku{
	display:block;
}



.fadeInUp {
  opacity : 0;
  transform: translateY(40px);
  transition: 1.5s;
}

.takeout_inner{
	width:1200px;
	margin:0 auto;
	padding:220px 0 150px 0;
}

.takeoutImages{

}

.takeoutMenu1{
	width:100%;
	height:833px;
	background-image:url("img/menu/takeout/GachimayaaTakeoutMenu_01.jpg");
	background-repeat: no-repeat;
	margin-bottom:75px;
	position:relative;
	background-size: contain;
}

.takeoutMenu1 p,.takeoutMenu2 p{
    position: absolute;
    right: 0px;
    top: -30px;
    font-weight: 500;
}

.takeoutMenu2{
	width:100%;
	height:845px;
	background-image:url("img/menu/takeout/GachimayaaTakeoutMenu_02.jpg");
	background-repeat: no-repeat;
	position:relative;
	background-size: contain;
}

.DL_button{
	width:100px;
	height:100px;
	background-image:url("img/DL_button.png");
    	top: 0;
    	right: 0;
	background-size: cover;
    	position: absolute;
}

.DL_button:hover{
	width:100px;
	height:100px;
	background-image:url("img/dl_buttonHover.png");
    	top: 0;
    	right: 0;
	background-size: cover;
    	position: absolute;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}