@charset "utf-8";
/* CSS Document */

body{
  margin:0!important;
}

ul{padding-inline-start: 0px!important;}

/*---------- 共通 ----------*/
#wrapper { min-width:1000px; overflow:hidden; }
#contents > section:not(:first-of-type) { margin-top:100px; }
.inner { position:relative; max-width:1000px; width:100%; margin-left:auto; margin-right:auto; }

.color_re { color:#c33; }
.pc_none { display:none!important; }

.bg_gr { background:#00025b; padding:50px 0; color:#fff }
.no_list { list-style:decimal; padding-left:20px; }

span.ico { position:relative; }
span.ico:before { content:""; position:absolute; background-repeat:no-repeat; background-size:contain; display:inline-block; }

.slick-slide { height:auto; }

.wide_images { width: 100%; height: 223px; margin: 100px auto; 
  background: no-repeat center /cover; }


.f_logo {width: 250px; margin: 40px auto 0;}
#copy { background-color:#3c3c3c; color:#fff; font-size:12px; text-align:center; padding:17px 10px; }
#copy a { color:#fff; }

/* flo_nav */
#flo_nav {position:fixed; bottom:0; right:0; font-size:16px;}
#flo_nav>p { margin: 1em 0 0;}
#flo_nav>p>a { position: relative; bottom: 0; display: block; padding: 1em 0; font-weight:bold; color:#FFF; letter-spacing:0; text-align:center;}
#flo_nav>p>a:hover { bottom: 0.6em;}

#btn_tel>a,#btn_contact>a,#btn_recruit>a {line-height: 4.4em; writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; }
#btn_tel>a { background:#29a0d7;}
#btn_contact>a { background:#ec881e;}
#btn_recruit>a { background:#232580;}
#pagetop>a { line-height: 1; background:#4d4d4d;}

/* title -------------- */
.conttl1, .conttl1_jp { position:relative; margin-bottom:20px; }
.conttl1 .en { font-size:25px; font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif; font-style:italic; color:#000; line-height:1; letter-spacing:2px; }
.conttl1 .jp { font-size:13px; line-height:1; margin-left:30px; }
.conttl1_jp { font-size:22px; color:#000; line-height:1.5; font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif; font-style:italic; }

.conttl2 { position:relative; background-color:#000; color:#fff; text-align:center; margin-bottom:25px; padding:8px 10px; }
.conttl2:after { content:""; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%);	width:0; height:0; border:7px solid transparent; border-top:8px solid #001838; }

.conttl3 { font-size:23px; font-weight:bold; color:#000; font-style:italic; line-height:1; letter-spacing:2px; text-align: center;}
.conttl4 { font-size:2em; font-weight:bold; font-style:italic; }
.conttl5 { font-size:18px; font-weight:bold; font-style:italic; text-align: center;}

.blog .conttl1 .en, .blog p, .blog h3, .shop_info .conttl3,  .shop_info a { color:#fff }

.conttl6 { font-size:20px; font-weight:bold; font-style:italic; text-align: center; margin: 50px 0 20px;}


/* btn -------------- */
.btn { margin: 30px auto 0; }
.btn a { position: relative; display: inline-block; padding: 2em 5em; border: 1px solid #a4a4a4;}
.btn a::before { content:">"; position:absolute; top:50%; right:10px; transform:translateY(-50%); }
.btn a:hover { background-color:#000; color:#fff; border-color:#000; }
.btn a:hover::before { color:#fff; }


.btn1 { width:100%; max-width:120px; }
.btn1 a { position: relative;
  display: block; padding: .3em 1em .1em 0;
  border: 1px solid #9a9a9a; background-color: #fff;
  text-align: center; font-size: 12px; line-height: 1.6; color: #808080;
  }
.btn1 a:after { position:absolute; content:">"; top:50%; right:10px; transform:translateY(-50%); }
.btn1 a:hover { background-color:#000; color:#fff; border-color:#000; }
.btn1 a:hover:after { color:#fff; }


.btn2{ width:100%; max-width:120px; }
.btn2 span { position:relative; display:block; border:1px solid #888; background-color:#fff; font-style:italic; text-align:center; padding:0 10px; line-height:1.6; transition:all 0.3s; 
  }
.btn2 span:hover { background-color:#000; border-color:#001838; cursor:pointer; }
.btn2 span:hover input { color:#fff; }
.btn2.search { display:inline-block; }


.submit2 { max-width:350px; margin:0 auto; flex-direction:row-reverse; -webkit-flex-direction:row-reverse; }

.submit {text-align: center;}
.submit input { font-size:15px; background: #000; padding: 10px; color: #fff; width: 300px;}


.btn_or { display: block; padding: .8em 1em .6em; margin-bottom: 50px; font-size: 1.5em; font-weight: bold; background: #f64500; color: #fff; }



/*banner -------------- */
.topbanner2 {margin: 50px 0 100px;}
.topbanner2 li {width: 48%; border: 1px solid #c1c1c1; padding: 16px;  }
.topbanner2 li h3 { font-size: 42px; color: #42210b; }
.topbanner2 li p { color: #42210b; }



/* table */
.tbl { width:100%; table-layout:fixed; }
.tbl th { width:25%; padding:10px; font-weight:500; }
.tbl td { width:75%; padding:10px 20px; }
.tbl1 th { background-color:#000; color:#fff; }
.tbl1 tr:first-child { border-top:1px solid #000; }
.tbl1 tr:nth-child(n+2) { border-top:1px solid #fff; }
.tbl1 td { border:1px solid #aaa; }
.tbl2 { border-collapse:collapse;}
.tbl2 th { border:1px solid #aaa; background: #666; color: #fff;}
.tbl2 td { border:1px solid #aaa; }




/* ---- ページ送り ---- */
.pagination{ clear:both; margin:30px 0 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:5px 12px; background-color: #fff; }
.pagination a{ color:#000; text-decoration:none; background-color:#FFF; border:1px solid #000; }
.pagination a:hover, .pagination span.current { color:#FFF; background-color:#000; border:1px solid #000; }
.pagination span.disabled { border:1px solid #d0cac8; color:#d0cac8; }




/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 1040px) {
#wrapper { min-width:inherit; }
.pc_none { display:inherit; }
.tb_none { display:none; }

.conttl3 { font-size:20px; margin-top:50px; }

.inner { padding-left:30px; padding-right:30px; }


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

  .shop_info li { width:100%; }
  .shop_info ul > li:nth-child(n+2) { margin-top:30px; }

  .f-linkBox li { width:49%; }
  .f-linkBox li:nth-child(n+3) { margin-top:10px; }
  .f-linkBox li a { padding:13% 10%; }

}

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  .sp_only { display: none; }
}

/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 699px) {
.tb_none { display:inherit; }
.pc_none { display: inherit; }
.sp_none { display:none; }
.inner { padding:0; }

.flex-between h3 .topLinkTxt {
	font-size: 1.2rem;
}

#contents > section:not(:first-of-type) { margin-top:50px; }

.conttl1, .conttl1_jp { margin-bottom:10px; }
.conttl1:before { height:22px; }
.conttl1 .en, .conttl1_jp { font-size:18px; }
.conttl1_jp:before { height:24px; }
.conttl1 .jp { font-size:12px; margin-left:20px; }

.conttl3 { font-size:17px; margin-top:30px; }

.conttl4 { font-size:17px; }

.scroll::-webkit-scrollbar{ width:8px; }
.scroll::-webkit-scrollbar-thumb{ background:#aaa; border-radius:15px; }
.scroll::-webkit-scrollbar-track-piece:start{ background:#ddd; border-radius:15px; }
.scroll::-webkit-scrollbar-track-piece:end{ background: #ddd; border-radius:15px; }

.tbl { border-spacing:0 15px; }
.tbl th, .tbl td { padding:5px 10px; display:block; width:100%; line-height:1.8; }

.btn_or { margin-bottom: 30px; font-size: 1.2em;}


header.inner { padding: 0; height: 70px;}
header .logo img {width: 150px;}
header .tel, header .hour { display:none; }
header .info_box {display: none;}
#gnav ul li a {}
#gnav ul li .en { font-size:13px; line-height:1.7; }

/* calendar */
.calendar .notes { position: inherit; margin-top: 0; padding-left: 0; padding-left: 1.5em; }
.calendar .notes::before { left: 0; }
#cal .flex { margin: 20px auto; }
#cal .data { width:100%; position:relative; }
#cal .pn { display:block; position:absolute; top:0; right: 3%; margin:0; }
#cal .pn a { display:inline-block; padding:0 10px; line-height:24px; color:#fff; text-decoration:none; background:#ffd06a; position:relative; }
#cal .pn a::before { content:""; display:block; position:absolute; top:0; width:0; height:0; border-style:solid; }
#cal .ym { width: 100%; margin: 0; }
#cal .ym > span { display: inline; }
#cal .next a::before { right:-10px; border-width:12px 0 12px 10px; border-color:transparent transparent transparent #ffd06a; }
#cal .prev a::before { left:-10px; border-width:12px 10px 12px 0; border-color: transparent #ffd06a transparent transparent; }
#next_month { display:none; }
#cal .calendar { width: 100%; }
.calendar td { text-align: center; }


.wide_images { height: 150px; background-position-x: 60%; }

.topbanner2 {margin: 50px 0 30px;}
.topbanner2 li {width: 100%; border: 1px solid #c1c1c1; padding: 16px; margin-bottom: 20px;}
.topbanner2 li h3 { font-size: 26px;}

.f-linkBox li a { padding:10% 8%; }
.f-linkBox li a .en { font-size:20px; }

.shop_info .gmap { height:200px; }

#flo_nav { bottom: 1em; right: 1em; font-size: 14px; width: 4em; }

#copy { padding-bottom:17%; }
}


@media screen and (max-width: 400px) {
.shop_info .detail .btn1 { position:static; margin:10px auto 0; }
.f-linkBox li { width:100%; }
.f-linkBox li:nth-child(n+2) { margin-top:10px; }
.f-linkBox li a { padding:7% 10%; }

}


@media screen and (max-width: 350px) {
  #flo_sp .tel span { font-size:14px; }
}